@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; border-top: 2px solid #53555d; color: #969696; font-size: 18px; width: 100%; }
table thead { background: #393a3e; }
table tbody { background: #303135; }
table td { border-bottom: 1px solid #393a3e; padding: 30px 50px; vertical-align: middle; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { position: relative; overflow-x: hidden; }

body { width: 100%; background-color: #1b1c1e; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 20px; color: #858688; min-height: 100vh; }

a { transition: all 0.3s ease; color: #8e98a5; text-decoration: none; }

a:hover { text-decoration: none; }

p { margin-bottom: 20px; }

h1, h2, h3 { color: #fff; font-family: 'Bebas Neue', cursive; font-weight: 400; }

h1 { font-size: 72px; letter-spacing: 1px; }

h2 { font-size: 72px; }

h3 { font-size: 18px; }

img { max-width: 100%; }

select { background: #2f3033; border: 1px solid #43454b; width: 100%; color: #d1d1d1; padding: 0px 78px 0px 38px; height: 70px; position: relative; -webkit-appearance: none; background-image: url(../images/select-icon.png); background-position: right 30px center; background-repeat: no-repeat; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none !important; cursor: pointer; }

input, textarea { background: #2f3033; border: 1px solid #43454b; color: #fff; padding: 0px 40px; height: 70px; line-height: 70px; position: relative; font-size: 16px; width: 100%; }

button, .button { transition: all 0.3s ease; cursor: pointer; background: #2259a3; font-size: 18px; text-transform: uppercase; border: none; color: #e4d5e1 !important; border-radius: 2px; position: relative; z-index: 1; text-align: center; text-transform: uppercase; padding: 23px 35px; }
button:hover, .button:hover { filter: brightness(120%); }

.button { display: inline-block; text-decoration: none; }

:focus { outline: none; }

::-webkit-input-placeholder { color: #555555; }

::-moz-placeholder { color: #555555; }

:-moz-placeholder { color: #555555; }

:-ms-input-placeholder { color: #555555; }

.container { max-width: 1164px; position: relative; margin: 0 auto; }

.flex { display: flex; flex-wrap: wrap; }

.flex-c { display: flex; align-items: center; flex-wrap: wrap; }

.flex-s { display: flex; justify-content: space-between; flex-wrap: wrap; }

.flex-s-c { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.flex-c-c { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }

.bright { transition: 0.3s; }

.bright:hover { filter: brightness(120%); }

.video { position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; opacity: 0.8; }
.video:after { content: ""; position: absolute; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }

.video-third { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; overflow: hidden; opacity: 0.6; }

.header { padding: 17px; position: fixed; top: 0; left: 0; right: 0; width: 100%; transition: 0.3s; z-index: 99; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); }

.header-logo { width: 125px; }

.nav { width: calc(100% - 125px); }

.menu { display: flex; align-items: center; }
.menu li { position: relative; }
.menu li a { display: block; font-size: 18px; font-weight: 600; text-transform: uppercase; position: relative; }
.menu li a:hover { color: #fff; }

.menu-left { padding-left: 25px; }
.menu-left li { margin: 0px 35px; }

.menu-right { justify-content: flex-end; }
.menu-right li { margin: 0px 40px; }
.menu-right li:first-child:after { content: ""; position: absolute; right: -40px; height: 32px; width: 1px; background: rgba(255, 255, 255, 0.15); top: 50%; margin-top: -16px; }

.download-pc { color: #fff; border-radius: 3px; background-image: url(../images/windows-icon.png); background-position: center left 40px; background-repeat: no-repeat; background-color: #2259a3; padding: 25px 50px 25px 100px !important; margin: 0px !important; }
.download-pc:hover { filter: brightness(120%); }

.header.fixed { background: #020202; padding: 0px 0px 0px 17px; }
.header.fixed .header-logo { width: 100px; }
.header.fixed .nav { width: calc(100% - 100px); }
.header.fixed .download-pc a { border-radius: 0px; background-color: #2158a0; }

.firstBlock { padding-top: 515px; padding-bottom: 50px; background: linear-gradient(to top, #050505, rgba(27, 28, 30, 0)); }
.firstBlock-title { text-align: center; margin-bottom: 120px; }
.firstBlock-title span { color: #429afd; font-size: 24px; font-family: 'Bebas Neue', cursive; }

.carouselBlock-title { padding: 0px 10px; margin-bottom: 20px; }
.carouselBlock-title span { color: #b3b3b3; font-size: 24px; }

.icon { display: inline-block; position: relative; transition: 0.3s; }

.icon-plus { background: url(../images/plus-icon.png) no-repeat; width: 19px; height: 19px; }

.carousel-slide { padding: 10px; }

.news { border: 1px solid #3b3b3b; background: #2f3033; padding: 20px; border-radius: 1px; }
.news-img { margin-bottom: 28px; }
.news-img a { display: flex; justify-content: center; }
.news-img img { height: 115px; object-fit: cover; }
.news-info { margin-bottom: 16px; color: #808080; font-size: 16px; }
.news-info span { position: relative; }
.news-info span:not(:last-child) { margin-right: 30px; }
.news-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news-title a { color: #fff; font-weight: 600; }
.news-title a:hover { color: #bcbdbd; }

.color-orange { color: #ff7326; }

.color-blue { color: #26a6ff; }

.news-date:before { content: ""; position: absolute; left: -16px; width: 1px; height: 16px; top: 50%; margin-top: -7px; background: #58595b; }

.slick-arrow { font-size: 0px; width: 52px; height: 50px; position: absolute; top: 50%; margin-top: -25px; padding: 0px; }
.slick-arrow:hover { filter: brightness(140%); }

.slick-prev { background: url(../images/top-carousel-arrow-left.png) no-repeat; left: -58px; }

.slick-next { background: url(../images/top-carousel-arrow-right.png) no-repeat; right: -58px; }

.swiper { width: 100%; height: 100%; }

.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.slider-swiper { height: 575px; }

.slider-swiper img { position: absolute; left: 0; top: 0; }
.slider-swiper h2 { position: absolute; z-index: 2; bottom: 180px; left: 0; margin-bottom: 0px; }

.slider-swiper-buttons { position: absolute; left: 0; bottom: 90px; background: rgba(39, 40, 41, 0.77); height: 60px; padding: 0px 60px; display: flex; align-items: center; justify-content: center; z-index: 2; }
.slider-swiper-buttons .swiper-pagination { display: flex; align-items: center; justify-content: center; position: relative; bottom: auto; left: auto; border-left: 1px solid #3d3e3f; border-right: 1px solid #3d3e3f; padding: 5px 15px; }
.slider-swiper-buttons .swiper-pagination .swiper-pagination-bullet { background: #4c4c4c; margin: 0px 10px; }
.slider-swiper-buttons .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #47a4d4; }

.swiper-button { width: 17px; height: 22px; position: absolute; top: 50%; margin-top: -11px; }
.swiper-button:after { display: none; }
.swiper-button.swiper-button-next { background: url(../images/arrow-next.png) no-repeat; right: 25px; left: auto; }
.swiper-button.swiper-button-prev { background: url(../images/arrow-prev.png) no-repeat; left: 25px; right: auto; }

.swiper-container { height: 100%; }

.thirdBlock .container { height: 835px; position: relative; z-index: 10; }

.thirdBlock-flex { text-align: center; max-width: 800px; margin: 0 auto; }
.thirdBlock-flex h2 { margin-bottom: 60px; }

.tr { background: url(../images/back-button.png); width: 505px; height: 58px; line-height: 58px; display: inline-block; text-align: center; color: #b3b3b4; }
.tr span { color: #fff; font-weight: 600; }

.thirdBlock { position: relative; background-color: #000; }
.thirdBlock:before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; left: 0; top: 0; }

.char { position: relative; height: 757px; }
.char .mySwiper-container { position: absolute; bottom: 60px; height: 100px; width: 100%; }
.char .mySwiper { max-width: 1085px; margin: 0 auto; border-top: 1px solid rgba(255, 255, 255, 0.05); }

.mySwiper2-buttons { position: absolute; bottom: 60px; height: 100px; width: 100%; }

.mySwiper2-buttons-container { max-width: 1195px; margin: 0 auto; position: relative; }
.mySwiper2-buttons-container > div { height: 100px; width: 45px; top: 0; margin-top: 0px; border-top: 1px solid rgba(255, 255, 255, 0.05); transition: 0.3s; }
.mySwiper2-buttons-container > div:hover { filter: brightness(140%); }
.mySwiper2-buttons-container > div:after { display: none; }
.mySwiper2-buttons-container > div.swiper-button-next { background: url(../images/arrow-next.png) center no-repeat; }
.mySwiper2-buttons-container > div.swiper-button-prev { background: url(../images/arrow-prev.png) center no-repeat; }

.mySwiper-slide { display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; }
.mySwiper-slide:after { content: ""; position: absolute; right: 0; top: 50%; height: 32px; margin-top: -16px; width: 1px; background: rgba(255, 255, 255, 0.05); }
.mySwiper-slide i { margin-right: 25px; }
.mySwiper-slide.swiper-slide-thumb-active:before { content: ""; position: absolute; left: 0; top: 50%; height: 32px; margin-top: -16px; width: 1px; background: rgba(255, 255, 255, 0.05); }

.icon-class { background: url(../images/class-icon.png) no-repeat; width: 36px; height: 46px; transition: 0.3s; }

.mySwiper-slide:hover { color: #fff; }
.mySwiper-slide:hover .icon-class { background: url(../images/class-icon-hover.png) no-repeat; }

.video-slide { width: 270px; height: 160px; }

.mySwiper2-slide .container { height: 100%; }
.mySwiper2-slide img { position: absolute; top: 0; }

.mySwiper2-info { position: absolute; width: 100%; bottom: 200px; left: 0; }
.mySwiper2-info h2 { margin-bottom: 20px; }
.mySwiper2-info_title { color: #a5a5a5; max-width: 420px; }

.footer { background: #17181a; }

.footerTop { padding: 45px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }

.socBlock a { background-color: #111213; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background-position: center; background-repeat: no-repeat; opacity: 0.8; }
.socBlock a:not(:last-child) { margin-right: 20px; }
.socBlock a:hover { opacity: 1; }

.fb { background-image: url(../images/icon-fb.png); }

.dc { background-image: url(../images/icon-dc.png); }

.langBlock { position: relative; color: #d7d7d7; font-size: 16px; z-index: 2; }

.langBlock-active { background-image: url(../images/arrow-down.png); background-position: right 20px center; background-repeat: no-repeat; background-color: #2c2e31; border-radius: 3px; display: flex; align-items: center; padding: 15px 17px 15px 17px; min-width: 190px; cursor: pointer; transition: 0.3s; }
.langBlock-active:hover { filter: brightness(120%); }
.langBlock-active i { margin-right: 12px; }

.icon-lang { background: url(../images/icon-lang.png) no-repeat; width: 15px; height: 15px; }

.langBlock-drop { background-color: #2c2e31; position: absolute; top: 100%; right: 0; width: 100%; margin-top: 10px; transition: 0.3s; opacity: 0; visibility: hidden; }
.langBlock-drop.active { visibility: visible; opacity: 1; }
.langBlock-drop li a { display: block; padding: 10px 20px; }
.langBlock-drop li a:hover { background: rgba(0, 0, 0, 0.1); }

.footerBottom { padding: 45px 0px 100px 0px; }

.f-menu { margin-bottom: 25px; }
.f-menu li:not(:last-child) { margin-right: 70px; }
.f-menu li a { color: #d7d7d7; font-weight: 600; font-size: 18px; }
.f-menu li a:hover { color: #fff; }

.copy { color: #888888; font-size: 16px; }

.modal_div { width: 100%; max-width: 410px; background-color: #2f3033; position: fixed; top: 15%; left: 50%; margin-left: -205px; display: none; opacity: 0; z-index: 205; padding: 35px; border-top: 2px solid #235e83; }

.modal_div .modal_close { width: 31px; height: 29px; position: absolute; top: 30px; right: 30px; cursor: pointer; display: block; background: url(../images/close.png) no-repeat; transition: 0.3s; opacity: 0.7; }
.modal_div .modal_close:hover { opacity: 1; }

#overlay { z-index: 200; position: fixed; background-color: #000; opacity: 0.8; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; }

.modal-container { padding: 15px 0px 15px 0px; }

.modalTitle { display: flex; align-items: center; font-family: 'Bebas Neue', cursive; font-size: 30px; font-weight: 400; color: #fff; text-transform: uppercase; padding-bottom: 35px; margin-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.modalTitle i { margin-right: 20px; top: -3px; }

.icon-title { background: url(../images/icon-title.png) no-repeat; width: 31px; height: 29px; }

.modalField { margin-bottom: 10px; }
.modalField input { border-radius: 3px; background: #141516; border: 1px solid #43464c; padding: 0px 25px; height: 54px; color: #fff; }

.modal_div.success { border-top: 2px solid #6ff72d; }
.modal_div.success .modalTitle { color: #6ff72d; }

.modal_div.error { border-top: 2px solid #f72d2d; }
.modal_div.error .modalTitle { color: #f72d2d; }

.checkField { padding: 15px 0px 20px 0px; color: #909090; font-size: 16px; }
.checkField a { color: #fff; text-decoration: underline; }
.checkField a:hover { text-decoration: none; }

.container-check { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.container-check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

.checkmark { position: absolute; top: -3px; left: 0; height: 25px; width: 25px; background-color: #141516; border: 1px solid #43464c; }

.container-check:hover input ~ .checkmark { background-color: #141516; }

.container-check input:checked ~ .checkmark { background-color: #141516; }

.checkmark:after { content: ""; position: absolute; display: none; }

.container-check input:checked ~ .checkmark:after { display: block; }

.container-check .checkmark:after { left: 9px; top: 3px; width: 5px; height: 10px; border: solid #19c1ff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.modalButton { padding: 10px 0px 20px 0px; }
.modalButton button, .modalButton .button { width: 100%; }

.modalq { text-align: center; }
.modalq a { color: #fdfdfd; font-size: 16px; }

.page { background-image: url(../images/page-bg.jpg); background-repeat: no-repeat; background-position: top center; }

.market { background-image: url(../images/market-bg.jpg); background-repeat: no-repeat; background-position: top center; }

.news-page { background-image: url(../images/news-header-img.jpg); background-repeat: no-repeat; background-position: top center; }

.main { min-height: 80vh; padding-top: 400px; padding-bottom: 80px; }

.page-title { font-size: 48px; display: flex; align-items: center; margin-bottom: 60px; }
.page-title i { margin-right: 25px; }
.page-title span { color: #75767a; padding-right: 10px; }

.icon-page-title { background: url(../images/icon-page-title.png); width: 44px; height: 41px; bottom: 4px; }

.dBlock { background: #2f3033; border: 1px solid #43454b; padding: 45px 60px 45px 60px; margin-bottom: 70px; }
.dBlock-title { color: #888888; font-size: 24px; }
.dBlock-title span { color: #cdcdcd; font-weight: 600; }

.dBlock-title { margin-bottom: 10px; }

.dBlock-flex { margin-left: -10px; margin-right: -10px; }

.dBlock-download { padding: 10px; width: 33.3%; }
.dBlock-download a { display: flex; align-items: center; justify-content: center; height: 95px; background-color: #48494e; }
.dBlock-download a:hover { background-color: #5f6168; }

.downloadTable-row { display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(255, 255, 255, 0.03); }
.downloadTable-row:last-child { border-bottom: 0px; }

.downloadTable { background: #2f3033; border: 1px solid #43454b; padding: 30px 70px; }

.downloadTable-head { color: #fff; font-weight: 600; }

.downloadTable-body { color: #858688; }

.downloadTable-td { padding: 35px 25px; }
.downloadTable-td:nth-child(1) { width: 22%; }
.downloadTable-td:nth-child(2) { width: 39%; }
.downloadTable-td:nth-child(3) { width: 39%; }

.regsiterForm { max-width: 510px; width: 100%; }

.formGroup { padding: 5px 0px; }

.register-title { color: #acacac; margin-bottom: 25px; }

.formGroupFields { margin-bottom: 25px; }

.dataBlock .nice-select { width: 31%; }

.hr { height: 1px; background: rgba(255, 255, 255, 0.05); margin: 40px 0px; }

.checkReg { padding: 0px; margin-bottom: 45px; }

.regsiterOther { max-width: 510px; width: 100%; }

.fb-button { width: 100%; background-color: #2a70ff; background-image: url(../images/facebook-icon.png); background-position: center left 35px; background-repeat: no-repeat; padding: 25px 35px 25px 65px; }

.button-other { padding: 5px 0px; }

.class-icon-archer { background: url(../images/class-icon-archer.png); width: 36px; height: 46px; }

.mySwiper-slide:hover .class-icon-archer { background: url(../images/class-icon-archer-hover.png); }

.class-icon-trickstar { background: url(../images/icon-class-trickstar.png); width: 36px; height: 46px; }

.mySwiper-slide:hover .class-icon-trickstar { background: url(../images/icon-class-trickstar-hover.png); }

.class-icon-magician { background: url(../images/class-icon-magician.png); width: 48px; height: 46px; }

.mySwiper-slide:hover .class-icon-magician { background: url(../images/class-icon-magician-hover.png); }

.class-icon-assasin { background: url(../images/icon-class-assasin.png); width: 37px; height: 46px; }

.mySwiper-slide:hover .class-icon-assasin { background: url(../images/icon-class-assasin-hover.png); }

.class-icon-berserker { background: url(../images/icon-class-berserker.png); width: 36px; height: 46px; }

.mySwiper-slide:hover .class-icon-berserker { background: url(../images/icon-class-berserker-hover.png); }

.class-icon-guardian { background: url(../images/icon-class-guardian.png); width: 36px; height: 46px; }

.mySwiper-slide:hover .class-icon-guardian { background: url(../images/icon-class-guardian-hover.png); }

.class-icon-priest { background: url(../images/icon-class-priest.png); width: 36px; height: 46px; }

.mySwiper-slide:hover .class-icon-priest { background: url(../images/icon-class-priest-hover.png); }

.class-icon-sorceser { background: url(../images/icon-class-sorceser.png); width: 36px; height: 45px; }

.mySwiper-slide:hover .class-icon-sorceser { background: url(../images/icon-class-sorceser-hover.png); }

.warning { display: flex; align-items: center; margin-bottom: 10px; background-color: #710101; border: 1px solid #ab1111; padding: 11px 14px; color: #ffb5b5; font-size: 16px; max-width: 940px; }
.warning i { margin-right: 14px; }

.icon-warning { background: url(../images/warning-icon.png); width: 24px; height: 24px; }

.icon-success { background: url(../images/icon-success.png); width: 24px; height: 24px; }

.success { display: flex; align-items: center; margin-bottom: 10px; background-color: #095002; border: 1px solid #1cab11; padding: 11px 14px; color: #ffb5b5; font-size: 16px; max-width: 940px; }
.success i { margin-right: 14px; }

.form-item { display: block; vertical-align: top; position: relative; }

.form-input { width: 100%; }

.form-label {
  position: absolute;
  pointer-events: none;
  left: 25px;
  right: 25px;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  line-height: 54px;
  transition: .5s;
  color: #55565a;
}

.form-input:focus ~
.form-label,
.form-input:not([value=""]) ~
.form-label {
  top: -14px;
  font-size: 12px;
}

.form-input:focus { border: 1px solid #5d6168; }

.content-page { border: 1px solid #43454b; background-color: #2f3033; padding: 70px 80px; color: #fff; font-size: 20px; margin-bottom: 35px; }
.content-page p { margin-bottom: 30px; line-height: 1.4; }
.content-page p:last-child { margin-bottom: 0px; }
.content-page h2 { font-size: 30px; margin-bottom: 30px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; }
.content-page strong { font-weight: 600; }

.formBlock p { color: #e8eeff; font-weight: 300; margin-bottom: 15px; }

.contBlock { margin-bottom: 30px; }

.input { display: inline-block; width: 100%; }
.input .form-label { color: #d1d1d1; line-height: 70px; left: 40px; text-transform: uppercase; }

.input-dark input { border-radius: 2px; background: #141516; border: 1px solid #43464c; padding: 0px 25px; height: 54px; color: #fff; }
.input-dark .form-label { color: #55565a; line-height: 54px; left: 25px; text-transform: none; }

.langBlock-flex { display: inline-block; }

.button-middle { min-width: 340px; }

.download { color: #fff; border-radius: 2px; background-image: url(../images/windows-icon.png); background-position: center left 40px; background-repeat: no-repeat; background-color: #2259a3; padding: 25px 50px 25px 100px; display: inline-block; font-size: 18px; font-weight: 600; text-transform: uppercase; position: relative; transition: 0.3s; }
.download:hover { filter: brightness(120%); }

.color-white { color: #fff; }

.color-green { color: #57f038; }

.color-red { color: #f03838; }

.semibold { font-weight: 600; }

.dropdown-select { height: 50px; line-height: 50px; border: 1px solid #3a3e46; background-color: #0c0d0e; }
.dropdown-select .list { background-color: #0c0d0e; }

.profile { position: relative; margin-right: 20px; cursor: pointer; }

.profile-active { width: 190px; padding: 0px 20px; }
.profile-active p { color: #8e98a5; font-size: 14px; margin-bottom: 7px; }
.profile-active span { color: #dbe6f3; font-size: 18px; font-weight: 600; }
.profile-active:after { content: ""; position: absolute; background: url(../images/profile-drop-icon.png); width: 15px; height: 9px; right: 20px; top: 50%; margin-top: -4.5px; }

.profile-drop { position: absolute; top: calc(100% + 15px); width: 100%; padding: 15px 0px; border: 1px solid #1a3860; background: #0e0e0f; }
.profile-drop li a { display: block; color: #989ba0; font-size: 16px; padding: 15px 30px; }
.profile-drop li a:hover { background: rgba(255, 255, 255, 0.1); }

.block-drop { transition: 0.3s; opacity: 0; visibility: hidden; z-index: 4; }
.block-drop.active { opacity: 1; visibility: visible; }

.panel { position: relative; }

.panelMenu { border: 1px solid #4b4d52; background: #393a3e; font-size: 18px; width: 280px; position: absolute; top: 0; }
.panelMenu.topWindow { position: fixed; top: 90px; }
.panelMenu ul li { border-bottom: 1px solid #3f4044; }
.panelMenu ul li a { display: block; color: #9f9f9f; padding: 30px 30px; }
.panelMenu ul li a:hover { color: #fff; background: #46474c; }
.panelMenu ul li.active a { color: #fff; background: #46474c; }
.panelMenu ul li:last-child { border-bottom: none; }

.panelContent { margin-left: 300px; }

.block { background: rgba(43, 43, 46, 0.8); padding: 35px; border: 1px solid #393a3e; min-height: 150px; line-height: 1.3; margin-bottom: 20px; }

.panelContent-title { padding-bottom: 30px; border-bottom: 1px solid #2f3035; color: #f4f4f4; font-size: 25px; font-family: 'Bebas Neue', cursive; text-transform: uppercase; padding: 0px 20px 30px 15px; display: flex; align-items: center; margin-bottom: 40px; }
.panelContent-title i { margin-right: 20px; margin-top: -4px; }

.icon-title-small { background: url(../images/icon-page-title.png); background-size: 30px 28px; width: 30px; height: 28px; }

.package { margin-bottom: 35px; }

.package-title { color: #909090; font-size: 22px; font-weight: 300; }

.package-flex { margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; }

.packageBlock { display: block; margin: 15px; background: #313337; border: 1px solid #414a51; text-align: center; text-transform: uppercase; width: calc(33.33% - 30px); box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.2); }
.packageBlock:hover { border: 1px solid #50b1f4; }

.packageBlock-nx { color: #3ba7fb; font-size: 36px; display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; font-family: 'Bebas Neue', cursive; height: 150px; }
.packageBlock-nx span { color: #c4d2dd; font-size: 24px; width: 100%; text-align: center; }

.packageBlock-pr { color: #b8c2ca; font-size: 21px; display: flex; align-items: center; justify-content: center; height: 60px; background: #3b3d43; }

.faqBlock { margin-bottom: 45px; padding-left: 30px; font-size: 18px; color: #a7a6a6; font-weight: 300; }
.faqBlock:last-child { margin-bottom: 0px; }
.faqBlock p { position: relative; color: #f4f4f4; margin-bottom: 12px; }
.faqBlock p::before { content: ""; position: absolute; background: #5b78eb; height: 5px; width: 5px; border-radius: 50%; left: -14px; top: 11px; }

.button-big { min-width: 515px; }

.alterar-form { margin-bottom: 15px; max-width: 400px; }
.alterar-form .input-dark { max-width: 400px; }
.alterar-form .button-big { min-width: 100%; }

.profInfo-block { width: 33.3%; font-size: 18px; margin-bottom: 40px; }
.profInfo-block p { color: #6a6a6a; font-weight: 300; margin-bottom: 10px; }
.profInfo-block span { color: #a7a7a7; }
.profInfo-block:last-child { margin-bottom: 20px; }

.flex-row { margin-left: -10px; margin-right: -10px; }

.block-50 { width: 50%; padding-left: 10px; padding-right: 10px; }
.block-50 .block { height: 100%; }

.icon-gift { width: 26px; height: 26px; background: url(../images/icon-gift.png) no-repeat; }

.totalCash { text-align: center; padding-top: 20px; }

.totalCash-button { display: flex; justify-content: center; align-items: center; }
.totalCash-button span { color: #3fabff; font-size: 48px; font-family: 'Bebas Neue', cursive; margin-right: 10px; }

.button-plus { background: url(../images/button-plus.png) no-repeat; width: 52px; height: 50px; display: inline-block; }
.button-plus:hover { background: url(../images/button-plus-hover.png) no-repeat; }

.homeNews-img { margin-right: 75px; width: 335px; }
.homeNews-img img { display: block; }

.homeNews-block { width: calc(100% - 335px - 75px); }

.news-data { position: relative; padding-left: 30px; margin-left: 30px; }
.news-data:before { content: ""; position: absolute; background: #58595b; width: 1px; height: 16px; left: 0px; top: 50%; margin-top: -8px; }

.homeNews-info { margin-bottom: 15px; }

.homeNews-title a { color: #fff; font-size: 36px; font-weight: 600; line-height: 1; }
.homeNews-title a:hover { color: #26a6ff; }

.line-block { height: 1px; background: #272a2f; margin-top: 30px; margin-bottom: 30px; }

.tabs-caption-block { display: flex; flex-wrap: wrap; justify-content: center; background: rgba(43, 43, 46, 0.8); padding: 20px 0px; border: 1px solid #393a3e; margin-bottom: 20px; }
.tabs-caption-block li { width: 25%; display: flex; align-items: center; justify-content: center; border-right: 1px solid #3a3b3f; transition: 0.3s; cursor: pointer; }
.tabs-caption-block li i { margin-right: 15px; }
.tabs-caption-block li:last-child { border-right: none; }
.tabs-caption-block li.active { color: #fff; }
.tabs-caption-block li.active i { background: url(../images/icon-title-hover.png); }
.tabs-caption-block li:hover { color: #fff; }
.tabs-caption-block li:hover i { background: url(../images/icon-title-hover.png); }

.homeNews-small .homeNews-info { font-size: 18px; }
.homeNews-small .homeNews-title a { font-size: 30px; font-weight: 400; }

.tabs-content { display: none; }
.tabs-content.active { display: block; animation: 0.5s opas linear; }

@keyframes opas { 0% { opacity: 0; display: none; }
  1% { opacity: 0; display: block; }
  100% { opacity: 1; display: block; } }
.newsPage-top-info { display: flex; align-items: center; background: url(../images/icon-title.png) left center no-repeat; padding: 10px 30px; margin-bottom: 25px; }
.newsPage-top-info span { position: relative; margin-left: 20px; }

.newsPage-top-info-data { padding-left: 20px; display: block; }
.newsPage-top-info-data:before { content: ""; position: absolute; background: #4c5052; height: 16px; width: 1px; left: 0; top: 50%; margin-top: -8px; }

.newsPageBlock { position: absolute; top: -592px; height: 592px; display: flex; align-items: flex-end; border-bottom: 1px solid #2f3338; width: 100%; padding-bottom: 50px; }

.main-page { margin-top: 592px; padding-top: 0px; padding-bottom: 0px; background-color: #1b1c1e; }

.newsContent { padding: 60px 0px; line-height: 1.3; }
.newsContent p { margin-bottom: 40px; }
.newsContent table { margin-bottom: 40px; }
.newsContent a { color: #31b2f5; text-decoration: underline; }
.newsContent a:hover { text-decoration: none; color: #fff; }

.sp-l { position: relative; color: #ebeff5; font-weight: 600; padding-left: 20px; display: inline-block; }
.sp-l:before { content: ""; position: absolute; border-radius: 50%; background: #4081d3; height: 5px; width: 5px; left: 8px; top: 50%; margin-top: -2px; }

.td-flex { display: flex; align-items: center; color: #d2d2d2; }
.td-flex img { margin-right: 25px; }

.table-flex span { color: #9b9b9b; font-weight: 600; }
.table-flex tr { border-bottom: 2px solid #1b1c1e; }

.newsCarousel { background: #26272a; padding: 65px 0px; }

.m-0 { margin: 0; }

.totlBittons { margin-right: -8px; }
.totlBittons a { margin: 8px; }

.marketTop { margin-bottom: 30px; }

.button-not-bg { border: 1px solid #2259a3; display: inline-block; padding: 20px 30px; color: #f4fcff; font-size: 16px; text-transform: uppercase; font-weight: 600; }
.button-not-bg:hover { background-color: #2259a3; }

.totl { margin-right: 45px; padding: 10px; }
.totl p { font-size: 16px; color: #b0b1b4; margin-bottom: 10px; }
.totl span { color: #44bef7; font-size: 32px; font-family: 'Bebas Neue', cursive; }
.totl span i { margin-bottom: -3px; margin-right: 7px; }

.icon-ic { background: url(../images/ic-icon.png); width: 22px; height: 27px; }

.marketTopLinks { background: #2f3033; border: 1px solid #43454b; }
.marketTopLinks li { position: relative; }
.marketTopLinks li a { display: flex; align-items: center; justify-content: center; padding: 30px 0px; color: #8e8e8e; }
.marketTopLinks li a i { margin-right: 20px; }
.marketTopLinks li a:hover { color: #fff; }

.market-li { width: 24%; }
.market-li a:hover i { background: url(../images/icon-title-hover.png); }

.plus-small { background: url(../images/plus-icon-small.png) center no-repeat; background-color: #44bef7; width: 34px; height: 34px; border: 50%; border-radius: 50%; }

.add-item-button { width: 28%; }
.add-item-button::before { content: ""; position: absolute; background: #54565c; height: 28px; width: 1px; left: 0; top: 50%; margin-top: -14px; }
.add-item-button a:hover i { background-color: #fff; }

.marketTopBlock { border-bottom: 1px solid #28292d; padding-bottom: 50px; }

.searchForm { display: flex; align-items: center; position: relative; background: #0c0d0e; border: 1px solid #26272a; padding: 10px 15px 10px 25px; margin: 15px 0px; }
.searchForm input { height: 30px; line-height: 30px; padding: 0px; background: none !important; border: none !important; text-transform: none; width: 290px; }

.search-button { background: url(../images/icon-search.png) center no-repeat; width: 35px; height: 35px; padding: 0px; opacity: 0.4; border-radius: 50%; }
.search-button:hover { opacity: 1; }

.marketContent-title { padding: 35px 0px 25px 0px; }

.todosItens-title { color: #fff; font-weight: 600; background: #46484e; padding: 25px 10px; }

.todosItens { font-size: 18px; width: 20%; text-align: center; border: 1px solid #46484e; }
.todosItens span { color: #35c8ff; font-weight: 300 !important; }
.todosItens ul { background: #38393d; }
.todosItens ul li { padding: 25px 10px; color: #cfcfcf; font-weight: 300; border-top: 1px solid #43454b; }
.todosItens ul li p { margin-bottom: 0px; }

.itenBlocks { margin-left: 20px; width: calc(80% - 20px); }

.itenBlock { width: 25%; position: relative; background: #242528; border: 1px solid #32343a; text-align: center; padding: 25px; height: 300px; margin-bottom: 20px; }

.itensFlex { align-items: flex-start; }

.corner { position: absolute; top: 0; left: 0; width: 58px; height: 57px; color: #fefefe; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 11px 0px 0px 0px; text-align: center; }
.corner span { position: relative; margin-left: -20px; }

.corner-purple { background: url(../images/corner-purple.png); }

.corner-red { background: url(../images/corner-red.png); }

.zoomBlock { position: absolute; right: 15px; top: 15px; }

.zoom-button { background-color: #141416; }

.zoomDrop { width: 230px; position: absolute; z-index: 11; left: 30px; top: 20px; opacity: 0; visibility: hidden; transition: 0.3s; }
.zoomDrop li { color: #aeaeae; font-size: 18px; font-weight: 300; display: block; border: 1px solid #47484d; text-align: center; padding: 20px 0px; }
.zoomDrop li:nth-child(odd) { background: #38393d; }
.zoomDrop li:nth-child(even) { background: #323337; }

.zoomBlock:hover .zoomDrop { opacity: 1; visibility: visible; }

.itenBlock-active { padding-top: 60px; }

.itenBlock-active_img { margin-bottom: 15px; }
.itenBlock-active_img img { width: 69px; height: 69px; }

.itenBlock-active_title { height: 45px; display: flex; justify-content: center; align-items: flex-end; margin-bottom: 25px; }

.itenBlock-active_price { display: flex; align-items: center; justify-content: center; color: #d7d8d8; font-size: 28px; font-family: 'Bebas Neue', cursive; }
.itenBlock-active_price i { margin-right: 10px; margin-top: -3px; }

.itenBlock-hover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(21, 22, 24, 0.9); transition: 0.3s; opacity: 0; visibility: hidden; }

.itenBlock-hover_block p { color: #cfcfcf; font-size: 18px; font-weight: 300; }
.itenBlock-hover_block p span { font-weight: 600; color: #40ecf2; }
.itenBlock-hover_block .button-not-bg { width: 100%; padding: 15px; }

.itenBlock-hover_block { width: 100%; padding: 25px; }

.itenBlock:hover .itenBlock-hover { opacity: 1; visibility: visible; }

.icon-market-small { background: url(../images/icon-market-small.png); width: 16px; height: 16px; }

.title-s { color: #44bef7; display: flex; align-items: center; margin-bottom: 20px; }
.title-s i { margin-right: 15px; }

.searchResult { background: #242528; border: 1px solid #32343a; padding: 25px; text-align: center; margin-bottom: 35px; color: #cdcecf; font-size: 18px; }
.searchResult span { color: #44bef7; padding-right: 3px; }

.search-itens { width: 100%; margin-left: 0px; }
.search-itens .itenBlock { width: calc(20% - 6px); margin-right: 3px; margin-left: 3px; }

.detalhesFlex-left { background-color: #38393d; border: 1px solid #43454b; position: relative; width: 300px; padding: 60px 30px 35px 30px; text-align: center; }

.detalhes-img { height: 150px; width: 150px; margin: 0 auto; background: #26272a; border: 1px solid #141518; margin-bottom: 30px; }
.detalhes-img img { height: 69px; width: 69px; }

.detalhes-title { color: #acacac; font-size: 24px; margin-bottom: 20px; }

.detalhes-price { display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', cursive; color: #d7d8d8; font-size: 30px; margin-bottom: 30px; }
.detalhes-price i { margin-right: 10px; top: -3px; }

.detalhes-button { padding: 30px 0px 25px 0px; border-top: 1px solid #484a50; }
.detalhes-button .button { width: 100%; }
.detalhes-button .button i { margin-right: 10px; bottom: -1px; }

.icon-market-white { background: url(../images/icon-market-white.png); width: 20px; height: 19px; }

.detalhes-text { color: #bbbbbb; font-weight: 300; font-size: 18px; }
.detalhes-text span { font-weight: 600; color: #2ac5ff; }

.detalhesFlex-right { width: calc(100% - 20px - 300px); margin-left: 20px; background: #2f3033; border: 1px solid #43454b; padding: 70px 70px 0px 70px; }

.detalhes-blocks { margin-bottom: 60px; }

.h3 { font-family: 'Bebas Neue', cursive; color: #fefefe; font-size: 30px; margin-bottom: 30px; display: flex; align-items: center; }
.h3 i { width: 31px; height: 29px; background-size: 31px 29px; margin-right: 20px; margin-top: 3px; }

.detalhes-block-flex { display: flex; flex-wrap: wrap; border-top: 1px solid #141518; border-left: 1px solid #141518; }

.detalhes-block { width: 100%; background: #26272a; padding: 20px 35px; font-size: 18px; border-right: 1px solid #141518; border-bottom: 1px solid #141518; }

.detalhes-block-50 { width: 50%; }

.detalhesFlex { align-items: flex-start; }

.totalTitle { display: flex; align-items: center; padding-top: 15px; }

.totalTitle-block { color: #f7f7f7; position: relative; }
.totalTitle-block span { color: #44bef7; font-weight: 600; }

.line { background: #28292d; height: 26px; width: 1px; display: inline-block; margin: 0px 30px; }

.compVend-tabs { display: flex; background: #2f3033; border: 1px solid #43454b; margin-bottom: 20px; }
.compVend-tabs li { width: 50%; color: #8b8c8d; font-size: 17px; font-weight: 600; text-align: center; padding: 30px; cursor: pointer; transition: 0.3s; text-transform: uppercase; }
.compVend-tabs li.active { color: #f7f7f7; background-color: #43454b; }
.compVend-tabs li:hover { color: #f7f7f7; }

.compVend-content-block { display: flex; align-items: center; flex-wrap: wrap; background-color: #2f3033; border: 1px solid #46484e; border-top: 2px solid #46484e; color: #ffffff; padding: 10px 20px; margin-bottom: 20px; }
.compVend-content-block p { margin-bottom: 12px; color: #818181; font-size: 16px; }
.compVend-content-block > div { padding: 10px 0px; }

.compVend-img { width: 10%; }
.compVend-img img { width: 69px; height: 69px; }

.compVend-item { width: 30%; }

.compVend-data { width: 25%; }

.compVend-preco { width: 20%; }

.compVend-camven { width: 15%; }

.addItemBlock { background-color: #2f3033; border: 1px solid #43454b; padding: 55px 60px; width: calc(50% - 10px); }

.addItemBlock-title { color: #aab1c5; font-size: 24px; font-family: 'Bebas Neue', cursive; margin-bottom: 35px; display: flex; align-items: center; }
.addItemBlock-title i { width: 31px; height: 29px; background-size: 31px 29px; margin-right: 20px; margin-top: 3px; }

.m-b-35 { margin-bottom: 35px; }

.valorBlock, .valorButton { width: calc(50% - 10px); }
.valorBlock .button, .valorButton .button { width: 100%; }

.valorBlock { background: #0c0d0e; border: 1px solid #3a3e46; display: flex; align-items: center; height: 65px; padding: 0px 20px; }
.valorBlock i { margin-right: 20px; }
.valorBlock i:after { content: ""; position: absolute; height: 25px; width: 1px; background: #28292d; right: -21px; top: 50%; margin-top: -12px; }
.valorBlock input { background: none; padding: 5px; border: none; text-transform: none; width: calc(100% - 70px); margin-left: 15px; height: 30px; line-height: 30px; }

.valorButton .button { height: 65px; }

.gold-block { background: #29210f; border: 1px solid #634e1e; padding: 15px 25px; color: #9b9c9c; font-size: 18px; font-weight: 300; margin-bottom: 10px; }
.gold-block span { color: #f8a91f; font-weight: 600; }

.dark-select { height: 50px; line-height: 50px; border: 1px solid #3a3e46; background-color: #0c0d0e; text-transform: none; padding: 0px 25px; }

.m-b-10 { margin-bottom: 10px; }

.blockItem { background: #2f3033; border: 1px solid #43454b; padding: 55px; }

.saldoBlock { padding: 15px; width: 25%; }

.saldoBlocks { margin-left: -15px; margin-top: -15px; margin-right: -15px; }

.saldo { background: #26272a; border: 1px solid #3d3e42; transition: 0.3s; }
.saldo:hover { border: 1px solid #44bef7; }

.saldo-ic { display: flex; align-items: center; justify-content: center; height: 170px; color: #44bef7; font-size: 32px; font-family: 'Bebas Neue', cursive; }
.saldo-ic i { margin-right: 15px; margin-top: -5px; }

.saldo-r { background: #3d3e42; color: #e6e7e8; font-family: 'Bebas Neue', cursive; height: 70px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); }

.compVend-deitem { width: 24%; }

.compVend-person { width: 16%; }

.compVend-desde { width: 18%; }

.compVend-buttons { display: flex; align-items: center; justify-content: flex-end; width: 32%; }
.compVend-buttons a { margin-left: 15px; }

.modal-t { color: #909090; font-size: 16px; font-weight: 300; }
.modal-t span { color: #c4c4c4; font-weight: 600; }

.voce { color: #ffffff; font-size: 18px; min-height: 50px; margin-bottom: 10px; }
.voce span { color: #3aeffa; }

.confirmText { color: #fff; font-size: 18px; margin-bottom: 35px; line-height: 1.3; }

.confirmButtons { display: flex; justify-content: space-between; }
.confirmButtons a { width: calc(50% - 10px); }

.grey-button { color: #9c9b9b; font-size: 16px; font-weight: 600; display: block; text-align: center; padding: 20px 10px; background: #3a3c41; border: 1px solid #474950; }
.grey-button:hover { background: #494b52; }

@media (max-width: 1600px) { .zoomDrop { left: auto; right: 0px; top: 30px; } }
@media (max-width: 1400px) { .menu-left li { margin: 0px 20px; } }
@media (max-width: 1300px) { .carouselBlock { padding: 0px 50px; } }
@media (max-width: 1200px) { .header.fixed .nav { width: 320px; }
  .header { padding: 0px 15px 0px 15px; height: 50px; }
  .header.fixed { padding: 0px 15px 0px 15px; }
  .header.fixed .header-logo { width: auto; }
  .nav { position: fixed; height: 100%; width: 320px; left: -320px; background: #020202; top: 0; padding-top: 100px; align-items: flex-start; align-content: flex-start; transition: 0.3s; }
  .nav.active { left: 0px; }
  .header { background: #020202; justify-content: space-between; }
  .menu { width: 100%; display: block; }
  .menu li a { display: block; padding: 20px 30px; font-size: 24px; }
  .menu-left { padding-left: 0px; }
  .menu-left li { margin: 0px; }
  .menu-right li { margin: 0px; }
  .download-pc { margin-top: 20px !important; }
  .download-pc a { font-size: 20px !important; }
  .btn-mobile { transition: 0.3s; z-index: 23; left: 0; display: block; position: relative; }
  .btn-mobile span { display: block; width: 28px; height: 4px; margin: 6px 0px; background: white; position: relative; z-index: 22; border-radius: 3px; }
  .btn-mobile.active { left: 250px; }
  .btn-mobile.active span:nth-child(1) { transform: rotate(45deg); top: 10px; }
  .btn-mobile.active span:nth-child(2) { display: none; }
  .btn-mobile.active span:nth-child(3) { transform: rotate(-45deg); }
  .menu-right li:first-child:after { display: none; }
  .container, .mySwiper2-info { padding: 0px 10px; }
  .slider-swiper h2, .slider-swiper-buttons { left: 15px; }
  .mySwiper2-buttons { display: none; }
  .regsiterForm, .regsiterOther { width: 48%; max-width: 100%; }
  .panelMenu { width: 230px; }
  .panelContent { margin-left: 250px; } }
@media (max-width: 993px) { .dBlock-download { width: 100%; }
  .downloadTable { padding: 30px; }
  .regsiterForm, .regsiterOther { width: 100%; max-width: 100%; }
  .regsiterForm { margin-bottom: 40px; }
  table { min-width: 100%; }
  .download-pc { width: 100%; }
  .profile-active, .profile { width: 100%; }
  .profile { margin-right: 0px; padding: 20px 0px; }
  .profile-active { padding: 0px 30px; }
  #objToStick { position: relative !important; width: 100%; top: 0 !important; }
  .panelMenu ul { display: flex; }
  .panelMenu ul li { width: 25%; }
  .panelMenu ul li a { height: 100%; padding: 15px; }
  .panelContent { margin-left: 0px; }
  .market-li, .add-item-button { width: 50%; }
  .add-item-button::before { display: none; }
  .marketTopLinks li a { justify-content: flex-start; padding: 15px 30px; }
  .itenBlock { width: 33.3%; }
  .search-itens .itenBlock { width: calc(25% - 6px); }
  .detalhesFlex-right { padding: 20px; }
  .compVend-img { width: 20%; }
  .compVend-item, .compVend-data { width: 40%; }
  .compVend-preco { width: 60%; }
  .compVend-camven { width: 40%; }
  .addItemBlock { padding: 30px 20px; }
  .saldoBlock { width: 33.3%; }
  .compVend-buttons { width: 100%; }
  .compVend-buttons a { width: 50%; margin-left: 0px; margin: 0px 10px; }
  .compVend-deitem { width: 80%; }
  .compVend-person, .compVend-desde { width: 50%; } }
@media (max-width: 769px) { .firstBlock { padding-top: 200px; }
  .mySwiper2-info_title { padding-bottom: 50px; text-align: center; max-width: 100%; width: 100%; }
  .mySwiper2-info_video { display: flex; justify-content: center; width: 100%; }
  .f-menu li { padding: 10px 0px; }
  .downloadTable-td { width: 100% !important; }
  .formBlock { display: block; }
  .input { max-width: 100%; }
  table td { padding: 15px; }
  .block-50 { width: 100%; margin-bottom: 20px; }
  .profInfo-block { width: 50%; margin-bottom: 20px; }
  .homeNews-img { width: 100%; margin-right: 0px; margin-bottom: 30px; text-align: center; }
  .homeNews-img img { margin: 0 auto; }
  .homeNews-block { width: 100%; }
  .tabs-caption-block li { width: 50%; padding: 20px; justify-content: start; }
  h1 { font-size: 50px; }
  .itenBlock { width: 50%; }
  .search-itens .itenBlock { width: calc(33.3% - 6px); }
  .detalhesFlex-left { width: 100%; margin-bottom: 20px; }
  .detalhesFlex-right { width: 100%; margin-left: 0px; }
  .addItemBlock { width: 100%; margin-top: 20px; }
  .saldoBlock { width: 50%; }
  .blockItem { padding: 25px; } }
@media (max-width: 575px) { .market-li, .add-item-button { width: 100%; }
  .itenBlock { width: 100%; }
  .todosItens { width: 100%; line-height: 1.3; margin-bottom: 20px; }
  .itenBlocks { width: 100%; margin-left: 0px; }
  .todosItens ul { display: flex; flex-wrap: wrap; }
  .todosItens ul li { width: 25%; }
  .search-itens .itenBlock { width: calc(50% - 6px); }
  .detalhesFlex-right { padding: 20px; }
  .compVend-img { width: 100%; }
  .compVend-item { width: 50%; }
  .compVend-data { width: 50%; }
  .compVend-preco { width: 50%; }
  .compVend-camven { width: 50%; } }
@media (max-width: 525px) { .mySwiper2-buttons { display: block; }
  h2 { font-size: 50px; }
  .langBlock { padding: 15px 15px; }
  .footerTop { justify-content: center; }
  .page-title { font-size: 38px; }
  select { padding: 0px 20px 0px 20px; }
  .button-big, .dropdown-select, .button-middle { min-width: 100%; }
  .content-page { padding: 20px; }
  .packageBlock { width: 100%; }
  .profInfo-block { width: 100%; }
  .saldoBlock { width: 100%; } }
@media (max-width: 480px) { .carouselBlock { padding: 0px 10px; }
  .slick-prev { left: -20px; }
  .slick-next { right: -20px; }
  .modal_div { max-width: 100%; left: 0px; margin-left: 0px; }
  .dBlock { padding: 30px; }
  select { background-position: right 10px center; }
  .panelMenu ul li a { padding: 10px; font-size: 14px; }
  table tr { display: block; }
  table tr td { display: block; }
  .tabs-caption-block li { width: 100%; padding: 10px; border-right: none; }
  .homeNews-title a { font-size: 28px; }
  .totlBittons a { width: 100%; }
  .searchForm input { width: 230px; }
  .search-itens .itenBlock { width: calc(100% - 6px); }
  .detalhes-block-50 { width: 100%; }
  .totlBlock { width: 100%; }
  .totl { width: 50%; margin-right: 0px; }
  .compVend-item, .compVend-data, .compVend-preco, .compVend-camven { width: 100%; }
  .valorBlock { width: 100%; margin-bottom: 20px; }
  .valorButton { width: 100%; }
  .compVend-buttons { flex-wrap: wrap; }
  .compVend-buttons a { width: 100%; margin: 10px; } }

/*# sourceMappingURL=style.css.map */
.pagination {
    display: inline-block;
}

.pagination a {
    color: #0c0c0c;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.pagination a.active {
    background-color: #0c0c0c;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}