/* app.css */
@charset "UTF-8"; BODY, BUTTON, INPUT, TEXTAREA { font-family: Play, sans-serif } .btn, .slick-slide, BUTTON, BUTTON:focus, INPUT, INPUT:focus, TEXTAREA, TEXTAREA:focus { outline: 0 } .h-nowrap, .header-ico-link { white-space: nowrap } .footer__cr, .h-uppc, .header-nav__smenu-name { text-transform: uppercase } .get-luck-sm__item-inner A, .gl-item__f-face, .page-404 .page-inner, .promo-comms__slide-inner {  -webkit-box-direction: normal } .cf:after, .cf:before, .footer__bottom .wrapper:after, .footer__bottom .wrapper:before, .lk-menu .wrapper:after, .lk-menu .wrapper:before, .lk-nav:after, .lk-nav:before, .price-wr__main-str:after, .price-wr__main-str:before, .steps-block__inner:after, .steps-block__inner:before { content: " "; display: table } .h-inlb, .h-inlb-m { display: inline-block } .cf:after, .footer__bottom .wrapper:after, .lk-menu .wrapper:after, .lk-nav:after, .price-wr__main-str:after, .steps-block__inner:after { clear: both } .fl { float: left } .fr { float: right } .h-inlb { vertical-align: top } .h-inlb-m { vertical-align: middle } .h-bl { display: block } .h-tbl { display: table } .header__info-wr, .header__top>.wrapper { position: relative;  display: -webkit-flex;  -webkit-box-pack: justify } OL, P, UL, h1, h2, h3, h4, h5, h6 { margin-bottom: 30px; } .h-f-s0 { font-size: 0 } .h-f-s20 { font-size: 20px } .h-f-s24 { font-size: 24px } .h-f-s16 { font-size: 16px } .h-f-s12 { font-size: 12px } .h-bold { font-weight: 700 } .h-itl { font-style: italic } .h-c-white { color: #fff } .h-c-black { color: #000 } .h-c-blue { color: #61909f } BODY, HTML { height: 100%; min-width: 320px } BODY { background-color: #f6f6f6; font-size: 14px; line-height: 20px } BUTTON, INPUT, TEXTAREA { border: 0; background-color: transparent; padding: 0; line-height: normal; -webkit-appearance: none; border-radius: 0 } INPUT { box-sizing: border-box !important } TEXTAREA { resize: vertical } A { text-decoration: none } OL, UL { padding: 0; list-style: none } IMG { max-width: 100% } ::-moz-selection { background: #94c608; color: #fff; text-shadow: none } ::selection { background: #94c608; color: #fff; text-shadow: none } ::-webkit-scrollbar-track { background: #f6f6f6 } ::-webkit-scrollbar { width: 10px } ::-webkit-scrollbar-thumb { background-color: #94c608; cursor: pointer } .header { background: #fff; color: #242424; position: relative; z-index: 100; padding-bottom: 57px } .header__top>.wrapper { display: flex; -webkit-justify-content: space-between;  justify-content: space-between; padding-top: 15px; padding-bottom: 20px } .header__logo { max-width: 240px; margin-right: 45px; padding-top: 15px; -webkit-flex-shrink: 0;  flex-shrink: 0 } .header__logo IMG { max-width: 100%; display: block } .header__main-col {  -webkit-flex-grow: 1;  flex-grow: 1; padding-left: 0px; padding-top: 7px; max-width: 1000px } .header__info-wr { line-height: 20px; display: flex;  justify-content: space-between } .header-nav, 

/* 1) Сохраняем первый «хук» как есть */
.header__info-links {
  display: flex;
}

/* 2) Основные свойства — без префиксов, ничего лишнего не трогаем */
.header__info-links {
  width: 53%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 420px;
  min-width: 370px;
  padding-right: 30px;
}

.header__info-links li + li {
  margin-left: 10px;
}

/* мобайл: скрыть блок */
@media (max-width: 1020px) {
  .header__info-links { display: none !important; }
}

/* Патч шапки на ≤1020px */
@media (max-width:1020px){
  .header__info-wr{
    display:flex !important;
    flex-wrap: wrap;              /* ← разрешаем перенос, иначе правые элементы выдавливает */
    align-items: center;
    gap: 10px;
  }

  .header__info-links{
    flex: 1 1 auto;               /* ← чтобы блок слева ужимался */
    min-width: 0;                  /* снимаем 370px минимум */
    max-width: none;               /* снимаем 420px максимум */
    width: auto;
    padding-right: 10px;
  }

  .header-store{
    display: inline-flex !important;
    margin-left: auto;             /* ← прижать корзину вправо */
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 5;                    /* если что-то перекрывает */
  }

  .header-user{                    /* если нужен профиль рядом */
    display:block !important;
  }
}
/* ≤860px: оставляем только иконку и бейдж, прячем слово "Корзина" */
@media (max-width: 860px){
  /* у .header-store два <i>: первый с классом (иконка), второй без класса — текст */
  .header-store i:not([class]){ 
    display: none !important;     /* скрыть слово */
  }

  .header-store{
    min-width: 45px;
  }
}

.header__nav { background-color: #fff; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); position: absolute; left: 0; right: 0; top: 100% } .header__nav .wrapper { padding: 0 } .header__mob-search { width: 57px; background-color: #f6f6f6; font-size: 17px; -webkit-align-self: stretch;  align-self: stretch; -webkit-flex-shrink: 0;  flex-shrink: 0; display: none } #searchsuggestions { background: var(--bg); top: 65px!important; left: 26.7vw!important; width: 445px; max-height: 350px; padding: 20px; border-radius: var(--radius); box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); overflow-y: auto; z-index: 9; } @media (max-width: 860px) { #searchsuggestions { left: 0!important; width: 100%; border-radius: 0 0 var(--radius) var(--radius); } } #searchsuggestions > a:not(.dle-fast_item) { display: inline-block; color: #a5a1b2; font-size: 14px; margin-bottom: 90px; } #searchsuggestions > a .searchheading { display: block; color: var(--color3); font-weight: bold; margin-bottom: 20px; } .dle-fast_item { position: relative; display: grid; grid-gap: 15px; grid-auto-rows: max-content; grid-template-columns: 60px 1fr; padding: 10px; border-radius: var(--radius); overflow: hidden; } .dle-fast_item:hover { background: var(--bg2); } .dle-fast_item > img { width: 100%; height: auto; aspect-ratio: 1 / 1; border-radius: var(--radius); } .dle-fast_item > div > a { display: block; color: var(--text); font-weight: bold; margin-bottom: 5px; } .dle-fast_item > div > a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dle-fast_meta { display: flex; align-items: center; grid-gap: 10px; color: var(--text2); font-size: 12px; } #searchsuggestions .seperator { display: block; background: var(--color1); color: #fff; border-radius: var(--radius); padding: 8px 10px; width: 100%; font-size: 12px; text-align: center; } #searchsuggestions .notfound { display: block; margin-bottom: 10px; } @media screen and (min-width:1021px) { body._scrolled .page-body { padding-top: 226px } body._scrolled .header { position: fixed; top: 0 !important; left: 0; right: 0; padding-bottom: 0 } body._scrolled .header__top { display: none } body._scrolled .header__nav { -webkit-transition: -webkit-transform .4s; transition: transform .4s; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important } } .header-ico-link, .header-ico-link__ico, .header-ico-link__txt { display: inline-block; vertical-align: middle } .header-ico-link { color: inherit; -webkit-flex-shrink: 0;  flex-shrink: 0; padding: 0px 4px } .header-ico-link:hover .header-ico-link__ico { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) } .header-ico-link__ico { margin-right: 5px; -webkit-transition: .3s; transition: .3s } a { color: #95c00e; } .header-ico-link__ico--cart { height: 20px; width: 21px; background: url(../images/svg/cart.png) center no-repeat } .header-ico-link__ico--login { height: 21px; width: 21px; background: url(../images/svg/login.png) center no-repeat } .header-nav__gr-link:hover, .header-nav__submenu { background-color: #f1f1f1 } .header-ico-link__ico.iconic--favs { margin-top: -1px } .header-ico-link__txt { white-space: normal } .form-row__content--divided .input-wr+.input-wr .header-ico-link .input-cont:after, .header-ico-link .avatar__soc, .header-ico-link .blockquote, .header-ico-link .checkbox__view, .header-ico-link .dropdown__head:after, .header-ico-link .form-row__content--divided .input-wr+.input-wr .input-cont:after, .header-ico-link .iconic, .header-ico-link .popup__closer, .header-ico-link .slick-next, .header-ico-link .slick-prev, .header-ico-link .typography blockquote, .header-ico-link .ya-share2__item_service_facebook .ya-share2__icon, .header-ico-link .ya-share2__item_service_gplus .ya-share2__icon, .header-ico-link .ya-share2__item_service_moimir .ya-share2__icon, .header-ico-link .ya-share2__item_service_twitter .ya-share2__icon, .header-ico-link .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .header-ico-link blockquote, .ya-share2__item_service_facebook .header-ico-link .ya-share2__icon, .ya-share2__item_service_gplus .header-ico-link .ya-share2__icon, .ya-share2__item_service_moimir .header-ico-link .ya-share2__icon, .ya-share2__item_service_twitter .header-ico-link .ya-share2__icon, .ya-share2__item_service_vkontakte .header-ico-link .ya-share2__icon { font-size: 29px } .header-nav { display: flex;  -webkit-justify-content: center;  justify-content: center;  -webkit-align-items: stretch;  align-items: stretch; height: 55px } .header-nav__group {  -webkit-flex-grow: 1;  flex-grow: 1;  display: -webkit-flex;  display: flex } .header-nav__group:first-child, .header-nav__group:last-child {  -webkit-flex-grow: 0;  flex-grow: 0 } .header-nav__group:hover .header-nav__submenu { display: block } .header-nav__gr-link {  display: -webkit-flex;  display: flex;  -webkit-align-items: center;  align-items: center;  -webkit-justify-content: center;  justify-content: center;  -webkit-flex-grow: 1;  flex-grow: 1; font-size: 16px; line-height: 24px; color: #000; text-decoration: none; padding: 5px 20px; text-align: center; -webkit-transition: 150ms; transition: 150ms } .header-nav__gr-link sup { color: grey; white-space: nowrap } @media screen and (max-width:1020px) { .header-nav__gr-link { padding-left: 20px; padding-right: 20px; font-size: 15px } } .header-nav__submenu { position: absolute; left: 0; right: 0; top: 100%; margin-top: -1px; display: none } .search-wr, .search-wr__main { position: relative } .header-nav__submenu .wrapper { padding: 0;  display: -webkit-flex;  display: flex;  -webkit-justify-content: space-between;  justify-content: space-between } .header-nav__smenu-item { width: 12.5%; padding: 15px 20px; display: block; text-align: center; color: #000; text-decoration: none; -webkit-transition: 150ms; transition: 150ms } .header-nav__smenu-item:hover { background-color: #94c608 } @media screen and (max-width:1020px) { .header-nav__smenu-item { padding-left: 20px; padding-right: 20px } } .header-nav__smenu-ico { height: 54px; line-height: 54px; text-align: center } .form-row__content--divided .input-wr+.input-wr .header-nav__smenu-ico .input-cont:after, .header-nav__smenu-ico .avatar__soc, .header-nav__smenu-ico .blockquote, .header-nav__smenu-ico .checkbox__view, .header-nav__smenu-ico .dropdown__head:after, .header-nav__smenu-ico .form-row__content--divided .input-wr+.input-wr .input-cont:after, .header-nav__smenu-ico .iconic, .header-nav__smenu-ico .popup__closer, .header-nav__smenu-ico .slick-next, .header-nav__smenu-ico .slick-prev, .header-nav__smenu-ico .typography blockquote, .header-nav__smenu-ico .ya-share2__item_service_facebook .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_gplus .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_moimir .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_twitter .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_vkontakte .ya-share2__icon, .header-nav__smenu-ico img, .typography .header-nav__smenu-ico blockquote, .ya-share2__item_service_facebook .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_gplus .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_moimir .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_twitter .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_vkontakte .header-nav__smenu-ico .ya-share2__icon { max-width: 94%; max-height: 100%; display: inline-block; vertical-align: middle } .form-row__content--divided .input-wr+.input-wr .header-nav__smenu-ico .input-cont:after, .header-nav__smenu-ico .avatar__soc, .header-nav__smenu-ico .blockquote, .header-nav__smenu-ico .checkbox__view, .header-nav__smenu-ico .dropdown__head:after, .header-nav__smenu-ico .form-row__content--divided .input-wr+.input-wr .input-cont:after, .header-nav__smenu-ico .iconic, .header-nav__smenu-ico .popup__closer, .header-nav__smenu-ico .slick-next, .header-nav__smenu-ico .slick-prev, .header-nav__smenu-ico .typography blockquote, .header-nav__smenu-ico .ya-share2__item_service_facebook .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_gplus .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_moimir .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_twitter .ya-share2__icon, .header-nav__smenu-ico .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .header-nav__smenu-ico blockquote, .ya-share2__item_service_facebook .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_gplus .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_moimir .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_twitter .header-nav__smenu-ico .ya-share2__icon, .ya-share2__item_service_vkontakte .header-nav__smenu-ico .ya-share2__icon { font-size: 26px } .header-nav__smenu-ico .iconic--cat-action { font-size: 25px } .header-nav__smenu-ico .iconic--cat-adventure { font-size: 49px } .header-nav__smenu-ico .iconic--cat-rpg { font-size: 39px } .header-nav__smenu-ico .iconic--cat-sim { font-size: 42px } .header-nav__smenu-ico .iconic--cat-strategy { font-size: 35px } .header-nav__smenu-ico .iconic--cat-mmo { font-size: 42px } .header-nav__smenu-ico .iconic--cat-arcade { font-size: 28px } .header-nav__smenu-ico .iconic--cat-sport { font-size: 38px } .header-nav__smenu-name { font-size: 11px; line-height: normal; letter-spacing: .6px; margin-top: 10px } @media screen and (min-width: 1021px) { .currency__dropdown { position: absolute; right: 150px; top: 27px; } } .currency__dropdown .dropdown__head { padding: 4px 40px 4px 20px; border: 1px solid #dedede; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .currency__dropdown .dropdown__head-main { display: none; } @media screen and (min-width: 481px) { .currency__dropdown .dropdown__head-mob { display: none; } .currency__dropdown .dropdown__head-main { display: block; } } .currency__dropdown .dropdown__head-mob::after { content: ""; font-family: iconic; position: absolute; top: 50%; right: 20px; color: #9f9f9f; font-size: 4px; height: 4px; line-height: 4px; margin-top: -1px; } .currency__dropdown .dropdown__head:hover { box-shadow: none; } @media screen and (max-width: 320px) { .currency__dropdown .dropdown__head-mob { margin-right: 10px; } .currency__dropdown .dropdown__head-mob .dropdown__head { padding: 0 22px 0 10px; } } @media screen and (max-width: 1020px) { .currency__dropdown .dropdown__head { height: 44px; line-height: 44px; padding: 0 42px 0 20px; border-radius: 4px; width: 80px; } } .currency__dropdown .dropdown__cont { padding: 6px 0; min-width: initial; } .currency__list-item { height: 30px; padding: 0 16px 0 20px; line-height: 30px; -webkit-transition: 150ms; transition: 150ms; cursor: pointer; } .currency__list-item:hover { background-color: #f6f6f6; } .currency__list-item._active { background-color: #94c608; } .currency__symbol { float: right; } .search-div__txt { color: #a2a2a2; font-size: 12px; padding: 7px 0 } .search-wr__main { margin-left: -3px } .search-wr__input { background: #fff; border: 2px solid #94c608; border-radius: 4px; padding: 0 45px 0 15px; font-size: 16px; height: 44px; line-height: 40px; width: 100% } .search-wr__input::-webkit-input-placeholder { color: #000 } .search-wr__input::-moz-placeholder { color: #000 } .search-wr__input:-ms-input-placeholder { color: #000 } .search-wr__input::placeholder { color: #000 } .search-wr__btns-pair { width: 45px; text-align: center; background: red; line-height: 44px } .form-row__content--divided .input-wr+.input-wr .search-wr__btns-pair .input-cont:after, .search-wr__btns-pair .avatar__soc, .search-wr__btns-pair .blockquote, .search-wr__btns-pair .checkbox__view, .search-wr__btns-pair .dropdown__head:after, .search-wr__btns-pair .form-row__content--divided .input-wr+.input-wr .input-cont:after, .search-wr__btns-pair .iconic, .search-wr__btns-pair .popup__closer, .search-wr__btns-pair .slick-next, .search-wr__btns-pair .slick-prev, .search-wr__btns-pair .typography blockquote, .search-wr__btns-pair .ya-share2__item_service_facebook .ya-share2__icon, .search-wr__btns-pair .ya-share2__item_service_gplus .ya-share2__icon, .search-wr__btns-pair .ya-share2__item_service_moimir .ya-share2__icon, .search-wr__btns-pair .ya-share2__item_service_twitter .ya-share2__icon, .search-wr__btns-pair .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .search-wr__btns-pair blockquote, .ya-share2__item_service_facebook .search-wr__btns-pair .ya-share2__icon, .ya-share2__item_service_gplus .search-wr__btns-pair .ya-share2__icon, .ya-share2__item_service_moimir .search-wr__btns-pair .ya-share2__icon, .ya-share2__item_service_twitter .search-wr__btns-pair .ya-share2__icon, .ya-share2__item_service_vkontakte .search-wr__btns-pair .ya-share2__icon { position: absolute; right: 15px; top: 2px; bottom: 2px; width: 45px; text-align: center; color: #1b1b1b; font-size: 18px; line-height: 40px; cursor: pointer } .search-wr__loadout-wr { position: absolute; z-index: 10; top: 100%; left: -5px; right: 0; overflow: auto; margin-top: 8px; box-shadow: 3.5px 6.06px 32px 0 rgba(55, 54, 55, .24); background-color: #fff; -webkit-animation-duration: .85s; animation-duration: .85s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: none } .footer, .page-body { overflow: hidden } .img-input__main, .input { box-shadow: inset 1px 1.73px 5px 0 rgba(55, 54, 55, .1) } .search-wr__loadout-wr._active { display: block; -webkit-animation-name: flipFromTop; animation-name: flipFromTop; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .header-mob, .search-wr__loadout-wr._no-results .search-wr__loadout-bot { display: none } .search-wr__loadout-empty { font-size: 24px; line-height: 30px; font-weight: 700; padding: 20px } .search-wr__loadout { padding: 10px 0 } .search-wr__loadout-bot { background: #1b1b1b; color: #fff; font-size: 15px; padding: 20px } .search-wr__loadout-bot-link { color: inherit; text-decoration: none } .search-wr__loadout-bot-link:hover { text-decoration: underline } .btn, .link, .search-prod { text-decoration: none } @media screen and (max-width:1020px) { .search-wr__loadout-wr { margin-top: 20px; max-height: 405px } } @media screen and (max-width:767px) { .search-wr__loadout-wr { margin-top: 0 } } .header-mob { -webkit-align-self: stretch;  align-self: stretch } .header-mob__menu { position: absolute; z-index: 1; left: 0; right: 0; top: 100%; background-color: #fff; padding-top: 28px; padding-bottom: 35px; display: none } .header-mob__list { display: inline-block; vertical-align: top; font-size: 16px; line-height: 20px; width: 185px; padding-right: 10px } .footer__nav-link, .footer__pay-syst IMG { vertical-align: middle } .header-mob__list a { color: #000; padding: 5px 0; display: inline-block } .header-mob__list+.header-mob__list { padding-left: 35px; padding-right: 0 } .header-mob__list--sm { font-size: 14px } .header-mob-btn { width: 70px; color: #000; font-size: 23px; text-align: center; background-color: #94c608; height: 72px; line-height: 72px; position: relative } .header-mob-btn__bars, .header-mob-btn__close { display: inline-block; vertical-align: middle; width: 100%; height: 72px; line-height: 72px; position: absolute; top: 0; left: 0; right: 0; cursor: pointer; -webkit-transition: 150ms; transition: 150ms } .header-mob-btn__bars:hover, .header-mob-btn__close:hover { background-color: #82a71d } .header-mob-btn__close { opacity: 0; visibility: hidden } .header-mob-btn__bars { opacity: 1; visibility: visible } .header-mob-btn__bars SPAN { display: block; margin: 0 auto; width: 24px; height: 2px; background-color: #000 } .header-mob-btn__bars SPAN+SPAN { margin-top: 5px } @media screen and (max-width:1020px) { BODY._mob-menu-open .header-mob__menu { display: block } BODY._mob-menu-open .header-mob-btn__bars { opacity: 0; visibility: hidden } BODY._mob-menu-open .header-mob-btn__close { opacity: 1; visibility: visible } .page-body { padding-top: 72px } .header { position: fixed; top: 0; left: 0; right: 0; padding-bottom: 0 } .header .header__info-wr, .header .header__nav, .header .search-div__txt { display: none } .header .header-mob { display: block } .header__top>.wrapper { padding: 0; height: 72px;  -webkit-align-items: center;  align-items: center } .header__logo { max-width: 130px; padding: 0 10px; margin: 0 10px } .header__main-col { padding: 0 13px } .header .search-wr__main { margin-left: 0 } } @media screen and (max-width:1024px) { BODY._mob-search-open .search-wr { display: block } BODY._mob-menu-open .header-mob__menu {  display: -webkit-flex;  display: flex } .page-body { padding-top: 57px } .search-wr { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #f6f6f6; padding: 8px 6px } .search-wr__submit { display: none !important } .header-mob-btn, .header-mob-btn__bars, .header-mob-btn__close { width: 57px; height: 57px; line-height: 57px } .header-mob__menu { padding-left: 20px !important; padding-right: 20px !important } .header-mob__list { width: 50% } .header__top>.wrapper { height: 57px } .header__logo { padding: 0px; height: 80% } .header__logo IMG { max-height: 100% } .header__mob-search { display: block } } .footer, .footer__main { background-color: #1b1b1b } .footer { color: #fff; position: relative } .footer__nav { font-size: 16px; text-align: center; border-bottom: 1px solid #3d3d3d } .footer__nav UL { padding: 24px 0;  display: -webkit-flex;  display: flex;  -webkit-justify-content: space-between;  justify-content: space-between;  -webkit-align-items: center;  align-items: center } @media screen and (min-width:1169px) { .footer__nav { font-size: 18px } .footer__nav UL { padding-left: 10px; padding-right: 10px } } .footer__nav-link { color: #fff; display: inline-block; border-bottom: 1px solid transparent; margin: 0 10px; -webkit-transition: 150ms; transition: 150ms } .footer__nav-link:hover { border-bottom: 1px solid #fff } .footer__info { padding: 33px 0 40px; color: #999; font-size: 13px;  display: -webkit-flex;  display: flex;  -webkit-justify-content: space-between;  justify-content: space-between } .footer__info-commerc, .footer__info-soc { margin-bottom: 15px } .footer__info-commerc {  -webkit-flex-grow: 1;  flex-grow: 1; padding: 0 80px } .footer__legal { min-height: 60px; margin-bottom: 12px; position: relative } .footer__legal:after { content: ""; display: block; width: 56px; height: 56px; background: url(../images/piracy.png) center no-repeat; background-size: cover; position: absolute; left: -80px; top: -8px } .footer__pay-syst { line-height: 30px; -webkit-filter: grayscale(100%); filter: grayscale(100%) } .footer__info-soc { width: 240px; -webkit-flex-shrink: 0;  flex-shrink: 0; text-align: right } .footer__yt-wr { min-height: 60px; margin-bottom: 19px } .footer__youtube { display: block; color: inherit; text-align: right; padding-right: 109px; min-height: 35px; background: url(../images/youtube.png) top right no-repeat; max-width: 250px } .btn, .btn--cart, .btn--more, .input--ta-cent, .oblique-btns { text-align: center } .footer__youtube SPAN { border-bottom: 1px solid #4d4d4d; -webkit-transition: 150ms; transition: 150ms } .footer__youtube:hover SPAN { border-bottom: 0 } .footer__bottom { background-color: #101010; line-height: 20px } .footer__bottom~* { display: none } .footer__bottom .wrapper { padding-top: 20px; padding-bottom: 45px } .footer__cr, .footer__dev { position: relative; z-index: 1 } .footer__cr { font-size: 14px; float: left } .footer__dev { font-size: 12px; color: #898989; float: right } .footer__dev a { color: #fff } @media screen and (max-width:1020px) { .footer__nav { font-size: 15px; margin-right: -20px; margin-left: -20px } .footer__nav UL { padding-left: 15px; padding-right: 15px } .footer__info-commerc { padding-right: 30px } .footer .wrapper { padding-left: 15px; padding-right: 15px } } @media screen and (max-width:860px) { .footer__info { display: block; padding-bottom: 10px } .footer__info-commerc { padding-right: 0 } .footer__info-soc { width: 100%; margin-bottom: 10px } .footer__info-soc .social-links { position: absolute; bottom: 0; left: 0; right: 0; line-height: 20px; text-align: center; padding: 15px 0 } .footer__yt-wr { display: inline-block; vertical-align: top; margin-top: -50px; min-height: 0; margin-bottom: 0 } .footer__pay-syst { padding-right: 260px } } .page, .page-body { position: relative } @media screen and (max-width:767px) { .footer__nav { font-size: 13px } .footer__nav a { margin: 0 7px } } @media screen and (max-width:630px) { .footer__nav, .footer__pay-syst { display: none } .footer__info { padding: 15px 0 20px } .footer__info-commerc { margin-bottom: 35px; padding: 0 0 0 70px } .footer__legal { margin-bottom: 0 } .footer__legal:after { left: -75px; top: -2px } .footer__youtube, .footer__yt-wr { margin: 0 auto; display: block } .footer .social-links { bottom: 57px; padding: 0 } .footer__bottom .wrapper { padding-top: 20px; padding-bottom: 20px } .footer__cr, .footer__dev { float: none; text-align: center } .footer__cr { margin-bottom: 57px } } .page { z-index: 1; background-color: #f6f6f6 } .page-body--black { background-color: #212121; color: #fff } .page-body--black P { color: #a2a2a2 } .main-wr { padding-top: 28px; padding-bottom: 72px } @media screen and (max-width:480px) { .main-wr+.online-sells { padding-top: 0 } } .wrapper { margin: 0 auto; max-width: 1280px; min-width: 320px; padding-left: 20px; padding-right: 20px; padding-top: 10px; } .wrapper-inner { display: block; width: auto; margin-left: -20px; margin-right: -20px } .btn, .icon { display: inline-block; position: relative; vertical-align: middle } @media screen and (max-width:1020px) { .wrapper { padding-left: 20px; padding-right: 20px } .wrapper-inner { margin-left: -20px; margin-right: -20px } } @media screen and (max-width:630px) { .main-wr { padding-bottom: 20px } .wrapper { padding-right: 10px; padding-left: 10px; padding-top: 35px; } .wrapper-inner { margin-left: -10px; margin-right: -10px } } .text-page { padding: 30px 25px 50px; background-color: #fff } @media screen and (max-width:480px) { .text-page { padding: 25px 15px 25px; margin: -28px -10px -30px } } .text-page .h1, .text-page .typography h1, .typography .text-page h1 { font-weight: 400 } @font-face { font-family: iconic; src: url(../fonts/iconic.eot); src: url(../fonts/iconicd41d.eot?#iefix) format("eot"), url(../fonts/iconic.woff) format("woff"), url(../fonts/iconic.ttf) format("truetype"), url(../fonts/iconic.svg#iconic) format("svg") } .avatar__soc, .blockquote, .checkbox__view, .dropdown__head:after, .form-row__content--divided .input-wr+.input-wr .input-cont:after, .iconic, .popup__closer, .slick-next, .slick-prev, .typography blockquote, .ya-share2__item_service_facebook .ya-share2__icon, .ya-share2__item_service_gplus .ya-share2__icon, .ya-share2__item_service_moimir .ya-share2__icon, .ya-share2__item_service_twitter .ya-share2__icon, .ya-share2__item_service_vkontakte .ya-share2__icon { font-family: iconic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; text-transform: none; color: #000 } .iconic--arr-full-l:after { content: "" } .iconic--cat-action:after { content: "" } .iconic--cat-adventure:after { content: "" } .iconic--cat-arcade:after { content: "" } .iconic--cat-mmo:after { content: "" } .iconic--cat-rpg:after { content: "" } .iconic--cat-sim:after { content: "" } .iconic--cat-sport:after { content: "" } .iconic--cat-strategy:after { content: "" } .dropdown._active .dropdown__head:after, .iconic--chevron-b:after { content: "" } .iconic--chevron-l:after { content: "" } .iconic--chevron-r:after { content: "" } .dropdown__head:after, .iconic--chevron-t:after { content: "" } .form-row__content--divided .input-wr+.input-wr .input-cont:after, .iconic--chevron2-r:after { content: "" } .iconic--clock:after { content: "" } .iconic--cross:after, .popup__closer:after { content: "" } .iconic--favs:after { content: "" } .iconic--grid:after { content: "" } .iconic--heart:after { content: "" } .iconic--lupa:after { content: "" } .blockquote:after, .iconic--quotes:after, .typography blockquote:after { content: "" } .avatar__soc--fb:after, .iconic--soc-fb:after, .ya-share2__item_service_facebook .ya-share2__icon:after { content: "" } .iconic--soc-gplus:after, .ya-share2__item_service_gplus .ya-share2__icon:after { content: "" } .iconic--soc-inst:after { content: "" } .iconic--soc-mail:after, .ya-share2__item_service_moimir .ya-share2__icon:after { content: "" } .iconic--soc-tw:after, .ya-share2__item_service_twitter .ya-share2__icon:after { content: "" } .avatar__soc--vk:after, .iconic--soc-vk-v:after { content: "" } .iconic--soc-vk:after, .ya-share2__item_service_vkontakte .ya-share2__icon:after { content: "" } .iconic--sorting:after { content: "" } .checkbox__view:after, .iconic--tick:after { content: "" } .iconic--triangle-full-l:after, .slick-prev:active:after { content: "" } .iconic--triangle-full-r:after, .slick-next:active:after { content: "" } .iconic--triangle-l:after, .slick-prev:after { content: "" } .iconic--triangle-r:after, .slick-next:after { content: "" } .btn--oblique:after, .ul-arrows LI:after { content: "" } .btn { box-sizing: border-box; cursor: pointer; background: 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 150ms; transition: 150ms; font-size: inherit; color: inherit; padding: 0; -webkit-flex-shrink: 0;  flex-shrink: 0 } .prod-anim-cont .prod-preview { opacity: 0; visibility: hidden; -webkit-transition: .5s; transition: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -200px; -ms-transform-origin: 50% 50% -200px; transform-origin: 50% 50% -200px; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg) } .prod-anim-cont .prod-preview._animated { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; visibility: visible } .bbcodes {border-bottom: 1px solid transparent;padding: 0 0 2px;-webkit-transition: border-color .3s;transition: border-color .3s;vertical-align: middle;background: #94c608;color: #ffffff;background-size: 10px;display: inline-block;text-decoration: none !important;font-weight: 700;font-size: 15px;line-height: 10px;padding: 13px 13px 13px 13px;border-radius: 30px; } .btnlog > SPAN {border-bottom: 1px solid transparent;padding: 0 0 2px;-webkit-transition: border-color .3s;transition: border-color .3s;vertical-align: middle;background: #94c608;color: #ffffff;background-size: 10px;display: inline-block;text-decoration: none !important;font-weight: 700;font-size: 20px;line-height: 10px;padding: 15px 15px 15px 15px;border-radius: 30px;} .btn:hover > SPAN {border-color: transparent } .btn:active {-webkit-transform: translateY(-2px) scale(.95); -ms-transform: translateY(-2px) scale(.95); transform: translateY(-2px) scale(.95) } .products-wr__btn-more { margin: 25px auto; display: table; } .btn--round {font-size: 15px; line-height: 20px; border-radius: 50px; padding: 15px 35px; border: 1px solid #d9d9d9; transition: .8s;} .btn--round .avatar__soc, .btn--round .blockquote, .btn--round .checkbox__view, .btn--round .dropdown__head:after, .btn--round .form-row__content--divided .input-wr + .input-wr .input-cont:after, .btn--round .iconic, .btn--round .popup__closer, .btn--round .slick-next, .btn--round .slick-prev, .btn--round .typography blockquote, .btn--round .ya-share2__item_service_facebook .ya-share2__icon, .btn--round .ya-share2__item_service_gplus .ya-share2__icon, .btn--round .ya-share2__item_service_moimir .ya-share2__icon, .btn--round .ya-share2__item_service_twitter .ya-share2__icon, .btn--round .ya-share2__item_service_vkontakte .ya-share2__icon, .form-row__content--divided .input-wr + .input-wr .btn--round .input-cont:after, .typography .btn--round blockquote, .ya-share2__item_service_facebook .btn--round .ya-share2__icon, .ya-share2__item_service_gplus .btn--round .ya-share2__icon, .ya-share2__item_service_moimir .btn--round .ya-share2__icon, .ya-share2__item_service_twitter .btn--round .ya-share2__icon, .ya-share2__item_service_vkontakte .btn--round .ya-share2__icon {-webkit-transition: 150ms; transition: 150ms; margin-right: 7px } .btn--round .iconic--grid {color: #aeaeae; font-size: 11px } .btn--round:hover {border-color: #aeaeae } .btn--round:hover .avatar__soc, .btn--round:hover .blockquote, .btn--round:hover .checkbox__view, .btn--round:hover .dropdown__head:after, .btn--round:hover .form-row__content--divided .input-wr + .input-wr .input-cont:after, .btn--round:hover .iconic, .btn--round:hover .popup__closer, .btn--round:hover .slick-next, .btn--round:hover .slick-prev, .btn--round:hover .typography blockquote, .btn--round:hover .ya-share2__item_service_facebook .ya-share2__icon, .btn--round:hover .ya-share2__item_service_gplus .ya-share2__icon, .btn--round:hover .ya-share2__item_service_moimir .ya-share2__icon, .btn--round:hover .ya-share2__item_service_twitter .ya-share2__icon, .btn--round:hover .ya-share2__item_service_vkontakte .ya-share2__icon, .form-row__content--divided .input-wr + .input-wr .btn--round:hover .input-cont:after, .typography .btn--round:hover blockquote, .ya-share2__item_service_facebook .btn--round:hover .ya-share2__icon, .ya-share2__item_service_gplus .btn--round:hover .ya-share2__icon, .ya-share2__item_service_moimir .btn--round:hover .ya-share2__icon, .ya-share2__item_service_twitter .btn--round:hover .ya-share2__icon, .ya-share2__item_service_vkontakte .btn--round:hover .ya-share2__icon {color: #292929 } .btn--get-luck {font-size: 15px; min-height: 42px; border-radius: 21px; border: 0; line-height: 30px; padding: 4px 15px 5px 8px; white-space: nowrap } .btn--get-luck .ico {margin: 0 7px 0 0; position: relative; top: 1px; -webkit-transition: .6s; transition: .6s } .btn--get-luck:hover .ico {-webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear } .btn--oblique {font-weight: 700; font-size: 18px; line-height: 24px; padding: 6px 18px 15px; position: relative; z-index: 1; -webkit-transition: -webkit-transform 0s; transition: transform 0s; border-top: 1px solid transparent; border-left: 1px solid transparent } .btn--oblique:after {position: absolute; right: 0; top: 0; bottom: 8px; border-right: 1px solid transparent } .btn--oblique._active, .btn--oblique:hover, .oblique-btns__btn-wr._active .btn {background: url(../images/svg/oblique-corner.svg) center bottom no-repeat; background-size: 100% 8px; border-color: #cfcfcf } .ico, .img-input__main {background-repeat: no-repeat } .btn--oblique._active:after, .btn--oblique:hover:after, .oblique-btns__btn-wr._active .btn:after {border-right-color: #cfcfcf } @media screen and (max-width:480px) {.btn--oblique {font-size: 15px; padding: 3px 13px 8px } } .btn--squere {border-radius: 3px; padding: 9px 15px } .btn--squere.btn--orng {background-color: #94c608 } .btn--cart-orng, .btn--squere.btn--orng:hover {background-color: #94c608 } .btn--cart {font: 700 18px / 22px Play, sans-serif; padding: 9px 0; width: 145px; border-radius: 20px } .btn--cart-orng:hover {background-color: #e8b300 } .btn--cart-green {background-color: #76b624 } .btn--cart-green:hover {background-color: #659c1f } .btn--cart-red {background-color: #fff; box-shadow: inset 0 0 0 1px #bfbfbf; color: #bfbfbf; } .btn--cart-red:hover {background-color: #f34242; box-shadow: inset 0 0 0 1px #f34242; color: #fff; } .btn--cart-disable {cursor: auto; background-color: #d8d8d8; color: #9d9d9d } .btn--cart-disable:active {-webkit-transform: none; -ms-transform: none; transform: none } .btn--xs {font-size: 14px; line-height: 18px; padding: 9px 20px; border-radius: 4px } .btn--md {font-size: 18px; line-height: 30px } .btn--lg {font-size: 24px; line-height: 30px; padding: 16px 25px; border-radius: 31px } .btn--white {background-color: #fff; color: #000 } .btn--orngL {background-color: #94c608; color: #000 } .btn--orngL:hover {background-color: #fbd33d } .btn--orng {background-color: #94c608; color: #000 } .btn--orng:hover {background-color: #85ad18 } .btn--orng.btn--round {border: 0; font-size: 14px; line-height: 20px; padding: 6px 17px } .btn--orng.btn--lg {font-weight: 700; font-size: 24px; line-height: 30px; padding: 16px 35px } @media screen and (max-width:767px) {.btn--orng.btn--lg {padding: 10px 25px; line-height: 22px; font-size: 18px } } .btn--orng.btn--xlg {font-weight: 700; font-size: 18px; line-height: 30px; padding: 8px 35px; border-radius: 24px } @media screen and (max-width:767px) {.btn--orng.btn--xlg {padding: 8px 15px; line-height: 22px; font-size: 16px } } .btn--orng.btn--md {font-weight: 700; font-size: 18px; line-height: 30px } .btn._disable {background-color: rgba(128, 128, 128, .7) !important } .btn--more, .search-prod:hover {background-color: #f6f6f6 } .btn._disable:active {-webkit-transform: none !important; -ms-transform: none !important; transform: none !important } .btn--more {display: block; width: 100%; line-height: 20px; font-size: 13px; padding: 5px 10px } .btn--more:hover {background-color: #ddd } .btn--more:active {-webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px) } .sort-btn {display: inline-block; vertical-align: middle; border-radius: 3px; padding: 2px 7px 3px; line-height: 20px; white-space: nowrap; -webkit-transition: 150ms; transition: 150ms } .form-row__content--divided .input-wr + .input-wr .sort-btn .input-cont:after, .sort-btn .avatar__soc, .sort-btn .blockquote, .sort-btn .checkbox__view, .sort-btn .dropdown__head:after, .sort-btn .form-row__content--divided .input-wr + .input-wr .input-cont:after, .sort-btn .iconic, .sort-btn .popup__closer, .sort-btn .slick-next, .sort-btn .slick-prev, .sort-btn .typography blockquote, .sort-btn .ya-share2__item_service_facebook .ya-share2__icon, .sort-btn .ya-share2__item_service_gplus .ya-share2__icon, .sort-btn .ya-share2__item_service_moimir .ya-share2__icon, .sort-btn .ya-share2__item_service_twitter .ya-share2__icon, .sort-btn .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .sort-btn blockquote, .ya-share2__item_service_facebook .sort-btn .ya-share2__icon, .ya-share2__item_service_gplus .sort-btn .ya-share2__icon, .ya-share2__item_service_moimir .sort-btn .ya-share2__icon, .ya-share2__item_service_twitter .sort-btn .ya-share2__icon, .ya-share2__item_service_vkontakte .sort-btn .ya-share2__icon {display: none } .sort-btn .iconic--sorting {color: #94c608; font-size: 8px; margin-left: 4px } .sort-btn._active, .sort-btn:hover {background-color: #f2f2f2 } .sort-btn._active .link, .sort-btn:hover .link {border-bottom-color: transparent } .form-row__content--divided .input-wr + .input-wr .sort-btn._active .input-cont:after, .sort-btn._active .avatar__soc, .sort-btn._active .blockquote, .sort-btn._active .checkbox__view, .sort-btn._active .dropdown__head:after, .sort-btn._active .form-row__content--divided .input-wr + .input-wr .input-cont:after, .sort-btn._active .iconic, .sort-btn._active .popup__closer, .sort-btn._active .slick-next, .sort-btn._active .slick-prev, .sort-btn._active .typography blockquote, .sort-btn._active .ya-share2__item_service_facebook .ya-share2__icon, .sort-btn._active .ya-share2__item_service_gplus .ya-share2__icon, .sort-btn._active .ya-share2__item_service_moimir .ya-share2__icon, .sort-btn._active .ya-share2__item_service_twitter .ya-share2__icon, .sort-btn._active .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .sort-btn._active blockquote, .ya-share2__item_service_facebook .sort-btn._active .ya-share2__icon, .ya-share2__item_service_gplus .sort-btn._active .ya-share2__icon, .ya-share2__item_service_moimir .sort-btn._active .ya-share2__icon, .ya-share2__item_service_twitter .sort-btn._active .ya-share2__icon, .ya-share2__item_service_vkontakte .sort-btn._active .ya-share2__icon {display: inline-block } .sort-btn._reverse .iconic--sorting {-webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } .oblique-btns {padding: 15px 0 25px; margin-left: -10px; margin-right: -10px } .oblique-btns__btn-wr {display: inline-block; vertical-align: top; position: relative; margin: 5px 10px } .oblique-btns__btn-wr + .oblique-btns__btn-wr:before {content: ""; position: absolute; left: -13px; top: 8px; height: 22px; border-left: 1px solid #cfcfcf } .oblique-btns__btn-wr._active + .oblique-btns__btn-wr:before, .oblique-btns__btn-wr._active:before {display: none } @media screen and (max-width:480px) {.oblique-btns__btn-wr {margin: 0 10px 30px; top: 20px } .oblique-btns__btn-wr:before {display: none } .oblique-btns {margin-left: -2px; margin-right: -2px } } .link {border-bottom: 1px solid transparent; line-height: normal; cursor: pointer; -webkit-transition: 150ms; transition: 150ms } .link:hover {border-bottom-color: transparent } .link--black {color: #000; border-bottom: 1px solid rgba(0, 0, 0, .3) } .link--white {color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .3) } .link--grey {color: grey; border-bottom: 1px solid rgba(128, 128, 128, .3) } .link--blue {color: #61909f; border-bottom: 1px solid rgba(97, 144, 159, .3) } .link--dotted {border-bottom-style: dotted } .h1, .typography h1 {font-size: 40px; line-height: 60px; margin-bottom: 15px } @media screen and (max-width:630px) {.h1, .typography h1 {font-size: 30px; line-height: 40px } } .h2 {font-size: 32px; line-height: 40px; margin-bottom: 15px } .h3, .typography h3 {font-size: 18px; line-height: 30px; margin-bottom: 15px } .h4, .typography h4 {font-size: 18px; line-height: 30px; font-weight: 700; margin-bottom: 8px } .h4 small, .typography h4 small {font-size: 14px; font-weight: 400 } .h5, .typography h5 {font-size: 15px; line-height: 20px; font-weight: 700; margin-bottom: 15px } .text-sm {font: 11px / 14px Play, sans-serif } .text-gray {color: #797979 } .text-green {color: #429e0b } .text-red {color: red } .text-yel {color: #fff206 } .text-orng {color: #94c608 } .blockquote, .typography blockquote {font-size: 18px; line-height: 30px; color: #61909f; padding-left: 40px; position: relative; margin: 25px 0 } .blockquote:after, .typography blockquote:after {position: absolute; top: 10px; left: 3px; color: #94c608; font-size: 16px; line-height: normal } @media screen and (max-width:630px) {.blockquote, .typography blockquote {margin: 20px 0 } } .typography {font-size: 14px; line-height: 20px } .typography h2 {margin-bottom: 20px } .typography h6 {margin-bottom: 10px } .typography p {margin-bottom: 20px } .typography blockquote {margin: 25px 0 40px } @media screen and (max-width:630px) {.typography blockquote {margin: 20px 0 25px } } .params-cols {margin-bottom: 35px } .params-cols__tr {font-size: 0; white-space: nowrap; line-height: normal } .params-cols__tr, .typography .params-cols__tr {margin-bottom: 12px } .params-cols__content, .params-cols__param {white-space: normal; display: inline-block; vertical-align: text-top; font-size: 13px; line-height: 18px } .params-cols__param {width: 36%; padding-right: 20px } .params-cols__content {width: 64% } .ul-arrows LI {font-size: 12px; color: #595959; padding-left: 28px; position: relative } .ul-arrows LI:after {position: absolute; left: 0; top: 5px; border-style: solid; border-color: transparent transparent transparent #94c608; border-width: 5px 10px } @-webkit-keyframes rotate360 {from {-webkit-transform: rotate(0); transform: rotate(0) } to {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate360 {from {-webkit-transform: rotate(0); transform: rotate(0) } to {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes sellDrop {0% {-webkit-transform: translateY(-140%) translateX(-50%); transform: translateY(-140%) translateX(-50%); opacity: 0 } 10% {-webkit-transform: translateY(-140%) translateX(-50%); transform: translateY(-140%) translateX(-50%); opacity: 1 } 40% {opacity: .3 } 85% {opacity: 0 } 100% {opacity: 0; -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%) } } @keyframes sellDrop {0% {-webkit-transform: translateY(-140%) translateX(-50%); transform: translateY(-140%) translateX(-50%); opacity: 0 } 10% {-webkit-transform: translateY(-140%) translateX(-50%); transform: translateY(-140%) translateX(-50%); opacity: 1 } 40% {opacity: .3 } 85% {opacity: 0 } 100% {opacity: 0; -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%) } } @-webkit-keyframes flipFromTop {0% {-webkit-transform: perspective(1300px) rotateX(-90deg); transform: perspective(1300px) rotateX(-90deg) } 55% {-webkit-transform: perspective(1300px) rotateX(30deg); transform: perspective(1300px) rotateX(30deg) } 75% {-webkit-transform: perspective(1300px) rotateX(-10deg); transform: perspective(1300px) rotateX(-10deg) } 90% {-webkit-transform: perspective(1300px) rotateX(5deg); transform: perspective(1300px) rotateX(5deg) } 100% {-webkit-transform: perspective(1300px) rotateX(0); transform: perspective(1300px) rotateX(0) } } @keyframes flipFromTop {0% {-webkit-transform: perspective(1300px) rotateX(-90deg); transform: perspective(1300px) rotateX(-90deg) } 55% {-webkit-transform: perspective(1300px) rotateX(30deg); transform: perspective(1300px) rotateX(30deg) } 75% {-webkit-transform: perspective(1300px) rotateX(-10deg); transform: perspective(1300px) rotateX(-10deg) } 90% {-webkit-transform: perspective(1300px) rotateX(5deg); transform: perspective(1300px) rotateX(5deg) } 100% {-webkit-transform: perspective(1300px) rotateX(0); transform: perspective(1300px) rotateX(0) } } .input {display: block; width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; padding: 0 13px; background-color: #fff; height: 47px; line-height: 45px; font-size: 16px } .input::-webkit-input-placeholder {color: #000 } .input::-moz-placeholder {color: #000 } .input:-ms-input-placeholder {color: #000 } .input::placeholder {color: #000 } .input--special {border: 2px solid #94c608; line-height: 43px; font-size: 24px } .img-input__main, .textarea {border: 1px solid #d8d8d8; background-color: #fff; display: block } .input--special.input--lg {line-height: 56px } .input--ta-right {text-align: right } .input--lg {line-height: 58px; height: 60px } .input--size--115 {width: 115px } .input--size--80perc {width: 80% } .textarea {width: 100%; font-size: 13px; line-height: 22px; padding: 8px 9px } .textarea::-webkit-input-placeholder {color: #9b9b9b } .textarea::-moz-placeholder {color: #9b9b9b } .textarea:-ms-input-placeholder {color: #9b9b9b } .textarea::placeholder {color: #9b9b9b } .img-input {display: block; max-width: 400px } @media screen and (max-width:767px) {.img-input {max-width: 200px } } .img-input__main {width: 100%; border-radius: 3px; padding: 0 13px 100%; line-height: 45px; font-size: 16px; height: auto; max-width: 400px; position: relative; overflow: hidden; cursor: pointer; -webkit-transition: .3s; transition: .3s; background-position: center; background-size: contain } .img-input__main::-webkit-input-placeholder {color: #000 } .img-input__main::-moz-placeholder {color: #000 } .img-input__main:-ms-input-placeholder {color: #000 } .img-input__main::placeholder {color: #000 } .img-input__main._loaded .img-input__txt {color: transparent } .img-input__main INPUT {position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer } .img-input__txt {position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; line-height: 24px; text-align: center; color: #7f7f7f; padding: 20px 30px; -webkit-transition: 150ms; transition: 150ms } .img-input:hover {border-color: #5b5b5b } .input-error {display: block; font-size: 14px; line-height: 20px; color: #f32e2e; margin: 2px 2px 5px } .checkbox-label {display: table; white-space: nowrap; margin: 4px 0; line-height: 20px } .checkbox-label .checkbox, .checkbox-label__txt {display: inline-block; vertical-align: top } .checkbox-label .checkbox {margin-top: 3px; margin-right: -14px } .checkbox-label__txt {font-size: 13px; line-height: 20px; white-space: normal; width: 100%; padding-left: 23px } .checkbox-label._disabled .checkbox-label__txt {opacity: .6; cursor: not-allowed } .checkbox {display: inline-block; vertical-align: middle; cursor: pointer } .checkbox INPUT {display: none } .checkbox__view {display: block; width: 14px; height: 14px; border: 1px solid #c7c7c7; border-radius: 3px; -webkit-transition: 150ms; transition: 150ms; position: relative } .checkbox__view:after {color: #000; font-size: 15px; line-height: normal; position: absolute; left: 3px; bottom: 3px; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); opacity: 0; -webkit-transition: 150ms; transition: 150ms } .checkbox-label:hover .checkbox__view, .checkbox__view._active, .checkbox__view:hover, input:checked + .checkbox__view {background-color: #94c608; border-color: #94c608 } .checkbox__view._active:after, input:checked + .checkbox__view:after {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1 } input:disabled + .checkbox__view {opacity: .6; cursor: not-allowed } .dropdown {position: relative; z-index: 1 } .dropdown__head {font-size: 14px; line-height: 20px; background-color: #fff; border-radius: 18px; display: block; padding: 8px 40px 8px 20px; cursor: pointer; -webkit-transition: .3s; transition: .3s } .dropdown__head:after {position: absolute; top: 50%; right: 20px; color: #9f9f9f; font-size: 4px; height: 4px; line-height: 4px; margin-top: -1px } .dropdown__head:hover {box-shadow: 0 0 15px 0 rgba(0, 0, 0, .11) } .dropdown__head:hover:after {color: #000 } .dropdown__cont {position: absolute; top: 100%; left: 0; margin-top: 7px; width: 100%; max-width: 300px; min-width: 150px; max-height: 400px; overflow: auto; padding: 10px 25px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, .2); opacity: 0; visibility: hidden } .dropdown__cont-btn {margin: 13px 0 10px } .dropdown._active {z-index: 5 } .dropdown._active .dropdown__cont {opacity: 1; visibility: visible } @media screen and (max-width:480px) {.dropdown__head {font-size: 13px; padding-left: 15px } .dropdown__cont {padding: 8px 15px } } .noUi-target {height: 6px; box-shadow: none; border: 0 } .noUi-base {border-radius: 3px; background-color: #e1e3dd; height: 6px } .noUi-origin {border-radius: 3px; background-color: #94c608; -webkit-transition: 0s; transition: 0s } .noUi-origin + .noUi-origin {background-color: #e1e3dd } .noUi-handle {width: 16px !important; height: 16px !important; border-radius: 50%; top: 3px !important; left: -8px !important; margin-top: -8px !important; box-shadow: none; border: 1px solid #a5a5a5; cursor: pointer; -webkit-transition: 0s; transition: 0s } .noUi-handle:after, .noUi-handle:before {display: none } .noUi-state-tap .noUi-origin {-webkit-transition: 0s !important; transition: 0s !important } .range-ui__value {position: absolute; top: 100%; left: 0; margin-top: 8px; font-size: 13px; line-height: 16px; white-space: nowrap; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .form-row__name, .range-ui-wr {position: relative } .form-row {display: block; margin: 5px 0 12px } .form-row__name {display: block; overflow: hidden; text-overflow: ellipsis; font-size: 15px; line-height: 20px } .form-row__name-col {margin-bottom: 10px; display: block; -webkit-align-self: flex-start;  align-self: flex-start } .form-row__content--divided {display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; margin-left: -20px; margin-right: -20px; width: auto !important } .form-row__content--divided .input-wr { -webkit-flex-grow: 1;  flex-grow: 1; margin-left: 20px; margin-right: 20px } .form-row__content--divided .input-wr + .input-wr .input-cont:after {position: absolute; top: 0; left: -23px; line-height: 47px } .input-cont, .rub {position: relative } @media screen and (max-width:480px) {.form-row__content--divided {display: block !important } .form-row__content--divided .input-wr .input-cont:after {display: none } } .form-row__content-col {width: 100% } .form-row__content-col .checkbox-label {margin-left: 2px; -webkit-align-self: flex-start;  align-self: flex-start } .form-row__content-col--w80 {padding-right: 20% } @media screen and (max-width:960px) {.form-cols .form-row__content-col {padding-right: 0 } } @media screen and (max-width:630px) {.form-row__content-col {padding-right: 0 } } .form-row--inline { display: -webkit-flex;  display: flex } .form-row--inline .form-row__content, .form-row--inline .form-row__name {width: 100%; display: inline-block; vertical-align: middle; line-height: normal } .form-row--inline .form-row__name-col {margin-bottom: 0; -webkit-flex-shrink: 0;  flex-shrink: 0;  -webkit-flex-grow: 0;  flex-grow: 0; width: 165px; line-height: 47px; padding-right: 30px } .form-row--inline .form-row__content-col {line-height: 47px;  -webkit-flex-grow: 1;  flex-grow: 1 } .form-row--inline.form-row--multi .form-row__name-col {margin-top: 23px } @media screen and (max-width:860px) {.form-row--inline.form-row--multi {display: block; margin-top: 0 } .form-row--inline.form-row--multi .form-row__name-col {margin-top: 0; height: auto; line-height: 20px; margin-bottom: 6px; padding-right: 0 } .form-row--inline.form-row--multi .form-row__name {font-size: 14px } .form-row--inline.form-row--multi .form-row__content-col {height: auto; line-height: 20px } } @media screen and (max-width:630px) {.form-row--inline {display: block; margin-top: 0 } .form-row--inline .form-row__name-col {height: auto; line-height: 20px; margin-bottom: 6px; padding-right: 0 } .form-row--inline .form-row__name {font-size: 14px } .form-row--inline .form-row__content-col {height: auto; line-height: 20px } } .form-row--submit {margin-top: 40px } .form-row--submit .btn--md {padding-left: 20px; padding-right: 20px } @media screen and (max-width:630px) {.form-row--submit {margin-top: 30px } .form-row--submit .form-row__name-col {display: none } } .input-cont .input {width: 100% } .input-cont + .checkbox-label {margin-top: 13px } .input-wr__name {font-size: 13px; line-height: 20px; color: #7f7f7f; margin-bottom: 3px; display: block } .form-gr {margin-bottom: 40px } .form-gr .h3, .form-gr .typography h3, .typography .form-gr h3 {line-height: 24px; margin-bottom: 30px } @media screen and (max-width:630px) {.input-wr + .input-wr {margin-top: 12px } .form-gr {margin-bottom: 25px } .form-gr .h3, .form-gr .typography h3, .typography .form-gr h3 {margin-bottom: 10px } .form-pair {margin-left: -10px; margin-right: -10px } .form-pair .form-row {display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px } } .ico-link > SPAN, .price {vertical-align: middle } .form-cols { display: -webkit-flex;  display: flex;  -webkit-justify-content: flex-start;  justify-content: flex-start;  -webkit-align-items: flex-start;  align-items: flex-start; margin: 0 -30px 14px } .form-cols__col {-webkit-flex-shrink: 0;  flex-shrink: 0;  -webkit-flex-grow: 0;  flex-grow: 0; padding-left: 30px; padding-right: 30px } .form-cols__col--65 {width: 65% } .form-cols__col--35 {width: 35% } @media screen and (max-width:860px) {.form-cols {margin-left: -15px; margin-right: -15px } .form-cols__col {padding-left: 15px; padding-right: 15px } } @media screen and (max-width:767px) {.form-cols {display: block } .form-cols__col {width: auto } } .help-block {margin-top: 4px } .ico {display: inline-block; background-size: cover; background-position: center } .ico--roulette {background-image: url(../images/svg/roulette.svg); width: 40px; height: 29px } .ico--roulette-full {background-image: url(../images/svg/roullete-red.svg); width: 30px; height: 33px } .ico--cart-w {background-image: url(../images/svg/cart-w.svg); width: 21px; height: 20px } .btn .ico--cart-w {margin-right: 11px; -webkit-transition: .3s; transition: .3s } .btn:hover .ico--cart-w {-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px) } .btn--lg .ico--cart-w {height: 25px; width: 26px } .ico--comm-cloud {background-image: url(../images/comm-cloud.png); width: 19px; height: 16px } .ico--play {width: 45px; height: 45px; background-image: url(../images/svg/play.svg) } .form-row__content--divided .input-wr + .input-wr .ico-link .input-cont:after, .ico-link .avatar__soc, .ico-link .blockquote, .ico-link .checkbox__view, .ico-link .dropdown__head:after, .ico-link .form-row__content--divided .input-wr + .input-wr .input-cont:after, .ico-link .ico, .ico-link .iconic, .ico-link .popup__closer, .ico-link .slick-next, .ico-link .slick-prev, .ico-link .typography blockquote, .ico-link .ya-share2__item_service_facebook .ya-share2__icon, .ico-link .ya-share2__item_service_gplus .ya-share2__icon, .ico-link .ya-share2__item_service_moimir .ya-share2__icon, .ico-link .ya-share2__item_service_twitter .ya-share2__icon, .ico-link .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .ico-link blockquote, .ya-share2__item_service_facebook .ico-link .ya-share2__icon, .ya-share2__item_service_gplus .ico-link .ya-share2__icon, .ya-share2__item_service_moimir .ico-link .ya-share2__icon, .ya-share2__item_service_twitter .ico-link .ya-share2__icon, .ya-share2__item_service_vkontakte .ico-link .ya-share2__icon {margin-right: 5px } .ico-link:hover .link {border-bottom-color: transparent } .rub:after {content: "–"; position: absolute; left: -.05em; bottom: .45em; line-height: 1px; font-size: 85% } .rub--sm {font-size: 14px; line-height: 20px } .rub--sm:after {bottom: .1em } .price {font-weight: 700; white-space: nowrap; font-size: 24px; line-height: 30px } .price--ssm {font-size: 13px; line-height: 20px } .price--sm {font-size: 14px; line-height: 20px } .price--md {font-size: 18px; line-height: 26px } .price--xl {font-size: 35px; line-height: 32px } .price-wr__discount {color: #378100; font-size: 13px; display: block } .price-wr__main-str .price {float: left } .price-wr__last-price {color: #f32e2e; font-size: 15px; font-weight: 400; margin-left: 10px; vertical-align: text-bottom; position: relative; top: 13px; white-space: nowrap; float: right } .discount, .prod-timer SPAN {vertical-align: middle } .price-wr__points {display: block; color: #858585; font-size: 13px; line-height: 14px; margin-top: 2px } .discount, .price-label {display: inline-block; white-space: nowrap } .discount {background-color: #94c608; border-radius: 13px; padding: 0 10px; color: #000; font-size: 16px; line-height: 26px; font-weight: 700 } .price-label {background-color: #000; border-radius: 15px; line-height: 30px; font-size: 15px; padding: 0 18px; text-align: center; color: #94c608; font-weight: 400 } .prod-timer {background: #000; color: #fff; text-align: right; padding: 0 8px 0 5px; line-height: 24px; font-size: 14px; white-space: nowrap; position: absolute; top: 0; right: 0; z-index: 1 } .avatar__soc, .category, .franchise, .gameview-cats__li, .online-sells, .reg-sl-block, .soc-login {text-align: center } .form-row__content--divided .input-wr + .input-wr .prod-timer .input-cont:after, .prod-timer .avatar__soc, .prod-timer .blockquote, .prod-timer .checkbox__view, .prod-timer .dropdown__head:after, .prod-timer .form-row__content--divided .input-wr + .input-wr .input-cont:after, .prod-timer .iconic, .prod-timer .popup__closer, .prod-timer .slick-next, .prod-timer .slick-prev, .prod-timer .typography blockquote, .prod-timer .ya-share2__item_service_facebook .ya-share2__icon, .prod-timer .ya-share2__item_service_gplus .ya-share2__icon, .prod-timer .ya-share2__item_service_moimir .ya-share2__icon, .prod-timer .ya-share2__item_service_twitter .ya-share2__icon, .prod-timer .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .prod-timer blockquote, .ya-share2__item_service_facebook .prod-timer .ya-share2__icon, .ya-share2__item_service_gplus .prod-timer .ya-share2__icon, .ya-share2__item_service_moimir .prod-timer .ya-share2__icon, .ya-share2__item_service_twitter .prod-timer .ya-share2__icon, .ya-share2__item_service_vkontakte .prod-timer .ya-share2__icon {color: #fff; margin-right: 5px; font-size: 12px } .steam {display: block; background: url(../images/steam-black.png) center no-repeat; background-size: contain; width: 98px; height: 30px } .game-label, .soc-login {display: inline-block; background-repeat: no-repeat; background-position: center } .steam--white {background-image: url(../images/steam-white.png) } .steam--sm {width: 68px; height: 21px } .game-label {vertical-align: top; border-radius: 4px; position: relative; overflow: hidden; background-size: cover; width: 176px; height: 82px; -webkit-transition: all .45s, -webkit-transform .8s, opacity .8s; transition: all .45s, transform .8s, opacity .8s; -webkit-filter: brightness(.95); filter: brightness(.95) } .game-label:hover {-webkit-filter: brightness(1.1); filter: brightness(1.1) } .social-links {display: block; margin: 0 -7px; font-size: 25px; } .social-links a {color: #3d4043; } .social-links a:hover {color: white; } .form-row__content--divided .input-wr + .input-wr .social-links .input-cont:after, .social-links .avatar__soc, .social-links .blockquote, .social-links .checkbox__view, .social-links .dropdown__head:after, .social-links .form-row__content--divided .input-wr + .input-wr .input-cont:after, .social-links .iconic, .social-links .popup__closer, .social-links .slick-next, .social-links .slick-prev, .social-links .typography blockquote, .social-links .ya-share2__item_service_facebook .ya-share2__icon, .social-links .ya-share2__item_service_gplus .ya-share2__icon, .social-links .ya-share2__item_service_moimir .ya-share2__icon, .social-links .ya-share2__item_service_twitter .ya-share2__icon, .social-links .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .social-links blockquote, .ya-share2__item_service_facebook .social-links .ya-share2__icon, .ya-share2__item_service_gplus .social-links .ya-share2__icon, .ya-share2__item_service_moimir .social-links .ya-share2__icon, .ya-share2__item_service_twitter .social-links .ya-share2__icon, .ya-share2__item_service_vkontakte .social-links .ya-share2__icon {margin: 7px; vertical-align: middle; line-height: inherit; -webkit-transition: color 150ms; transition: color 150ms } .social-links .avatar__soc--fb, .social-links .iconic--soc-fb, .social-links .ya-share2__item_service_facebook .ya-share2__icon, .ya-share2__item_service_facebook .social-links .ya-share2__icon {font-size: 1.1em; position: relative; top: -.1em } .social-links .iconic--soc-vk, .social-links .ya-share2__item_service_vkontakte .ya-share2__icon, .ya-share2__item_service_vkontakte .social-links .ya-share2__icon {font-size: .8em } .social-links .iconic--soc-tw, .social-links .ya-share2__item_service_twitter .ya-share2__icon, .ya-share2__item_service_twitter .social-links .ya-share2__icon {font-size: .85em } .form-row__content--divided .input-wr + .input-wr .social-links--grey .input-cont:after, .social-links--grey .avatar__soc, .social-links--grey .blockquote, .social-links--grey .checkbox__view, .social-links--grey .dropdown__head:after, .social-links--grey .form-row__content--divided .input-wr + .input-wr .input-cont:after, .social-links--grey .iconic, .social-links--grey .popup__closer, .social-links--grey .slick-next, .social-links--grey .slick-prev, .social-links--grey .typography blockquote, .social-links--grey .ya-share2__item_service_facebook .ya-share2__icon, .social-links--grey .ya-share2__item_service_gplus .ya-share2__icon, .social-links--grey .ya-share2__item_service_moimir .ya-share2__icon, .social-links--grey .ya-share2__item_service_twitter .ya-share2__icon, .social-links--grey .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .social-links--grey blockquote, .ya-share2__item_service_facebook .social-links--grey .ya-share2__icon, .ya-share2__item_service_gplus .social-links--grey .ya-share2__icon, .ya-share2__item_service_moimir .social-links--grey .ya-share2__icon, .ya-share2__item_service_twitter .social-links--grey .ya-share2__icon, .ya-share2__item_service_vkontakte .social-links--grey .ya-share2__icon {color: #3f4143 } .form-row__content--divided .input-wr + .input-wr .social-links--grey .input-cont:hover:after, .soc-login, .social-links--grey .avatar__soc:hover, .social-links--grey .blockquote:hover, .social-links--grey .checkbox__view:hover, .social-links--grey .dropdown__head:hover:after, .social-links--grey .form-row__content--divided .input-wr + .input-wr .input-cont:hover:after, .social-links--grey .iconic:hover, .social-links--grey .popup__closer:hover, .social-links--grey .slick-next:hover, .social-links--grey .slick-prev:hover, .social-links--grey .typography blockquote:hover, .social-links--grey .ya-share2__item_service_facebook .ya-share2__icon:hover, .social-links--grey .ya-share2__item_service_gplus .ya-share2__icon:hover, .social-links--grey .ya-share2__item_service_moimir .ya-share2__icon:hover, .social-links--grey .ya-share2__item_service_twitter .ya-share2__icon:hover, .social-links--grey .ya-share2__item_service_vkontakte .ya-share2__icon:hover, .typography .social-links--grey blockquote:hover, .ya-share2__item_service_facebook .social-links--grey .ya-share2__icon:hover, .ya-share2__item_service_gplus .social-links--grey .ya-share2__icon:hover, .ya-share2__item_service_moimir .social-links--grey .ya-share2__icon:hover, .ya-share2__item_service_twitter .social-links--grey .ya-share2__icon:hover, .ya-share2__item_service_vkontakte .social-links--grey .ya-share2__icon:hover {color: #fff } .soc-share-wr {padding: 15px 0; line-height: 34px;  display: -webkit-flex;  display: flex;  -webkit-justify-content: space-between;  justify-content: space-between;  -webkit-align-items: center;  align-items: center; font-size: 13px } .soc-share-wr > P {line-height: 20px } @media screen and (max-width:630px) {.soc-share-wr {display: block } } .soc-login {vertical-align: middle; width: 234px; height: 34px; line-height: 34px; font-size: 15px; padding: 0 15px 0 55px; background-size: 100% 100%; -webkit-transition: 150ms; transition: 150ms; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .ya-share2__counter, .ya-share2__icon {display: inline-block; width: auto !important } .soc-login--vk {background-image: url(../images/vk-login.png) } .soc-login--fb {background-image: url(../images/fb-login.png) } .soc-login--steam {background-image: url(../images/steam-login.png) } .soc-login:active {-webkit-transform: translateY(2px) scale(.99, 1); -ms-transform: translateY(2px) scale(.99, 1); transform: translateY(2px) scale(.99, 1) } .ya-share2 {line-height: 22px } .ya-share2__item {margin: 5px 12px !important } .ya-share2__icon {vertical-align: middle !important; height: auto !important } .ya-share2__counter {vertical-align: middle; background-color: #eef1f4; border-radius: 3px; padding: 0 !important; min-width: 28px !important; height: 22px !important; line-height: 22px !important; text-align: center; font-size: 13px !important; color: #24313a; font-family: "Helvetica Neue", Helvetica, "Open Sans", sans-serif; position: relative; margin-left: 12px } .ya-share2__counter:before {height: 0; width: 0; position: absolute; right: 100%; left: auto; bottom: auto; top: 50% !important; margin-top: -4px; border: 4px solid transparent; border-right-color: #eef1f4 } .ya-share2__badge {background-color: transparent !important; line-height: 22px !important } .ya-share2__item_service_vkontakte .ya-share2__icon {background-image: none !important; color: #3395c7; font-size: 14px } .ya-share2__item_service_facebook .ya-share2__icon {background-image: none !important; color: #3669a3; font-size: 20px } .ya-share2__item_service_twitter .ya-share2__icon {background-image: none !important; color: #6bc1e9; font-size: 14px } .ya-share2__item_service_moimir .ya-share2__icon {background-image: none !important; color: #2856b3; font-size: 20px } .ya-share2__item_service_gplus .ya-share2__icon {background-image: none !important; color: #db5a50; font-size: 20px } .cats-list { border-left: 1px solid #d5d5d5; margin: 0 0 0 1px;  display: -webkit-flex;  display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap } .cats-list__col {position: relative; width: 25%; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; margin-top: -1px; margin-left: -1px; -webkit-transition: 150ms; transition: 150ms } .cats-list__col:hover {border-color: #94c608; background-color: #94c608; z-index: 1; margin-left: -1px } .cats-list .category {display: block } @media screen and (max-width:630px) {.cats-list__col {width: 50% } } .category {display: inline-block; color: #000; text-transform: none; padding: 20px 20px 30px } .category__ico {height: 94px; line-height: 94px; font-size: 50px } .category__ico .avatar__soc, .category__ico .blockquote, .category__ico .checkbox__view, .category__ico .dropdown__head:after, .category__ico .form-row__content--divided .input-wr + .input-wr .input-cont:after, .category__ico .iconic, .category__ico .popup__closer, .category__ico .slick-next, .category__ico .slick-prev, .category__ico .typography blockquote, .category__ico .ya-share2__item_service_facebook .ya-share2__icon, .category__ico .ya-share2__item_service_gplus .ya-share2__icon, .category__ico .ya-share2__item_service_moimir .ya-share2__icon, .category__ico .ya-share2__item_service_twitter .ya-share2__icon, .category__ico .ya-share2__item_service_vkontakte .ya-share2__icon, .category__ico img, .form-row__content--divided .input-wr + .input-wr .category__ico .input-cont:after, .typography .category__ico blockquote, .ya-share2__item_service_facebook .category__ico .ya-share2__icon, .ya-share2__item_service_gplus .category__ico .ya-share2__icon, .ya-share2__item_service_moimir .category__ico .ya-share2__icon, .ya-share2__item_service_twitter .category__ico .ya-share2__icon, .ya-share2__item_service_vkontakte .category__ico .ya-share2__icon {max-width: 94%; max-height: 100%; display: inline-block; vertical-align: middle } .category__ico .iconic--cat-action {font-size: 1em } .category__ico .iconic--cat-adventure {font-size: 1.85em } .category__ico .iconic--cat-rpg {font-size: 1.5em } .category__ico .iconic--cat-sim {font-size: 1.6em } .category__ico .iconic--cat-strategy {font-size: 1.35em } .category__ico .iconic--cat-mmo {font-size: 1.6em } .category__ico .iconic--cat-arcade {font-size: 1.1em } .category__ico .iconic--cat-sport {font-size: 1.4em } .category__name {font-size: 14px; line-height: normal; text-transform: uppercase; letter-spacing: .6px; margin-top: 12px } @media screen and (max-width:1020px) {.category__ico {font-size: 27px } } @media screen and (max-width:767px) {.category {padding: 15px 15px 20px } } .gameview-cats {margin-top: 5px; font-size: 0 } .gameview-cats__li {position: relative; display: inline-block; vertical-align: top; margin-top: 5px; min-width: 75px; padding: 0 5px; max-width: 50% } .gameview-cats__li:after, .gameview-cats__li:before {content: ""; position: absolute; top: 5px; height: 20px; border-right: 1px solid #ececec } .gameview-cats__li:after {left: 0 } .gameview-cats__li:before {right: -1px } .gameview-cats__li:last-child:before {display: block } .gameview-cats .category {padding: 0; margin: 0 } .gameview-cats .category__ico {height: 34px; line-height: 34px; font-size: 16px } .form-row__content--divided .input-wr + .input-wr .gameview-cats .category__ico .input-cont:after, .gameview-cats .category__ico .avatar__soc, .gameview-cats .category__ico .blockquote, .gameview-cats .category__ico .checkbox__view, .gameview-cats .category__ico .dropdown__head:after, .gameview-cats .category__ico .form-row__content--divided .input-wr + .input-wr .input-cont:after, .gameview-cats .category__ico .iconic, .gameview-cats .category__ico .popup__closer, .gameview-cats .category__ico .slick-next, .gameview-cats .category__ico .slick-prev, .gameview-cats .category__ico .typography blockquote, .gameview-cats .category__ico .ya-share2__item_service_facebook .ya-share2__icon, .gameview-cats .category__ico .ya-share2__item_service_gplus .ya-share2__icon, .gameview-cats .category__ico .ya-share2__item_service_moimir .ya-share2__icon, .gameview-cats .category__ico .ya-share2__item_service_twitter .ya-share2__icon, .gameview-cats .category__ico .ya-share2__item_service_vkontakte .ya-share2__icon, .gameview-cats .category__ico img, .typography .gameview-cats .category__ico blockquote, .ya-share2__item_service_facebook .gameview-cats .category__ico .ya-share2__icon, .ya-share2__item_service_gplus .gameview-cats .category__ico .ya-share2__icon, .ya-share2__item_service_moimir .gameview-cats .category__ico .ya-share2__icon, .ya-share2__item_service_twitter .gameview-cats .category__ico .ya-share2__icon, .ya-share2__item_service_vkontakte .gameview-cats .category__ico .ya-share2__icon {max-width: 100%; display: inline-block; vertical-align: middle } .franchises, .franchises__item { display: -webkit-flex; display: -ms-flexbox } .gameview-cats .category__ico .iconic--cat-action {font-size: 1em } .gameview-cats .category__ico .iconic--cat-adventure {font-size: 1.85em } .gameview-cats .category__ico .iconic--cat-rpg {font-size: 1.5em } .gameview-cats .category__ico .iconic--cat-sim {font-size: 1.6em } .gameview-cats .category__ico .iconic--cat-strategy {font-size: 1.35em } .gameview-cats .category__ico .iconic--cat-mmo {font-size: 1.6em } .gameview-cats .category__ico .iconic--cat-arcade {font-size: 1.1em } .gameview-cats .category__ico .iconic--cat-sport {font-size: 1.4em } .gameview-cats .category__name {font-size: 11px; line-height: 16px; text-transform: none; margin-top: 5px } .franchises {margin: 0 -4px; display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap } .franchises__item { -webkit-flex-grow: 0;  flex-grow: 0; -webkit-flex-shrink: 1;  flex-shrink: 1; width: 20.66667%; padding: 4px; display: flex; -webkit-align-content: stretch;  align-content: stretch;  -webkit-align-items: stretch;  align-items: stretch } .franchises__item .franchise {width: 100% } @media screen and (max-width:860px) {.franchises__item {width: 25% } } @media screen and (max-width:630px) {.franchises__item {width: 33.33333% } } @media screen and (max-width:480px) {.franchises__item {width: 50% } } .franchise {background-color: #f1f1f1; min-height: 75px; line-height: 55px; padding: 10px 20px; -webkit-transition: 150ms; transition: 150ms;  display: -webkit-flex;  display: flex; -webkit-align-content: center;  align-content: center;  -webkit-align-items: center;  align-items: center;  -webkit-justify-content: center;  justify-content: center } .franchise IMG {display: inline-block; vertical-align: middle; width: 90%; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .4; -webkit-transition: 150ms; transition: 150ms } .franchise:hover {background-color: #94c608 } .franchise:hover IMG {opacity: 1 } .slick-slider {margin-bottom: 0 } .slick-loading .slick-list {background: 0 0 !important } .slick-next, .slick-prev {color: #333; font-size: 28px; height: 28px; outline: 0; visibility: visible; -webkit-transition: color 150ms; transition: color 150ms; z-index: 1; opacity: .6 } .slick-next:before, .slick-prev:before {display: none } .slick-next:focus, .slick-prev:focus {color: inherit; background: inherit } .promo-slider__bg, .promo-slider__slide {background-position: center; background-repeat: no-repeat } .slick-next:hover, .slick-prev:hover {opacity: 1; color: #fff } .slick-next:active, .slick-prev:active {opacity: 1; color: #94c608 !important } .slick-dots {padding: 25px 0; font-size: 0; line-height: 9px; position: relative; top: auto; bottom: auto } .slick-dots li {display: inline-block; vertical-align: middle; margin: 0 10px; width: auto; height: auto } .slick-dots li button {display: block; width: 9px; height: 9px; border-radius: 100%; background-color: #b0b0b0; margin: 0; padding: 0; -webkit-transition: 150ms; transition: 150ms } .promo-slider, .promo-slider__slide {height: 500px; position: relative; overflow: hidden } .slick-dots li button:after, .slick-dots li button:before {display: none } .slick-dots li button:hover, .slick-dots li.slick-active button {background-color: #94c608; box-shadow: 0 0 0 1px #fff206 } .promo-slider__slide {background-size: auto 100%; -webkit-transition: opacity .6s !important; transition: opacity .6s !important; opacity: 1 } .promo-slider._animated .promo-slider__slide.slick-active .promo-slider__bg {-ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } .promo-slider__bg {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-transition: -webkit-transform 5.5s; transition: transform 5.5s } .promo-slider .wrapper {height: 100%; position: relative } .promo-slider__inner {color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: 45px; padding-left: 20px; padding-right: 20px } @media screen and (max-width:1020px) {.promo-slider__inner {padding-left: 20px; padding-right: 20px } } @media screen and (max-width:630px) {.promo-slider__inner {padding-right: 10px; padding-left: 10px } } .promo-slider__inner--black {color: #000 } .promo-slider__title {margin: 15px 0 3px; font-size: 24px; line-height: 30px; text-transform: uppercase; font-weight: 400; letter-spacing: 2.3px } .promo-slider__price-str {line-height: 30px } .promo-slider__price-str .discount {margin-left: 12px } .promo-slider .steam {margin: 0 0 10px -3px } .promo-slider .slick-prev {left: 50px } .promo-slider .slick-next {right: 50px } .promo-slider .slick-dots {position: absolute; bottom: 0; left: 0; right: 0 } @media screen and (max-width:1500px) {.promo-slider .slick-prev {left: 20px } .promo-slider .slick-next {right: 20px } } @media screen and (max-width:1380px) {.promo-slider .slick-next, .promo-slider .slick-prev {display: none } } @media screen and (max-width:767px) {.promo-slider, .promo-slider__slide {height: 400px } } .reg-sl-block {padding: 35px 0 22px } .reg-sl-block .h4, .reg-sl-block .typography h4, .typography .reg-sl-block h4 {margin-bottom: 16px } .reg-sl-block .slick-dots {padding-top: 20px } .reg-sl-block .slick-arrow {position: absolute; bottom: 100%; right: 4px; top: auto; z-index: 10 } .reg-sl-block .slick-prev {left: auto; margin-right: 40px } @media screen and (max-width:630px) {.reg-sl-block {padding: 25px 0 15px } .reg-sl-block .slick-arrow {display: none } } @media screen and (max-width:480px) {.reg-sl-block .slick-dots {padding: 30px 0 25px } } .discounts-bl {background-color: #1b1b1b; color: #fff } .discounts-bl__slide, .slick-initialized .discounts-bl__slide { display: -webkit-flex;  display: flex } .discounts-bl__col {-webkit-flex-shrink: 0;  flex-shrink: 0;  -webkit-flex-grow: 1;  flex-grow: 1; width: 50% } .discounts-bl__col--half {width: 25% } @media screen and (max-width:860px) {.discounts-bl__col:nth-child(3) {display: none } .discounts-bl__col {width: 63% } .discounts-bl__col--half {width: 37% } } @media screen and (max-width:630px) {.discounts-bl__col {width: 100% } .discounts-bl__col--half {display: none } } .discounts-bl .slick-arrow {color: #fff } .online-sells {position: relative; overflow: hidden; background-color: #fff; padding: 45px 0 50px } .online-sells__track-wr {position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .online-sells__loadout-cont {position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .online-sells__loadout-cont .game-label {opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-name: sellDrop; animation-name: sellDrop; -webkit-animation-delay: .2s; animation-delay: .2s; position: fixed; left: 50%; top: 0 } .online-sells__track {white-space: nowrap; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .online-sells__track:after, .online-sells__track:before {content: ""; position: absolute; top: 0; bottom: 0; max-width: 22%; width: 240px; z-index: 10 } @media screen and (max-width:960px) {.online-sells__track:after, .online-sells__track:before {display: none } } .online-sells__track:after {left: 0; background: -webkit-linear-gradient(left, #fff 10%, transparent 100%); background: linear-gradient(to right, #fff 10%, transparent 100%) } .online-sells__track:before {right: 0; background: -webkit-linear-gradient(right, #fff 10%, transparent 100%); background: linear-gradient(to left, #fff 10%, transparent 100%) } .online-sells .h4, .online-sells .typography h4, .typography .online-sells h4 {margin-bottom: 20px } .online-sells .game-label {margin: 0 10px } .gameview-sl .slick-arrow {position: absolute; bottom: 100%; right: 4px; top: auto; z-index: 10; opacity: .4; font-size: 22px } .gameview-sl .slick-arrow:hover {opacity: 1; color: #333 } .gameview-sl .slick-prev {left: auto; margin-right: 30px } .gameview-sl--gallery {white-space: nowrap; position: relative; margin-right: -4px; margin-left: -4px } .gameview-sl--gallery .game-materials {display: inline-block; vertical-align: top; white-space: normal; width: 100%; margin: 0 } .gameview-sl--prods, .gameview-sl--prods-composition {margin-left: -8px; margin-right: -8px; white-space: nowrap; position: relative; margin-top: -7px } .gameview-sl--prods .slick-arrow, .gameview-sl--prods-composition .slick-arrow {margin-bottom: -7px } .gameview-sl--prods .products-list, .gameview-sl--prods-composition .products-list {width: 50%; display: inline-block; vertical-align: top; margin: 0; white-space: normal } .gameview-sl--prods .products-list__item, .gameview-sl--prods-composition .products-list__item {width: 100% !important } @media screen and (max-width:860px) {.gameview-sl--prods .products-list, .gameview-sl--prods-composition .products-list { display: -webkit-flex;  display: flex } .gameview-sl--prods .products-list__item {width: 50% !important } } @media screen and (max-width:630px) {.gameview-sl--prods .products-list__item, .gameview-sl--prods-composition .products-list__item {padding-bottom: 0 } .gameview-sl--prods .prod-preview__desc, .gameview-sl--prods-composition .prod-preview__desc {margin-top: 0 } } @media screen and (max-width:480px) {.gameview-sl--prods, .gameview-sl--prods-composition {margin-left: -4px; margin-right: -4px } } .random-slider {height: 215px; overflow: hidden } .random-slider__item {width: 112px; margin: 16px 0 6px; padding: 0 3px } .random-slider__item-img IMG {display: block } .avatar, .comment .avatar, .comment__main {display: inline-block } .random-slider__item-name {font-size: 13px; line-height: 17px; margin-top: 8px } .random-slider._animation-on .slick-track {-webkit-transition: left 5s cubic-bezier(.27, .01, 0, 1.005); transition: left 5s cubic-bezier(.27, .01, 0, 1.005) } .random-slider-current {position: absolute; top: 10px; left: 50%; width: 118px; height: 162px; margin: 0 0 0 -59px; border: 6px solid #94c608 } .random-slider-current:after {content: ""; width: 42px; height: 34px; position: absolute; top: -17px; left: 50%; margin: 0 0 0 -21px; background: url(../images/random-current.png) 50% 50% no-repeat } .avatar {width: 50px; height: 50px; position: relative } .avatar__img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: 1 } .avatar__img IMG {width: 100% } .avatar__soc {border: 3px solid #fff; border-radius: 50%; width: 22px; height: 22px; line-height: 16px; color: #fff; position: absolute; z-index: 2; bottom: -11px; right: -11px; font-size: 10px } .discount-prod__bg, .prod-preview__overlay {z-index: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover } .avatar__soc--vk {background-color: #5a7ca2; font-size: 8px } .avatar__soc--fb {background-color: #2f5e93; font-size: 13px } .avatar__soc--fb:after {position: relative; top: 3px } .comment {text-align: left; padding: 22px 10px 22px 0; font-size: 0 } .comment .avatar {vertical-align: top; margin-right: -50px; margin-top: 5px } .comment__main {width: 100%; vertical-align: top; padding-left: 80px; font-size: 14px; line-height: 20px; color: #000; white-space: normal; word-wrap: break-word; } .comment-form, .countdown, .search-prod {white-space: nowrap } .comment__bot {font-size: 11px; line-height: normal; color: #797979; margin-top: 10px;  display: -webkit-flex;  display: flex; -webkit-flex-wrap: nowrap;  flex-wrap: nowrap;  -webkit-align-items: flex-start;  align-items: flex-start;  -webkit-justify-content: space-between;  justify-content: space-between } .comment__bot-ui, .comment__date, .comment__ui-link {display: inline-block; vertical-align: top } .comment__date {margin: 4px 0 } .comment__bot-ui {opacity: 0; -webkit-transition: 150ms; transition: 150ms } .comment__ui-link {color: #cacaca; margin: 4px 20px 4px 0; cursor: pointer; -webkit-transition: 150ms; transition: 150ms } .comment__ui-link .avatar__soc, .comment__ui-link .blockquote, .comment__ui-link .checkbox__view, .comment__ui-link .dropdown__head:after, .comment__ui-link .form-row__content--divided .input-wr + .input-wr .input-cont:after, .comment__ui-link .iconic, .comment__ui-link .popup__closer, .comment__ui-link .slick-next, .comment__ui-link .slick-prev, .comment__ui-link .typography blockquote, .comment__ui-link .ya-share2__item_service_facebook .ya-share2__icon, .comment__ui-link .ya-share2__item_service_gplus .ya-share2__icon, .comment__ui-link .ya-share2__item_service_moimir .ya-share2__icon, .comment__ui-link .ya-share2__item_service_twitter .ya-share2__icon, .comment__ui-link .ya-share2__item_service_vkontakte .ya-share2__icon, .form-row__content--divided .input-wr + .input-wr .comment__ui-link .input-cont:after, .typography .comment__ui-link blockquote, .ya-share2__item_service_facebook .comment__ui-link .ya-share2__icon, .ya-share2__item_service_gplus .comment__ui-link .ya-share2__icon, .ya-share2__item_service_moimir .comment__ui-link .ya-share2__icon, .ya-share2__item_service_twitter .comment__ui-link .ya-share2__icon, .ya-share2__item_service_vkontakte .comment__ui-link .ya-share2__icon {color: inherit; margin-left: 8px } .comment__ui-link .iconic--heart {font-size: 10px } .comment__ui-link._active, .comment__ui-link:hover {color: #000 } .comment:hover .comment__bot-ui {opacity: 1 } @media screen and (max-width:767px) {.comment__main {padding-left: 65px } } @media screen and (max-width:630px) {.comment {padding-top: 15px; padding-bottom: 15px } .comment__bot-ui {display: block; opacity: 1 } .comment__bot {display: block } } .comment--in-slide {background-color: #fff; padding: 20px 22px 15px } @media screen and (max-width:630px) {.comment--in-slide {min-height: 80px !important; padding: 10px 10px 15px } .comment--in-slide + .comment--in-slide {display: none } } .comment-form {font-size: 0; background-color: #f4f4f4; padding: 12px; margin-bottom: 5px } .comment-form .avatar {display: inline-block; vertical-align: top; margin-right: -50px } .comment-form__main {display: inline-block; vertical-align: top; padding-left: 65px; width: 100% } .comment-form .btn {margin: 8px 0 0 3px } .no-login {background-color: #f2f2f2; text-align: center; font-size: 18px; color: #646464; line-height: 30px; padding: 15px 20px; margin: 2px 0 32px } .comms-list__comm-wr {border-top: 1px solid #f4f4f4 } .comms-list__comm-wr:first-child {border-top: 0 } .comms-list__comm-wr .comms-list__comm-wr .comment {padding-left: 55px } @media screen and (max-width:630px) {.comms-list__comm-wr .comms-list__comm-wr .comment {padding-left: 12px } } .comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comment {padding-left: 110px } @media screen and (max-width:630px) {.comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comment {padding-left: 24px } } .comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comment {padding-left: 165px } @media screen and (max-width:630px) {.comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comms-list__comm-wr .comment {padding-left: 36px } } .products-wr {padding: 10px 0 20px } .products-wr__tab {display: none } .products-wr__tab._active {display: block } .products-wr__btn-more {margin: 25px auto; display: table } .products-list {margin-left: -8px; margin-right: -8px;  display: -webkit-flex;  display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap } .products-list + .btn {margin-top: 25px } .products-list__item {width: 20%; padding: 8px } .products-list__item-dlc {width: 25%; padding: 8px } @media screen and (max-width:1168px) {.products-list__item, .products-list__item-dlc {width: 25% } } @media screen and (max-width:860px) {.products-list__item, .products-list__item-dlc {width: 33.33333% } } @media screen and (max-width:630px) {.products-list__item, .products-list__item-dlc {width: 50% } } .prod-preview {display: block; position: relative; overflow: hidden; padding-bottom: 110%; text-align: center; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.53) } .prod-preview__overlay {padding-bottom:100%;position:absolute;right:0;bottom:0;top:0;background-size:contain;background-position:center;background-repeat:no-repeat} .prod-preview__overlay:after {content: ""; background-color: #000; opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; top: 0; -webkit-transition: .3s; transition: .3s } .prod-preview__init-gr {position: absolute; bottom: 5%; left: 0; right: 0; -webkit-transition: .3s; transition: .3s } .prod-preview__price-btn {position: absolute; top: 73%; left: 50%; width: 145px; max-width: 80%; white-space: nowrap; -webkit-transform: translate3d(-50%, -70%, 0); transform: translate3d(-50%, -70%, 0); -webkit-transition: .3s; transition: .3s; opacity: 0; visibility: hidden } .prod-preview__desc {position: absolute; left: 15px; right: 15px; top: 50%; -webkit-transform: translateY(-75%); -ms-transform: translateY(-75%); transform: translateY(-75%); color: #fff; opacity: 0; visibility: visible; -webkit-transition: .3s; transition: .3s } .prod-preview__title {font-size: 15px; font-weight: 400 } .prod-preview__genre {text-transform: uppercase; color: #939393; font-size: 10px } .prod-preview__genre span {color: #94c608 } @media screen and (min-width:480px) {.prod-preview:hover .prod-preview__overlay:after {opacity: .8 } .prod-preview:hover .prod-preview__init-gr {-webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px) } .prod-preview:hover .prod-preview__price-btn {-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); opacity: 1; visibility: visible; -webkit-transition: .5s .1s; transition: .5s .1s } .prod-preview:hover .prod-preview__desc {-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; visibility: visible } } @media screen and (max-width:480px) {.products-list {margin-left: -4px; margin-right: -4px} .products-list__item {padding-left: 4px; padding-right: 4px } .prod-preview {padding-bottom: 0 } .prod-preview .prod-preview__overlay {display: block; position: relative } .prod-preview .prod-preview__overlay:after, .prod-preview .prod-preview__price-btn {display: none } .prod-preview .prod-preview__desc {color: #000; opacity: 1; visibility: visible; position: static; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; margin: 10px 0 5px } .prod-preview .prod-preview__title {font-size: 13px; line-height: 16px } } .prod-anim-cont .prod-preview {opacity: 0; visibility: hidden; -webkit-transition: .5s; transition: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -200px; -ms-transform-origin: 50% 50% -200px; transform-origin: 50% 50% -200px; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg) } .prod-anim-cont .prod-preview._animated {-webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; visibility: visible } .discount-prod {display: block; width: 100%; position: relative; overflow: hidden; height: 350px } .discount-prod__bg {position: absolute; top: 0; right: 0; bottom: 0; -webkit-transition: .4s; transition: .4s } .discount-prod__bottom {padding: 10px 25px 17px; color: #fff; position: absolute; bottom: 0; left: 0; right: 0; text-align: left } .discount-prod__title {font-weight: 400; font-size: 14px } .discount-prod .discount {position: absolute; top: 14px; left: 20px; font-size: 18px } .close, .gl-item, .popup, .search-prod__img {position: relative } .discount-prod:hover .discount-prod__bg {-webkit-transition: 2s; transition: 2s; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .discount-prod--half {height: 175px } .discount-prod--half .discount {top: 9px; left: 12px } .discount-prod--half .discount-prod__bottom {padding: 10px 19px 12px } @media screen and (max-width:630px) {.discount-prod {height: auto; padding-bottom: 68%; min-height: 220px } } .search-prod {padding: 5px 20px; display: block; -webkit-transition: 150ms; transition: 150ms; color: inherit } .search-prod__img-wr, .search-prod__main {display: inline-block; vertical-align: top } .search-prod__img-wr {width: 50px; margin-right: -50px } .search-prod__img {padding-bottom: 100%; background-position: center; background-repeat: no-repeat; background-size: cover } .search-prod__main {padding: 2px 0 0 59px; width: 100% } .search-prod__name {font-size: 15px; line-height: 22px } .search-prod__genre {text-transform: uppercase; color: #939393; font-size: 12px; overflow: hidden; text-overflow: ellipsis; } .search-prod__genre SPAN {color: #94c608 } .lk-menu {padding: 13px 0; background: #f1f1f1 } .lk-menu__nav {float: left; margin-left: -12px } .lk-menu__logout {float: right } @media screen and (max-width:1020px) {.lk-menu__logout {margin-right: -7px } } @media screen and (max-width:630px) {.lk-menu__nav {margin-left: -4px } .lk-menu__logout {margin-right: 0 } } .lk-nav LI {float: left; margin-right: 8px } .lk-nav LI.active A, .lk-nav LI.active A:hover {background: #fff } @media screen and (max-width:630px) {.lk-nav LI {float: none; display: block; margin: 0 0 5px } } .lk-nav LI A {font: 700 18px / 22px Play, sans-serif; padding: 7px 12px; border-radius: 4px; color: #1b1b1b; display: inline-block; -webkit-transition: background-color 150ms ease-out; transition: background-color 150ms ease-out } .lk-nav LI A:hover {background-color: rgba(255, 255, 255, .75) } .popup {margin: 10px auto; background-color: #fff; border-radius: 5px; max-width: 100%; width: 600px; padding: 25px 20px 35px; display: none } .mfp-container .popup {display: block } .popup__title {margin-bottom: 10px } .popup__closer {font-size: 18px; color: #1b1b1b; -webkit-transition: .3s; transition: .3s; cursor: pointer; padding: 5px; line-height: normal; width: auto; height: auto; top: 5px; right: 5px; opacity: 1 } .popup__closer:hover {color: #000 } .popup__closer:active {top: 5px; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) } .popup--s {width: 450px } .popup--sm {width: 350px } .popup--key {text-align: center } .popup--key .popup__title {margin-bottom: 25px } .breadcrumbs {padding: 14px 0; font-size: 12px; line-height: 16px } .breadcrumbs__li {display: inline-block; vertical-align: top; margin: 5px 8px 5px 0 } .breadcrumbs__li + .breadcrumbs__li:before {content: "—"; margin-right: 8px } .breadcrumbs__li h1, .breadcrumbs__li h2, .breadcrumbs__li h3 {font-weight: inherit; font-size: inherit; line-height: inherit; display: inline } .breadcrumbs + .main-wr {padding-top: 0 } @media screen and (max-width:767px) {.breadcrumbs {padding: 10px 0 } } .hide-bl__hidden {display: none } .hide-bl .btn {margin-top: 25px } .hide-bl._active .hide-bl__hidden {display: block } .countdown__divider, .countdown__item {white-space: normal; display: inline-block; vertical-align: top } .countdown__item {min-width: 42px } .countdown__value {display: block } .countdown__divider {margin: 0 3px } .countdown__divider, .countdown__value {font-weight: 700; font-size: 35px; line-height: 30px } .countdown .h3, .countdown .typography h3, .typography .countdown h3 {font-weight: 700; margin: 5px 0 } .tabs__tab {display: none } .tabs__tab._active {display: block } .tabs--game-view .oblique-btns {padding-top: 0; text-align: left; margin-left: -2px; margin-right: -2px } .tabs--game-view .oblique-btns__btn-wr {margin-left: 2px; margin-right: 2px } .tabs--game-view .oblique-btns__btn-wr:before {display: none } .tabs__tab--game-desc {font-size: 13px; line-height: 22px } .fade {opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in {opacity: 1 } .page-index, .page-lk {background-color: #fff } .promo-luck-wr {text-align: center; padding: 45px 0 30px } .promo-luck-wr__title {margin-bottom: 20px } .promo-luck-wr__title .ico {display: block; margin: 0 auto 2px } @media screen and (max-width:767px) {.promo-luck-wr {padding: 35px 0 15px } } .get-luck-cont { display: -webkit-flex;  display: flex } .get-luck-cont .gl-item {width: 33.33333%; border-left: 1px solid transparent; border-right: 1px solid transparent } @media screen and (min-width:767px) and (max-width:960px) {.get-luck-cont .gl-item .gl-item__b-face {padding-top: 15px } .get-luck-cont .gl-item .gl-item__bf-desc {padding: 0 10px } .get-luck-cont .gl-item .btn {font-size: 13px; width: 212px; margin-left: -106px; bottom: 20px } } .get-luck-cont .slick-list {width: 100% } .get-luck-cont .slick-dots {padding-bottom: 10px } @media screen and (min-width:767px) {.get-luck-cont .slick-track {left: 0 !important } } @media screen and (max-width:767px) {.get-luck-cont {display: block } } .gl-item, .gl-item__f-face { display: -webkit-flex; display: -ms-flexbox } .gl-item {-webkit-transition: -webkit-transform .3s; transition: transform .3s; -webkit-transform: rotateY(0); transform: rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; display: flex } .gl-item__b-face, .gl-item__f-face {-webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .5s; transition: transform .5s } .gl-item__f-face {background: #f6f6f6; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: rotateY(0); transform: rotateY(0); z-index: 2; display: flex; -webkit-flex-direction: column;  flex-direction: column; padding: 40px 20px 80px } .gl-item__f-face .h4, .gl-item__f-face .typography h4, .typography .gl-item__f-face h4 {text-transform: uppercase; padding: 0 10px; -webkit-flex-shrink: 0;  flex-shrink: 0; margin: 0; position: absolute; left: 0; right: 0; bottom: 20px } .gl-item__ff-img { -webkit-flex-grow: 1;  flex-grow: 1; padding: 0 15px;  display: -webkit-flex;  display: flex; max-height: 100% } .gl-item__ff-img IMG {max-height: 100%; margin-left: auto; margin-right: auto } .gl-item__b-face {background: #94c608; padding: 23px 20px 85px; min-height: 305px; text-align: left; position: relative; z-index: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .gl-item__b-face > .link {display: table; margin-left: auto; margin-right: auto } .gl-item__b-face .btn {position: absolute; left: 50%; bottom: 27px; margin-left: -117px; width: 234px } .game-gall, .gameposter {position: relative } .gl-item__bf-desc {padding: 0 20px; line-height: 22px; margin-bottom: 10px } .gl-item:hover .gl-item__f-face {-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } .gl-item:hover .gl-item__b-face {-webkit-transform: rotateY(0); transform: rotateY(0) } .promo-products .oblique-btns {padding-bottom: 8px } @media screen and (max-width:480px) {.promo-products .oblique-btns {padding-bottom: 0 } } .promo-cats {padding: 10px 0 55px } @media screen and (max-width:630px) {.promo-cats {padding: 5px 0 35px } .promo-cats .oblique-btns { padding: 10px 5px 5px 5px; } } .promo-comms {background-color: #f6f6f6 } .promo-comms__slider {margin-left: -6px; margin-right: -6px } .promo-comms__slide {padding: 0 6px } .promo-comms__slide-inner { display: -webkit-flex;  display: flex; -webkit-flex-direction: column;  flex-direction: column } .promo-comms .comment + .comment {margin-top: 12px } .promo-comms .slick-next:hover, .promo-comms .slick-prev:hover {color: #000 } .gameposter > IMG {display: block; width: 100% } .gamecols, .gamedeal__buy { display: -webkit-flex; display: -ms-flexbox } .gameposter .discount {position: absolute; top: 7px; left: 8px } .gamecols {display: flex } .gamecols__img, .gamecols__info {-webkit-flex-shrink: 0;  flex-shrink: 0; background-color: #fff } .gamecols__img {max-width: 40%; padding: 20px 25px 5px } .gamecols__info { -webkit-flex-grow: 1;  flex-grow: 1; -webkit-flex-shrink: 1;  flex-shrink: 1; margin-left: 4px; padding: 20px 35px 0 } .gamecols .params-cols {max-width: 550px; margin-bottom: 0 } .gamecols .gamedeal {border-top: 1px solid #ececec; margin-top: 28px } .gamecols .soc-share-wr {padding: 25px 0; border-top: 1px solid #ececec } @media screen and (max-width:1020px) {.gamecols {margin-left: -20px; margin-right: -20px } .gamecols__img, .gamecols__info {padding-left: 20px; padding-right: 20px } .gamecols .gamedeal {margin-top: 15px } .gamecols .gameview-cats {margin-top: 0 } .gamecols .soc-share-wr {padding: 14px 0 } } @media screen and (max-width:630px) {.gamecols {margin-left: -10px; margin-right: -10px; display: block } .gamecols__img {max-width: none; padding: 10px 10px 0 } .gamecols .gameposter, .gamecols .gameview-cats {max-width: 400px; margin-left: auto; margin-right: auto } .gamecols__info {padding-top: 23px; padding-left: 10px; padding-right: 10px; margin: 5px 0 0 } .gamecols__info .params-cols {margin-left: 12px } .gamecols__info .params-cols__param {width: 44% } .gamecols__info .params-cols__content {width: 56% } .gamecols .soc-share-wr {padding: 14px 0 25px 12px } .gamecols .social-share {margin-top: 3px; margin-left: -12px } } .gamedeal {padding: 34px 30px 34px 0 } .gamedeal__right-col {width: 200px; text-align: center; -webkit-flex-shrink: 0;  flex-shrink: 0 } .gamedeal__buy {display: flex;  -webkit-justify-content: space-between;  justify-content: space-between;  -webkit-align-items: center;  align-items: center } .gamedeal__buy .price-wr {padding-right: 20px } .gamedeal__additional { display: -webkit-flex;  display: flex;  -webkit-justify-content: space-between;  justify-content: space-between;  -webkit-align-items: flex-start;  align-items: flex-start; padding-top: 25px } .gamedeal__additional .ul-arrows {margin: 3px 0 } .gamedeal__additional .ico-link {font-size: 13px } .gamedeal .price-wr__discount {margin-top: -10px } @media screen and (max-width:1020px) {.gamedeal {padding: 13px 0 15px; margin-top: 0 } .gamedeal .price-wr__discount {margin-top: 0; margin-bottom: -4px } .gamedeal .soc-share-wr {padding: 12px 0 } } @media screen and (max-width:860px) {.gamedeal .price-wr__discount {margin-right: 10px; margin-bottom: 0; float: left } .gamedeal .price-wr__last-price {margin-left: 0 } .gamedeal .price-wr .price, .gamedeal .price-wr__last-price {float: none; display: block; top: 0 } } @media screen and (max-width:630px) {.gamedeal {padding: 22px 0 22px 12px } .gamedeal__buy { -webkit-align-items: flex-start;  align-items: flex-start } .gamedeal__additional {padding-top: 20px } } @media screen and (max-width:480px) {.gamedeal__additional {display: block } .gamedeal__additional .gamedeal__right-col {text-align: left; margin-top: 20px } .gamedeal__right-col {width: auto } .gamedeal__right-col .btn--lg {padding: 9px 18px } .gamedeal__right-col .btn--lg .ico--cart-w {width: 21px; height: 20px; margin: 0 7px 0 -3px } } .game-view-section {background-color: #fff; margin: 15px 0;  display: -webkit-flex;  display: flex;  -webkit-align-items: flex-start;  align-items: flex-start } .game-view-section:last-child {margin-bottom: 0 } .game-view-section, .game-view-section__main-col, .game-view-section__side-col {padding-left: 11px; padding-right: 11px; -webkit-flex-shrink: 0;  flex-shrink: 0;  -webkit-flex-grow: 1;  flex-grow: 1 } .game-view-section__main-col, .game-view-section__side-col {padding-top: 20px; padding-right: 15px; padding-bottom: 35px } .game-view-section__main-col {width: 62% } .game-view-section__main-col .tabs {margin-top: -10px } .game-view-section__side-col {width: 38% } .game-view-section__side-col .h4, .game-view-section__side-col .typography h4, .typography .game-view-section__side-col h4 {padding-right: 70px } .game-view-section__side-col .get-luck-box {margin: 3px 0 } .game-view-section--tabs__main-col, .game-view-section--tabs__side-col {padding-top: 35px } .game-view-section .tabs__controlls {margin-left: -10px; margin-right: -10px } @media screen and (max-width:1020px) {.game-view-section {margin-left: -20px; margin-right: -20px } } @media screen and (max-width:860px) {.game-view-section {padding: 0; display: block; background-color: transparent } .game-view-section__main-col, .game-view-section__side-col {width: 100%; margin: 10px 0; padding-left: 20px; padding-right: 20px; background-color: #fff } } @media screen and (max-width:630px) {.game-view-section {margin-left: -10px; margin-right: -10px } .game-view-section .h4, .game-view-section .typography h4, .typography .game-view-section h4 {font-size: 15px } .game-view-section__main-col, .game-view-section__side-col {padding-left: 10px; padding-right: 10px } .game-view-section__side-col {padding-bottom: 20px } .game-view-section__main-col {padding-bottom: 25px } .game-view-section .tabs {margin-top: 0 } .game-view-section .tabs__controlls {text-align: center; padding-bottom: 15px; margin-left: 5px; margin-right: 0 } .game-view-section .tabs__tab {padding-left: 12px } .game-view-section .tabs__tab > :last-child {margin-bottom: 0 } .game-view-section .tabs__tab .btn--more {margin-left: -12px; width: auto } .game-view-section .get-luck-box {margin: 15px 0 0 } } .game-edition-composition {width: 100%; padding: 20px 11px; } .game-edition-composition .h4 {margin-right: 100px; } .game-edition-composition .products-list {flex-wrap: nowrap; -webkit-flex-wrap: nowrap;  overflow: hidden; } .game-edition-composition .products-list__item {padding-bottom: 0; } .game-edition-composition .products-list__slider-buttons {position: relative; } .game-edition-composition .slick-arrow {position: absolute; bottom: 100%; right: 20px; top: auto; z-index: 10; } .game-edition-composition .slick-arrow:hover {color: #000; } .game-edition-composition .slick-prev {left: auto; margin-right: 40px; } @media screen and (max-width: 860px) {.game-edition-composition {margin: 10px 0; padding-left: 20px; padding-right: 20px; background-color: #fff; } } .game-edition-composition .products-list__item {min-width: 16.66667%; } @media screen and (max-width: 1168px) {.game-edition-composition .products-list__item {min-width: 25%; } } @media screen and (max-width: 860px) {.game-edition-composition .products-list__item {min-width: 33.33333%; } } @media screen and (max-width: 630px) {.game-edition-composition .products-list__item {min-width: 50%; } } .game-materials {margin-left: -4px; margin-right: -4px; font-size: 0 } .game-materials__sm-gr { display: -webkit-flex;  display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap } .game-materials__sm-gr .game-materials__li {width: 50% } .game-materials__sm-gr .game-gall .ico--play {width: 30px; height: 30px; margin: -15px 0 0 -15px } .game-materials__li {padding: 0 4px 8px } @media screen and (min-width:631px) and (max-width:860px) {.game-materials {display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .game-materials__sm-gr {width: 50%;  -webkit-flex-grow: 1;  flex-grow: 1 } .game-materials__li--heading {width: 50%; -webkit-flex-shrink: 0;  flex-shrink: 0;  display: -webkit-flex;  display: flex } .game-materials__li--heading .game-gall {width: 100% } } .game-gall {overflow: hidden; display: block; padding-bottom: 52%; background-position: center; background-repeat: no-repeat; background-size: cover } .game-gall IMG {display: none } .game-gall .ico--play {position: absolute; top: 50%; left: 50%; margin: -22px 0 0 -22px; -webkit-transition: 150ms; transition: 150ms } .game-gall:hover .ico--play {opacity: .5 } .get-luck-sm-wr {margin-top: 16px } .get-luck-sm { display: -webkit-flex;  display: flex; background-color: #f6f6f6 } .get-luck-sm__item {width: 100% / 3; -webkit-flex-shrink: 0;  flex-shrink: 0;  -webkit-flex-grow: 1;  flex-grow: 1; display: block } .get-luck-sm__item-inner {display: block; padding-bottom: 100%; position: relative } .get-luck-sm__item-inner A {position: absolute;  display: -webkit-flex;  display: flex; -webkit-flex-direction: column;  flex-direction: column;  -webkit-justify-content: center;  justify-content: center; top: 0; left: 0; right: 0; bottom: 0; padding: 20px 5px; -webkit-transition: 150ms; transition: 150ms } .get-luck-sm__item-inner A:hover {background-color: #e9e9e9 } .get-luck-sm__item-inner A IMG {-webkit-flex-shrink: 1;  flex-shrink: 1;  -webkit-flex-grow: 0;  flex-grow: 0; max-height: 100% } @media screen and (max-width:960px) {.get-luck-sm__item-inner A {padding: 15px 5px } } @media screen and (max-width:767px) {.get-luck-sm__item-inner A {padding: 25px 10px } } @media screen and (max-width:480px) {.get-luck-sm__item-inner A {width: 100%; padding: 15px 10px } .get-luck-sm {margin-left: -10px; margin-right: -10px } } .get-luck-box {display: block; text-align: center; color: #000; -webkit-transition: 150ms; transition: 150ms; cursor: pointer } .get-luck-box__top {background-color: #94c608; color: #000; font-size: 20px; font-weight: 700; line-height: 22px; padding: 30px 0 15px; -webkit-transition: 150ms; transition: 150ms } .get-luck-box__top .ico {height: 108px; width: 150px } .get-luck-box__bottom {background-color: #1b1b1b; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #fff; padding: 11px } .get-luck-box:hover .get-luck-box__top {background-color: #ffd23b } .get-luck-box:active {-webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px) } .release-cd { display: -webkit-flex;  display: flex; text-align: center; position: relative; overflow: hidden; margin-bottom: 15px } .release-cd__txt { -webkit-flex-grow: 1;  flex-grow: 1; color: #fff; background-color: #1b1b1b; padding: 22px 35px; font-size: 18px; line-height: 30px; position: relative } .release-cd__txt:after {content: ""; display: block; position: absolute; height: 100%; width: 100px; top: 0; right: 0; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); background-color: #1b1b1b } .release-cd__txt-inner {display: block; position: relative; z-index: 1 } @media screen and (max-width:860px) {.release-cd__txt-inner {text-align: left } } .release-cd__time {width: 40%; min-width: 360px; padding: 14px 30px 10px; -webkit-flex-shrink: 0;  flex-shrink: 0; color: #000; font-size: 12px; background-color: #94c608;  display: -webkit-flex;  display: flex;  -webkit-align-items: center;  align-items: center;  -webkit-justify-content: center;  justify-content: center } .random-cols, .sorting {-webkit-box-pack: justify } @media screen and (max-width:1020px) {.release-cd {margin-left: -20px; margin-right: -20px } } @media screen and (max-width:767px) {.release-cd {display: block } .release-cd__time {width: auto; min-width: 0 } .release-cd__txt {padding-left: 20px; padding-right: 20px } .release-cd__txt-inner {text-align: center } } @media screen and (max-width:630px) {.release-cd {margin-left: -10px; margin-right: -10px } } @media screen and (max-width:480px) {.release-cd__txt {line-height: 40px; padding: 12px 20px } .release-cd__txt-inner {font-size: 14px; line-height: 20px; display: inline-block; vertical-align: middle } .release-cd__time {padding: 10px 15px 7px } .filter__param-cont:nth-child(2n) .dropdown__cont {left: auto; right: 0 } } .page-catalog {background-color: #fff } .filter {background-color: #f2f2f2; padding-top: 6px; padding-bottom: 6px; top: -60px; -webkit-transition: top .6s, -webkit-transform .6s; transition: top .6s, transform .6s } .filter__inner-wr {margin-left: -8px; margin-right: -8px; font-size: 0 } .filter__param-cont {padding: 6px 8px; min-height: 35px; width: 25%; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 20px } .filter__param-cont .range-ui-wr {margin: 8px 15px 0 0 } .filter__param-cont .dropdown__cont {min-width: 200px } @media screen and (max-width:767px) {.filter__param-cont {width: 50% } .filter__param-cont .range-ui-wr {margin: 5px 12px 0 7px } } BODY._filter-fix .filter {position: fixed; z-index: 99; top: 55px; left: 0; right: 0 } @media screen and (max-width:1020px) {BODY._filter-fix .filter {top: 72px } } @media (max-width:630px), (max-height:600px) {BODY._filter-fix .filter {-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } BODY._filter-fix._scrolling-up .filter {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .sorting { display: -webkit-flex;  display: flex; -webkit-justify-content: space-between;  justify-content: space-between; margin: 40px auto 5px } .sorting__main { -webkit-flex-grow: 1;  flex-grow: 1 } .sorting__searched {font-size: 18px; line-height: 30px; font-weight: 700 } .sorting__ui {-webkit-flex-shrink: 0;  flex-shrink: 0; line-height: 20px } .sorting__ui-txt {color: #8a8a8a; white-space: normal; display: inline-block; vertical-align: middle; margin-right: 3px } .cart-table__data, .cart-table__th, .steps-block__item-out .link {white-space: nowrap } @media screen and (max-width:767px) {.sorting {margin-top: 25px; display: block } .sorting__searched {margin-bottom: 10px } } @media screen and (max-width:480px) {BODY._filter-fix .filter {top: 57px } .sorting__ui-txt {display: block; margin-bottom: 5px } } .catalog {margin: 5px 0 80px } .catalog__empty {font-weight: 700; padding: 50px 10px; font-size: 24px; line-height: 30px; text-align: center; display: none } .catalog._empty .catalog__empty {display: block } .catalog._empty .products-wr__btn-more, .catalog._no-more-items .products-wr__btn-more {display: none } @media screen and (max-width:767px) {.catalog {margin-bottom: 50px } } .garantee-title {max-width: 700px; margin: 15px auto 0; padding: 25px 0; position: relative; text-align: center; text-transform: uppercase } .garantee-title:before {content: ""; width: 75px; height: 4px; background: #94c608; position: absolute; top: -4px; left: 50%; margin-left: -37px } .garantee-imgcols { display: -webkit-flex;  display: flex; -webkit-flex-flow: row wrap;  flex-flow: row wrap } .garantee-imgcols__item {width: 27.3333%; margin: 0 3% 65px } @media screen and (max-width:860px) {.garantee-imgcols__item {width: 100%; margin: 0 0 35px } } .garantee-imgcols__text {margin-bottom: 12px } @media screen and (max-width:860px) {.garantee-imgcols__text {max-width: 450px; text-align: center; margin: 0 auto 12px } } .garantee-img {display: block; text-align: center; margin: 0 auto 32px; height: 120px } .garantee-img > span {display: block; text-transform: uppercase } .garantee-textcols, .how2buy-step { display: -webkit-flex; display: -ms-flexbox } .garantee-img1 {background: url(../images/svg/garantee-bg1.svg) 50% 50% no-repeat; width: 190px; padding-top: 21px } .garantee-img1__text1 {font: 16px / 12px Play, sans-serif; margin-right: 70px } .garantee-img1__text2 {font: 700 55px / 55px Play, sans-serif } .garantee-img1__text3 {font: 700 16px / 16px Play, sans-serif; margin-left: 70px } .garantee-img2 {background: url(../images/svg/garantee-bg2.svg) 50% 50% no-repeat; width: 150px; padding-top: 20px; text-align: left } .garantee-img2__text1 {font: 16px / 16px Play, sans-serif; margin-bottom: 5px } .garantee-img2__text2 {font-size: 48px; line-height: 48px; margin-bottom: 5px } .garantee-img2__text3 {font: 700 24px / 24px Play, sans-serif; margin-left: 40px } .garantee-img3 {background: url(../images/svg/garantee-bg3.svg) 50% 50% no-repeat; width: 215px; padding-top: 32px; padding-right: 28px } .garantee-img3__text1 {font: 16px / 16px Play, sans-serif; margin-right: 5px } .garantee-img3__text2 {font: 700 33px / 38px Play, sans-serif; margin-bottom: 5px } .garantee-img3__text3 {font: 12px / 12px Play, sans-serif } .garantee-textcols {display: flex; -webkit-flex-flow: row wrap;  flex-flow: row wrap } .garantee-textcols__item {width: 44%; margin: 0 3% 35px } @media screen and (max-width:630px) {.garantee-textcols__item {width: 100%; margin: 0 0 25px } } .how2buy {margin-left: 0; padding-right: 0; list-style-type: none; margin-top: 30px } .how2buy__item {counter-increment: step-counter; display: block; margin-bottom: 35px; position: relative; padding-left: 60px } @media screen and (max-width:630px) {.how2buy__item {padding-left: 40px } } .how2buy__item:before {content: counter(step-counter); display: inline-block; position: absolute; left: 0; top: 5px; width: 27px; height: 27px; text-align: center; background: #94c608; font: 15px / 27px Play, sans-serif; border-radius: 50% } .how2buy-step {display: flex; -webkit-flex-flow: row nowrap;  flex-flow: row nowrap;  -webkit-justify-content: space-between;  justify-content: space-between;  -webkit-align-items: stretch;  align-items: stretch } .how2buy-step__info {padding-top: 9px; width: 50%; margin-right: 5% } @media screen and (max-width:960px) {.how2buy-step__info {margin-right: 10% } } @media screen and (max-width:767px) {.how2buy-step {-webkit-flex-flow: row wrap;  flex-flow: row wrap } .how2buy-step__info {margin-right: 0; width: 100% } } .how2buy-step__info .h5, .how2buy-step__info .typography h5, .typography .how2buy-step__info h5 {text-transform: uppercase } .how2buy-step__info P {margin-bottom: 15px } .how2buy-step__img {width: 45% } .how2buy-step__img IMG {max-width: 100%; border: 1px solid #ccc } @media screen and (max-width:767px) {.how2buy-step__img {width: 100%; margin-top: 10px } } .payment-title {margin: 30px 0 20px } .payment-title .h4, .payment-title .typography h4, .typography .payment-title h4 {font-weight: 400 } .payment-title .h4 .icon, .payment-title .typography h4 .icon, .typography .payment-title h4 .icon {margin: 0 5px 5px 0 } .payment-types { display: -webkit-flex;  display: flex; -webkit-flex-flow: row wrap;  flex-flow: row wrap; margin-left: -2.5px; margin-right: -2.5px } .payment-types__item {width: 33.3333%; margin-bottom: 5px; height: 176px; background: #f6f6f6; text-align: center; border-left: 2.5px solid #fff; border-right: 2.5px solid #fff; padding: 5px 10px; cursor: pointer; box-shadow: inset 0 0 0 0 #94c608; -webkit-transition: all 150ms linear; transition: all 150ms linear } .payment-types__item INPUT {display: none } .steps-block .payment-types__item {width: 50%; cursor: pointer; padding: 0 5px; box-shadow: inset 0 0 0 0 #94c608; -webkit-transition: all 150ms linear; transition: all 150ms linear } @media screen and (max-width:480px) {.steps-block .payment-types__item {width: 100% } } .payment-types__item._checked, .payment-types__item:hover {box-shadow: inset 0 0 0 5px #94c608 } @media screen and (max-width:860px) {.payment-types__item {width: 49.5% } } .payment-types__item-img {height: 62px; line-height: 62px; margin: 25px 0 10px } .payment-types__item .h5, .payment-types__item .typography h5, .typography .payment-types__item h5 {font-weight: 400; margin: 0 0 5px; color: #000 } .payment-types__item-text {font: 12px / 16px Play, sans-serif; color: #939393; letter-spacing: 2px } .bonus-card {margin: 35px 0 65px; text-align: center } @media screen and (max-width:480px) {.payment-types__item {width: 100% } .bonus-card {margin: 25px 0 35px } } .bonus-card IMG {display: inline-block; max-width: 100%; border: 1px solid #d1d1d1; border-radius: 12px; overflow: hidden; box-shadow: 0 7px 21px rgba(0, 0, 0, .11) } .bonus-cols { display: -webkit-flex;  display: flex; -webkit-flex-flow: row wrap;  flex-flow: row wrap;  -webkit-justify-content: space-between;  justify-content: space-between } .bonus-cols__item {width: 30%; padding-top: 45px; position: relative } @media screen and (max-width:860px) {.bonus-cols__item {width: 100%; padding-top: 25px; margin-bottom: 40px } } .bonus-cols__item:after {content: ""; width: 75px; height: 9px; display: block; position: absolute; left: 0; top: 0; background: #ffd742 } .bonus-cols__item .h5, .bonus-cols__item .typography h5, .typography .bonus-cols__item h5 {text-transform: uppercase } .random {text-align: center; padding-top: 30px } .random__subtitle {max-width: 860px; margin: 0 auto } .random-cols { display: -webkit-flex;  display: flex; -webkit-justify-content: space-between;  justify-content: space-between; margin: 50px 0 } .random-cols__item {display: block; width: 30%; position: relative } @media screen and (max-width:860px) {.random {padding-top: 0 } .random-cols {display: block; padding: 0 10% } .random-cols__item {width: 100%; margin-bottom: 70px } } @media screen and (max-width:480px) {.random-cols {padding: 0 } .random-cols__item {margin-bottom: 50px } } .random-cols__item-img {display: block; padding-bottom: 100%; position: relative } @media screen and (max-width:860px) {.random-cols__item-img {padding-bottom: 15px } } .random-cols__item-img SPAN {display: block; left: 0; right: 0; top: 0; bottom: 0; position: absolute; padding: 10% } .random-cols__item-img SPAN IMG {max-width: 100%; display: inline-block } @media screen and (max-width:860px) {.random-cols__item-img SPAN {position: static; padding: 0 } .random-cols__item-img SPAN IMG {max-width: 70% } } @media screen and (max-width:480px) {.random-cols__item-img SPAN IMG {max-width: 80% } } .random-cols__item .h4, .random-cols__item .typography h4, .typography .random-cols__item h4 {font-weight: 400; text-transform: uppercase } .random-cols__item-text {color: #797979 } .random-cols__bot {padding-bottom: 75px } @media screen and (max-width:860px) {.random-cols__bot {padding-bottom: 65px } } .random-cols__btn {position: absolute; left: 0; right: 0; bottom: 0; width: 100% } @media screen and (max-width:767px) {.page-buy-steps .main-wr {padding-bottom: 40px } } .buy-steps {max-width: 590px; margin: 0 auto } .buy-steps .h1, .buy-steps .typography h1, .typography .buy-steps h1 {text-align: center; font-weight: 400 } .buy-steps__inner {background: #fff; padding: 50px 30px 0 } .steps._step0 .steps-block__inner {-webkit-transform: translate(33.3333%, 0); -ms-transform: translate(33.3333%, 0); transform: translate(33.3333%, 0) } .steps._step1 .steps-block__inner {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .steps._step1 .steps-line__row-clone {width: 40% } .steps._step2 .steps-block__inner {-webkit-transform: translate(-33.3333%, 0); -ms-transform: translate(-33.3333%, 0); transform: translate(-33.3333%, 0) } .steps._step2 .steps-line__row-clone {width: 85% } @media screen and (max-width:630px) {.steps._step2 .steps-line__row-clone {width: 80% } } @media screen and (max-width:480px) {.buy-steps {margin: 0 -10px } .buy-steps__inner {padding: 30px 20px 0 } .steps._step2 .steps-line__row-clone {width: 75% } } .steps._step3 .steps-block__inner {-webkit-transform: translate(-66.6666%, 0); -ms-transform: translate(-66.6666%, 0); transform: translate(-66.6666%, 0) } .steps._step3 .steps-line__row-clone {width: 100% } .steps._step3 .p-active:after {width: 130% } .steps-line {position: relative; height: 100px; padding-bottom: 40px } .steps-line__row {margin: 0 20px 30px;  display: -webkit-flex;  display: flex;  -webkit-justify-content: space-between;  justify-content: space-between; z-index: 3; position: relative } .steps-line__row-clone {position: absolute; top: 0; left: 0; height: 38px; width: 0; overflow: hidden; -webkit-transition: width .9s linear; transition: width .9s linear } .steps-line__row-clone .steps-line__row {margin-bottom: 0 } .steps-line__item {width: 38px; height: 38px; position: relative; text-align: center } .steps-line__item--1 .s-active:after, .steps-line__item--2 .s-active:after {content: ""; border-width: 6px 7px; border-color: transparent transparent transparent #94c608; border-style: solid; position: absolute; left: 100%; top: 50%; margin-top: -6px } .steps-line__item--2 .s-active:before, .steps-line__item--3 .s-active:before {content: ""; border-width: 6px 7px; border-color: transparent #94c608 transparent transparent; border-style: solid; position: absolute; right: 100%; top: 50%; margin-top: -6px } .steps-line__item-number {background: #b3bdca; border-radius: 50%; margin-top: 2px; width: 34px; height: 34px; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease } .steps-line__item-number SPAN {position: absolute; left: 2px; top: 2px; display: block; border-radius: 50%; background: #fff; width: 30px; height: 30px; font: 16px / 30px Play, sans-serif } .steps-line__item .s-active {background: #fff; border: 2px solid #94c608; margin-top: 0; width: 38px; height: 38px } .steps-line__item .s-active SPAN {background: #94c608 } .steps-line__item-title {position: absolute; white-space: nowrap; color: #a2a2a2; top: 100%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin-top: 5px } .steps-line__progress {position: absolute; left: 25px; right: 25px; top: 19px; height: 2px; margin-top: -1px; background: #b3bdca; z-index: 1 } .steps-line__progress.p-active {z-index: 2; overflow: hidden } .steps-line__progress.p-active:after {content: ""; display: block; left: 0; top: 0; width: 100%; -webkit-transition: width 1.2s ease-out; transition: width 1.2s ease-out; height: 2px; background: -webkit-linear-gradient(left, #94c608 70%, #b3bdca 100%); background: linear-gradient(to right, #94c608 70%, #b3bdca 100%) } .steps-block {overflow: hidden; height: 0; margin: 0 -30px } .steps-block__random-hide {display: none } .steps-block__random-slider {margin: 0 -15px 30px; position: relative } .steps-block__inner {width: 300%; -webkit-transition: -webkit-transform .6s ease-out; transition: transform .6s ease-out; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } @media screen and (max-width:480px) {.steps-line__progress.p-active:after {background: -webkit-linear-gradient(left, #94c608 85%, #b3bdca 100%); background: linear-gradient(to right, #94c608 85%, #b3bdca 100%) } .steps-block__inner {-webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out } } .steps-block__item {text-align: center; width: 33.3333%; padding: 0 30px; float: left } .steps-block__item-col, .steps-block__item-title--left {text-align: left } .steps-block__item-row { display: -webkit-flex;  display: flex;  -webkit-justify-content: flex-start;  justify-content: flex-start; margin-bottom: 25px } @media screen and (max-width:630px) {.steps-block__item-row {display: block } } .page-404, .page-404 .page-inner { display: -webkit-flex; display: -ms-flexbox } .steps-block__item-col:first-child { -webkit-flex-grow: 2;  flex-grow: 2 } .steps-block__item-col:last-child {padding-left: 15px; -webkit-flex-shrink: 0;  flex-shrink: 0 } @media screen and (max-width:630px) {.steps-block__item-col:last-child {padding: 10px 0 0 } } .steps-block__item-bonus {font: 15px / 19px Play, sans-serif; margin: 4px 0 8px } .steps-block__item .search-prod {padding: 0 5px 0 0; text-align: left } .steps-block__item .search-prod__name {font-weight: 400; max-width: 95%; overflow: hidden; text-overflow: ellipsis } .steps-block__item-title {font: 700 20px / 26px Play, sans-serif; margin-bottom: 15px } .steps-block__item-title + .steps-block__item-btn {margin-top: 30px } .steps-block__item-input {margin-bottom: 30px } .steps-block__item-btn {margin-bottom: 35px } .steps-block__item-out {margin: 30px -30px 0; padding: 25px 30px; border-top: 1px solid #d8d8d8; text-align: center } .steps-block__item-out P {color: #a2a2a2 } .steps-block__item-out P + P {margin-top: 10px } .steps-block__p {margin: 20px 0; color: #a2a2a2 } .steps-block__item-btn + .steps-block__p {margin-top: -15px } .steps-block__soc-login {font-size: 0; margin: -4px -8px } .steps-block__soc-login .soc-login {margin: 4px 8px } .steps-block .payment-types {margin-bottom: 20px } .buy-steps--no-steps .steps-block__item-input {margin-bottom: 15px } .buy-steps--no-steps .buy-steps__inner {padding-top: 30px } .buy-steps--no-steps .btn--orng.btn--xlg {min-width: 260px } .page-404 {min-height: 100%; background-color: #212121; display: flex; -webkit-align-content: stretch;  align-content: stretch } .page-404 .page-inner {width: 100%; display: flex; -webkit-flex-direction: column;  flex-direction: column } .page-404 .page-inner .header {-webkit-flex-shrink: 0;  flex-shrink: 0 } .page-404 .page-inner .page-body { display: -webkit-flex;  display: flex;  -webkit-align-items: center;  align-items: center;  -webkit-flex-grow: 1;  flex-grow: 1 } .page-404 .page-inner .page-body .wrapper { -webkit-flex-grow: 1;  flex-grow: 1 } .p404 {color: #fff; text-align: center; font-family: Pixel, sans-serif; padding: 70px 0 } .character--mario .character__msg, .p404__info-numb {font-family: visitorTT2brk, sans-serif } .p404__visual {border-bottom: 1px solid #a6a6a6; padding-top: 110px } @media (max-width:767px), (max-height:600px) {.p404__visual {display: none } } .p404__info {display: table; margin: 8vh auto; padding: 0 0 0 30px } .p404__info-numb, .p404__info-txt {display: inline-block; vertical-align: middle } .p404__info-numb {width: 220px; margin-right: -220px; color: #2c2c2c; font-size: 150px; line-height: 60px } .p404__info-txt {font-size: 18px; text-align: left; padding-left: 250px } .p404__info-title {color: #94c608; font-weight: 400; font-size: 43px; line-height: 46px; margin-bottom: 6px } @media screen and (max-width:767px) {.p404 {padding: 40px 0 } .p404__info {margin: 0 auto } } @media screen and (min-width:480px) and (max-width:630px) {.p404__info {padding-left: 20px } .p404__info-title {font-size: 22px; line-height: 30px } .p404__info-numb {font-size: 125px; width: 200px; margin-right: -200px } .p404__info-txt {padding-left: 215px } } @media screen and (max-width:480px) {.p404__info {padding: 0 } .p404__info-numb {display: block; margin: 10px auto } .p404__info-txt {padding-left: 0; text-align: center } .p404__info-title {font-size: 28px; line-height: 38px } } .character {position: relative; display: inline-block; vertical-align: bottom; margin: 0 20px } .character__line {position: absolute; bottom: 100%; margin-bottom: 15px; width: 1px; height: 50px; background-color: #a6a6a6 } .character__msg {font-size: 25px; line-height: 30px; position: absolute; bottom: 100% } .character--mshroom .character__line {right: -10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .character--mshroom .character__msg {left: 100%; text-align: left; width: 250px; margin: 0 0 65px -3px } .character--mario .character__line {left: -14px; margin-bottom: -6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .character--mario .character__msg {right: 100%; text-align: right; margin: 0 2px 62px 0; font-size: 78px } .mshroom {width: 73px; height: 121px; background: url(../images/mushroom.png) center no-repeat; background-size: cover } .mario {width: 85px; height: 169px; background-size: cover; z-index: 1 } .mario__head {width: 74px; height: 63px; background: url(../images/mario_head.png) center no-repeat; background-size: cover; position: absolute; top: 0; left: 6px; z-index: 5 } .mario__body {width: 85px; height: 114px; background: url(../images/mario_body.png) center no-repeat; background-size: cover; position: absolute; bottom: 0; left: 0; z-index: 1 } @media screen and (min-width:767px) {.p404__info {opacity: 0; visibility: hidden; -webkit-transform: translateY(60%); -ms-transform: translateY(60%); transform: translateY(60%); -webkit-transition: .8s 2.95s; transition: .8s 2.95s } } .p404 .character__line, .p404 .character__msg {opacity: 0; visibility: hidden } .p404._animation .character__line, .p404._animation .character__msg, .p404._animation .p404__info {opacity: 1; visibility: visible } .p404 .character--mario .character__msg {-webkit-transform: scale(1, 2); -ms-transform: scale(1, 2); transform: scale(1, 2) } .p404 .character--mario .character__line, .p404 .character--mario .character__msg {-webkit-transition: opacity .2s 2.5s, -webkit-transform .3s 2.6s; transition: opacity .2s 2.5s, transform .3s 2.6s } .p404 .character--mshroom .character__line, .p404 .character--mshroom .character__msg {-webkit-transition: .4s 1.5s; transition: .4s 1.5s } .p404 .mshroom {-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-name: mshroomInteraction; animation-name: mshroomInteraction; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .p404 .mario__head {-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-delay: 2.8s; animation-delay: 2.8s; -webkit-animation-name: marioInteraction; animation-name: marioInteraction; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .p404._animation .p404__info {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .p404._animation .character--mario .character__msg {-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } @-webkit-keyframes marioInteraction {0% {-webkit-transform: rotate(0) translate3d(0, 0, 0); transform: rotate(0) translate3d(0, 0, 0) } 100% {-webkit-transform: rotate(24deg) translate3d(8px, -3px, 0); transform: rotate(24deg) translate3d(8px, -3px, 0) } } @keyframes marioInteraction {0% {-webkit-transform: rotate(0) translate3d(0, 0, 0); transform: rotate(0) translate3d(0, 0, 0) } 100% {-webkit-transform: rotate(24deg) translate3d(8px, -3px, 0); transform: rotate(24deg) translate3d(8px, -3px, 0) } } @-webkit-keyframes mshroomInteraction {0% {-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } 10% {-webkit-transform: rotateY(0); transform: rotateY(0) } 20%, 70% {-webkit-transform: translateY(0); transform: translateY(0) } 50% {-webkit-transform: translateY(-40%); transform: translateY(-40%) } 80% {-webkit-transform: none; transform: none } 100% {-webkit-transform: translateX(20px); transform: translateX(20px) } } @keyframes mshroomInteraction {0% {-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } 10% {-webkit-transform: rotateY(0); transform: rotateY(0) } 20%, 70% {-webkit-transform: translateY(0); transform: translateY(0) } 50% {-webkit-transform: translateY(-40%); transform: translateY(-40%) } 80% {-webkit-transform: none; transform: none } 100% {-webkit-transform: translateX(20px); transform: translateX(20px) } } @media screen and (max-width:630px) {.page-lk .form-gr {padding-left: 8px; padding-right: 8px } } .lk-cart__title {font: 700 20px / 24px Play, sans-serif; padding: 10px 0 35px; border-bottom: 1px solid #dedede } @media screen and (max-width:767px) {.lk-cart__title {padding: 0 0 25px } } .lk-cart__table {margin-top: 25px } @media screen and (max-width:630px) {.lk-cart {padding: 0 8px } } .cart-table {display: table; width: 100%; table-collapse: collapse } .cart-table__row {display: table-row } .cart-table__td, .cart-table__th {display: table-cell; padding: 5px 10px; vertical-align: middle } .cart-table__btn-group {display: flex; display: -webkit-flex;  flex-direction: column; -webkit-flex-direction: column;  } .cart-table__btn-group .btn--cart {margin-bottom: 10px; } .cart-table__btn-group .btn--cart:last-child {margin-bottom: 0; } @media screen and (min-width: 400px) and (max-width: 630px) {.cart-table__btn-group {flex-direction: row; -webkit-flex-direction: row;  } .cart-table__btn-group .btn--cart {margin: 0 10px 0 0; } .cart-table__btn-group .btn--cart:last-child {margin-right: 0; } } @media screen and (min-width: 768px) and (max-width: 860px) {.cart-table__btn-group {flex-direction: row; -webkit-flex-direction: row;  justify-content: center; -webkit-justify-content: center; } .cart-table__btn-group .btn--cart {width: 120px; margin: 0 10px 0 0; } .cart-table__btn-group .btn--cart:last-child {margin-right: 0; } } @media screen and (min-width: 1040px) {.cart-table__btn-group {flex-direction: row; -webkit-flex-direction: row;  justify-content: center; -webkit-justify-content: center; } .cart-table__btn-group .btn--cart {margin: 0 20px 0 0; } .cart-table__btn-group .btn--cart:last-child {margin-right: 0; } } @media screen and (max-width:1020px) {.cart-table__td, .cart-table__th {width: 25% } } .cart-table__td:first-child, .cart-table__th:first-child {padding-left: 0; width: 32%; max-width: 350px } @media screen and (max-width:1020px) {.cart-table__td:first-child, .cart-table__th:first-child {max-width: 300px; min-width: 270px } } .cart-table__td:last-child, .cart-table__th:last-child {padding-right: 0; text-align: center; width: 170px } .cart-table__th {color: #9c9c9c; font: 13px / 17px Play, sans-serif; padding: 10px } .cart-table__data {font: 15px / 19px Play, sans-serif } .cart-table .search-prod {padding: 0 5px 0 0 } .cart-table .search-prod__name {font-weight: 400; max-width: 95%; overflow: hidden; text-overflow: ellipsis } .lk-pay__title {font: 700 20px / 24px Play, sans-serif; padding: 10px 0 25px } @media screen and (max-width:767px) {.lk-pay__title {padding: 0 0 15px } } .lk-pay .payment-types {margin: 30px -2.5px 20px } .lk-pay .payment-types + .lk-pay__title {padding-bottom: 15px } .add-money {line-height: 47px } .add-money__input-gr, .add-money__input-gr input, .add-money__txt {display: inline-block; vertical-align: middle } .add-money__txt {line-height: normal; margin-right: 12px } .add-money__input-gr .input {width: 115px; margin-right: 5px } @media screen and (max-width:400px) {.add-money__txt {display: block; line-height: normal; margin-bottom: 8px } .add-money__input-gr {display: block } } .history-table {display: table; width: 100%; table-collapse: collapse } @media screen and (max-width:630px) {.add-money, .history-table, .lk-pay__title {padding-left: 8px; padding-right: 8px } } .history-table__row {display: table-row } .history-table__td, .history-table__th {display: table-cell; padding: 5px 10px; vertical-align: middle } .history-table__td:first-child, .history-table__th:first-child {padding-left: 0; width: 100px } .history-table__td:nth-child(2), .history-table__th:nth-child(2) {text-align: right; width: 100px } .history-table__td:last-child, .history-table__th:last-child {padding-left: 70px } .history-table__th {color: #9c9c9c; font: 13px / 17px Play, sans-serif; padding: 10px } .history-table__data {font: 15px / 19px Play, sans-serif } @media screen and (max-width:860px) {.cart-table {display: block } .cart-table__row {display: block; padding-bottom: 10px; position: relative } .cart-table__row:after {display: table; clear: both; content: ""} .cart-table__row:first-child, .cart-table__th {display: none } .cart-table__td {display: block; font: 13px / 17px Play, sans-serif; padding: 0 240px 0 42%; width: 100%; margin-bottom: 5px } .cart-table__td:first-child {float: left; padding: 0; margin-bottom: 0; width: auto; font: 15px / 20px Play, sans-serif } .cart-table__td:first-child:before {display: none } .cart-table__td:last-child {position: absolute; right: 35px; top: 15px; padding: 0; margin-bottom: 0 } .cart-table__td:before {content: attr(data-title); display: inline-block; color: #9c9c9c } } @media screen and (max-width:767px) {.cart-table:after {display: table; clear: both; content: ""} .cart-table__row {padding-bottom: 25px; float: left; width: 50% } .cart-table__row:nth-child(even) {clear: left } .cart-table__td {padding: 0 0 0 62px; width: 100% } .cart-table__td:first-child {float: none; max-width: 95%; padding: 0; margin-bottom: 0; width: auto; font: 15px / 20px Play, sans-serif } .cart-table__td:first-child:before {display: none } .cart-table__td:last-child {position: static; padding: 15px 0 0 62px; width: 100%; text-align: left } } @media screen and (max-width:630px) {.cart-table__row {padding-bottom: 25px; float: none; width: 100% } .cart-table__td:first-child {max-width: 100%; min-width: 0 } .history-table {display: block } .history-table__row {display: block; padding-bottom: 20px; position: relative } .history-table__row:after {display: table; clear: both; content: ""} .history-table__row:first-child, .history-table__th {display: none } .history-table__td {display: block; font: 13px / 17px Play, sans-serif; width: 100% !important; text-align: left !important; padding: 0 0 5px !important } .history-table__td:before {content: attr(data-title); display: inline-block; color: #9c9c9c } } @media screen and (max-width:480px) {.history-table__td:last-child .history-table__data {display: block } } .gamecols .gamedeal__left-col {display: inline-block; width: 38%; } .not-in-sale {width: auto; max-width: 375px; text-align: left; display: inline-block; vertical-align: top; margin-top: -12px; } .not-in-sale .buybutton, .not-in-sale .reviewlink {display: none; } .not-in-sale__text {font-size: 16px; padding-left: 4px; line-height: 1.5em; } .not-in-sale__input {font-size: 16px; border: 1px solid rgb(216, 216, 216); border-radius: 5px; box-shadow: inset 2.298px 1.928px 7px 0px rgba(0, 0, 0, 0.08); line-height: 44px; margin-top: 12px; width: 100%; padding: 0 20px; } .not-in-sale__button {line-height: 34px; font-weight: 600; font-size: 20px; padding: 5px 30px; border-radius: 1000px; display: inline-block; margin-top: 20px; } .not-in-sale__button_cancel {border: 1px solid rgb(222, 222, 222); color: rgb(222, 222, 222); } .not-in-sale__button_cancel:hover {border-color: #f34242; background-color: #f34242; color: #fff; } @media screen and (max-width: 1200px) {.gamecols .gamedeal__left-col {width: 100%; } .not-in-sale {margin-top: 20px; padding-right: 22px; } .not-in-sale__button {min-width: 266px; padding: 5px 20px; } } .panel-success { border-color: #d6e9c6; } .panel-success a{color: #000000;} .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px;  box-shadow: 0 1px 1px rgb(0 0 0 / 5%); width: 100%; } .panel-success>.panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-heading { padding: 20px 30px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } @media screen and (max-width: 600px) { .text-pc { visibility: hidden; display: none; } } .category-menu-wrap{border-top:1px solid #EEE;margin-bottom:-20px;margin-top:20px;padding-top:10px} .category-menu{margin-bottom:10px} .category-menu a, .category-menu span{font-size:15px} .category-menu a{color:#000;display:inline-block;padding:3px 6px;margin:0 0 10px;background:#f0f0f0;border:1px solid #bababa} .category-sidebar__item{list-style-type:none} .category-sidebar__item > .active {background:#94c608;color:#FFF} .short,.short_footer{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.category-menu a.hidden{display:none}.category-description p{margin-top:10px;font-size:13px;line-height:1.4}.category-menu a,a:hover{text-decoration:none}p{margin-bottom:.1em} .iconaddnews,.iconbezdna,.iconblock,.iconbronya,.iconcars,.iconcategory,.iconcheat,.iconcomment,.icondatapack,.icondecor,.icondownload,.iconeda,.iconfile,.iconflans,.iconforum,.icongirl,.icongolye,.iconguide,.iconhalloween,.iconindustrial,.iconinstrument,.iconkiller,.iconklient,.iconklon,.iconkrasiv,.iconmagia,.iconman,.iconmaps,.iconmobs,.iconmods,.iconnewyar,.iconnewyarmods,.iconnoob,.iconores,.iconpaper,.iconplugin,.iconprikol,.iconprosmotr,.iconraznoe,.iconrealizm,.iconrpg,.iconrpg2,.iconserver,.iconshaders,.iconskins,.iconsmeh,.iconsmex,.iconsuperhero,.icontexture,.icontop,.icontop50,.iconvideo,.iconvoennyi,.iconvoennyi2,.iconvremya,.iconweapon,.iconyoutube,.iconzombie{width:16px;height:16px}.statistics ul.lcol li{margin-bottom:2px;padding:0 15px 0 0}.readNext{float:right;font-weight:700;margin-right:9px;margin-top:-12px}.readNext a:link,.readNext a:visited{text-decoration:none}.readNext a:hover{font-weight:700;text-decoration:underline}.iconaddnews,.iconbezdna,.iconblock,.iconbronya,.iconcars,.iconcategory,.iconcheat,.iconcomment,.icondatapack,.icondecor,.icondownload,.iconeda,.iconfile,.iconflans,.iconforum,.icongirl,.icongolye,.iconguide,.iconhalloween,.iconindustrial,.iconinstrument,.iconkiller,.iconklient,.iconklon,.iconkrasiv,.iconmagia,.iconman,.iconmaps,.iconmobs,.iconmobs2,.iconmods,.iconnewyar,.iconnewyarmods,.iconnoob,.iconores,.iconpaper,.iconplugin,.iconprikol,.iconprosmotr,.iconraznoe,.iconrealizm,.iconrpg,.iconrpg2,.iconserver,.iconshaders,.iconskins,.iconsmeh,.iconsmex,.iconsuperhero,.icontexture,.icontop,.icontop50,.iconvideo,.iconvoennyi,.iconvoennyi2,.iconvremya,.iconweapon,.iconyoutube,.iconzombie{display:inline-block;background:url(/templates/many-courses/images/icons_cat.png) no-repeat;overflow:hidden;text-indent:-9999px;text-align:left;margin-right:5px;vertical-align:middle}.iconaddnews{background-position:-3px 0}.iconbezdna{background-position:-22px 0}.iconblock{background-position:-41px 0}.iconbronya{background-position:-60px 0}.iconcars{background-position:-79px 0}.iconcategory{background-position:-98px 0}.iconcheat{background-position:-117px 0}.iconcomment{background-position:-3px -19px}.icondatapack{background-position:-22px -19px}.icondecor{background-position:-41px -19px}.icondownload{background-position:-60px -19px}.iconeda{background-position:-79px -19px}.iconfile{background-position:-98px -19px}.iconflans{background-position:-117px -19px}.iconforum{background-position:-3px -38px}.icongirl{background-position:-22px -38px}.icongolye{background-position:-41px -38px}.iconguide{background-position:-60px -38px}.iconhalloween{background-position:-79px -38px}.iconindustrial{background-position:-98px -38px}.iconinstrument{background-position:-117px -38px}.iconkiller{background-position:-3px -57px}.iconklient{background-position:-22px -57px}.iconklon{background-position:-41px -57px}.iconkrasiv{background-position:-60px -57px}.iconmagia{background-position:-79px -57px}.iconman{background-position:-98px -57px}.iconmaps{background-position:-117px -57px}.iconmobs{background-position:-3px -76px}.iconmobs2{background-position:-22px -76px;width:16px;height:16px}.iconmods{background-position:-41px -76px}.iconnewyar{background-position:-60px -76px}.iconnewyarmods{background-position:-79px -76px}.iconnoob{background-position:-98px -76px}.iconores{background-position:-117px -76px}.iconpaper{background-position:-3px -95px}.iconplugin{background-position:-22px -95px}.iconprikol{background-position:-41px -95px}.iconprosmotr{background-position:-60px -95px}.iconraznoe{background-position:-79px -95px}.iconrealizm{background-position:-98px -95px}.iconrpg{background-position:-117px -95px}.iconrpg2{background-position:-3px -114px}.iconserver{background-position:-22px -114px}.iconshaders{background-position:-41px -114px}.iconskins{background-position:-60px -114px}.iconsmeh{background-position:-79px -114px}.iconsmex{background-position:-98px -114px}.iconsuperhero{background-position:-117px -114px}.icontexture{background-position:-3px -133px}.icontop{background-position:-22px -133px}.icontop50{background-position:-41px -133px}.iconvideo{background-position:-60px -133px}.iconvoennyi{background-position:-79px -133px}.iconvoennyi2{background-position:-98px -133px}.iconvremya{background-position:-117px -133px}.iconweapon{background-position:-3px -152px}.iconyoutube{background-position:-22px -152px}.iconzombie{background-position:-41px -152px} .navbutcont a,.navbutcont span{color:#000;padding:8px 11px;text-decoration:none;font-size:15px;border-radius:20px}.navbutcont{font-size:26px;margin:auto;text-decoration:none;width:100%;padding:10px}.navbutcont a{border:1px solid #d2d2d2;background:#fff;border-radius:20px}.navbutcont span{border:2px solid #c2c2c2;background:#eaeaea}.navbutcont a:hover{border-color:#e6e6e6;color:#fff;background:#d0d0d0} .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } ul.ui-form { list-style: none; padding: 0; margin: 0; } ul.ui-form > li { margin-bottom: 20px; } ul.ui-form > li:last-child { margin-bottom: 0; } .form-group { margin-bottom: 20px; } .form-group > label { display: block; margin-bottom: .4em; } .imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; } @media only screen and (min-width: 601px) { .form-group.combo:after { clear: both; display: table; content: ""; } .form-group.combo > .combo_field { width: 50%; float: left;   box-sizing: border-box; } .form-group.combo > .combo_field:last-child { padding-left: 10px; } .form-group.combo > .combo_field:first-child { padding-right: 10px; } } .form_submit { margin-top: 20px; } .form-sep { border-top: 1px solid #efefef; } .video-block-opt { text-align: center; margin-bottom: 25px; } .sort{padding:0;margin:0}.sort,.sort>li{display:inline}.sort>li{margin:0 0 0 3%}.sort>li a{color:#353535}.sort>li.asc a,.sort>li.desc a{color:#356E10;font-weight:700}.sort>li.asc a:after,.sort>li.desc a:after{content:"";display:inline-block;vertical-align:middle;margin:-1px 0 0 .4em;width:6px;height:11px;-webkit-background-size:6px auto;background-size:6px auto}.sort>li.asc a:after{background-position:0 -11px} @media (max-width: 640px) { .video-block-opt { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-block-opt iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .likely{opacity:0;transition:opacity .1s ease-in}.likely *{visibility:hidden}.likely_visible{opacity:1}.likely_visible *{visibility:inherit}.likely{font-size:0!important;font-weight:400;font-family:Helvetica Neue,Arial,sans-serif;text-indent:0!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.likely,.likely *{display:inline-block}.likely__widget{position:relative;white-space:nowrap}.likely__button,.likely__counter{text-decoration:none;text-rendering:optimizeLegibility;margin:0;outline:0}.likely__button{position:relative;cursor:pointer;user-select:none}.likely__counter{display:none;position:relative}.likely_ready .likely__counter{display:inline-block}.likely_ready .likely__counter_empty{display:none}.likely__button,.likely__counter,.likely__icon,.likely__widget{vertical-align:top}.likely__widget{transition:background .33s ease-out,color .33s ease-out,fill .33s ease-out}.likely__widget:active,.likely__widget:focus,.likely__widget:hover{transition:none;cursor:pointer}@media (hover:none){.likely__widget:active,.likely__widget:focus,.likely__widget:hover{transition:background .33s ease-out,color .33s ease-out,fill .33s ease-out;cursor:unset}}.likely__icon{position:relative;text-align:left}.likely svg{position:absolute}.likely__button,.likely__counter{line-height:inherit;cursor:inherit}.likely__button:empty{display:none}.likely__counter{text-align:center}.likely .likely__widget{color:#000;background:hsla(0,0%,91%,.8)}.likely .likely__counter{background-size:1px 1px;background-repeat:repeat-y;background-image:linear-gradient(90deg,rgba(0,0,0,.2),transparent .5px,transparent)}.likely-light .likely__widget{color:#fff;fill:#fff;background:hsla(0,0%,93%,.16);text-shadow:rgba(0,0,0,.2) 0 0 .33em}.likely-light .likely__counter{background-image:linear-gradient(90deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,0) .5px,hsla(0,0%,100%,0))}.likely__widget_facebook{fill:#1877f2}.likely__widget_facebook:active,.likely__widget_facebook:focus,.likely__widget_facebook:hover{background:rgba(197,221,251,.8)}@media (hover:none){.likely__widget_facebook:active,.likely__widget_facebook:focus,.likely__widget_facebook:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_facebook:active,.likely-light .likely__widget_facebook:focus,.likely-light .likely__widget_facebook:hover{text-shadow:#1877f2 0 0 .25em;background:rgba(24,119,242,.7)}@media (hover:none){.likely-light .likely__widget_facebook:active,.likely-light .likely__widget_facebook:focus,.likely-light .likely__widget_facebook:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_linkedin{fill:#0a66c2}.likely__widget_linkedin:active,.likely__widget_linkedin:focus,.likely__widget_linkedin:hover{background:rgba(193,216,239,.8)}@media (hover:none){.likely__widget_linkedin:active,.likely__widget_linkedin:focus,.likely__widget_linkedin:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_linkedin:active,.likely-light .likely__widget_linkedin:focus,.likely-light .likely__widget_linkedin:hover{text-shadow:#0a66c2 0 0 .25em;background:rgba(10,102,194,.7)}@media (hover:none){.likely-light .likely__widget_linkedin:active,.likely-light .likely__widget_linkedin:focus,.likely-light .likely__widget_linkedin:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_odnoklassniki{fill:#ee8208}.likely__widget_odnoklassniki:active,.likely__widget_odnoklassniki:focus,.likely__widget_odnoklassniki:hover{background:hsla(32,85%,87%,.8)}@media (hover:none){.likely__widget_odnoklassniki:active,.likely__widget_odnoklassniki:focus,.likely__widget_odnoklassniki:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_odnoklassniki:active,.likely-light .likely__widget_odnoklassniki:focus,.likely-light .likely__widget_odnoklassniki:hover{text-shadow:#ee8208 0 0 .25em;background:rgba(238,130,8,.7)}@media (hover:none){.likely-light .likely__widget_odnoklassniki:active,.likely-light .likely__widget_odnoklassniki:focus,.likely-light .likely__widget_odnoklassniki:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_pinterest{fill:#e60019}.likely__widget_pinterest:active,.likely__widget_pinterest:focus,.likely__widget_pinterest:hover{background:rgba(248,191,197,.8)}@media (hover:none){.likely__widget_pinterest:active,.likely__widget_pinterest:focus,.likely__widget_pinterest:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_pinterest:active,.likely-light .likely__widget_pinterest:focus,.likely-light .likely__widget_pinterest:hover{text-shadow:#e60019 0 0 .25em;background:rgba(230,0,25,.7)}@media (hover:none){.likely-light .likely__widget_pinterest:active,.likely-light .likely__widget_pinterest:focus,.likely-light .likely__widget_pinterest:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_reddit{fill:#ff4501}.likely__widget_reddit:active,.likely__widget_reddit:focus,.likely__widget_reddit:hover{background:rgba(255,208,191,.8)}@media (hover:none){.likely__widget_reddit:active,.likely__widget_reddit:focus,.likely__widget_reddit:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_reddit:active,.likely-light .likely__widget_reddit:focus,.likely-light .likely__widget_reddit:hover{text-shadow:#ff4501 0 0 .25em;background:rgba(255,69,1,.7)}@media (hover:none){.likely-light .likely__widget_reddit:active,.likely-light .likely__widget_reddit:focus,.likely-light .likely__widget_reddit:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_telegram{fill:#35a3dc}.likely__widget_telegram:active,.likely__widget_telegram:focus,.likely__widget_telegram:hover{background:rgba(204,232,246,.8)}@media (hover:none){.likely__widget_telegram:active,.likely__widget_telegram:focus,.likely__widget_telegram:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_telegram:active,.likely-light .likely__widget_telegram:focus,.likely-light .likely__widget_telegram:hover{text-shadow:#35a3dc 0 0 .25em;background:rgba(53,163,220,.7)}@media (hover:none){.likely-light .likely__widget_telegram:active,.likely-light .likely__widget_telegram:focus,.likely-light .likely__widget_telegram:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_twitter{fill:#1da1f2}.likely__widget_twitter:active,.likely__widget_twitter:focus,.likely__widget_twitter:hover{background:rgba(198,231,251,.8)}@media (hover:none){.likely__widget_twitter:active,.likely__widget_twitter:focus,.likely__widget_twitter:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_twitter:active,.likely-light .likely__widget_twitter:focus,.likely-light .likely__widget_twitter:hover{text-shadow:#1da1f2 0 0 .25em;background:rgba(29,161,242,.7)}@media (hover:none){.likely-light .likely__widget_twitter:active,.likely-light .likely__widget_twitter:focus,.likely-light .likely__widget_twitter:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_viber{fill:#7360f2}.likely__widget_viber:active,.likely__widget_viber:focus,.likely__widget_viber:hover{background:rgba(220,215,251,.8)}@media (hover:none){.likely__widget_viber:active,.likely__widget_viber:focus,.likely__widget_viber:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_viber:active,.likely-light .likely__widget_viber:focus,.likely-light .likely__widget_viber:hover{text-shadow:#7360f2 0 0 .25em;background:rgba(115,96,242,.7)}@media (hover:none){.likely-light .likely__widget_viber:active,.likely-light .likely__widget_viber:focus,.likely-light .likely__widget_viber:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_vkontakte{fill:#4680c2}.likely__widget_vkontakte:active,.likely__widget_vkontakte:focus,.likely__widget_vkontakte:hover{background:rgba(208,223,239,.8)}@media (hover:none){.likely__widget_vkontakte:active,.likely__widget_vkontakte:focus,.likely__widget_vkontakte:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_vkontakte:active,.likely-light .likely__widget_vkontakte:focus,.likely-light .likely__widget_vkontakte:hover{text-shadow:#4680c2 0 0 .25em;background:rgba(70,128,194,.7)}@media (hover:none){.likely-light .likely__widget_vkontakte:active,.likely-light .likely__widget_vkontakte:focus,.likely-light .likely__widget_vkontakte:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_whatsapp{fill:#25d366}.likely__widget_whatsapp:active,.likely__widget_whatsapp:focus,.likely__widget_whatsapp:hover{background:rgba(200,244,216,.8)}@media (hover:none){.likely__widget_whatsapp:active,.likely__widget_whatsapp:focus,.likely__widget_whatsapp:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_whatsapp:active,.likely-light .likely__widget_whatsapp:focus,.likely-light .likely__widget_whatsapp:hover{text-shadow:#25d366 0 0 .25em;background:rgba(37,211,102,.7)}@media (hover:none){.likely-light .likely__widget_whatsapp:active,.likely-light .likely__widget_whatsapp:focus,.likely-light .likely__widget_whatsapp:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely{margin:0 -5px -10px}.likely .likely__widget{line-height:20px;font-size:14px;border-radius:3px;height:22px;margin:0 5px 10px}.likely .likely__icon{width:22px;height:22px}.likely .likely__button{padding:1px 4px 1px 0}.likely .likely__counter{padding:1px 4px}.likely svg{left:3px;top:3px;width:16px;height:16px}.likely-big{margin:0 -6px -12px}.likely-big .likely__widget{line-height:28px;font-size:18px;border-radius:4px;height:32px;margin:0 6px 12px}.likely-big .likely__icon{width:32px;height:32px}.likely-big .likely__button{padding:2px 6px 2px 0}.likely-big .likely__counter{padding:2px 6px}.likely-big svg{left:4px;top:4px;width:24px;height:24px}.likely-small{margin:0 -4px -8px}.likely-small .likely__widget{line-height:14px;font-size:12px;border-radius:2px;height:18px;margin:0 4px 8px}.likely-small .likely__icon{width:18px;height:18px}.likely-small .likely__button{padding:2px 3px 2px 0}.likely-small .likely__counter{padding:2px 3px}.likely-small svg{left:3px;top:3px;width:12px;height:12px} @media only screen and (min-width: 601px) { #pm-menu:after { content: ""; clear: both; display: block; } #pm-menu { margin-bottom: 25px; } #pm-menu a { color: inherit; padding: 10px 16px; border-radius: 2px; border: 2px solid transparent; float: left; text-decoration: none !important; } #pm-menu a:hover { border-color: #3394e6; color: #3394e6; } } .pm-box { margin-bottom: 25px; } .pm_status { padding: 25px; background-color: #f7f7f7; border-radius: 2px; } .pm_progress_bar { background-color: #e5dbcc; margin-bottom: 10px; border-radius: 2px; } .pm_progress_bar span { background: #e85319; font-size: 0; height: 20px; border-radius: 2px; display: block; overflow: hidden } .userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 50px; } .userinfo_top .avatar { position: absolute; } .user_tab { list-style: none; padding: 0; margin: 0; } .user_tab > li { display: inline; margin-right: 1.2em; } .user_tab > li > a { text-decoration: none !important; font-size: .6em; -webkit-transition: all ease .3s; transition: all ease .3s; } .user_tab > li > a { color: #fff; opacity: .5; } .user_tab > li > a:hover { color: inherit; } .user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; } .usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } .usinf li { padding: 12px 0; border-top: 1px solid #e6e6e6; } .usinf li:first-child { border-top-width: 0; } .ui-c1, .ui-c2 { display: inline-block; vertical-align: top; } .ui-c1 { width: 30%; margin-right: 5%; } .ui-c2 { width: 60%; } .userinfo { padding-left: 90px; } .userinfo .avatar { position: absolute; float: left; margin: 0 0 0 -90px; } .userinfo .avatar .cover { width: 60px; height: 60px; } .userinfo > ul { list-style: none; padding: 0; margin: 0; } .stats_head > ul { list-style: none; padding: 0; margin: 0; font-size: 1.25em; } .stats_head > ul > li { margin-top: 15px; padding-left: 30px; } .stats_head > ul > li:before { content: ""; float: left; margin: 2px 0 0 -30px; width: 16px; height: 16px; border-radius: 50%; background-color: #3394e6; } .stats_head > ul > li > b { display: block; font-size: .8em; opacity: .5; font-weight: normal; } .stats_head > ul > li.stats_d:before { background-color: #f6a71a; } .stats_head > ul > li.stats_w:before { background-color: #ce3f28; } .stat_group { margin-bottom: 25px; } .stat_group > h5 { margin-top: 0; margin-bottom: 1em; } .stat_group > ul { list-style: none; padding: 0; margin: 0; } .stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; } .list3b { padding:0; list-style: none; counter-reset: li; } .list3b li { position: relative; border-left: 4px solid #94c608; padding: 5px 5px 5px 10px; margin:12px 0 12px 80px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .list3b li:before { line-height: 32px; position: absolute; top: 0px; left:-80px; width:80px; text-align:center; font-size: 24px; font-weight: bold; color: #DDDDDD; counter-increment: li; content: counter(li); -webkit-transition-duration: 0.3s; transition-duration: 0.3s;   box-sizing: border-box; } .list3b li:hover:before { color: #94c608; } .list3b li:after { position: absolute; top: 18px; left: -40px; width: 60px; height: 60px; border: 8px solid #94c608; border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.1); -moz-transform: translateX(-50%) translateY(-50%) scale(0.1); transform: translateX(-50%) translateY(-50%) scale(0.1); pointer-events: none;   box-sizing: border-box; } .list3b li:hover:after { opacity: 0.2; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); } .navigation_footer { height: 24px; line-height: 24px; padding: 3px; text-align: center; } .scriptcode, .title_quote, .title_spoiler, .text_spoiler { padding: 15px 20px; background: #fff; border: 1px solid #e7e7e7; } .title_quote { margin-top: 2px; font-weight: bold; } .quote, blockquote { padding: 2px 20px; margin: 1.5em 0; border-left: 3px solid #95c00e; font-family: Georgia, serif; font-style: italic; font-size: 1.2em; color: #999; } .title_spoiler { margin-top: 2px; } .text_spoiler { margin-bottom: 2px; } .title_spoiler img { vertical-align: middle; margin: -1px 0 0 !important } .scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" } .title_spoiler { font-weight: normal; } .text_spoiler { border-top: 0; text-align: justify; } .hide { background-color: #f0f0f0; padding: 5px; color: #4c6d0f; margin: 0 0 1em 0 } .hide a { text-decoration: underline; } .hide a:hover { text-decoration: none } pre code { display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; } .hljs-comment, .hljs-quote { color: #a0a1a7; font-style: italic; } .hljs-doctag, .hljs-keyword, .hljs-formula { color: #a626a4; } .hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst { color: #e45649; } .hljs-literal { color: #0184bb; } .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string { color: #50a14f; } .hljs-built_in, .hljs-class .hljs-title { color: #c18401; } .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number { color: #986801; } .hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title { color: #4078f2; } .hljs-emphasis { font-style: italic; } .hljs-strong { font-weight: bold; } .hljs-link { text-decoration: underline; } table.xfields { width: 100%; } .xfields textarea, .xprofile textarea { width: 100%; height: 186px; margin-top: 5px; } .xfieldsnote { color: #838383; font-size: .9em; } .xfields_table td { vertical-align: top; } .xfieldsrow { padding-top:5px; clear: both; } .xfieldscolleft { float: left; width: 30%; } .xfieldscolright { float: left; width: 70%; } .file-box { width: 95%; max-width: 437px; border:1px solid #B3B3B3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F5F5F5; padding: 10px; margin-top: 10px; } .xfieldimagegallery { margin: 0; padding: 0; list-style: none; clear: both; } .xfieldimagegallery li { list-style: none; margin: 0; padding: 0; } .xfieldimagegallery li img { float: left; margin-right: 5px; border: 5px solid #fff; width: 100px; height: 100px; transition: box-shadow 0.5s ease; } .xfieldimagegallery li img:hover { box-shadow: 0px 0px 7px rgba(0,0,0,0.4); } .qq-uploader { position:relative; width: 100%;} .qq-upload-button { display:inline-block; margin-top:5px; margin-bottom:5px; cursor:pointer; } .qq-upload-drop-area { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; max-width: 437px; background:#FF9797; text-align:center; } .qq-upload-drop-area span { display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; } .qq-upload-drop-area-active {background:#FF7171;} .uploadedfile { display: inline-block; width: 115px; height: 160px; margin: 10px 5px 5px 5px; border:1px solid #B3B3B3; box-shadow: 0px 1px 4px rgba(0,0,0,0.3);   text-align: center; background:#ffffff; } .uploadedfile .uploadimage { margin-top: 5px; width: 115px; height: 90px; display: flex; align-items: center; justify-content: center; cursor: move; cursor: -webkit-grabbing; } .sortable-ghost { opacity: 0.4; } .uploadedfile .info { text-align: left; white-space: nowrap; margin: 0px 5px 0px 5px; overflow: hidden; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor:not-allowed; pointer-events:none; opacity:0.65; filter:alpha(opacity=65);  box-shadow:none; } .progress { overflow:hidden; margin-top:10px; margin-bottom:10px; background-color:whitesmoke; height:10px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; background:#eee;  box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .progress .progress-bar { float:left; width:0%; font-size:12px; line-height:20px; color:white; text-align:center; background-color:#428bca;  box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition:width 0.6s ease; transition:width 0.6s ease; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px;  box-shadow:none; height:8px; } .progress-bar span{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0; } .progress-blue { background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); background-repeat:repeat-x; border:1px solid #55aeee; } hr { box-sizing: content-box; height: 0 } .telegram-btn.btn{height:auto;min-height:30px; background-color: #11b3d8; border-radius: 5px 5px;color: #ffffff;}.telegram-btn img{width:20px;margin-right:1px;margin-top:2px}.telegram-btn{width:40%;margin:0 5% 25px;font-size:16px;position:relative;z-index:2}.tablet-mt{margin-top:23px}.list-parent ol,.list-parent ul{margin-left:15px} .vk-btn.btn{height:auto;min-height:30px; background-color: #4a76a8; border-radius: 5px 5px; color: #ffffff;}.vk-btn img{width:20px;margin-right:1px;margin-top:2px}.vk-btn{width:40%;margin:0 5% 25px;font-size:16px;position:relative;z-index:2}.tablet-mt{margin-top:23px}.list-parent ol,.list-parent ul{margin-left:15px}
/* store.css */
.modal-store { display: none; position: fixed; max-width: 500px; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background: var(--bg); border-radius: 20px; padding: 60px; text-align: center; z-index: 9; } .modal-store h2 + span { display: block; color: #747474; margin-top: -20px; margin-bottom: 30px; font-size: 14px; line-height: 1.5; } .modal-store .fa-xmark { position: absolute; width: 40px; height: 40px; line-height: 40px; top: -60px; right: 0; border: 1px solid var(--light2); border-radius: 50%; color: rgb(255 255 255 / 80%); text-align: center; cursor: pointer; } .modal-store > .fa-chevron-left { position: absolute; top: 30px; left: 40px; font-size: 20px; } .modal-store > label { display: block; border: 1px solid #E9E1E5; padding: 8px 10px; border-radius: var(--radius); font-size: 14px; font-weight: bold; text-align: left; } .modal-store > label + label { margin-top: 5px; } .modal-store > label:hover { background: #E9E1E5; } .modal-store > ul { } .modal-store > ul li { display: flex; align-items: center; grid-gap: 10px; border: 1px solid #E9E1E5; padding: 15px 20px; border-radius: var(--radius); font-size: 14px; font-weight: bold; line-height: 1.5; text-align: left; margin-bottom: 15px; } .modal-store > ul li #del-addr { display: inline-block; background: #f44336; border-radius: 50%; color: #fff; min-width: 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; } .modal-store > ul li #select-addr { background: var(--color1); color: #fff; padding: 5px 12px; border-radius: var(--radius); } .modal-deliv { display: none; position: fixed; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index: 9; } .modal-deliv .fa-xmark { position: absolute; width: 40px; height: 40px; line-height: 40px; top: -60px; right: 0; border: 1px solid var(--light2); border-radius: 50%; color: rgb(255 255 255 / 80%); text-align: center; cursor: pointer; } .modal-deliv_grid { display: grid; grid-gap: 20px 20px; grid-auto-rows: max-content; grid-template-columns: 450px 1fr; background: var(--bg); border-radius: 20px; overflow: hidden; } @media (max-width: 860px) { .modal-deliv_grid { grid-template-columns: 1fr; grid-gap: 0; min-width: 400px; } } .modal-deliv_content { padding: 30px; } @media (max-width: 860px) { .modal-deliv_content .e-grid3 { grid-template-columns: repeat(3, 1fr); grid-gap: 10px; } } .modal-deliv_maps { position: relative; width: 600px; height: 100%; overflow: hidden; } @media (max-width: 860px) { .modal-deliv_maps { width: 100%; height: 210px; order: -1; } } .modal-deliv_maps:before { content: ""; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%,-50%); background: #000; width: 2px; height: 15px; z-index: 9; } .modal-deliv_maps:after { content: ""; position: absolute; top: 46%; left: 50%; margin-right: -50%; transform: translate(-50%,-50%); background: var(--color1); width: 30px; height: 30px; border-radius: 50%; z-index: 9; } .basket-content { position: fixed; max-width: 450px; width: 100%; top: 0; right: 0; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; background: var(--bg); padding: 30px; z-index: 9999; } .basket-header { display: flex; align-items: center; justify-content: space-between; grid-gap: 20px; margin-bottom: 30px; } .basket-header h2, .basket-header h3 { margin-bottom: 0; } .basket-header > a { background: var(--bg2); padding: 6px 15px; border-radius: var(--radius); color: var(--text2); font-size: 14px; } .basket-header .fa-xmark { display: block; background: var(--bg2); width: 40px; height: 40px; line-height: 40px; border-radius: 50%; color: var(--color1); text-align: center; margin-left: auto; cursor: pointer; } .basket-list { max-height: 400px; height: 100%; overflow: hidden; overflow-y: auto; margin-bottom: 30px; } .basket-list > li { display: grid; grid-gap: 20px; grid-auto-rows: max-content; grid-template-columns: auto 1fr; align-items: center; background: var(--bg2); padding: 10px; border-radius: var(--radius); } .basket-list > li + li { margin-top: 10px; border-top: 1px dotted var(--dark); } .basket-list > li img { width: 120px; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 5px; } .basket-list_title { display: block; font-size: 16px; font-weight: bold; margin-bottom: 5px; } .basket-list_title > span { display: inline-block; background: var(--color1); border-radius: 8px; padding: 3px 8px; font-size: 14px; margin: 5px 0; } .basket-item + span { font-size: 14px; color: var(--text2); } .basket-list_count { display: flex; align-items: center; justify-content: center; background: var(--light2); color: var(--color1); border-radius: var(--radius); font-weight: bold; } .basket-list_count > a { display: block; min-width: 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; } .basket-list_count > input { background: transparent; border: none; width: 15px; height: 30px; padding: 0; font-weight: bold; text-align: center; } .basket-list li .fa-trash { display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; color: #F44336; font-size: 18px; text-align: center; cursor: pointer; } .basket-delivfree { display: flex; align-items: center; grid-gap: 20px; background: var(--color1); color: #fff; padding: 20px; border-radius: var(--radius); margin: 20px 0; font-weight: bold; } .basket-delivfree_count { display: inline-block; width: 40px; height: 40px; line-height: 40px; border: 2px solid #fff; border-radius: 50%; color: #fff; text-align: center; cursor: pointer; } .basket-delivfree_title span:last-child { display: block; font-size: 12px; font-weight: 300; margin-top: 3px; } .basket-mincount { display: flex; align-items: center; grid-gap: 20px; background: var(--color1); color: #fff; padding: 20px; border-radius: var(--radius); margin: 20px 0; font-weight: bold; } .basket-mincount_count { display: inline-block; width: 40px; height: 40px; line-height: 40px; border: 2px solid #fff; border-radius: 50%; color: #fff; text-align: center; cursor: pointer; } .basket-mincount_title span:last-child { display: block; font-size: 12px; font-weight: 300; margin-top: 3px; } .basket-total li { position: relative; display: flex; align-items: center; justify-content: space-between; grid-gap: 20px; font-size: 18px; font-weight: bold; } .basket-total li + li, .basket-total div + li { border-top: 1px dotted var(--light2); margin-top: 10px; padding-top: 10px; } .basket-total .basket-total_delivoffice, .basket-total .basket-total_delivkm { font-size: 12px; opacity: 0.8; margin-top: 10px; padding-top: 0; border-top: 0; } .basket-total_sale > span:last-child { color: #4CAF50; font-weight: bold; } .basket-total .basket-total_bonus, .basket-total .basket-total_bonus span { display: block; font-size: 16px; text-align: right; } .basket-total .basket-total_bonus span:first-child { color: #8BC34A; } .basket-total .basket-total_bonus span:nth-child(2) { color: #FF5722; } .basket-total .basket-total_bonus span:last-child { color: #a1a1a1; font-size: 14px; } .basket-total + a { display: block; background: var(--color1); border-radius: 80px; padding: 15px 20px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; margin-top: 40px; } .basket-total + a:hover { background: var(--color2); } .basket-order_grid { display: grid; grid-gap: 80px; grid-auto-rows: max-content; grid-template-columns: 1fr 400px; } @media (max-width: 860px) { .basket-order_grid { grid-template-columns: 1fr; grid-gap: 30px; padding-top: 70px; } } .basket-order { background: var(--white); color: #000; box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); padding: 30px; border-radius: var(--radius); height: max-content; } @media (max-width: 860px) { .basket-order { order: -1; overflow: hidden; } } .basket-form_deliv { } .basket-form_deliv > span { display: block; color: #7f7f7f; font-size: 14px; margin-bottom: 9px; } .basket-form_deliv > span b { color: var(--color1); } .basket-form_deliv > div { display: flex; align-items: center; justify-content: space-between; grid-gap: 20px; } .basket-form_deliv > div > a { display: inline-block; min-width: max-content; background: var(--color1); color: #fff; padding: 15px 20px; border-radius: var(--radius); } .basket-promo, .basket-bonus { background: var(--bg2); padding: 20px; border-radius: var(--radius); } .basket-promo input { background: var(--light); } .basket-form_promo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; grid-gap: 20px; } .basket-form_promo button { display: inline-block; min-width: max-content; background: var(--color1); color: #fff; padding: 15px 20px; border-radius: 10px; cursor: pointer; } .basket-promo #promoresult { display: block; color: var(--text2); font-size: 12px; margin-top: 10px; } .basket-bonus { background: var(--bg2); padding: 20px; border-radius: var(--radius); } .basket-bonus > span { display: flex; align-items: center; grid-gap: 10px; color: var(--text2); font-size: 14px; font-weight: 300; margin-top: -20px; margin-bottom: 20px; } .basket-bonus > div > div b { display: block; color: #6dd772; font-size: 16px; } .basket-bonus > div > div span { color: var(--text2); font-size: 12px; font-weight: 300; } .basket-form_payment { } h2 + .basket-form_payment > span { display: block; margin-top: -20px; margin-bottom: 25px; } .basket-form_payment > span { display: block; color: #7f7f7f; font-size: 14px; margin-bottom: 9px; } .basket-form_payment label { position: relative; color: var(--text2); font-weight: 500; overflow: hidden; } .basket-form_payment label input { position: absolute; margin: 12px; } .basket-form_payment label input + img, .basket-form_payment > a img { display: inline-block; padding: 10px 20px 10px 35px; border-radius: var(--radius); border: 2px solid var(--form_radius); width: 100%; height: 80px; object-fit: contain; cursor: pointer; transition: 0.3s; margin-bottom: 10px; } .basket-form_payment label input:checked + img { opacity: 1; border: 2px solid var(--color1); background-color: var(--engine); } .basket-form_payment label span, .basket-form_payment > a span { display: block; font-size: 14px; line-height: 1.5; margin-top: 10px; } .basket-order_price { display: block; font-size: 20px; font-weight: bold; } .basket-order_price > span { color: var(--text2); font-size: 16px; font-weight: 300; margin-right: 5px; } .basket-check { display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: 60px; } .store-order { } .store-order_items { display: grid; grid-gap: 20px 20px; grid-auto-rows: max-content; grid-template-columns: repeat(3, 1fr); } @media (max-width: 860px) { .store-order_items { grid-template-columns: none; } } .store-order_items li { position: relative; background: var(--white); padding: 20px; border-radius: var(--radius); overflow: hidden; } .store-order_head { display: flex; align-items: center; justify-content: space-between; grid-gap: 20px; padding: 0 20px 10px; margin: -10px -20px 10px -20px; border-bottom: 1px solid var(--dark); font-size: 14px; color: var(--text2); } .store-order_item { display: flex; align-items: center; justify-content: space-between; grid-gap: 10px; color: var(--color1); margin-bottom: 5px; } .store-order_item:hover { color: var(--color2); } .store-order_items li a.extract { display: block; max-width: max-content; color: var(--text2); border-bottom: 1px dotted var(--text2); font-size: 14px; } .store-recep { background: #fff; color: #000; padding: 20px; border-radius: var(--radius); } .store-recep_head { display: grid; grid-gap: 15px; grid-auto-rows: max-content; grid-template-columns: repeat(2, 1fr); } .store-recep_head span { font-weight: bold; } .store-recep table { width: 100%; border-collapse: collapse; margin-bottom: 30px; } .store-recep th, .store-recep td { border: 1px solid #ddd; padding: 8px; text-align: left; } .store-recep th { background-color: #f2f2f2; } .store-recep tr:nth-child(even) { background-color: #f2f2f2; } .store-recep tr:hover { background-color: #ddd; } .store-recep_sign { display: grid; grid-gap: 15px; grid-auto-rows: max-content; grid-template-columns: repeat(2, 1fr); } .store-recep_sign > div { display: flex; align-items: flex-end; grid-gap: 20px; } .store-recep_sign > div span { width: 200px; background: #000; height: 1px; } .store-pattern { display: flex; align-items: center; grid-gap: 10px; margin-bottom: 20px; } .store-pattern_item { display: inline-block; background: var(--light); color: #dbdbdb; border-radius: 3px; padding: 3px 8px; font-size: 12px; } .store-pattern_item.active { background: var(--color1); color: #fff; } .store-bind { position: relative; margin: 20px 0; } .store-bind > div { display: grid; grid-gap: 20px 20px; grid-auto-rows: max-content; grid-template-columns: repeat(3, 1fr); } .store-bind > span { display: block; color: #525252; margin-bottom: 10px; } .store-bind > div a { display: inline-block; background: #fff; border-radius: 10px; padding: 10px 5px; width: 100%; height: 100%; font-size: 12px; font-weight: bold; text-align: center; overflow: hidden; } .store-bind > div a img { width: 100%; height: auto; aspect-ratio: 1/1; object-fit: contain; margin-bottom: 5px; } .alert { position: fixed; width: 300px; right: 20px; top: 20px; font-size: 14px; text-align: center; z-index: 9999; } @media (max-width: 860px) { .alert { right: 15px; top: 15px; font-size: 12px; width: 200px; } } .alert-block { position: relative; display: block; background: #4CAF50; border-radius: 10px; color: #fff; box-shadow: 3px 5px 8px rgba(0, 55, 76, 0.31); padding: 15px 40px 15px 15px; margin-bottom: 15px; overflow: hidden; } .alert-block.danger { background: #f49336; } .alert-block.error { background: #F44336; } .alert-block_bar { position: absolute; background: var(--light2); left: 0; bottom: 0; height: 2px; } .alert-block_close { position: absolute; top: 10px; right: 20px; cursor: pointer; } .label_story { padding: 3px 8px; background: #dc4444; box-shadow: 0px 2px 18px -3px rgb(189 0 0 / 58%); border-radius: 50px; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; } .label_story.blue { background: #2e95a3; box-shadow: 0px 2px 18px -3px rgb(38 166 197 / 58%); } .label_story.red { background: #F44336; box-shadow: 0px 2px 18px -3px rgb(244 67 54 / 58%); } .label_story.yellow { background: linear-gradient(165deg, #ffdb80 16.44%, #ac9c71 63.42%); box-shadow: 0px 2px 18px -3px rgb(232 201 124 / 58%); }
/* styles.css */
:root { --bg: #fff; --bg2: #f2f5f7; --bg3: #212121; --engine: #fff; --engine2: #f2f5f7; --text: #000; --text1: #fff; --text2: #5b5b5b; --color1: #94c608; --color2: #7ba507; --white: #fff; --form_radius: #cccccc; --light: rgb(255 255 255 / 15%); --light2: rgb(255 255 255 / 30%); --dark: rgb(0 0 0 / 10%); --radius: 15px; } .header-city { position: relative; } @media (max-width: 860px) { .header-city { display: none; } } .header-city > a { display: inline-block; background: var(--bg2); padding: 10px 20px; border-radius: var(--radius); } .header-city > a i { color: var(--color1); margin-left: 8px; font-weight: bold; } .header-city > div { visibility: hidden; opacity: 0; position: absolute; width: 200px; top: 100%; right: 0; background: var(--bg); color: #000; box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); border-radius: var(--radius); padding: 3px; transform: translateY(10px); transition: 0.3s; z-index: 5; } .header-city.active > div { visibility: visible; opacity: 1; } .header-city > div:before { content: ""; position: absolute; top: -5px; right: 30px; width: 10px; height: 10px; background: #fff; transform: rotate(225deg); } .header-city > div a { display: block; padding: 10px 20px; border-radius: var(--radius); text-align: center; } .header-city > div a:hover { background: var(--bg2); } .header-store { position: relative; display: inline-flex; align-items: center; gap: 6px; background: var(--color1); color: #fff; border-radius: var(--radius); min-width: 45px; height: 45px; padding: 0 14px; font-size: 18px; font-weight: 700; text-align: center; cursor: pointer; text-decoration: none; } .header-store > span { position: absolute; top: -5px; right: -5px; display: inline-block; background: #F44336; border-radius: 50%; color: #fff; width: 18px; height: 18px; line-height: 18px; font-size: 11px; text-align: center; font-weight: 700; } .header-store i { font-style: normal; } .header-user { position: relative; } .header-user > a { display: flex; align-items: center; justify-content: center; grid-gap: 10px; font-size: 14px; font-weight: 600; text-align: center; cursor: pointer; } .header-user > a i { display: block; font-size: 25px; } @media (max-width: 860px) { .header-user > a { background: var(--bg2); border-radius: var(--radius); min-width: 45px; height: 45px; line-height: 45px; font-size: 20px; } .header-user > a span { display: none; } .header-user > a i { font-size: inherit; } } .header-user > div { position: absolute; width: 200px; top: 100%; right: 0; background: var(--bg); color: #000; box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); border-radius: var(--radius); visibility: hidden; opacity: 0; transform: translateY(10px); transition: 0.3s; z-index: 5; } .header-user > div:before { content: ""; position: absolute; top: -5px; right: 30px; width: 10px; height: 10px; background: #fff; transform: rotate(225deg); } .header-user.active > div { visibility: visible; opacity: 1; transform: translateY(0); } .header-user_info { border-bottom: 1px solid var(--bg2); padding: 10px 20px; text-align: center; } .header-user_info > img { width: 50px; height: 50px; border-radius: 50%; } .header-user_info > span { display: block; margin: 8px 0; font-size: 16px; font-weight: bold; } .header-user_info > a { display: inline-block; color: var(--color1); font-weight: bold; font-size: 13px; border-bottom: 1px dotted var(--color1); margin: 5px; } .header-user_info > a i { margin-right: 5px; } .header-user_group { display: inline-block; background: var(--bg3); border-radius: var(--radius); color: #b9b3d3; padding: 4px 10px; font-size: 10px; } .header-user_group * { color: #b9b3d3!important; } .header-user_link { padding: 3px; } .header-user_link a { display: flex; align-items: center; grid-gap: 10px; padding: 8px 20px; border-radius: var(--radius); color: #14192a; font-size: 14px; } .header-user_link a:last-child { color: #F44336; } .header-user_link a:hover { background: var(--bg2); color: var(--color1); } .modal-login > a { position: relative; display: block; font-size: 14px; font-weight: 600; line-height: 2.0; text-align: center; cursor: pointer; } .modal-login > a i { display: block; font-size: 25px; } @media (max-width: 860px) { .modal-login > a i { background: var(--bg2); border-radius: var(--radius); color: var(--text2); width: 45px; height: 45px; line-height: 45px; font-size: 20px; text-align: center; } } @media (max-width: 860px) { .modal-login > a span { display: none; } } .modal-login form { display: none; position: fixed; min-width: 500px; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background: var(--bg2); box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); padding: 40px 80px; border-radius: var(--radius); text-align: center; z-index: 9; } @media (max-width: 860px) { .modal-login form { min-width: 100%; padding: 30px; border-radius: 0; } } .modal-login form > i { position: absolute; top: 20px; right: 20px; background: var(--bg); border-radius: var(--radius); width: 35px; height: 35px; line-height: 35px; text-align: center; cursor: pointer; } .modal-login form > i:hover { background: var(--color1); color: #fff; } .modal-login .e-float > a { position: absolute; top: 20px; right: 15px; font-size: 14px; border-bottom: 1px dotted #20a8d8; } .modal-login_btn a { background: var(--bg4); margin-left: 20px; } .modal-login_btn a:hover { background: var(--bg3); opacity: 0.8; } .modal-login_soc span { display: block; color: #767389; margin: 20px 0; } .modal-login_soc .e-flex { align-items: center; justify-content: center; } .modal-login_soc .e-flex > a, .modal-login_soc .e-flex a > img { width: 40px; height: 40px; margin: 0 10px; } [data-tooltip] { position: relative; display: inline-block; cursor: pointer; } [data-tooltip]::after { content: attr(data-tooltip); position: absolute; bottom: -120%; right: 0; opacity: 0; visibility: hidden; width: max-content; background: black; padding: 8px; border-radius: 4px; color: #fff; font-size: 10px; text-align: center; line-height: normal; transition: all 0.3s; z-index: 1; } [data-tooltip]:hover::before { content: " "; position: absolute; right: 6px; bottom: -6px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; } [data-tooltip]:hover::after { visibility: visible; opacity: 1; } .modal-promo { position: fixed; max-width: 500px; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); background: #323442; color: #fff; border-radius: 20px; text-align: center; z-index: 9; overflow: hidden; } .modal-promo > .fa-xmark { position: absolute; color: #fff; top: 20px; right: 20px; font-size: 18px; cursor: pointer; } .modal-promo > div:nth-child(2) { background: linear-gradient(180deg, #2c2e39, #131119); color: #fff; padding: 40px 30px 80px; } .modal-promo > div:nth-child(2) > span { color: #a1aab9; line-height: 1.5; } .modal-promo > div:nth-child(3) { background: url(https://i.7fon.org/thumb/j704542706.jpg) center/cover no-repeat; box-shadow: inset 0 9999px rgb(22 20 30 / 60%); color: #fff; border-radius: 20px; padding: 30px; margin: -40px 30px 25px; } .modal-promo > div ul li { display: flex; align-items: center; justify-content: left; grid-gap: 15px; color: #d6dde9; font-size: 14px; font-weight: 500; line-height: 1.5; text-align: left; } .modal-promo > div ul li + li { margin-top: 15px; border-top: 1px dashed #ffffff26; padding-top: 15px; } .modal-promo > div ul li i { display: inline-block; background: linear-gradient(118deg, #5ad37a, #bed35a); color: #fff; border-radius: 12px; min-width: 40px; height: 40px; line-height: 40px; text-align: center; } .modal-promo > div ul li:nth-child(2) i { background: linear-gradient(118deg, #d35a8c, #805ad3); } .modal-promo > a { position: relative; display: inline-block; background: #3d9981; text-shadow: 0px 0px 13px rgb(0 0 0 / 30%); color: #fff; padding: 15px 50px; border-radius: 20px; font-weight: bold; margin-bottom: 30px; overflow: hidden; } .modal-promo > a:before { content: ""; position: absolute; top: 0; left: -30%; background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 30%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.3) 70%,rgba(255,255,255,0) 100%); width: 100px; height: 100%; transform: skew(-10deg); animation: plus-button-reflection-slide 5s infinite 1.165s ease; } @keyframes plus-button-reflection-slide { 0% { left: -10%; opacity: 0 } 5% { opacity: 1 } 25%,to { left: 105% } } .along-sect_title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } @media (max-width: 860px) { .along-sect_title { flex-direction: column; align-items: flex-start; grid-gap: 15px; } } .along-sect_title h1 { margin-bottom: 0; } .along-sect_title a { display: flex; align-items: center; grid-gap: 10px; background: var(--bg2); padding: 10px 20px; border-radius: var(--radius); } .along-sect_title a:hover { background: var(--color2); color: #fff; } .along-sect_items { position: relative; padding: 12px 20px 0; overflow: hidden; } @media (max-width: 860px) { .along-sect_items { padding: 0; overflow: visible; } } .along-sect_items > .fa-regular { position: absolute; display: inline-block; top: 25%; left: 0; width: 40px; height: 40px; line-height: 40px; background: #fff; border-radius: 50%; font-weight: 600; text-align: center; cursor: pointer; z-index: 5; } .along-sect_items > .fa-regular:hover { background: var(--color2); color: #fff; } @media (max-width: 860px) { .along-sect_items > .fa-regular { display: none; } } .along-sect_items > .fa-regular + .fa-regular { left: unset; right: 0; } .along-sect_items .swiper-button-disabled, .along-story_items .swiper-button-disabled { display: none; } .along-story_items { position: relative; padding: 0 20px; overflow: hidden; } @media (max-width: 860px) { .along-story_items { padding: 0; overflow: visible; } } .along-story_items > .fa-regular { position: absolute; display: inline-block; top: 40%; left: 0; width: 40px; height: 40px; line-height: 40px; background: #fff; border-radius: 50%; font-weight: 600; text-align: center; cursor: pointer; z-index: 5; } .along-story_items > .fa-regular:hover { background: var(--color2); color: #fff; } @media (max-width: 860px) { .along-story_items > .fa-regular { display: none; } } .along-story_items > .fa-regular + .fa-regular { left: unset; right: 0; } .along-story_item { position: relative; width: 100%; height: 300px; border-radius: var(--radius); overflow: hidden; } .along-story_item > img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.5); border-radius: var(--radius); transition: 0.3s; } .along-story_item:hover img { transform: scale(1.05); } .along-story_content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; color: #fff; z-index: 3; } .along-story_title { display: block; font-size: 18px; line-height: 1.2; font-weight: bold; margin-bottom: 20px; } .along-story_content > a { display: flex; align-items: center; grid-gap: 10px; max-width: max-content; border: 1px solid #fff0e6; color: #fff0e6; padding: 6px 20px; border-radius: var(--radius); font-size: 14px; font-weight: bold; } .along-story_content > a:before { content: ""; position: fixed; inset: 0; width: 100%; height: 100%; } .along-item > img { background: #f2f2f2; border-radius: var(--radius); width: 100%; height: auto; aspect-ratio: 10/10; object-fit: contain; margin-bottom: 10px; } .along-item_sale { position: absolute; top: -5px; left: 10px; transform: rotate(-3deg); transform-origin: top left; display: inline-block; background-color: #fc5230; box-shadow: 4px 4px 14px 0px rgb(160 33 33 / 40%); color: #fff0e6; padding: 5px 8px; border-radius: var(--radius); font-size: 10px; font-weight: bold; } .along-item_title { font-size: 16px; font-weight: bold; } .along-item:hover .along-item_title { color: var(--color2); } .along-item_title:before { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; } .along-item_meta { display: flex; align-items: center; grid-gap: 20px; font-size: 14px; color: var(--text2); margin: 10px 0; } .along-item_price { display: flex; align-items: center; grid-gap: 10px; color: #6a6967; font-size: 16px; font-weight: bold; margin-bottom: 10px; } .along-item_price.sale > span:first-child { display: flex; align-items: center; grid-gap: 5px; color: #f44; } .along-item_price.sale > span:nth-child(2) { color: #9e9b98; font-size: 12px; font-weight: 400; text-decoration: line-through; } .along-item > a:not(.along-item_title) { position: relative; display: inline-block; background-color: #fff0e6; color: #d15700; padding: 8px 10px; border-radius: var(--radius); font-size: 14px; text-align: center; z-index: 2; } .along-item > a:not(.along-item_title):hover { background: #d15700; color: #fff0e6; } .along-full { grid-gap: 40px; margin-bottom: 40px; } @media (max-width: 860px) { .along-full { grid-gap: 30px; } } .along-screen { position: relative; padding: 0 20px; width: 100%; height: 500px; overflow: hidden; } @media (max-width: 860px) { .along-screen { height: 350px; } } .along-screen > .fa-regular { position: absolute; top: 45%; left: 0; width: 40px; height: 40px; line-height: 40px; background: #fff; border-radius: 50%; font-weight: 600; text-align: center; z-index: 5; } .along-screen > .fa-regular + .fa-regular { left: unset; right: 0; } .along-screen img { width: 100%; height: 100%; object-fit: contain; border-radius: var(--radius); overflow: hidden; } .along-full_center { overflow: hidden; } .along-full_head { display: flex; align-items: center; grid-gap: 20px; color: var(--text2); font-size: 18px; margin-top: -20px; margin-bottom: 20px; } .along-full_center > ul { display: flex; align-items: center; grid-gap: 20px; color: var(--text2); font-size: 18px; border-bottom: 1px solid var(--bg2); margin-bottom: 20px; padding-bottom: 20px; } .along-full_center > ul li { } .along-full_center > ul li span { display: block; opacity: 0.8; font-weight: bold; margin-top: 6px; } .along-full_text + * { margin-top: 20px; } .along-full_text > span { display: block; color: var(--text2); opacity: 0.8; font-size: 18px; font-weight: bold; margin-bottom: 5px; } .along-full_link { display: flex; align-items: center; grid-gap: 20px; padding-left: 30px; } @media (max-width: 860px) { .along-full_link { flex-wrap: wrap; justify-content: flex-start; } } .along-full_link > span { font-size: 25px; font-weight: bold; color: #fc5230; } .along-full_link > span:nth-child(2) { color: #9e9b98; font-size: 18px; font-weight: 400; text-decoration: line-through; } .along-full_link > a[data-store] { display: inline-block; background: var(--color1); color: #fff; padding: 18px 80px; border-radius: var(--radius); text-align: center; margin-left: auto; } @media (max-width: 860px) { .along-full_link > a[data-store] { margin-left: 0; } } .along-full_link > a[data-store]:hover { background: var(--color2); } .along-full_link > a[onclick] { background: #ffe2e0; color: #F44336; border-radius: var(--radius); width: 56px; height: 56px; line-height: 56px; text-align: center; } .along-full_rating { display: flex; align-items: center; grid-gap: 20px; color: var(--text2); margin-top: -20px; margin-bottom: 25px; } .along-comm { position: relative; background: var(--bg2); padding: 30px 1000px; margin: 0 -1020px 40px; } .along-comm textarea, .along-comm select, .along-comm input { background: var(--bg); } .container { position: relative; max-width: 1280px; width: calc(100% - 40px); margin: 0 auto; } .content { min-height: 100vh; margin-top: 30px; margin-bottom: 30px; }
/* cyrillic-ext */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/play/v19/6aez4K2oVqwIvtg2H68T.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/play/v19/6aez4K2oVqwIvtE2H68T.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/play/v19/6aez4K2oVqwIvts2H68T.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/play/v19/6aez4K2oVqwIvtU2Hw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* === PRODUCT PAGE STYLES === */
/* Стили карточки товара (были в product-style.css) */
/* =============== CORE WRAPPERS =============== */
.main-wr { padding-top: 0; }

/* =============== LAYOUT: GAME BODY =============== */
.game-body{
  display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;
  box-sizing:border-box;width:100%;
}
.game-body__column{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}
.game-body__column--left{width:370px;min-width:370px;margin-right:20px;height:100%;will-change:min-height}
.game-body__wrapper{width:100%;max-width:370px;transform:translate3d(0,0,0);will-change:position,transform}
.game-body__column--right{width:calc(100% - 390px)}
.game-body__section,.game-body__container{width:100%}
.game-body__stationary,.game-body__wandering{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:100%}

@media (max-width:1024px){
  .game-body__column--right{width:calc(100% - 340px)}
  .game-body__column--left{width:320px;min-width:320px;margin-right:20px}
  .game-body__wrapper{max-width:320px}
}
@media (max-width:799px){
  .game-body__stationary,.game-body__wandering{align-items:center;max-width:365px;width:100%}
  .game-body__column--left{display:none}
  .game-body__column--right{width:100%}
}

/* — постер слева — */
.game-image{width:100%;height:auto;top:33px}

.game-header__title {
    font-size: 26px;
    color: #1b1a1e;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: -.011em;
    width: 100%;
}

/* =============== БЛОК ПАРАМЕТРОВ =============== */
.game-parametrs{box-sizing:border-box;padding:34px 40px 4px;width:100%;background:#fff}
.params-cols{margin-bottom:0}
.game-parametrs .params-cols__param{width:26%}
.game-parametrs .params-cols__content{width:74%}
.params-cols__content--border a{border-bottom:1px solid rgba(0,0,0,.2)}
@media (max-width:1280px){
  .game-parametrs .params-cols__param{width:35%}
  .game-parametrs .params-cols__content{width:65%}
}
@media (max-width:1100px){
  .game-parametrs .params-cols__param{width:44%}
  .game-parametrs .params-cols__content{width:56%}
}
@media (max-width:400px){ .game-parametrs{padding:40px 13px 0} }

/* =============== ЦЕНА / КНОПКИ / НАЛИЧИЕ =============== */
.game-available{
  display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;
  width:100%;background:#fff;margin-bottom:20px;box-sizing:border-box
}
.game-deal{
  display:flex;align-items:stretch;box-sizing:border-box;padding:29px 40px;width:100%;background:#fff
}
@media (max-width:1280px){
  .game-deal{flex-wrap:wrap;align-content:flex-start}
  .game-deal__column{width:100%}
  .game-deal__column:not(:last-child){margin-bottom:30px}
}
@media (max-width:400px){ .game-deal{padding:15px 13px} }

.game-deal__column{display:flex}
.game-deal__col{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.game-deal__col--price{margin-right:34px}
.game-deal__col--available{padding-left:20px;margin-right:20px}
@media (max-width:1280px){ .game-deal__col:not(:last-child){margin-right:40px} .game-deal__col--available{padding-left:0} }
@media (max-width:450px){
  .game-deal__col{width:100%;margin-bottom:20px}
  .game-deal__col:not(:last-child){margin-right:0}
}

/* — бейдж доступности — */
.available{display:inline-flex;align-items:center;box-sizing:border-box}
.available__icon{
  display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;
  text-align:center;min-width:16px;width:16px;height:16px;border-radius:5px;margin-right:10px
}
.available__icon--green{background:#7bca47}
.available__icon--red{background:#e14b4b}
.available__icon--yellow{background:#fcda5b}
.available__icon span{font-size:12px;line-height:16px;color:#fff}
.available__text{font-size:13px;color:#1b1a1e}

/* =============== PREORDER / INFO LISTS =============== */
.preorder-bonus{
  display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;
  width:100%;padding:20px 35px;margin-bottom:15px;background:#fff
}
@media (max-width:400px){ .preorder-bonus{padding:15px 13px} }

.list{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:100%}
.list li{position:relative;box-sizing:border-box;font-size:13px;padding-left:18px;width:100%}
.list li:not(:last-child){margin-bottom:10px}
.list li::before{content:'';position:absolute;top:50%;left:2px;width:4px;min-width:4px;height:4px;transform:translateY(-50%);background:#000}
.list--yellow li::before{background:#94c608}

/* =============== STORE FEATURES (список преимуществ) =============== */
.store-features{
  display:flex;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box;
  padding:30px 40px 15px;width:100%;margin-bottom:20px;background:#fff
}
.store-features__title{width:100%;margin-bottom:22px}
.store-features__list{display:flex;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box;width:100%}
.store-features__item{
  position:relative;box-sizing:border-box;padding:0 48px;min-width:33%;width:33%;
  min-height:22px;font-size:13px;line-height:22px;color:rgba(58,58,58,.88);margin-bottom:18px
}
.store-features__item--price{background:url(../images/svg/bucks.svg) 0 0 / 37px 22px no-repeat}
.store-features__item--delivery{background:url(../images/svg/yellow-rectangle.svg) 0 3px / 37px 17px no-repeat}
.store-features__item--delivery::before{
  content:'@';position:absolute;top:0;left:10px;font:300 23px 'Open Sans','Arial',sans-serif;
  text-shadow:-1px 1px 0 rgba(0,0,0,.21);line-height:23px;color:#111313
}
.store-features__item--comission{background:url(../images/svg/percent.svg) 0 0 / 37px 22px no-repeat}
.store-features__item--key{background:url(../images/svg/key.svg) 0 0 / 37px 22px no-repeat}
.store-features__item--discount{background:url(../images/svg/discount.svg) 0 0 / 37px 22px no-repeat}
.store-features__item--cacheback{background:url(../images/svg/round_back_arrow.svg) 0 0 / 37px 22px no-repeat}
@media (max-width:1100px){ .store-features__item{min-width:50%;width:50%} }
@media (max-width:500px){ .store-features__item{min-width:100%;width:100%} }
@media (max-width:400px){ .store-features{padding:15px 13px} }

/* =============== MEDIA GALLERY (SWIPER) =============== */
.game-media{
  display:flex;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box;
  padding-top:20px;width:100%;background:#fff;margin-bottom:20px
}
.game-media__header{
  display:flex;align-items:center;box-sizing:border-box;padding:0 40px;width:100%;margin-bottom:16px
}
.game-media__title{box-sizing:border-box;margin:0 40px 0 0}
.game-media__slider-controls{margin-left:auto}

/* — стрелки (такие же, как в похожих) — */
.slider-controls{display:flex;align-items:center;box-sizing:border-box;width:102px;min-width:102px}
.slider-control__button{
  position:relative;width:51px;min-width:51px;height:39px;box-sizing:border-box;background:#fff;
  border:1px solid transparent;transition:.25s;cursor:pointer
}
.slider-control__button span{
  position:absolute;top:50%;left:50%;font-size:26px;color:#1b1a1e;transform:translate(-50%,-50%)
}
.slider-control__button:hover{border:1px solid #ececec}
.slider-control__button--prev{border-radius:19px 0 0 19px}
.slider-control__button--next{border-radius:0 19px 19px 0}

/* — контейнер слайдера — */
.game-media__slider{width:100%;margin-bottom:28px;overflow:hidden}

/* — старый Swiper DOM — */
.swiper{position:relative;overflow:hidden}
.swiper-wrapper{display:flex;width:100%;transition-property:transform}
.swiper-slide{flex-shrink:0}

/* — три эскиза в ряд по умолчанию — */
.game-media__slider-wrapper{display:flex;align-items:flex-start;box-sizing:border-box;width:100%}
.game-media__slider-item{min-width:calc(100%/3);height:174%;max-height:180px;margin-right:2px;box-sizing:border-box}

/* — ссылка/картинка внутри слайда — */
.game-media__link{display:inline-block;position:relative;width:100%;height:100%;box-sizing:border-box}
.game-media__link img{width:100%}

/* — скроллбар под слайдером — */
.game-media__scrollbar{
  box-sizing:border-box;margin:0 40px;height:5px;width:100%;background:#f6f6f6;margin-bottom:31px;overflow:hidden
}
.game-media__scrollbar .swiper-scrollbar-drag{height:5px;background:#94c608;cursor:pointer}
@media (max-width:400px){
  .game-media__header{padding:0 13px}
  .game-media__scrollbar{margin:0 13px}
}

/* =============== TABS / DESCRIPTION =============== */
.game-describe{box-sizing:border-box;width:100%;background:#fff;margin-bottom:20px}
.game-describe__tabs{box-sizing:border-box;width:100%}
.game-describe__tab{padding:40px 40px 55px}
.game-describe__controls{
  position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;box-sizing:border-box;
  width:100%;padding:9px 40px 0;border-bottom:1px solid #ececec
}
.btn--gold-border{
  box-sizing:border-box;padding:18px 0;border-bottom:1px solid transparent;transition:.25s;margin-bottom:-1px
}
.btn--gold-border._active,.btn--gold-border:hover{border-color:#94c608}
.js-magic-line{position:absolute;bottom:-1px;left:0;width:100px;height:1px;background:#94c608}
.game-describe__button:not(:last-of-type){margin-right:45px}
.game-describe__title{margin-bottom:0}
@media (max-width:500px){
  .game-describe__title{font-size:15px}
  .game-describe__button{padding:10px 0}
}
@media (max-width:400px){
  .game-describe__controls{padding:9px 13px 0}
  .game-describe__tab{padding:20px 13px}
  .game-describe__button:not(:last-child){margin-right:30px}
}

/* ==== кнопки корзина - купить ==== */
/* ==== отступы между кнопками ==== */
.mor-full_link {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* расстояние между кнопками */
}

/* чуть компактнее на мобильных */
@media (max-width: 480px) {
  .mor-full_link {
    gap: 12px;
    justify-content: center; /* по центру */
  }
  .e-btn {
    flex: 1 1 45%; /* каждая кнопка занимает ~половину ширины */
    text-align: center;
  }
}

/* ===== ИКОНКИ ДЛЯ КНОПОК ===== */
.e-btn i {
  margin-right: 8px;
  font-size: 16px;
  vertical-align: middle;
}

/* Разные цвета для иконок, если хочешь визуально различать */
.e-btn--cart i {
  color: #fff; /* можно #f5f5f5 или #e8ffe0 для контраста */
}

.e-btn--buy i {
  color: #fff;
}

/* Чтобы на узких экранах иконки и текст не слипались */
@media (max-width: 480px) {
  .e-btn i {
    margin-right: 6px;
  }
}

/* отступ иконки в наличии */
.available__icon {
  margin-left: 10px;  /* пробел после числа */
  margin-right: 3px;  /* убрать отступ после иконки */
  display: inline-flex;
  align-items: center;
}

/* =============== SIMILAR SLIDER =============== */
.game-similar{
  display:flex;flex-wrap:wrap;align-items:stretch;box-sizing:border-box;margin-bottom:20px;width:100%;background:#fff
}
.game-similar__header{display:flex;align-items:center;box-sizing:border-box;padding:20px 40px 16px;width:100%}
.game-similar__title{margin:0 40px 0 0}
.game-similar__slider-controls{margin-left:auto}
.game-similar__slider{box-sizing:border-box;padding:0 0 34px;margin:0 15px;width:100%;overflow:hidden}
.game-similar__slider-wraper{display:flex;align-items:stretch;box-sizing:border-box;width:100%}
.game-similar__slider-item{min-width:calc(25% - 11.25px);margin-right:15px}

@media (max-width:1200px){ .game-similar__slider-item{min-width:calc((100% - 30px)/3)} }
@media (max-width:1000px){ .game-similar__slider-item{min-width:calc(50% - 7.5px)} }
@media (max-width:799px){ .game-similar__slider-item{min-width:calc((100% - 30px)/3)} }
@media (max-width:600px){ .game-similar__slider-item{min-width:calc(50% - 7.5px)} }

@media (max-width:400px){
  .game-similar__header{padding:10px}
  .game-similar__slider{padding:0 0 20px;margin:0}
}

/* — отображать стрелки «Похожие курсы» и на ПК — */
#game-similar__slider-controls{display:inline-flex}

/* =============== МЕЛОЧИ =============== */
.link{word-break:break-all}
.h3{font-weight:bold}

/* === PRODUCT PAGE STYLES END=== */

/* ===== MEGA MENU v2 ===== */
/* ==== ИЕРАРХИЯ ШРИФТОВ ДЛЯ КАТЕГОРИЙ ==== */

/* Главные категории (левый столбец) */
.megamenu__parent > .megamenu__link {
  font-weight: 700;
  font-size: 15px;
  color: #000;
}

/* Подкатегории и внуки — менее жирные */
.megamenu__child > a,
.megamenu__grand-item > a {
  font-weight: 500;
  font-size: 14px;
}

/* Для визуальной иерархии: небольшие отступы */
.megamenu__children {
  margin-left: 10px;
}

.megamenu__grand {
  margin-left: 18px;
  font-size: 13px;
  color: #555;
}

.header-nav__submenu.megamenu { left: 0; right: 0; top: 100%; background:#fff; border-top:1px solid #e9e9e9; box-shadow:0 8px 24px rgba(0,0,0,.06); }
.megamenu .megamenu__wrap { display:flex; gap:0; padding:0; }

.megamenu__col--parents { width: 320px; border-right:1px solid #f0f0f0; background:#fafafa; }
.megamenu__parents { max-height: 420px; overflow:auto; padding:6px 0; }
.megamenu__parent { display:flex; align-items:center; justify-content:space-between; }
.megamenu__parent a.megamenu__link { display:block; padding:10px 16px; color:#14192a; text-decoration:none; }
.megamenu__parent:hover a.megamenu__link { background:#f5f7fb; }
.megamenu__parent.is-active > a.megamenu__link { background:rgba(var(--color1-rgb,148,198,8),.12); color:var(--color1,#94c608); font-weight:700; }
.megamenu__arrow { width:8px; height:8px; margin-right:14px; border-right:2px solid #bbb; border-bottom:2px solid #bbb; transform:rotate(-45deg); }

.megamenu__col--children { flex:1; min-width:0; }
.megamenu__panel { display:none; padding:16px 20px; }
.megamenu__panel-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.megamenu__title { font-weight:700; font-size:16px; }
.megamenu__all { display:inline-block; background:#f0f5e6; color:var(--color1,#94c608); padding:6px 10px; border-radius:999px; text-decoration:none; font-weight:700; }
.megamenu__children { display:grid; grid-template-columns: repeat(auto-fill, minmax(210px,1fr)); gap:10px 16px; max-height: 420px; overflow:auto; padding-right:8px; }
.megamenu__child > a { font-weight:600; color:#222; text-decoration:none; }
.megamenu__child.is-active > a { color:var(--color1,#94c608); }
.megamenu__grand { margin-top:6px; display:flex; flex-wrap:wrap; gap:6px 12px; }
.megamenu__grand-item a { color:#5a5a5a; text-decoration:none; }
.megamenu__grand-item.is-active a { color:var(--color1,#94c608); font-weight:600; }
.megamenu__empty { color:#777; }

/* только кнопка "Категории курсов" */
.header-nav__gr-link--green {
  background: var(--color1, #94c608);
  color: #fff !important;
  border-radius: 8px;
  padding: 6px 14px;
  margin: 5px 0;
  display: inline-flex;
  align-items: center;
  transition: background .2s ease;
}

/* свой hover, который перекрывает общий серый */
.header-nav__gr-link--green:hover {
  background: #7fa508 !important; /* немного темнее зелёного */
  color: #fff !important;
}

/* Убираем жёсткую ширину старых карточек (если где-то всплывёт конфликт) */
.header-nav__smenu-item { width:auto; }

/* Мобильная версия — аккордеон */
@media (max-width: 1020px) {
  .header-nav__submenu.megamenu { position: static; box-shadow:none; border:0; }
  .megamenu .megamenu__wrap { display:block; }
  .megamenu__col--parents { width:auto; background:#fff; border:0; }
  .megamenu__parent { border-bottom:1px solid #eee; }
  .megamenu__parent .megamenu__arrow { transform:rotate(45deg); transition:.2s; }
  .megamenu__parent.is-open .megamenu__arrow { transform:rotate(-135deg); }
  .megamenu__panel { display:none !important; padding:10px 0 16px; }
  .megamenu__parent.is-open + .megamenu__panel { display:block !important; }
}

/* ===== MOBILE CATEGORIES — FINAL, CLEAN ===== */

/* анти-оверлей для кликов по стрелке */
.mobcats__li { position: relative; }
.mobcats__plink { position: relative; z-index: 1; display: block; }
.mobcats__toggle {
  position: relative; z-index: 2; pointer-events: auto;
}

/* панель управляется классом .is-open */
.mobcats__panel { display: none; }
.mobcats__li.is-open > .mobcats__panel { display: block !important; }
.mobcats__panel[hidden]{ display:none !important; }

/* ===== MOBILE CATEGORIES — CLEAN LAYOUT ===== */

/* прокрутка всего мобильного меню */
.header-mob__menu{
  max-height: 85vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* строка родителя -> грид: [текст][стрелка] + панель ниже на всю ширину */
.mobcats__li{
  display: grid !important;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 10px;
  row-gap: 8px;
  padding: 10px 0 !important;
  border-bottom: 1px dashed rgba(0,0,0,.12) !important;
}
.mobcats__li:last-child{ border-bottom: 0 !important; }

/* ссылка-родитель (переход в категорию) */
.mobcats__plink{
  grid-column: 1 / 2;
  min-width: 0;
  text-decoration: none;
  color: #222 !important;
  font-size: 16px;
  line-height: 1.3;
}

/* стрелка справа, без рамки/фона */
.mobcats__toggle{
  grid-column: 2 / 3;
  width: 28px; height: 28px;
  padding: 0; margin: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  position: relative;
  cursor: pointer;
}
.mobcats__toggle::before{
  content: "";
  position: absolute; inset: 0; margin: auto;
  width: 12px; height: 12px;
  border-right: 2px solid #222; border-bottom: 2px solid #222;
  transform: rotate(45deg);
  transition: transform .2s;
}
.mobcats__li.is-open > .mobcats__toggle::before{ transform: rotate(225deg); }

/* панель подкатегорий — ВСЕГДА НИЖЕ, на всю ширину */
.mobcats__panel{
  grid-column: 1 / -1;         /* растянуть на обе колонки */
  display: none;
  padding: 6px 0 0 16px !important;

  /* сброс всего, что уводило "вбок" */
  position: static !important;
  float: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.mobcats__li.is-open > .mobcats__panel{ display: block !important; }

/* внутри подкатегорий — обычный вертикальный список */
.mobcats__panel .mobcats__ul{ margin: 0; padding: 0; list-style: none; }
.mobcats__panel .mobcats__li{
  display: block !important;
  padding: 6px 0 !important;
  border: 0 !important;
}
.mobcats__panel .mobcats__plink{ font-size: 15px; color: #333 !important; }

/* если где-то осталась кнопка "Все" — скрыть */
.mobcats__all{ display: none !important; }


/* === GRID === */
.mc-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}
@media (max-width:1200px){
  .mc-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width:640px){
  .mc-grid{grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px;}
}
/* очень узкие экраны */
@media (max-width:320px){
  .mc-grid{grid-template-columns:1fr;}
}
/* страховка против старых width правил */
.mc-grid > *{min-width:0;}

/* === CARD BASE === */
.mc-card{
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:6px;
  box-shadow:none;
  display:flex;
  flex-direction:column;
  transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.mc-card:hover{
  border-color:#dcdfe4;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  transform:translateY(-2px);
}

/* === MEDIA === */
.mc-media{position:relative;}
.mc-card__thumb{
  position:relative;
  display:flex;               /* центрируем картинку внутри */
  align-items:center;
  justify-content:center;
  aspect-ratio:13/9;
  overflow:hidden;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
}
.mc-card__thumb img{
  width:100%;
  height:100%;
  object-fit:contain;         /* показать целиком */
  object-position:center;
  display:block;
  transition:transform .35s ease;
}
/* при contain масштаб при ховере убираем, чтобы не обрезалось */
.mc-card:hover .mc-card__thumb img{transform:none;}

.mc-card__price-badge{
    position: absolute;
    left: 5px;
    bottom: 5px;
    background: #7a94ba;
    color: #fff;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 10px;
    opacity: 0.8;
}
/* === FAV BUTTON ON IMAGE === */
.mc-favbtn{
  position:absolute;
  right:10px; top:10px; z-index:3;

  /* как у кнопки "В корзину": по умолчанию скрыто */
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .25s ease, transform .25s ease, visibility .25s ease;
}

/* показываем при наведении на всю карточку */
.mc-card:hover .mc-favbtn{
  opacity:1; visibility:visible; transform:none;
}

.mc-favbtn a{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:999px;
  background:rgba(0,0,0,.45); color:#fff; text-decoration:none;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 4px 12px rgba(0,0,0,.25);
  transition:transform .15s ease, background .15s ease;
}
.mc-favbtn a:hover{ transform:scale(1.06); background:rgba(0,0,0,.6); }
.mc-favbtn i{ font-size:16px; line-height:1; }

/* мобильные — сердечко всегда видно (как и "В корзину") */
@media (max-width:768px){
  .mc-favbtn{
    opacity:1 !important; visibility:visible !important; transform:none !important;
  }
  .mc-favbtn a{ width:40px; height:40px; }
}

/* === BODY === */
.mc-card__body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:14px;
  gap:10px;
}
.mc-card__cat{
  font-size:11px;
  color:#7a7a7a;
  text-transform:uppercase; /* заглавные буквы */
  text-align: center;
}
.mc-card__title{
  display:block;
  font-size:15px;line-height:1.3;font-weight:600;
  color:#111;text-decoration:none;
  text-align: center;
}
.mc-card__title:hover{opacity:.9;}

/* === FOOTER === */
.mc-card__footer{
  margin-top:auto;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.mc-card__price{
  font-weight:500;
  font-size:15px;
  color:#7a7a7a;
  text-align: center;
}

/* === BUTTON === */
.mc-card__actions{
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:all .25s ease;
}
.mc-card:hover .mc-card__actions{
  opacity:1;visibility:visible;transform:none;
}
.mc-card__actions .mc-btn{
  width:100%;
  display:inline-flex;justify-content:center;align-items:center;
  padding:10px;
  border-radius:6px;
  background:var(--color1);color:#fff;font-weight:700;font-size:15px;
  text-decoration:none;
  box-shadow: 0 6px 14px rgba(0,0,0,.15);
  transition:filter .2s ease, transform .2s ease;
}
.mc-card__actions .mc-btn:hover{filter:brightness(1.05);transform:translateY(-1px);}

/* мобильные — кнопка всегда видима */
@media (max-width:768px){
  .mc-card__actions{
    opacity:1!important;visibility:visible!important;transform:none!important;
  }
}

/* ===== Footer clean layout ===== */
.site-footer{
  background:#232323; color:#ccc; font-size:15px; line-height:1.6;
}

/* layout: логотип слева + сетка справа */
.footer-inner{
  max-width:1200px; margin:0 auto; padding:50px 20px 30px;
  display:flex; align-items:flex-start; gap:40px;
}
.footer-logo-wrap{flex:0 0 auto; display:flex; align-items:flex-start;}
.footer-logo{max-width:160px; height:auto; display:block;}

.footer-grid{flex:1; display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:20px;}
.footer-col{min-width:0;}
.footer-title{font-size:18px; font-weight:700; color:#fff; margin:0 0 15px;}
.footer-about p{color:#bfbfbf; margin:0 0 10px;}

.footer-menu{list-style:none; padding:0; margin:0; display:grid; gap:8px;}
.footer-menu a{color:#ccc; text-decoration:none;}
.footer-menu a:hover{color:#fff; text-decoration:none !important;}

.tag{display:inline-block; padding:3px 8px; border-radius:6px; font-size:12px;
  background:rgba(0,170,110,.15); color:#70d9b5; border:1px solid rgba(0,170,110,.3);}

.footer-promo .promo-list{list-style:none; margin:0; padding:0; display:grid; gap:8px; color:#f0f0f0;}

.footer-buttons{margin-top:15px; display:flex; flex-wrap:wrap; gap:8px;}
.footer-buttons a{display:inline-flex; align-items:center; justify-content:center; border-radius:6px; transition:filter .2s;}
.footer-buttons a:hover{filter:brightness(1.15);}
.footer-buttons img{width:100px; height:28px; display:block;}

.footer-telegram a{display:inline-flex; align-items:center; gap:6px; color:#24A1DE; font-weight:600; text-decoration:none; transition:color .2s;}
.footer-telegram a:hover{color:#5cc6f5; text-decoration:none!important;}
.footer-telegram i{font-size:22px; line-height:1;}

.footer-bottom{background:#0d0d0d; border-top:1px solid rgba(255,255,255,.1); padding:18px 20px;}
.footer-bottom__inner{max-width:1200px; margin:0 auto; color:#bdbdbd; text-align:center;}
.footer-bottom__inner strong{color:#fff}

/* mobile */
@media (max-width:1000px){ .footer-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:900px){
  .footer-inner{flex-direction:column; align-items:center; text-align:center;}
  .footer-logo{margin-bottom:25px;}
}
@media (max-width:700px){
  .footer-buttons{justify-content:center;}
  .footer-grid, .footer-col, .footer-menu, .footer-col p, .footer-col a, .footer-title{ text-align:left!important; }
  .footer-menu{ justify-content:flex-start!important; align-items:flex-start!important; }
}
@media (max-width:768px){ .footer-logo-wrap{display:none!important;} }

.footer-menu i {
  width: 20px;
  color: var(--color1);
  margin-right: 6px;
}

.footer-menu a:hover i {
  color: #fff; /* иконка белеет при наведении */
}

.footer-menu .tag i {
  color: #70d9b5;
  margin-right: 5px;
}

/* ===== Расширенный футер ===== */

/* 💻 ПК — делаем футер шире */
@media (min-width: 1366px) {
  .site-footer .footer-inner {
    max-width: 1400px; /* стандартные ноутбуки */
  }
  .site-footer .footer-grid {
    gap: 28px;
  }
}

@media (min-width: 1600px) {
  .site-footer .footer-inner {
    max-width: 1560px; /* широкие мониторы */
  }
}

/* 📱 Мобильные и планшеты — возвращаем нормальный размер */
@media (max-width: 1359px) {
  .site-footer .footer-inner {
    max-width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  .site-footer .footer-grid {
    gap: 20px !important;
  }
}

/* 📱 Мобильная версия — одна колонка */
@media (max-width: 900px) {
  .site-footer .footer-grid {
    grid-template-columns: 1fr !important;
  }
}

/* === Адаптивный блок mc-main-intro === */
.mc-main-intro {
  width: 100%;
  max-width: 1280px;                       /* ограничение ширины на больших экранах */
  padding: clamp(14px, 3vw, 32px) clamp(16px, 4vw, 60px); /* адаптивные внутренние */
  margin-top: 25px;
  background: #fff;
  color: #222;
  border-radius: clamp(10px, 1.8vw, 12px);
  box-shadow: 0 3px 12px rgba(0,0,0,.05);
  font-size: clamp(14px, 1.2vw, 16px);
  text-wrap: pretty;
  hyphens: auto;
  overflow-wrap: anywhere;
}

.mc-main-intro__title {
  font-weight: 700;
  color: #111;
  text-align: center;
  text-wrap: balance;
  font-size: clamp(18px, 3.2vw, 22px);
  margin-bottom: clamp(10px, 1.6vw, 20px);
}

.mc-main-intro p { margin-bottom: clamp(8px, 1.4vw, 14px); }
.mc-main-intro p:last-child { margin-bottom: 0; }

.mc-main-intro strong { color: #000; }

.mc-main-intro__footer {
  text-align: center;
  margin-top: clamp(12px, 1.8vw, 25px);
  font-weight: 600;
  color: #2a7cda;
  font-size: clamp(14px, 1.1vw, 16px);
}
.mc-main-intro h2 + br { display:none; }

/* ====== Subcat chips: белый фон, тёмный текст, по центру ====== */
.subcat-wrapper { text-align: center; margin: 30px 0 40px; }
.subcat-title { 
  font-size: 20px; font-weight: 700; 
  color: #1f2630; margin-bottom: 16px; letter-spacing: .3px;
}

/* центрирование и перенос строк */
.subcat-grid { 
  display: flex; flex-wrap: wrap; gap: 10px; 
  justify-content: center; align-items: center;
}

/* Кнопки */
.subcat-wrapper .subcat-chip{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 18px; border-radius:999px; text-decoration:none;
  background:#fff;                        /* ← белый фон */
  color:#1f2630 !important;               /* ← тёмный текст, перебиваем глобальные a{} */
  border:1px solid rgba(0,0,0,.08);       /* мягкая обводка */
  box-shadow:0 2px 6px rgba(0,0,0,.06);   /* деликатная тень */
  font-weight:600; font-size:14px; line-height:1;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

/* Hover / Focus */
.subcat-wrapper .subcat-chip:hover,
.subcat-wrapper .subcat-chip:focus-visible{
  transform: translateY(-2px);
  box-shadow:0 8px 18px rgba(0,0,0,.12);
  border-color: rgba(0,0,0,.14);
}

/* Active */
.subcat-wrapper .subcat-chip:active{
  transform: translateY(0);
  box-shadow:0 3px 10px rgba(0,0,0,.10);
}

/* Мобилки */
@media (max-width:480px){
  .subcat-wrapper .subcat-chip{ font-size:13px; padding:8px 14px; }
}

/* На случай, если родитель задаёт opacity — принудительно обнулим влияние */
.subcat-wrapper { opacity:1; }

/* ===== Подкатегории: центр, белые, активные на var(--color1) ===== */
.subcat-wrapper { text-align:center; margin: 28px 0 34px; }
.subcat-title { font-size:20px; font-weight:700; color:#1f2630; margin-bottom:14px; letter-spacing:.3px; }

.subcat-grid {
  display:flex; flex-wrap:wrap; gap:10px;
  justify-content:center; align-items:center;
}

/* Базовая кнопка */
.subcat-chip{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 18px; border-radius:999px; text-decoration:none;
  background:#fff; color:#1f2630 !important;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 2px 6px rgba(0,0,0,.06);
  font-weight:600; font-size:14px; line-height:1;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease, color .15s ease;
}
.subcat-chip:hover{ background:#f3f5f9; border-color:rgba(0,0,0,.14); box-shadow:0 6px 14px rgba(0,0,0,.12); transform:translateY(-2px); }
.subcat-chip:active{ transform:translateY(0); box-shadow:0 3px 10px rgba(0,0,0,.10); }

/* Активная (текущая ветка) */
.subcat-chip.is-active{
  background: var(--color1);
  color:#fff !important;
  border-color: transparent;
  box-shadow: 0 6px 16px rgba(0,0,0,.14);
}
.subcat-chip.is-active:hover{
  background: var(--color1);
  transform: translateY(-1px);
}

/* Мобилки */
@media (max-width:480px){
  .subcat-chip{ font-size:13px; padding:8px 14px; }
}

.subcat-chip.is-active{
  background: var(--color1);
  color:#fff !important;
  border-color: transparent;
  box-shadow: 0 6px 16px rgba(0,0,0,.14);
}

/* eassistant.css */
* { background: 0 0; margin: 0; padding: 0; outline: 0; border: 0; box-sizing: border-box; } html { font-size: 100%; scroll-behavior: smooth; } button,input,select,textarea { font-size: inherit; font-family: inherit; } input:not([type="radio"], [type="checkbox"]) { display: inline-block; background: var(--white); color: inherit; padding: 15px 20px; border-radius: 10px; width: 100%; } input[type=button], input[type=checkbox], input[type=file], input[type=image], input[type=radio], input[type=reset], input[type=submit] { width: auto; } input[type="checkbox"], .checkbox input { position: relative; appearance: none; -webkit-appearance: none; vertical-align: middle; display: inline-block; background: var(--light); border: 1px solid var(--dark); border-radius: 12px; width: 50px; height: 25px; line-height: 25px; margin: 10px 0; margin-right: 15px; transition: 0.3s; cursor: pointer; } input[type="checkbox"]:before, .checkbox input:before { content: ""; position: absolute; display: inline-block; left: 0; top: 0; width: 24px; height: 24px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.4); border-radius: 50%; transition: 0.3s; } input[type="checkbox"]:checked:before, .checkbox input:checked:before { left: 24px; } input[type="checkbox"]:checked, .checkbox input:checked { background: rgb(76, 175, 80); box-shadow: rgb(76, 175, 80) 0px 0px 0px 12px inset; border-color: rgb(76, 175, 80); transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } input[type="radio"] { position: relative; appearance: none; -webkit-appearance: none; vertical-align: middle; display: inline-block; border: 2px solid #5a5a5a; border-radius: 8px; width: 24px; height: 24px; line-height: 24px; margin: 10px 0; margin-right: 15px; cursor: pointer; } input[type="radio"]:checked:before { content: ""; position: absolute; display: inline-block; left: 4px; top: 4px; width: 9px; height: 5px; border-radius: 1px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(-45deg); } input[type="radio"]:checked { background-color: var(--color1); border: 2px solid var(--color1); } textarea { background: var(--white); color: var(--text); padding: 15px 20px; border-radius: var(--radius); width: 100%; } select { display: inline-block; background: var(--bg2); color: var(--text); padding: 15px 20px; border-radius: 10px; width: 100%; height: 55px; } .e-btn, .bbcodes, button[type="submit"], input[type="submit"], input[type="button"] { display: inline-block; background: var(--color1); color: #fff; padding: 15px 15px; border-radius: 15px; font-size: 17px; font-weight: 700; text-align: center; cursor: pointer; } .e-btn:hover, .bbcodes:hover, button[type="submit"]:hover, input[type="submit"]:hover { background: var(--color2); } .e-grid2, .e-grid3, .e-grid4, .e-grid5, .e-grid6, .e-grid7 { display: grid; grid-gap: 20px 20px; grid-auto-rows: max-content; } .e-grid7 { grid-template-columns: repeat(7, 1fr); } .e-grid6 { grid-template-columns: repeat(6, 1fr); } .e-grid5 { grid-template-columns: repeat(5, 1fr); } .e-grid4 { grid-template-columns: repeat(4, 1fr); } .e-grid3 { grid-template-columns: repeat(3, 1fr); } @media (max-width: 860px) { .e-grid7, .e-grid6, .e-grid5, .e-grid4 { grid-template-columns: repeat(2, 1fr); } } .e-grid2 { grid-template-columns: repeat(2, 1fr); } @media (max-width: 860px) { .e-grid3, .e-grid2 { grid-template-columns: 1fr; } } .e-flex { display: flex; flex-wrap: wrap; flex-direction: row; } .e-flex50 { flex: 1 1 0%; max-width: 100%; min-width: 50px; } .e-center { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%,-50%); } .e-nowrap { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .e-cover img, .e-cover video, .e-cover iframe { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 860px) { .e-swipe { display:flex; justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; } .e-swipe > * { min-width: max-content; } } .e-clamp2, .e-clamp3, .e-clamp4, .e-clamp5 {   text-overflow: ellipsis; overflow: hidden; } .e-clamp2 { -webkit-line-clamp: 2; } .e-clamp3 { -webkit-line-clamp: 3; } .e-clamp4 { -webkit-line-clamp: 4; } .e-clamp5 { -webkit-line-clamp: 5; } .e-scroll::-webkit-scrollbar { position: relative; width: 4px; border-radius: 10px; } .e-scroll::-webkit-scrollbar-thumb { background-color: var(--color1); } .e-scroll::-webkit-scrollbar-track { background-color: var(--dark); } .e-none, .hidden, .e-mobile, .e-desktop { display: none; } @media (max-width: 860px) { .e-mobile { display: block; } } @media (min-width: 860px) { .e-desktop { display: block; } } .e-float { position: relative; margin-bottom: 20px; } .e-float label { position: absolute; color: var(--text2); font-size: 10px; top: 8px; left: 20px; transition: 0.3s; } .e-float input::-webkit-input-placeholder, .e-float textarea::-webkit-input-placeholder { opacity: 0; } .e-float input:placeholder-shown:not(:focus)::-webkit-input-placeholder, .e-float textarea:placeholder-shown:not(:focus)::-webkit-input-placeholder { opacity: 1; } .e-float input:placeholder-shown:not(:focus) + label, .e-float textarea:placeholder-shown:not(:focus) + label { opacity: 0; top: 12px; } .e-float input:placeholder-shown { padding: 20px; } .e-float input, .e-float textarea, .e-float input:focus, .e-float textarea:focus { border: 1px solid transparent; padding: 25px 20px 15px 20px; height: 55px; transition: 0.3s; } .e-float input:focus, .e-float ~ textarea:focus { border: 1px solid var(--color1); } .e-field { position: relative; align-items: center; grid-gap: 15px; text-align: left; margin-bottom: 20px; } .e-field label { display: inline-block; color: #737373; font-size: 14px; margin-bottom: 12px; } .e-field input { border: 1px solid transparent; } .e-field input:focus, .e-field ~ textarea:focus { border: 1px solid var(--color1); } .e-overlay { position: fixed; background: rgb(0 0 0 / 60%); width: 100%; height: 100%; top: 0; left: 0; z-index: 7; } .e-overlay.active { display: block; } .header-user_balance { display: flex; align-items: center; justify-content: space-between; font-size: 18px; font-weight: bold; border-top: 1px dotted var(--dark); border-bottom: 1px dotted var(--dark); margin-bottom: 10px; } .header-user_balance > li { padding: 10px 10px; } .header-user_balance > li + li { border-left: 1px solid var(--dark); padding-left: 10px; } .header-user_balance > li span { display: block; color: #454252; font-weight: 500; font-size: 10px; margin-top: 3px; }
/* engine.css */
#loading-layer { background: #000; padding: 20px; text-align: center; color: #fff; border-radius: var(--radius); } #dropmenudiv { display: inline-block; min-width: 220px!important; background: var(--bg2); box-shadow: 0 2px 15px rgb(61 61 61 / 8%); padding: 15px; border-radius: 20px; opacity: 1!important; font-size: 13px; } #dropmenudiv a { display: block; padding: 8px; border-radius: var(--radius); } #dropmenudiv a:hover { background: var(--light); } .DLEPush { position: fixed; right: 20px; top: 20px; z-index: 999; } @keyframes DLEPush-show { 0% { transform: translateY(20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .DLEPush-notification.wrapper { position: relative; background-color: #fff; box-shadow: 0 10px 15px rgb(0 0 0 / 20%); border-radius: 10px; padding: 10px 30px 10px 60px; animation-name: DLEPush-show; animation-duration: 1s; color: #333; width: 100%; max-width: 400px; margin: 0; margin-bottom: 10px; font-size: 14px; font-weight: 500; line-height: 1.4; overflow: hidden; } .DLEPush-notification .DLEPush-icon { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; color: #fff; width: 45px; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center; } .DLEPush-notification .DLEPush-header { font-size: 18px; font-weight: bold; margin-bottom: 3px; } .DLEPush-notification .DLEPush-close { position: absolute; top: 8px; right: 10px; font-size: 18px; cursor: pointer; opacity: 0.5; } .DLEPush-notification .DLEPush-close:hover { opacity: 1; } .DLEPush-notification.wrapper.push-success { background-color: #e0f2f1; } .DLEPush-notification.wrapper.push-success .DLEPush-icon { background-color: #00897b; } .DLEPush-notification.wrapper.push-warning { background-color: #FFF3E0; } .DLEPush-notification.wrapper.push-warning .DLEPush-icon { background-color: #FF9800; } .DLEPush-notification.wrapper.push-error { background-color: #FBE9E7; } .DLEPush-notification.wrapper.push-error .DLEPush-icon { background-color: #FF5722; } .dlepopupnewsedit input, .dlepopupnewsedit textarea { background: var(--bg2); } .dlepopupnewsedit .xfieldsrow > b { display: inline-block; margin-top: 20px; } .dlepopupnewsedit .xfieldsrow { display: grid; grid-gap: 20px 20px; grid-auto-rows: max-content; grid-template-columns: 30% 1fr; align-items: center; } @media (max-width: 860px) { .dlepopupnewsedit .xfieldsrow { grid-template-columns: 1fr; } } .dlepopupnewsedit .xfieldsrow + .xfieldsrow { margin-top: 20px; } .dlepopupnewsedit .xfieldscolleft, .dlepopupnewsedit .xfieldsrow label { color: #808191 } .qq-uploader { position: relative; width: 100%; } .qq-upload-button { display: inline-block; background: var(--color1); color: inherit; padding: 14px 20px; border-radius: 10px; margin: 10px 0; font-size: 14px; font-weight: bold; cursor: pointer; } #uploadedfile_poster { display: flex; align-items: center; } .uploadedfile { background: #fff; color: #000; border-radius: var(--radius); text-align: center; overflow: hidden; font-size: 14px; } .file-preview-card .file-content, .folder-preview-card .file-content { border-radius: var(--radius); height: auto!important; overflow: hidden; } .file-preview-card .file-footer { border-top: none; } .file-box { background: var(--bg2); padding: 10px; border-radius: var(--radius); font-size: 12px; margin: 10px 0; overflow: hidden; } .progress { background: #eaeaf5; border-radius: var(--radius); height: 10px; margin-top: 5px; overflow: hidden; } .progress .progress-bar { background: #23d2e2; height: 100%; } .progress-bar span { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .attention { position: relative; padding: 20px 30px; background: var(--color1); color: var(--text); border-radius: 10px; margin-bottom: 40px; font-size: 14px; line-height: 18px; grid-column: 1/-1; } .attention form input { background: var(--light); font-weight: bold; margin: 10px 0; } .attention form input[type="submit"] { background: var(--bg); } .attention form input[type="submit"]:hover { background: var(--bg2); } .navigation { grid-column: 1/-1; text-align: center; margin: 0 auto; margin-top: 30px; } .navigation a, .navigation span, .navigation-ajax a { display: inline-block; background-color: var(--bg2); border-radius: 6px; min-width: 50px; height: 50px; line-height: 50px; text-align: center; margin-right: 10px; margin-bottom: 20px; font-weight: bold; cursor: pointer; } .navigation span { background: var(--color1); } .navigation a:hover, .navigation-ajax a:hover { background-color: var(--color2); color: #fff; } .navigation .navigation-ajax a, .navigation .navigation-ajax span { width: 200px; } .emoji { vertical-align: middle; width: 20px; height: 22px; } .emoji_box { width: 100%; max-width: 250px; } .emoji_list { display: flex; align-items: center; width: 100%; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; font-size: 20px; padding: 10px 0; margin-bottom: 10px; overflow: auto; } .emoji_list::-webkit-scrollbar { height: 5px; } .emoji_list::-webkit-scrollbar-thumb { background-color: #e9e9e9; } .emoji_symbol { cursor: pointer; } .native-emoji { font-size: 10px; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; } @font-face { font-family: 'bb-editor-font'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff'); font-weight: normal; font-style: normal; } [class^="bb-btn"], [class*=" bb-btn"] { font-family: 'bb-editor-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bb-pane { background: var(--color1); color: var(--text); border-radius: 20px 20px 0 0; padding: 10px; } .bb-pane:after { content: ""; display: block; clear: both; } .bb-pane > b { vertical-align: middle; } .bb-btn { display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 5px; cursor: pointer; } .bb-btn:hover { background: var(--color1); } .bb-sel { float: left; padding: 2px 2px 0 2px; } .bb-sel select { font-size: 11px; } .bb-sep { display: none; } #b_font select, #b_size select { padding: 0; } #b_b:before { content: "\f032"; } #b_i:before { content: "\f033"; } #b_u:before { content: "\f0cd"; } #b_s:before { content: "\f0cc"; } #b_img:before { content: "\f03e"; } #b_up:before { content: "\e930"; } #b_emo:before { content: "\f118"; } #b_url:before { content: "\f0c1"; } #b_leech:before { content: "\e98d"; } #b_mail:before { content: "\f003"; } #b_video:before { content: "\e913"; } #b_audio:before { content: "\e911"; } #b_hide:before { content: "\e9d1"; } #b_quote:before { content: "\e977"; } #b_code:before { content: "\f121"; } #b_left:before { content: "\f036"; } #b_center:before { content: "\f037"; } #b_right:before { content: "\f038"; } #b_color:before { content: "\e601"; } #b_spoiler:before { content: "\e600"; } #b_fla:before { content: "\ea8d"; } #b_yt:before { content: "\f166"; } #b_tf:before { content: "\ea61"; } #b_list:before { content: "\f0ca"; } #b_ol:before { content: "\f0cb"; } #b_tnl:before { content: "\ea61"; } #b_br:before { content: "\ea68"; } #b_pl:before { content: "\ea72"; } #b_size:before { content: "\f034"; } #b_font:before { content: "\f031"; } #b_header:before { content: "\f1dc"; } #b_sub:before { content: "\f12c"; } #b_sup:before { content: "\f12b"; } #b_justify:before { content: "\f039"; } .bb-pane h1, .bb-pane h2, .bb-pane h3, .bb-pane h4, .bb-pane h5, .bb-pane h6 { margin-top: 5px; margin-bottom: 5px; } .bb-pane h1 { font-size: 36px; } .bb-pane h2 { font-size: 30px; } .bb-pane h3 { font-size: 24px; } .bb-pane h4 { font-size: 18px; } .bb-pane h5 { font-size: 14px; } .bb-pane h6 { font-size: 12px; } .bb-pane-dropdown { position: absolute; top: 100%; left: 0; background: #fff; color: #000; display: none; max-height: 300px; padding: 10px; margin-top: 10px; font-size: 10px; border-radius: 10px; z-index: 999; overflow: auto; } .bb-pane-dropdown > li > a { display: block; padding: 3px 10px; clear: both; font-weight: normal; line-height: 1.42857; color: #353535; white-space: nowrap; } .bb-pane-dropdown > li > a:hover { text-decoration: none; color: #262626; background-color: whitesmoke; } .bb-pane-dropdown .color-palette div .color-btn { width: 17px; height: 17px; padding: 0; margin: 0; border: 1px solid #fff; cursor: pointer; } .bb-pane-dropdown .color-palette { padding: 0px 5px; } .bb-pane + textarea { border-radius: 0 0 20px 20px; } .bb-editor textarea { background: var(--bg2); width: 100%; height: auto; padding: 30px; margin-top: 0!important; } .dle-form { max-width: 600px; } #dle-captcha img { border-radius: var(--radius); } .dle-form_protec input { display: block; width: 230px; } .wseditor { border: 1px solid var(--bg2); grid-column: 1/-1; border-radius: var(--radius); overflow: hidden; } .unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating { background-image: url(../dleimages/rating.svg); background-size: 20px auto; } .unit-rating li.current-rating { position: absolute; background-position: 0 0; display: block; text-indent: -9000px; z-index: 1; } .unit-rating { position: relative; width: 100px; height: 20px; background-position: 0 -20px; } .unit-rating li a { position: absolute; display: block; width: 20px; height: 20px; text-indent: -9000px; z-index: 17; } .unit-rating li a:hover { background-position: 0 -60px; z-index: 2; left: 0; } .unit-rating a.r1-unit { left: 0; } .unit-rating a.r1-unit:hover { width: 20px; } .unit-rating a.r2-unit { left: 20px; } .unit-rating a.r2-unit:hover { width: 40px; } .unit-rating a.r3-unit { left: 40px; } .unit-rating a.r3-unit:hover { width: 60px; } .unit-rating a.r4-unit { left: 60px; } .unit-rating a.r4-unit:hover { width: 80px; } .unit-rating a.r5-unit { left: 80px; } .unit-rating a.r5-unit:hover { width: 100px; } .dle-comm form textarea + .dle-form_flex { margin-top: 20px; } .dle-comm_submit { display: flex; justify-content: space-between; margin-top: 20px; } @media (max-width: 860px) { .dle-comm_submit { display: block; } } .dle-comm_submit button i { margin-right: 5px; } .dle-comm_item { background: var(--bg); padding: 20px 30px; border-radius: var(--radius); } .dle-comm_meta { align-items: center; justify-content: space-between; grid-gap: 15px; font-size: 14px; color: var(--text2); margin-bottom: 20px; } .dle-comm_user { display: flex; align-items: center; color: var(--text); margin-right: auto; } .dle-comm_user > img, .dle-comm_user .dle-avatar { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; object-fit: cover; border-radius: 50%; font-size: 18px; font-weight: bold; margin-right: 15px; overflow: hidden; } .dle-comm_user > div a { display: block; font-size: 18px; font-weight: bold; margin-bottom: 2px; } .dle-comm_user > div span { opacity: 0.6; font-size: 13px; } .dle-comm_text { font-size: 16px; line-height: 1.5; } .dle-comm_det { position: relative; background: var(--light); border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; } .dle-comm_det.active > div { visibility: visible; opacity: 1; } .dle-comm_det > div { position: absolute; background: var(--bg); color: var(--text); padding: 10px 20px; box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); border-radius: 10px; top: 40px; right: 0; visibility: hidden; opacity: 0; transition: 0.3s; overflow: hidden; z-index: 5; } .dle-comm_det > div a { display: block; margin: 4px 0; } .dle-comm_det > div a:hover { color: var(--color1); } .comments-tree-list > li + li { } .comments-tree-item textarea { background: var(--bg); } .comments-tree-item > ol { background: var(--bg2); padding: 20px; border-radius: var(--radius); margin: 20px 0; margin-left: 20px; } .comments-tree-item > ol ol { padding: 0; margin: 30px 0 10px; margin-left: 40px; } #dlefastreplycomments { background: var(--bg2); padding: 20px; border-radius: var(--radius); margin-top: 20px; } #dlefastreplycomments .commentsreplyname, #dlefastreplycomments .commentsreplymail { display: inline-block; margin-top: 20px; } #dlefastreplycomments input[type="text"] { display: inline-block; background: var(--bg); } #dlefastreplycomments .bb-editor { margin-top: 20px; } #dlefastreplycomments .dle-captcha { display: flex; align-items: center; margin: 20px 0; } #dlefastreplycomments .dle-captcha > a img { display: inline-block; width: auto; height: 70px; border-radius: var(--radius); margin-right: 20px; } #dlefastreplycomments .save-buttons { display: flex; grid-gap: 10px; margin-top: 15px; } .mass_comments_action { display: flex; align-items: center; margin-top: 30px; } @media (max-width: 860px) { .mass_comments_action { text-indent: -9999px; } } .mass_comments_action select { margin-right: 20px; } #dle-comments-list [id^="comment"] + [id^="comment"] { margin-top: 20px; border-top: 1px solid var(--dark); padding-top: 20px; } pre code { display: block; padding: 10px; background: var(--bg2); color: var(--text); border: 1px solid var(--light); border-radius: var(--radius); overflow: auto; white-space: pre; margin: 10px 0; } .hljs-comment, .hljs-quote { color: #a0a1a7; font-style: italic; } .hljs-doctag, .hljs-keyword, .hljs-formula { color: #a626a4; } .hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst { color: #e45649; } .hljs-literal { color: #0184bb; } .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string { color: #50a14f; } .hljs-built_in, .hljs-class .hljs-title { color: #c18401; } .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number { color: #986801; } .hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title { color: #4078f2; } .hljs-emphasis { font-style: italic; } .hljs-strong { font-weight: bold; } .hljs-link { text-decoration: underline; } .scriptcode,.text_spoiler,.title_quote,.title_spoiler { padding: 20px; border: 2px solid #e8e8e8; border-radius: 10px; } blockquote, .quote { position: relative; display: flex; align-items: flex-start; grid-gap: 20px; background: var(--bg2); color: var(--text2); border-radius: var(--radius); padding: 30px; line-height: 1.5; margin: 20px 0; overflow: hidden; } blockquote:before, .quote:before { content: "\f10d"; font-family: "Font Awesome 6 Pro"; display: inline-block; font-size: 30px; font-weight: 500; line-height: normal; color: var(--color1); } .dle-text p + p, .dle-text p + h2 { margin-top: 20px; } .dle-text a { color: var(--color1); } .dle-text img { width: 100%; } .dle-text ul, .dle-text ol { position: relative; color: #a5a1b2; padding-left: 40px; line-height: 1.5; list-style: auto; } .dle-text ul { list-style: disc; } .dle-text ul li, .dle-text ol li { margin: 10px 0; } .dle-text ol li strong, .dle-text ol li b, .dle-text ul li b { color: var(--color3); } #dle-question { display: inline-block; border: 2px solid var(--bg); padding: 10px 20px; border-radius: 10px; font-weight: bold; text-align: center ; margin-right: 10px; } .dle-vote { border: 2px solid var(--color1); border-radius: 10px; padding: 30px; margin: 20px 0; } .dle-vote h3 { margin-bottom: 0; } .pollanswer { display: block; margin-top: 20px; } .pollanswer:first-child { margin-top: 0; } .dle-vote_grade { font-weight: 500; opacity: 0.6; margin-bottom: 20px; } .dle-vote_list { display: inline-block; font-size: 15px; line-height: 1.7; margin: 20px 0; } .pollprogress,.voteprogress { background: var(--light); height: 6px; margin: 15px 0; border-radius: 2px; overflow: hidden; } .pollprogress span,.voteprogress span { display: block; background: var(--color1); text-indent: -9999px; } .pollallvotes { display: none; } .dle-atta { background: var(--bg); padding: 20px; border-radius: 10px; } .dle-atta_title h4 { margin-bottom: 10px; } .dle-atta span { font-size: 14px; } .dle-atta_count { display: flex; align-items: center; justify-content: space-between; margin: 10px 0; } .dle-atta a { display: block; } .dle-stats_top { background: var(--bg2); padding: 30px; margin-bottom: 30px; } .dle-stats_top li { position: relative; margin: 10px 0; margin-top: 15px; padding-left: 30px; } .dle-stats_top li:before { content: ""; position: absolute; left: 0; top: 4px; background-color: #3394e6; width: 16px; height: 16px; border-radius: 50%; } .dle-stats_top li:nth-child(1):before { background-color: #f6a71a; } .dle-stats_top li:nth-child(2):before { background-color: #ce3f28; } .dle-stats_top li span { display: block; font-size: 16px; font-weight: bold; margin-bottom: 10px; } .dle-stats h2 { margin-bottom: 10px; } .dle-stats p { border-top: 1px dotted #d5d5d5; margin: 10px 0; padding-top: 10px; } .dle-stats p > b { float: right; } .dle-popup-newpm { display: none!important; } .ui-dialog { position: fixed; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%,-50%); width: 420px; min-width: 500px; background: var(--engine); border: 1px solid var(--light); box-shadow: 0 8px 40px -10px rgb(0 0 0 / 30%); padding: 30px; border-radius: 20px; font-size: 14px; cursor: move; z-index: 999; } @media (max-width: 860px) { .ui-dialog { width: calc(100% - 40px); min-width: unset; } } .ui-dialog-titlebar { position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 22px; font-weight: bold; margin-bottom: 20px; } .ui-dialog-titlebar-close { position: relative; display: inline-block; width: 35px; height: 35px; line-height: 35px; color: var(--engine); font-size: 20px; font-weight: 400; text-align: center; cursor: pointer; overflow: hidden; } .ui-dialog-titlebar-close:before { content: "\f00d"; position: absolute; inset: 0; color: var(--text2); font-family: "Font Awesome 6 Pro"; } .ui-dialog #dletwofactorsecret img, .ui-dialog #dletwofactorsecret p { margin-bottom: 10px; font-size: 15px; line-height: 1.5; } .ui-dialog input, .ui-dialog select,.ui-dialog textarea { background: var(--engine2); } .ui-dialog .ui-dialog-content { line-height: 1.5; font-size: 16px; } .ui-dialog-buttonset { display: flex; align-items: center; justify-content: center; grid-gap: 15px; margin-top: 20px; } .ui-dialog-buttonset button { display: inline-block; background: var(--color1); color: #fff; border-radius: 8px; padding: 13px 28px; font-weight: bold; cursor: pointer; } .ui-dialog-buttonset button:first-child { background: var(--color2); } .ui-dialog-buttonset button:first-child:hover { background: var(--light2); } .ui-dialog-buttonset button:hover { background: var(--color2); } .ui-dialog #dlereplypopup textarea { margin-top: 20px; } .pm-page > .pm-page { margin-top: 20px; } .pm-page .dle-comm_item { background: var(--bg2); padding: 20px; border-radius: 10px; } .pm-page_lists { align-items: center; margin-bottom: 20px; } .pm-page_lists li + li { margin-left: 10px; } .pm-page_lists a { display: inline-block; background: var(--bg2); padding: 10px 20px; border-radius: 10px; } @media (max-width: 860px) { .pm-page_lists a { padding: 10px; } } .pm-page_lists a:hover { background: var(--color1); color: var(--text1) } .pm-page_status { position: relative; background: var(--bg2); padding: 20px; border-radius: 10px; } .pm_progress_bar { background: var(--bg); box-shadow: inset 0 2px 5px rgb(0 0 0 / 10%); border-radius: 5px; margin: 10px 0; overflow: hidden; } .pm_progress_bar span { display: block; background: var(--color1); box-shadow: 0 0 15px 5px var(--color1); font-size: 0; text-indent: -2000em; height: 20px; overflow: hidden } .pm select { width: 100%; margin-bottom: 10px } .pm td.pm_head,.pm td.pm_list,.userstop td { border-bottom: 2px solid var(--bg2); padding: 12px 20px; } @media (max-width: 860px) { .pm_list.pm_from, .pm td:nth-child(3) { display: none; } } table.pm,table.userstop { width: 100%; margin-bottom: 0; font-size: 14px; } table.pm select { width: 175px } @media (max-width: 860px) { .pm-page tbody tr td:nth-child(1) { display: none; } } #fullsearch { grid-column: 1/-1 } #fullsearch div, #searchinput { margin: 0!important; width: 100%!important; } #fullsearch #dofullsearch { display: none; } #fullsearch table { margin-bottom: 30px; } #searchsuggestions { background: var(--bg); top: 150px!important; left: 31.7vw!important; width: 445px; max-height: 350px; padding: 20px; border-radius: var(--radius); box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); overflow-y: auto; z-index: 9999; } @media (max-width: 860px) { #searchsuggestions { top: 120px!important; left: 0!important; width: 100%; border-radius: 0 0 var(--radius) var(--radius); z-index: 9999; } } #searchsuggestions > a:not(.dle-fast_item) { display: inline-block; color: #a5a1b2; font-size: 14px; margin-bottom: 10px; } #searchsuggestions > a .searchheading { display: block; color: var(--color3); font-weight: bold; margin-bottom: 10px; } .dle-fast_item { position: relative; display: grid; grid-gap: 15px; grid-auto-rows: max-content; grid-template-columns: 60px 1fr; padding: 10px; border-radius: var(--radius); overflow: hidden; } .dle-fast_item:hover { background: var(--bg2); } .dle-fast_item > img { width: 100%; height: auto; aspect-ratio: 1 / 1; border-radius: var(--radius); } .dle-fast_item > div > a { display: block; color: var(--text); font-weight: bold; margin-bottom: 5px; } .dle-fast_item > div > a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dle-fast_meta { display: flex; align-items: center; grid-gap: 10px; color: var(--text2); font-size: 12px; } #searchsuggestions .seperator { display: block; background: var(--color1); color: #000; border-radius: var(--radius); padding: 8px 10px; width: 100%; font-size: 12px; text-align: center; } #searchsuggestions .notfound { display: block; margin-bottom: 10px; } .dle-lk { position: relative; background: var(--bg2); border-radius: 40px 40px var(--radius) var(--radius); overflow: hidden; margin-bottom: 30px; } .dle-lk_bg { width: 100%; height: 150px; } .dle-lk_user { display: flex; grid-gap: 30px; align-items: end; padding: 0 60px 0; margin-top: -40px; } @media (max-width: 860px) { .dle-lk_user { flex-direction: column; align-items: center; justify-content: center; grid-gap: 15px; margin-top: -70px; padding: 0 20px 0; text-align: center; } } .dle-lk_user > div:first-child { position: relative; display: inline-block; border: 5px solid var(--bg2); width: 120px; height: 120px; border-radius: 50%; } .dle-lk_user > div:first-child img { border-radius: 50%; } .dle-lk_user > div:first-child:before { content: ""; position: absolute; bottom: 5px; right: 5px; background: #F44336; border: 4px solid var(--bg2); border-radius: 50px; height: 10px; width: 10px; } .dle-lk_user > div:first-child.online:before { background: #40d04f; box-shadow: 4px 7px 12px 0 rgba(64, 208, 79, 0.3); } .dle-lk_user > div:nth-child(2) span { display: block; color: var(--text2); font-size: 14px; margin-top: -25px; margin-bottom: 15px; } .dle-lk_user > ul { display: flex; flex-wrap: wrap; align-items: center; grid-gap: 25px; margin-left: auto; } .dle-lk_user > ul li div { display: flex; align-items: center; grid-gap: 10px; font-size: 18px; font-weight: bold; } .dle-lk_user > ul li i { background: var(--bg); border-radius: var(--radius); width: 40px; height: 40px; line-height: 40px; text-align: center; } .dle-lk_user > ul li i.fa-coin-vertical { background: #8BC34A; color: #fff; } .dle-lk_user > ul li > span { font-size: 12px; color: var(--text2); } .dle-lk_tabs { display: flex; align-items: center; justify-content: center; grid-gap: 20px; padding: 30px 30px 0; } .dle-lk_tabs > span { padding-bottom: 10px; border-bottom: 4px solid transparent; cursor: pointer; } .dle-lk_tabs > span.active { border-color: var(--color1); font-weight: bold; cursor: pointer; } .dle-lk_content { display: none; } .dle-lk_content.active { display: block; } .dle-lk_content input, .dle-lk_content select, .dle-lk_content textarea { background: var(--white); } .dle-lk_upload { position: relative; background: var(--white); padding: 20px; border-radius: var(--radius); display: flex; flex-wrap: wrap; align-items: center; grid-gap: 20px; margin-bottom: 30px; } .dle-lk_upload input[type=file] { display: none; } .dle-lk_upload #avatar { background: var(--color1); height: 80px; width: 80px; min-width: 80px; border-radius: 50%; transition: background ease-out 200ms; background-repeat: no-repeat; background-size: cover; } .dle-lk_upload button { display: inline-block; background: var(--color1); color: #fff; padding: 14px 25px; border-radius: 8px; font-size: 14px; font-weight: 500; text-align: center; cursor: pointer; } .dle-lk_upload button + span { display: block; color: #92909a; line-height: 1.5; font-size: 12px; margin-top: 10px; } .dle-lk_soc { background: var(--white); padding: 20px; border-radius: var(--radius); } .dle-lk_soc > span { display: inline-block; color: var(--text2); font-size: 14px; margin-bottom: 20px; } .dle-lk_soc > div { display: flex; align-items: center; grid-gap: 10px; } .dle-lk_soc > div a { position: relative; display: flex; align-items: center; justify-content: center; background: var(--light); border: 1px solid var(--light); border-radius: 50%; width: 40px; height: 40px; } .dle-lk_soc > div a:hover { opacity: 0.9 } .dle-lk_soc > div > span[id] a { background: var(--light2); } .dle-lk_soc > div a:before { content: "+"; position: absolute; top: -2px; right: -5px; background: #0a0; border-radius: 50%; width: 15px; height: 15px; line-height: 15px; font-size: 18px; text-align: center; } .dle-lk_soc > div > span[id] a:before { content: "-"; background: #F44336; } .dle-lk_link { display: flex; align-items: center; grid-gap: 20px; } .dle-lk_link .self_delete_link { display: flex; align-items: center; grid-gap: 10px; background: var(--light); color: var(--text2); padding: 15px 30px; border-radius: var(--radius); font-weight: 500; text-align: center; cursor: pointer; } .dle-lk_link .self_delete_link:hover { background: var(--light2); } .dle-avatar { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; object-fit: cover; border-radius: 50%; color: #fff; font-size: 16px; font-weight: bold; overflow: hidden; } .dle-use_meta { position: relative; display: flex; flex-wrap: wrap; align-items: center; grid-gap: 10px; border-top: 1px solid var(--dark); padding: 20px 40px; color: #000000; font-size: 12px; }