@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-orient: vertical; -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-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-pack: justify } .h-bg-white {background-color: #fff } .h-bg-black {background-color: #101010 } .h-bg-blue {background-color: #61909f } .h-bg-grey {background-color: #f1f1f1 } .h-mrg-b-5 {margin-bottom: 5px !important } .h-mrg-b-10 {margin-bottom: 10px !important } .h-mrg-b-20 {margin-bottom: 20px !important } .h-mrg-b-35 {margin-bottom: 35px !important } .h-mrg-t-5 {margin-top: 5px !important } .h-mrg-t-10 {margin-top: 10px !important } .h-mrg-t-20 {margin-top: 20px !important } .h-mrg-t-35 {margin-top: 35px !important } .h-mrg-l-5 {margin-left: 5px !important } .h-mrg-l-10 {margin-left: 10px !important } .h-mrg-l-20 {margin-left: 20px !important } .h-mrg-l-35 {margin-left: 35px !important } .h-mrg-r-5 {margin-right: 5px !important } .h-mrg-r-10 {margin-right: 10px !important } .h-mrg-r-20 {margin-right: 20px !important } .h-mrg-r-35 {margin-right: 35px !important } OL, P, UL, h1, h2, h3, h4, h5, h6 {margin: 0 } .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 } @font-face {font-style: normal; font-weight: 400; font-family: Pixel; src: url(../fonts/pixel.eot); src: url(../fonts/pixeld41d.eot?#iefix) format("eot"), url(../fonts/pixel.woff) format("woff"), url(../fonts/pixel.ttf) format("truetype") } @font-face {font-style: normal; font-weight: 400; font-family: visitorTT2brk; src: url(../fonts/visitorTT2brk.eot); src: url(../fonts/visitorTT2brk.eot) format("embedded-opentype"), url(../fonts/visitorTT2brk.woff2) format("woff2"), url(../fonts/visitorTT2brk.woff) format("woff"), url(../fonts/visitorTT2brk.ttf) format("truetype"), url(../fonts/visitorTT2brk.svg#visitorTT2brk) format("svg") } * , :after, :before {box-sizing: border-box } 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 } .header-mob__list LI, .header__info-wr {margin-bottom: 11px; padding-right: 98px; } 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; -ms-flex-pack: justify; 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; -ms-flex-negative: 0; flex-shrink: 0 } .header__logo IMG {max-width: 100%; display: block } .header__main-col {-webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 0px; padding-top: 7px; max-width: 1000px } .header__info-wr {line-height: 36px; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .header-nav, .header__info-links {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .header__info-links {width: 53%; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 420px; min-width: 370px; padding-right: 30px } .header__info-links li + li {margin-left: 10px } .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; -ms-flex-item-align: stretch; align-self: stretch; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: none } @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; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 10px } .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: 10px; -webkit-transition: .3s; transition: .3s } .header-ico-link__ico--cart {height: 20px; width: 21px; background: url(../images/svg/cart.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-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 55px } .header-nav__group {-webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .header-nav__group:first-child, .header-nav__group:last-child {-webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0 } .header-nav__group:hover .header-nav__submenu {display: block } .header-nav__gr-link {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; 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: 20px; 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; } } .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: 2px; 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; -ms-flex-item-align: stretch; align-self: stretch } .header-mob__menu {position: absolute; z-index: 1; left: 0; right: 0; top: 100%; background-color: #94c608; 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: 10px; 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-box-align: center; -webkit-align-items: center; -ms-flex-align: 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: 320px) {.header__main-col {display: none; } }*/ @media screen and (max-width:480px) {BODY._mob-search-open .search-wr {display: block } BODY._mob-menu-open .header-mob__menu {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; 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: 60px; 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: 5px; height: 100% } .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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .footer__info-commerc, .footer__info-soc {margin-bottom: 15px } .footer__info-commerc {-webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 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; -ms-flex-negative: 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 } .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 } .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: 20px 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: ""} .icon {margin: 0 auto; font-style: normal } .icon--perc {background: url(../images/svg/gear-perc.svg) 50% 50% no-repeat; width: 38px; height: 32px } .icon--coins {background: url(../images/svg/coins.svg) 50% 50% no-repeat; width: 38px; height: 33px } .icon--pay-gabe {background: url(../images/pay-gabe.png) 50% 50% no-repeat; width: 47px; height: 61px } .icon--pay-card {background: url(../images/pay-card.png) 50% 50% no-repeat; width: 45px; height: 33px } .icon--pay-money {background: url(../images/pay-money.png) 50% 50% no-repeat; width: 45px; height: 44px } .icon--pay-emoney {background: url(../images/pay-emoney.png) 50% 50% no-repeat; width: 47px; height: 38px } .icon--pay-webmoney {background: url(../images/webmoney.png) 50% 50% no-repeat; width: 43px; height: 43px } .icon--pay-qiwi {background: url(../images/qiwi.png) 50% 50% no-repeat; width: 46px; height: 47px } .icon--pay-yandex_money {background: url(../images/yandex_money.png) 50% 50% no-repeat; width: 36px; height: 48px } .icon--pay-phone {background: url(../images/pay-phone.png) 50% 50% no-repeat; width: 25px; height: 43px } .icon--pay-ebank {background: url(../images/pay-ebank.png) 50% 50% no-repeat; width: 45px; height: 31px } .icon--dialog {background: url(../images/svg/dialog.svg) 50% 50% no-repeat; width: 38px; height: 32px } .icon--partner {background: url(../images/svg/partner.svg) 50% 50% no-repeat; width: 38px; height: 32px } .icon--legal-inf {background: url(../images/svg/legal_inf.svg) 50% 50% no-repeat; width: 38px; height: 32px } .icon- {width: 18px; height: 22px; margin: 0 } .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; -ms-flex-negative: 0; flex-shrink: 0 } .btn > SPAN {border-bottom: 1px solid transparent; padding: 0 0 2px; -webkit-transition: border-color .3s; transition: border-color .3s; vertical-align: middle } .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) } .btn--round {font-size: 15px; line-height: 20px; border-radius: 20px; padding: 8px 15px; border: 1px solid #d9d9d9 } .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: #292929 } .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 2px } .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: 20px; line-height: 30px; margin-bottom: 15px } .h4, .typography h4 {font-size: 18px; line-height: 30px; font-weight: 700; margin-bottom: 15px } .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; -ms-flex-item-align: 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-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 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; -ms-flex-item-align: 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-box; display: -webkit-flex; display: -ms-flexbox; 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; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; width: 165px; line-height: 47px; padding-right: 30px } .form-row--inline .form-row__content-col {line-height: 47px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 0 -30px 14px } .form-cols__col {-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: 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 { margin: 0 0 0 1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-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: 40px } .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-box; 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; -ms-flex-wrap: wrap; flex-wrap: wrap } .franchises__item {-webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; width: 16.66667%; padding: 4px; display: flex; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .discounts-bl__col {-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 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-box; display: -webkit-flex; display: -ms-flexbox; 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .products-list + .btn {margin-top: 25px } .products-list__item {width: 16.66667%; 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: 144%; text-align: center } .prod-preview__overlay {padding-bottom: 144%; position: absolute; right: 0; bottom: 0; top: 0 } .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: 12px } .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 } .alert .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: 144%; 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 } .alert {padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px } .alert, .alert h4 {color: #c09853 } .alert h4 {margin: 0 } .alert .close {top: -2px; right: -21px; line-height: 20px } .alert-success {color: #468847; background-color: #dff0d8; border-color: #d6e9c6 } .alert-success h4 {color: #468847 } .alert-danger, .alert-error {color: #b94a48; background-color: #f2dede; border-color: #eed3d7 } .alert-danger h4, .alert-error h4 {color: #b94a48 } .alert-info, .alert-info h4 {color: #3a87ad } .alert-info {background-color: #d9edf7; border-color: #bce8f1 } .alert-block {padding-top: 14px; padding-bottom: 14px } .alert-block > p, .alert-block > ul {margin-bottom: 0 } .alert-block p + p {margin-top: 5px } .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-box; display: -webkit-flex; display: -ms-flexbox; 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-box; 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; -ms-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; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; position: absolute; left: 0; right: 0; bottom: 20px } .gl-item__ff-img {-webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; 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: 10px 0 35px } .promo-cats .oblique-btns {padding: 30px 0 18px } } .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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-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-box; 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; -ms-flex-negative: 0; flex-shrink: 0; background-color: #fff } .gamecols__img {max-width: 40%; padding: 20px 25px 5px } .gamecols__info {-webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 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; -ms-flex-negative: 0; flex-shrink: 0 } .gamedeal__buy {display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .gamedeal__buy .price-wr {padding-right: 20px } .gamedeal__additional {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: 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-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: 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; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 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; -ms-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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-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-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .game-materials__li--heading {width: 50%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #f6f6f6 } .get-luck-sm__item {width: 100% / 3; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: 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; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; position: relative; overflow: hidden; margin-bottom: 15px } .release-cd__txt {-webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 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; -ms-flex-negative: 0; flex-shrink: 0; color: #000; font-size: 12px; background-color: #94c608; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 40px auto 5px } .sorting__main {-webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .sorting__searched {font-size: 18px; line-height: 30px; font-weight: 700 } .sorting__ui {-webkit-flex-shrink: 0; -ms-flex-negative: 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-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-box; 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; -ms-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; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: 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; -ms-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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: 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-box; display: -webkit-flex; display: -ms-flexbox } .steps-block__item-col:first-child {-webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2 } .steps-block__item-col:last-child {padding-left: 15px; -webkit-flex-shrink: 0; -ms-flex-negative: 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; -ms-flex-line-pack: stretch; align-content: stretch } .page-404 .page-inner {width: 100%; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .page-404 .page-inner .header {-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .page-404 .page-inner .page-body {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .page-404 .page-inner .page-body .wrapper {-webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 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; display: -ms-flexbox; flex-direction: column; -webkit-flex-direction: column; -ms-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; -ms-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; -ms-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; -ms-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; } }