@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
}

OL, P, UL, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 30px;
}
.h-f-s0 {
    font-size: 0
}
.h-f-s20 {
    font-size: 20px
}
.h-f-s24 {
    font-size: 24px
}
.h-f-s16 {
    font-size: 16px
}
.h-f-s12 {
    font-size: 12px
}
.h-bold {
    font-weight: 700
}
.h-itl {
    font-style: italic
}
.h-c-white {
    color: #fff
}
.h-c-black {
    color: #000
}
.h-c-blue {
    color: #61909f
}

BODY, HTML {
    height: 100%;
    min-width: 320px
}
BODY {
    background-color: #f6f6f6;
    font-size: 14px;
    line-height: 20px
}
BUTTON, INPUT, TEXTAREA {
    border: 0;
    background-color: transparent;
    padding: 0;
    line-height: normal;
    -webkit-appearance: none;
    border-radius: 0
}
INPUT {
    box-sizing: border-box !important
}
TEXTAREA {
    resize: vertical
}
A {
    text-decoration: none
}
OL, UL {
    padding: 0;
    list-style: none
}
.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: 20px;
    display: flex;
    -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;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: 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
}
#searchsuggestions {
    background: var(--bg);
    top: 65px!important;
    left: 26.7vw!important;
    width: 445px;
    max-height: 350px;
    padding: 20px;
    border-radius: var(--radius);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    overflow-y: auto;
    z-index: 9;
}

@media (max-width: 860px) {
    #searchsuggestions {
        left: 0!important;
        width: 100%;
        border-radius: 0 0 var(--radius) var(--radius);
    }
}

/* dle mini-search */
#searchsuggestions > a:not(.dle-fast_item) {
    display: inline-block;
    color: #a5a1b2;
    font-size: 14px;
    margin-bottom: 90px;
}

#searchsuggestions > a .searchheading {
    display: block;
    color: var(--color3);
    font-weight: bold;
    margin-bottom: 20px;
}

.dle-fast_item {
    position: relative;
    display: grid;
    grid-gap: 15px;
    grid-auto-rows: max-content;
    grid-template-columns: 60px 1fr;
    padding: 10px;
    border-radius: var(--radius);
    overflow: hidden;
}

.dle-fast_item:hover {
    background: var(--bg2);
}

.dle-fast_item > img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: var(--radius);
}

.dle-fast_item > div > a {
    display: block;
    color: var(--text);
    font-weight: bold;
    margin-bottom: 5px;
}

.dle-fast_item > div > a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dle-fast_meta {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    color: var(--text2);
    font-size: 12px;
}

#searchsuggestions .seperator {
    display: block;
    background: var(--color1);
    color: #fff;
    border-radius: var(--radius);
    padding: 8px 10px;
    width: 100%;
    font-size: 12px;
    text-align: center;
}

#searchsuggestions .notfound {
    display: block;
    margin-bottom: 10px;
}

@media screen and (min-width:1021px) {
    body._scrolled .page-body {
        padding-top: 226px
    }
    body._scrolled .header {
        position: fixed;
        top: 0 !important;
        left: 0;
        right: 0;
        padding-bottom: 0
    }
    body._scrolled .header__top {
        display: none
    }
    body._scrolled .header__nav {
        -webkit-transition: -webkit-transform .4s;
        transition: transform .4s;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important
    }
}
.header-ico-link, .header-ico-link__ico, .header-ico-link__txt {
    display: inline-block;
    vertical-align: middle
}
.header-ico-link {
    color: inherit;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0px 4px
}
.header-ico-link:hover .header-ico-link__ico {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}
.header-ico-link__ico {
    margin-right: 5px;
    -webkit-transition: .3s;
    transition: .3s
}
a {
    color: #95c00e;
}
.header-ico-link__ico--cart {
    height: 20px;
    width: 21px;
    background: url(../images/svg/cart.png) center no-repeat
}
.header-ico-link__ico--login {
    height: 21px;
    width: 21px;
    background: url(../images/svg/login.png) center no-repeat
}
.header-nav__gr-link:hover, .header-nav__submenu {
    background-color: #f1f1f1
}
.header-ico-link__ico.iconic--favs {
    margin-top: -1px
}
.header-ico-link__txt {
    white-space: normal
}
.form-row__content--divided .input-wr+.input-wr .header-ico-link .input-cont:after, .header-ico-link .avatar__soc, .header-ico-link .blockquote, .header-ico-link .checkbox__view, .header-ico-link .dropdown__head:after, .header-ico-link .form-row__content--divided .input-wr+.input-wr .input-cont:after, .header-ico-link .iconic, .header-ico-link .popup__closer, .header-ico-link .slick-next, .header-ico-link .slick-prev, .header-ico-link .typography blockquote, .header-ico-link .ya-share2__item_service_facebook .ya-share2__icon, .header-ico-link .ya-share2__item_service_gplus .ya-share2__icon, .header-ico-link .ya-share2__item_service_moimir .ya-share2__icon, .header-ico-link .ya-share2__item_service_twitter .ya-share2__icon, .header-ico-link .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .header-ico-link blockquote, .ya-share2__item_service_facebook .header-ico-link .ya-share2__icon, .ya-share2__item_service_gplus .header-ico-link .ya-share2__icon, .ya-share2__item_service_moimir .header-ico-link .ya-share2__icon, .ya-share2__item_service_twitter .header-ico-link .ya-share2__icon, .ya-share2__item_service_vkontakte .header-ico-link .ya-share2__icon {
    font-size: 29px
}
.header-nav {
    display: flex;
    -webkit-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;
        width: 80px;
    }
}
.currency__dropdown .dropdown__cont {
    padding: 6px 0;
    min-width: initial;
}
.currency__list-item {
    height: 30px;
    padding: 0 16px 0 20px;
    line-height: 30px;
    -webkit-transition: 150ms;
    transition: 150ms;
    cursor: pointer;
}
.currency__list-item:hover {
    background-color: #f6f6f6;
}
.currency__list-item._active {
    background-color: #94c608;
}
.currency__symbol {
    float: right;
}
.search-div__txt {
    color: #a2a2a2;
    font-size: 12px;
    padding: 7px 0
}
.search-wr__main {
    margin-left: -3px
}
.search-wr__input {
    background: #fff;
    border: 2px solid #94c608;
    border-radius: 4px;
    padding: 0 45px 0 15px;
    font-size: 16px;
    height: 44px;
    line-height: 40px;
    width: 100%
}
.search-wr__input::-webkit-input-placeholder {
    color: #000
}
.search-wr__input::-moz-placeholder {
    color: #000
}
.search-wr__input:-ms-input-placeholder {
    color: #000
}
.search-wr__input::placeholder {
    color: #000
}
.search-wr__btns-pair {
    width: 45px;
    text-align: center;
    background: red;
    line-height: 44px
}
.form-row__content--divided .input-wr+.input-wr .search-wr__btns-pair .input-cont:after, .search-wr__btns-pair .avatar__soc, .search-wr__btns-pair .blockquote, .search-wr__btns-pair .checkbox__view, .search-wr__btns-pair .dropdown__head:after, .search-wr__btns-pair .form-row__content--divided .input-wr+.input-wr .input-cont:after, .search-wr__btns-pair .iconic, .search-wr__btns-pair .popup__closer, .search-wr__btns-pair .slick-next, .search-wr__btns-pair .slick-prev, .search-wr__btns-pair .typography blockquote, .search-wr__btns-pair .ya-share2__item_service_facebook .ya-share2__icon, .search-wr__btns-pair .ya-share2__item_service_gplus .ya-share2__icon, .search-wr__btns-pair .ya-share2__item_service_moimir .ya-share2__icon, .search-wr__btns-pair .ya-share2__item_service_twitter .ya-share2__icon, .search-wr__btns-pair .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .search-wr__btns-pair blockquote, .ya-share2__item_service_facebook .search-wr__btns-pair .ya-share2__icon, .ya-share2__item_service_gplus .search-wr__btns-pair .ya-share2__icon, .ya-share2__item_service_moimir .search-wr__btns-pair .ya-share2__icon, .ya-share2__item_service_twitter .search-wr__btns-pair .ya-share2__icon, .ya-share2__item_service_vkontakte .search-wr__btns-pair .ya-share2__icon {
    position: absolute;
    right: 15px;
    top: 2px;
    bottom: 2px;
    width: 45px;
    text-align: center;
    color: #1b1b1b;
    font-size: 18px;
    line-height: 40px;
    cursor: pointer
}
.search-wr__loadout-wr {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: -5px;
    right: 0;
    overflow: auto;
    margin-top: 8px;
    box-shadow: 3.5px 6.06px 32px 0 rgba(55, 54, 55, .24);
    background-color: #fff;
    -webkit-animation-duration: .85s;
    animation-duration: .85s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: none
}
.footer, .page-body {
    overflow: hidden
}
.img-input__main, .input {
    box-shadow: inset 1px 1.73px 5px 0 rgba(55, 54, 55, .1)
}
.search-wr__loadout-wr._active {
    display: block;
    -webkit-animation-name: flipFromTop;
    animation-name: flipFromTop;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.header-mob, .search-wr__loadout-wr._no-results .search-wr__loadout-bot {
    display: none
}
.search-wr__loadout-empty {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    padding: 20px
}
.search-wr__loadout {
    padding: 10px 0
}
.search-wr__loadout-bot {
    background: #1b1b1b;
    color: #fff;
    font-size: 15px;
    padding: 20px
}
.search-wr__loadout-bot-link {
    color: inherit;
    text-decoration: none
}
.search-wr__loadout-bot-link:hover {
    text-decoration: underline
}
.btn, .link, .search-prod {
    text-decoration: none
}
@media screen and (max-width:1020px) {
    .search-wr__loadout-wr {
        margin-top: 20px;
        max-height: 405px
    }
}
@media screen and (max-width:767px) {
    .search-wr__loadout-wr {
        margin-top: 0
    }
}
.header-mob {
    -webkit-align-self: stretch;
    -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: 57px;
        height: 57px;
        line-height: 57px
    }
    .header-mob__menu {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .header-mob__list {
        width: 50%
    }
    .header__top>.wrapper {
        height: 57px
    }
    .header__logo {
        padding: 0px;
        height: 80%
    }
    .header__logo IMG {
        max-height: 100%
    }
    .header__mob-search {
        display: block
    }
}
.footer, .footer__main {
    background-color: #1b1b1b
}
.footer {
    color: #fff;
    position: relative
}
.footer__nav {
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #3d3d3d
}
.footer__nav UL {
    padding: 24px 0;
    display: -webkit-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;
    padding-top: 10px;
}
.wrapper-inner {
    display: block;
    width: auto;
    margin-left: -20px;
    margin-right: -20px
}
.btn, .icon {
    display: inline-block;
    position: relative;
    vertical-align: middle
}
@media screen and (max-width:1020px) {
    .wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
    .wrapper-inner {
        margin-left: -20px;
        margin-right: -20px
    }
}
@media screen and (max-width:630px) {
    .main-wr {
        padding-bottom: 20px
    }
    .wrapper {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 35px;
    }
    .wrapper-inner {
        margin-left: -10px;
        margin-right: -10px
    }
}
.text-page {
    padding: 30px 25px 50px;
    background-color: #fff
}
@media screen and (max-width:480px) {
    .text-page {
        padding: 25px 15px 25px;
        margin: -28px -10px -30px
    }
}
.text-page .h1, .text-page .typography h1, .typography .text-page h1 {
    font-weight: 400
}
@font-face {
    font-family: iconic;
    src: url(../fonts/iconic.eot);
    src: url(../fonts/iconicd41d.eot?#iefix) format("eot"), url(../fonts/iconic.woff) format("woff"), url(../fonts/iconic.ttf) format("truetype"), url(../fonts/iconic.svg#iconic) format("svg")
}
.avatar__soc, .blockquote, .checkbox__view, .dropdown__head:after, .form-row__content--divided .input-wr+.input-wr .input-cont:after, .iconic, .popup__closer, .slick-next, .slick-prev, .typography blockquote, .ya-share2__item_service_facebook .ya-share2__icon, .ya-share2__item_service_gplus .ya-share2__icon, .ya-share2__item_service_moimir .ya-share2__icon, .ya-share2__item_service_twitter .ya-share2__icon, .ya-share2__item_service_vkontakte .ya-share2__icon {
    font-family: iconic;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    color: #000
}
.iconic--arr-full-l:after {
    content: ""
}
.iconic--cat-action:after {
    content: ""
}
.iconic--cat-adventure:after {
    content: ""
}
.iconic--cat-arcade:after {
    content: ""
}
.iconic--cat-mmo:after {
    content: ""
}
.iconic--cat-rpg:after {
    content: ""
}
.iconic--cat-sim:after {
    content: ""
}
.iconic--cat-sport:after {
    content: ""
}
.iconic--cat-strategy:after {
    content: ""
}
.dropdown._active .dropdown__head:after, .iconic--chevron-b:after {
    content: ""
}
.iconic--chevron-l:after {
    content: ""
}
.iconic--chevron-r:after {
    content: ""
}
.dropdown__head:after, .iconic--chevron-t:after {
    content: ""
}
.form-row__content--divided .input-wr+.input-wr .input-cont:after, .iconic--chevron2-r:after {
    content: ""
}
.iconic--clock:after {
    content: ""
}
.iconic--cross:after, .popup__closer:after {
    content: ""
}
.iconic--favs:after {
    content: ""
}
.iconic--grid:after {
    content: ""
}
.iconic--heart:after {
    content: ""
}
.iconic--lupa:after {
    content: ""
}
.blockquote:after, .iconic--quotes:after, .typography blockquote:after {
    content: ""
}
.avatar__soc--fb:after, .iconic--soc-fb:after, .ya-share2__item_service_facebook .ya-share2__icon:after {
    content: ""
}
.iconic--soc-gplus:after, .ya-share2__item_service_gplus .ya-share2__icon:after {
    content: ""
}
.iconic--soc-inst:after {
    content: ""
}
.iconic--soc-mail:after, .ya-share2__item_service_moimir .ya-share2__icon:after {
    content: ""
}
.iconic--soc-tw:after, .ya-share2__item_service_twitter .ya-share2__icon:after {
    content: ""
}
.avatar__soc--vk:after, .iconic--soc-vk-v:after {
    content: ""
}
.iconic--soc-vk:after, .ya-share2__item_service_vkontakte .ya-share2__icon:after {
    content: ""
}
.iconic--sorting:after {
    content: ""
}
.checkbox__view:after, .iconic--tick:after {
    content: ""
}
.iconic--triangle-full-l:after, .slick-prev:active:after {
    content: ""
}
.iconic--triangle-full-r:after, .slick-next:active:after {
    content: ""
}
.iconic--triangle-l:after, .slick-prev:after {
    content: ""
}
.iconic--triangle-r:after, .slick-next:after {
    content: ""
}
.btn--oblique:after, .ul-arrows LI:after {
    content: ""
}

.btn {
    box-sizing: border-box;
    cursor: pointer;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 150ms;
    transition: 150ms;
    font-size: inherit;
    color: inherit;
    padding: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.prod-anim-cont .prod-preview {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -200px;
    -ms-transform-origin: 50% 50% -200px;
    transform-origin: 50% 50% -200px;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}

.prod-anim-cont .prod-preview._animated {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
    visibility: visible
}
.bbcodes {border-bottom: 1px solid transparent;padding: 0 0 2px;-webkit-transition: border-color .3s;transition: border-color .3s;vertical-align: middle;background: #94c608;color: #ffffff;background-size: 10px;display: inline-block;text-decoration: none !important;font-weight: 700;font-size: 15px;line-height: 10px;padding: 13px 13px 13px 13px;border-radius: 30px;
}
.btnlog > SPAN {border-bottom: 1px solid transparent;padding: 0 0 2px;-webkit-transition: border-color .3s;transition: border-color .3s;vertical-align: middle;background: #94c608;color: #ffffff;background-size: 10px;display: inline-block;text-decoration: none !important;font-weight: 700;font-size: 20px;line-height: 10px;padding: 15px 15px 15px 15px;border-radius: 30px;} 
.btn:hover > SPAN {border-color: transparent } .btn:active {-webkit-transform: translateY(-2px) scale(.95); -ms-transform: translateY(-2px) scale(.95); transform: translateY(-2px) scale(.95) } 
.products-wr__btn-more {
    margin: 25px auto;
    display: table;
}
.btn--round {font-size: 15px; line-height: 20px; border-radius: 50px; padding: 15px 35px; border: 1px solid #d9d9d9; transition: .8s;} .btn--round .avatar__soc, .btn--round .blockquote, .btn--round .checkbox__view, .btn--round .dropdown__head:after, .btn--round .form-row__content--divided .input-wr + .input-wr .input-cont:after, .btn--round .iconic, .btn--round .popup__closer, .btn--round .slick-next, .btn--round .slick-prev, .btn--round .typography blockquote, .btn--round .ya-share2__item_service_facebook .ya-share2__icon, .btn--round .ya-share2__item_service_gplus .ya-share2__icon, .btn--round .ya-share2__item_service_moimir .ya-share2__icon, .btn--round .ya-share2__item_service_twitter .ya-share2__icon, .btn--round .ya-share2__item_service_vkontakte .ya-share2__icon, .form-row__content--divided .input-wr + .input-wr .btn--round .input-cont:after, .typography .btn--round blockquote, .ya-share2__item_service_facebook .btn--round .ya-share2__icon, .ya-share2__item_service_gplus .btn--round .ya-share2__icon, .ya-share2__item_service_moimir .btn--round .ya-share2__icon, .ya-share2__item_service_twitter .btn--round .ya-share2__icon, .ya-share2__item_service_vkontakte .btn--round .ya-share2__icon {-webkit-transition: 150ms; transition: 150ms; margin-right: 7px } .btn--round .iconic--grid {color: #aeaeae; font-size: 11px } .btn--round:hover {border-color: #aeaeae } .btn--round:hover .avatar__soc, .btn--round:hover .blockquote, .btn--round:hover .checkbox__view, .btn--round:hover .dropdown__head:after, .btn--round:hover .form-row__content--divided .input-wr + .input-wr .input-cont:after, .btn--round:hover .iconic, .btn--round:hover .popup__closer, .btn--round:hover .slick-next, .btn--round:hover .slick-prev, .btn--round:hover .typography blockquote, .btn--round:hover .ya-share2__item_service_facebook .ya-share2__icon, .btn--round:hover .ya-share2__item_service_gplus .ya-share2__icon, .btn--round:hover .ya-share2__item_service_moimir .ya-share2__icon, .btn--round:hover .ya-share2__item_service_twitter .ya-share2__icon, .btn--round:hover .ya-share2__item_service_vkontakte .ya-share2__icon, .form-row__content--divided .input-wr + .input-wr .btn--round:hover .input-cont:after, .typography .btn--round:hover blockquote, .ya-share2__item_service_facebook .btn--round:hover .ya-share2__icon, .ya-share2__item_service_gplus .btn--round:hover .ya-share2__icon, .ya-share2__item_service_moimir .btn--round:hover .ya-share2__icon, .ya-share2__item_service_twitter .btn--round:hover .ya-share2__icon, .ya-share2__item_service_vkontakte .btn--round:hover .ya-share2__icon {color: #292929 } .btn--get-luck {font-size: 15px; min-height: 42px; border-radius: 21px; border: 0; line-height: 30px; padding: 4px 15px 5px 8px; white-space: nowrap } .btn--get-luck .ico {margin: 0 7px 0 0; position: relative; top: 1px; -webkit-transition: .6s; transition: .6s } .btn--get-luck:hover .ico {-webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear } .btn--oblique {font-weight: 700; font-size: 18px; line-height: 24px; padding: 6px 18px 15px; position: relative; z-index: 1; -webkit-transition: -webkit-transform 0s; transition: transform 0s; border-top: 1px solid transparent; border-left: 1px solid transparent } .btn--oblique:after {position: absolute; right: 0; top: 0; bottom: 8px; border-right: 1px solid transparent } .btn--oblique._active, .btn--oblique:hover, .oblique-btns__btn-wr._active .btn {background: url(../images/svg/oblique-corner.svg) center bottom no-repeat; background-size: 100% 8px; border-color: #cfcfcf } .ico, .img-input__main {background-repeat: no-repeat } .btn--oblique._active:after, .btn--oblique:hover:after, .oblique-btns__btn-wr._active .btn:after {border-right-color: #cfcfcf } @media screen and (max-width:480px) {.btn--oblique {font-size: 15px; padding: 3px 13px 8px } } .btn--squere {border-radius: 3px; padding: 9px 15px } .btn--squere.btn--orng {background-color: #94c608 } .btn--cart-orng, .btn--squere.btn--orng:hover {background-color: #94c608 } .btn--cart {font: 700 18px / 22px Play, sans-serif; padding: 9px 0; width: 145px; border-radius: 20px } .btn--cart-orng:hover {background-color: #e8b300 } .btn--cart-green {background-color: #76b624 } .btn--cart-green:hover {background-color: #659c1f } .btn--cart-red {background-color: #fff; box-shadow: inset 0 0 0 1px #bfbfbf; color: #bfbfbf; } .btn--cart-red:hover {background-color: #f34242; box-shadow: inset 0 0 0 1px #f34242; color: #fff; } .btn--cart-disable {cursor: auto; background-color: #d8d8d8; color: #9d9d9d } .btn--cart-disable:active {-webkit-transform: none; -ms-transform: none; transform: none } .btn--xs {font-size: 14px; line-height: 18px; padding: 9px 20px; border-radius: 4px } .btn--md {font-size: 18px; line-height: 30px } .btn--lg {font-size: 24px; line-height: 30px; padding: 16px 25px; border-radius: 31px } .btn--white {background-color: #fff; color: #000 } .btn--orngL {background-color: #94c608; color: #000 } .btn--orngL:hover {background-color: #fbd33d } .btn--orng {background-color: #94c608; color: #000 } .btn--orng:hover {background-color: #85ad18 } .btn--orng.btn--round {border: 0; font-size: 14px; line-height: 20px; padding: 6px 17px } .btn--orng.btn--lg {font-weight: 700; font-size: 24px; line-height: 30px; padding: 16px 35px } @media screen and (max-width:767px) {.btn--orng.btn--lg {padding: 10px 25px; line-height: 22px; font-size: 18px } } .btn--orng.btn--xlg {font-weight: 700; font-size: 18px; line-height: 30px; padding: 8px 35px; border-radius: 24px } @media screen and (max-width:767px) {.btn--orng.btn--xlg {padding: 8px 15px; line-height: 22px; font-size: 16px } } .btn--orng.btn--md {font-weight: 700; font-size: 18px; line-height: 30px } .btn._disable {background-color: rgba(128, 128, 128, .7) !important } .btn--more, .search-prod:hover {background-color: #f6f6f6 } .btn._disable:active {-webkit-transform: none !important; -ms-transform: none !important; transform: none !important } .btn--more {display: block; width: 100%; line-height: 20px; font-size: 13px; padding: 5px 10px } .btn--more:hover {background-color: #ddd } .btn--more:active {-webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px) } .sort-btn {display: inline-block; vertical-align: middle; border-radius: 3px; padding: 2px 7px 3px; line-height: 20px; white-space: nowrap; -webkit-transition: 150ms; transition: 150ms } .form-row__content--divided .input-wr + .input-wr .sort-btn .input-cont:after, .sort-btn .avatar__soc, .sort-btn .blockquote, .sort-btn .checkbox__view, .sort-btn .dropdown__head:after, .sort-btn .form-row__content--divided .input-wr + .input-wr .input-cont:after, .sort-btn .iconic, .sort-btn .popup__closer, .sort-btn .slick-next, .sort-btn .slick-prev, .sort-btn .typography blockquote, .sort-btn .ya-share2__item_service_facebook .ya-share2__icon, .sort-btn .ya-share2__item_service_gplus .ya-share2__icon, .sort-btn .ya-share2__item_service_moimir .ya-share2__icon, .sort-btn .ya-share2__item_service_twitter .ya-share2__icon, .sort-btn .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .sort-btn blockquote, .ya-share2__item_service_facebook .sort-btn .ya-share2__icon, .ya-share2__item_service_gplus .sort-btn .ya-share2__icon, .ya-share2__item_service_moimir .sort-btn .ya-share2__icon, .ya-share2__item_service_twitter .sort-btn .ya-share2__icon, .ya-share2__item_service_vkontakte .sort-btn .ya-share2__icon {display: none } .sort-btn .iconic--sorting {color: #94c608; font-size: 8px; margin-left: 4px } .sort-btn._active, .sort-btn:hover {background-color: #f2f2f2 } .sort-btn._active .link, .sort-btn:hover .link {border-bottom-color: transparent } .form-row__content--divided .input-wr + .input-wr .sort-btn._active .input-cont:after, .sort-btn._active .avatar__soc, .sort-btn._active .blockquote, .sort-btn._active .checkbox__view, .sort-btn._active .dropdown__head:after, .sort-btn._active .form-row__content--divided .input-wr + .input-wr .input-cont:after, .sort-btn._active .iconic, .sort-btn._active .popup__closer, .sort-btn._active .slick-next, .sort-btn._active .slick-prev, .sort-btn._active .typography blockquote, .sort-btn._active .ya-share2__item_service_facebook .ya-share2__icon, .sort-btn._active .ya-share2__item_service_gplus .ya-share2__icon, .sort-btn._active .ya-share2__item_service_moimir .ya-share2__icon, .sort-btn._active .ya-share2__item_service_twitter .ya-share2__icon, .sort-btn._active .ya-share2__item_service_vkontakte .ya-share2__icon, .typography .sort-btn._active blockquote, .ya-share2__item_service_facebook .sort-btn._active .ya-share2__icon, .ya-share2__item_service_gplus .sort-btn._active .ya-share2__icon, .ya-share2__item_service_moimir .sort-btn._active .ya-share2__icon, .ya-share2__item_service_twitter .sort-btn._active .ya-share2__icon, .ya-share2__item_service_vkontakte .sort-btn._active .ya-share2__icon {display: inline-block } .sort-btn._reverse .iconic--sorting {-webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } .oblique-btns {padding: 15px 0 25px; margin-left: -10px; margin-right: -10px } .oblique-btns__btn-wr {display: inline-block; vertical-align: top; position: relative; margin: 5px 10px } .oblique-btns__btn-wr + .oblique-btns__btn-wr:before {content: ""; position: absolute; left: -13px; top: 8px; height: 22px; border-left: 1px solid #cfcfcf } .oblique-btns__btn-wr._active + .oblique-btns__btn-wr:before, .oblique-btns__btn-wr._active:before {display: none } @media screen and (max-width:480px) {.oblique-btns__btn-wr {margin: 0 10px 30px; top: 20px } .oblique-btns__btn-wr:before {display: none } .oblique-btns {margin-left: -2px; margin-right: -2px } } .link {border-bottom: 1px solid transparent; line-height: normal; cursor: pointer; -webkit-transition: 150ms; transition: 150ms } .link:hover {border-bottom-color: transparent } .link--black {color: #000; border-bottom: 1px solid rgba(0, 0, 0, .3) } .link--white {color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .3) } .link--grey {color: grey; border-bottom: 1px solid rgba(128, 128, 128, .3) } .link--blue {color: #61909f; border-bottom: 1px solid rgba(97, 144, 159, .3) } .link--dotted {border-bottom-style: dotted } .h1, .typography h1 {font-size: 40px; line-height: 60px; margin-bottom: 15px } @media screen and (max-width:630px) {.h1, .typography h1 {font-size: 30px; line-height: 40px } } .h2 {font-size: 32px; line-height: 40px; margin-bottom: 15px } .h3, .typography h3 {font-size: 18px; line-height: 30px; margin-bottom: 15px } .h4, .typography h4 {font-size: 18px; line-height: 30px; font-weight: 700; margin-bottom: 8px } .h4 small, .typography h4 small {font-size: 14px; font-weight: 400 } .h5, .typography h5 {font-size: 15px; line-height: 20px; font-weight: 700; margin-bottom: 15px } .text-sm {font: 11px / 14px Play, sans-serif } .text-gray {color: #797979 } .text-green {color: #429e0b } .text-red {color: red } .text-yel {color: #fff206 } .text-orng {color: #94c608 } .blockquote, .typography blockquote {font-size: 18px; line-height: 30px; color: #61909f; padding-left: 40px; position: relative; margin: 25px 0 } .blockquote:after, .typography blockquote:after {position: absolute; top: 10px; left: 3px; color: #94c608; font-size: 16px; line-height: normal } @media screen and (max-width:630px) {.blockquote, .typography blockquote {margin: 20px 0 } } .typography {font-size: 14px; line-height: 20px } .typography h2 {margin-bottom: 20px } .typography h6 {margin-bottom: 10px } .typography p {margin-bottom: 20px } .typography blockquote {margin: 25px 0 40px } @media screen and (max-width:630px) {.typography blockquote {margin: 20px 0 25px } } .params-cols {margin-bottom: 35px } .params-cols__tr {font-size: 0; white-space: nowrap; line-height: normal } .params-cols__tr, .typography .params-cols__tr {margin-bottom: 12px } .params-cols__content, .params-cols__param {white-space: normal; display: inline-block; vertical-align: text-top; font-size: 13px; line-height: 18px } .params-cols__param {width: 36%; padding-right: 20px } .params-cols__content {width: 64% } .ul-arrows LI {font-size: 12px; color: #595959; padding-left: 28px; position: relative } .ul-arrows LI:after {position: absolute; left: 0; top: 5px; border-style: solid; border-color: transparent transparent transparent #94c608; border-width: 5px 10px } @-webkit-keyframes rotate360 {from {-webkit-transform: rotate(0); transform: rotate(0) } to {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate360 {from {-webkit-transform: rotate(0); transform: rotate(0) } to {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes sellDrop {0% {-webkit-transform: translateY(-140%) translateX(-50%); transform: translateY(-140%) translateX(-50%); opacity: 0 } 10% {-webkit-transform: translateY(-140%) translateX(-50%); transform: translateY(-140%) translateX(-50%); opacity: 1 } 40% {opacity: .3 } 85% {opacity: 0 } 100% {opacity: 0; -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%) } } @keyframes sellDrop {0% {-webkit-transform: translateY(-140%) translateX(-50%); transform: translateY(-140%) translateX(-50%); opacity: 0 } 10% {-webkit-transform: translateY(-140%) translateX(-50%); transform: translateY(-140%) translateX(-50%); opacity: 1 } 40% {opacity: .3 } 85% {opacity: 0 } 100% {opacity: 0; -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%) } } @-webkit-keyframes flipFromTop {0% {-webkit-transform: perspective(1300px) rotateX(-90deg); transform: perspective(1300px) rotateX(-90deg) } 55% {-webkit-transform: perspective(1300px) rotateX(30deg); transform: perspective(1300px) rotateX(30deg) } 75% {-webkit-transform: perspective(1300px) rotateX(-10deg); transform: perspective(1300px) rotateX(-10deg) } 90% {-webkit-transform: perspective(1300px) rotateX(5deg); transform: perspective(1300px) rotateX(5deg) } 100% {-webkit-transform: perspective(1300px) rotateX(0); transform: perspective(1300px) rotateX(0) } } @keyframes flipFromTop {0% {-webkit-transform: perspective(1300px) rotateX(-90deg); transform: perspective(1300px) rotateX(-90deg) } 55% {-webkit-transform: perspective(1300px) rotateX(30deg); transform: perspective(1300px) rotateX(30deg) } 75% {-webkit-transform: perspective(1300px) rotateX(-10deg); transform: perspective(1300px) rotateX(-10deg) } 90% {-webkit-transform: perspective(1300px) rotateX(5deg); transform: perspective(1300px) rotateX(5deg) } 100% {-webkit-transform: perspective(1300px) rotateX(0); transform: perspective(1300px) rotateX(0) } } .input {display: block; width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; padding: 0 13px; background-color: #fff; height: 47px; line-height: 45px; font-size: 16px } .input::-webkit-input-placeholder {color: #000 } .input::-moz-placeholder {color: #000 } .input:-ms-input-placeholder {color: #000 } .input::placeholder {color: #000 } .input--special {border: 2px solid #94c608; line-height: 43px; font-size: 24px } .img-input__main, .textarea {border: 1px solid #d8d8d8; background-color: #fff; display: block } .input--special.input--lg {line-height: 56px } .input--ta-right {text-align: right } .input--lg {line-height: 58px; height: 60px } .input--size--115 {width: 115px } .input--size--80perc {width: 80% } .textarea {width: 100%; font-size: 13px; line-height: 22px; padding: 8px 9px } .textarea::-webkit-input-placeholder {color: #9b9b9b } .textarea::-moz-placeholder {color: #9b9b9b } .textarea:-ms-input-placeholder {color: #9b9b9b } .textarea::placeholder {color: #9b9b9b } .img-input {display: block; max-width: 400px } @media screen and (max-width:767px) {.img-input {max-width: 200px } } .img-input__main {width: 100%; border-radius: 3px; padding: 0 13px 100%; line-height: 45px; font-size: 16px; height: auto; max-width: 400px; position: relative; overflow: hidden; cursor: pointer; -webkit-transition: .3s; transition: .3s; background-position: center; background-size: contain } .img-input__main::-webkit-input-placeholder {color: #000 } .img-input__main::-moz-placeholder {color: #000 } .img-input__main:-ms-input-placeholder {color: #000 } .img-input__main::placeholder {color: #000 } .img-input__main._loaded .img-input__txt {color: transparent } .img-input__main INPUT {position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer } .img-input__txt {position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; line-height: 24px; text-align: center; color: #7f7f7f; padding: 20px 30px; -webkit-transition: 150ms; transition: 150ms } .img-input:hover {border-color: #5b5b5b } .input-error {display: block; font-size: 14px; line-height: 20px; color: #f32e2e; margin: 2px 2px 5px } .checkbox-label {display: table; white-space: nowrap; margin: 4px 0; line-height: 20px } .checkbox-label .checkbox, .checkbox-label__txt {display: inline-block; vertical-align: top } .checkbox-label .checkbox {margin-top: 3px; margin-right: -14px } .checkbox-label__txt {font-size: 13px; line-height: 20px; white-space: normal; width: 100%; padding-left: 23px } .checkbox-label._disabled .checkbox-label__txt {opacity: .6; cursor: not-allowed } .checkbox {display: inline-block; vertical-align: middle; cursor: pointer } .checkbox INPUT {display: none } .checkbox__view {display: block; width: 14px; height: 14px; border: 1px solid #c7c7c7; border-radius: 3px; -webkit-transition: 150ms; transition: 150ms; position: relative } .checkbox__view:after {color: #000; font-size: 15px; line-height: normal; position: absolute; left: 3px; bottom: 3px; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); opacity: 0; -webkit-transition: 150ms; transition: 150ms } .checkbox-label:hover .checkbox__view, .checkbox__view._active, .checkbox__view:hover, input:checked + .checkbox__view {background-color: #94c608; border-color: #94c608 } .checkbox__view._active:after, input:checked + .checkbox__view:after {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1 } input:disabled + .checkbox__view {opacity: .6; cursor: not-allowed } .dropdown {position: relative; z-index: 1 } .dropdown__head {font-size: 14px; line-height: 20px; background-color: #fff; border-radius: 18px; display: block; padding: 8px 40px 8px 20px; cursor: pointer; -webkit-transition: .3s; transition: .3s } .dropdown__head:after {position: absolute; top: 50%; right: 20px; color: #9f9f9f; font-size: 4px; height: 4px; line-height: 4px; margin-top: -1px } .dropdown__head:hover {box-shadow: 0 0 15px 0 rgba(0, 0, 0, .11) } .dropdown__head:hover:after {color: #000 } .dropdown__cont {position: absolute; top: 100%; left: 0; margin-top: 7px; width: 100%; max-width: 300px; min-width: 150px; max-height: 400px; overflow: auto; padding: 10px 25px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, .2); opacity: 0; visibility: hidden } .dropdown__cont-btn {margin: 13px 0 10px } .dropdown._active {z-index: 5 } .dropdown._active .dropdown__cont {opacity: 1; visibility: visible } @media screen and (max-width:480px) {.dropdown__head {font-size: 13px; padding-left: 15px } .dropdown__cont {padding: 8px 15px } } .noUi-target {height: 6px; box-shadow: none; border: 0 } .noUi-base {border-radius: 3px; background-color: #e1e3dd; height: 6px } .noUi-origin {border-radius: 3px; background-color: #94c608; -webkit-transition: 0s; transition: 0s } .noUi-origin + .noUi-origin {background-color: #e1e3dd } .noUi-handle {width: 16px !important; height: 16px !important; border-radius: 50%; top: 3px !important; left: -8px !important; margin-top: -8px !important; box-shadow: none; border: 1px solid #a5a5a5; cursor: pointer; -webkit-transition: 0s; transition: 0s } .noUi-handle:after, .noUi-handle:before {display: none } .noUi-state-tap .noUi-origin {-webkit-transition: 0s !important; transition: 0s !important } .range-ui__value {position: absolute; top: 100%; left: 0; margin-top: 8px; font-size: 13px; line-height: 16px; white-space: nowrap; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .form-row__name, .range-ui-wr {position: relative } .form-row {display: block; margin: 5px 0 12px } .form-row__name {display: block; overflow: hidden; text-overflow: ellipsis; font-size: 15px; line-height: 20px } .form-row__name-col {margin-bottom: 10px; display: block; -webkit-align-self: flex-start; -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 { border-left: 1px solid #d5d5d5; 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: 50px } .category__ico .avatar__soc, .category__ico .blockquote, .category__ico .checkbox__view, .category__ico .dropdown__head:after, .category__ico .form-row__content--divided .input-wr + .input-wr .input-cont:after, .category__ico .iconic, .category__ico .popup__closer, .category__ico .slick-next, .category__ico .slick-prev, .category__ico .typography blockquote, .category__ico .ya-share2__item_service_facebook .ya-share2__icon, .category__ico .ya-share2__item_service_gplus .ya-share2__icon, .category__ico .ya-share2__item_service_moimir .ya-share2__icon, .category__ico .ya-share2__item_service_twitter .ya-share2__icon, .category__ico .ya-share2__item_service_vkontakte .ya-share2__icon, .category__ico img, .form-row__content--divided .input-wr + .input-wr .category__ico .input-cont:after, .typography .category__ico blockquote, .ya-share2__item_service_facebook .category__ico .ya-share2__icon, .ya-share2__item_service_gplus .category__ico .ya-share2__icon, .ya-share2__item_service_moimir .category__ico .ya-share2__icon, .ya-share2__item_service_twitter .category__ico .ya-share2__icon, .ya-share2__item_service_vkontakte .category__ico .ya-share2__icon {max-width: 94%; max-height: 100%; display: inline-block; vertical-align: middle } .category__ico .iconic--cat-action {font-size: 1em } .category__ico .iconic--cat-adventure {font-size: 1.85em } .category__ico .iconic--cat-rpg {font-size: 1.5em } .category__ico .iconic--cat-sim {font-size: 1.6em } .category__ico .iconic--cat-strategy {font-size: 1.35em } .category__ico .iconic--cat-mmo {font-size: 1.6em } .category__ico .iconic--cat-arcade {font-size: 1.1em } .category__ico .iconic--cat-sport {font-size: 1.4em } .category__name {font-size: 14px; line-height: normal; text-transform: uppercase; letter-spacing: .6px; margin-top: 12px } @media screen and (max-width:1020px) {.category__ico {font-size: 27px } } @media screen and (max-width:767px) {.category {padding: 15px 15px 20px } } .gameview-cats {margin-top: 5px; font-size: 0 } .gameview-cats__li {position: relative; display: inline-block; vertical-align: top; margin-top: 5px; min-width: 75px; padding: 0 5px; max-width: 50% } .gameview-cats__li:after, .gameview-cats__li:before {content: ""; position: absolute; top: 5px; height: 20px; border-right: 1px solid #ececec } .gameview-cats__li:after {left: 0 } .gameview-cats__li:before {right: -1px } .gameview-cats__li:last-child:before {display: block } .gameview-cats .category {padding: 0; margin: 0 } .gameview-cats .category__ico {height: 34px; line-height: 34px; font-size: 16px } .form-row__content--divided .input-wr + .input-wr .gameview-cats .category__ico .input-cont:after, .gameview-cats .category__ico .avatar__soc, .gameview-cats .category__ico .blockquote, .gameview-cats .category__ico .checkbox__view, .gameview-cats .category__ico .dropdown__head:after, .gameview-cats .category__ico .form-row__content--divided .input-wr + .input-wr .input-cont:after, .gameview-cats .category__ico .iconic, .gameview-cats .category__ico .popup__closer, .gameview-cats .category__ico .slick-next, .gameview-cats .category__ico .slick-prev, .gameview-cats .category__ico .typography blockquote, .gameview-cats .category__ico .ya-share2__item_service_facebook .ya-share2__icon, .gameview-cats .category__ico .ya-share2__item_service_gplus .ya-share2__icon, .gameview-cats .category__ico .ya-share2__item_service_moimir .ya-share2__icon, .gameview-cats .category__ico .ya-share2__item_service_twitter .ya-share2__icon, .gameview-cats .category__ico .ya-share2__item_service_vkontakte .ya-share2__icon, .gameview-cats .category__ico img, .typography .gameview-cats .category__ico blockquote, .ya-share2__item_service_facebook .gameview-cats .category__ico .ya-share2__icon, .ya-share2__item_service_gplus .gameview-cats .category__ico .ya-share2__icon, .ya-share2__item_service_moimir .gameview-cats .category__ico .ya-share2__icon, .ya-share2__item_service_twitter .gameview-cats .category__ico .ya-share2__icon, .ya-share2__item_service_vkontakte .gameview-cats .category__ico .ya-share2__icon {max-width: 100%; display: inline-block; vertical-align: middle } .franchises, .franchises__item {display: -webkit-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: 20.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: 20%; padding: 8px } .products-list__item-dlc {width: 25%; padding: 8px } @media screen and (max-width:1168px) {.products-list__item, .products-list__item-dlc {width: 25% } } @media screen and (max-width:860px) {.products-list__item, .products-list__item-dlc {width: 33.33333% } } @media screen and (max-width:630px) {.products-list__item, .products-list__item-dlc {width: 50% } } .prod-preview {display: block; position: relative; overflow: hidden; padding-bottom: 110%; text-align: center; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.53) } .prod-preview__overlay {padding-bottom: 100%; position: absolute; right: 0; bottom: 0; top: 0 } .prod-preview__overlay:after {content: ""; background-color: #000; opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; top: 0; -webkit-transition: .3s; transition: .3s } .prod-preview__init-gr {position: absolute; bottom: 5%; left: 0; right: 0; -webkit-transition: .3s; transition: .3s } .prod-preview__price-btn {position: absolute; top: 73%; left: 50%; width: 145px; max-width: 80%; white-space: nowrap; -webkit-transform: translate3d(-50%, -70%, 0); transform: translate3d(-50%, -70%, 0); -webkit-transition: .3s; transition: .3s; opacity: 0; visibility: hidden } .prod-preview__desc {position: absolute; left: 15px; right: 15px; top: 50%; -webkit-transform: translateY(-75%); -ms-transform: translateY(-75%); transform: translateY(-75%); color: #fff; opacity: 0; visibility: visible; -webkit-transition: .3s; transition: .3s } .prod-preview__title {font-size: 15px; font-weight: 400 } .prod-preview__genre {text-transform: uppercase; color: #939393; font-size: 10px } .prod-preview__genre span {color: #94c608 } @media screen and (min-width:480px) {.prod-preview:hover .prod-preview__overlay:after {opacity: .8 } .prod-preview:hover .prod-preview__init-gr {-webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px) } .prod-preview:hover .prod-preview__price-btn {-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); opacity: 1; visibility: visible; -webkit-transition: .5s .1s; transition: .5s .1s } .prod-preview:hover .prod-preview__desc {-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; visibility: visible } } @media screen and (max-width:480px) {.products-list {margin-left: -4px; margin-right: -4px} .products-list__item {padding-left: 4px; padding-right: 4px } .prod-preview {padding-bottom: 0 } .prod-preview .prod-preview__overlay {display: block; position: relative } .prod-preview .prod-preview__overlay:after, .prod-preview .prod-preview__price-btn {display: none } .prod-preview .prod-preview__desc {color: #000; opacity: 1; visibility: visible; position: static; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; margin: 10px 0 5px } .prod-preview .prod-preview__title {font-size: 13px; line-height: 16px } } .prod-anim-cont .prod-preview {opacity: 0; visibility: hidden; -webkit-transition: .5s; transition: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -200px; -ms-transform-origin: 50% 50% -200px; transform-origin: 50% 50% -200px; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg) } .prod-anim-cont .prod-preview._animated {-webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; visibility: visible } .discount-prod {display: block; width: 100%; position: relative; overflow: hidden; height: 350px } .discount-prod__bg {position: absolute; top: 0; right: 0; bottom: 0; -webkit-transition: .4s; transition: .4s } .discount-prod__bottom {padding: 10px 25px 17px; color: #fff; position: absolute; bottom: 0; left: 0; right: 0; text-align: left } .discount-prod__title {font-weight: 400; font-size: 14px } .discount-prod .discount {position: absolute; top: 14px; left: 20px; font-size: 18px } 

.close, .gl-item, .popup, .search-prod__img {position: relative } .discount-prod:hover .discount-prod__bg {-webkit-transition: 2s; transition: 2s; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .discount-prod--half {height: 175px } .discount-prod--half .discount {top: 9px; left: 12px } .discount-prod--half .discount-prod__bottom {padding: 10px 19px 12px } @media screen and (max-width:630px) {.discount-prod {height: auto; padding-bottom: 68%; min-height: 220px } } .search-prod {padding: 5px 20px; display: block; -webkit-transition: 150ms; transition: 150ms; color: inherit } .search-prod__img-wr, .search-prod__main {display: inline-block; vertical-align: top } .search-prod__img-wr {width: 50px; margin-right: -50px } .search-prod__img {padding-bottom: 100%; background-position: center; background-repeat: no-repeat; background-size: cover } .search-prod__main {padding: 2px 0 0 59px; width: 100% } .search-prod__name {font-size: 15px; line-height: 22px } .search-prod__genre {text-transform: uppercase; color: #939393; font-size: 12px; overflow: hidden; text-overflow: ellipsis; } .search-prod__genre SPAN {color: #94c608 } .lk-menu {padding: 13px 0; background: #f1f1f1 } .lk-menu__nav {float: left; margin-left: -12px } .lk-menu__logout {float: right } @media screen and (max-width:1020px) {.lk-menu__logout {margin-right: -7px } } @media screen and (max-width:630px) {.lk-menu__nav {margin-left: -4px } .lk-menu__logout {margin-right: 0 } } .lk-nav LI {float: left; margin-right: 8px } .lk-nav LI.active A, .lk-nav LI.active A:hover {background: #fff } @media screen and (max-width:630px) {.lk-nav LI {float: none; display: block; margin: 0 0 5px } } .lk-nav LI A {font: 700 18px / 22px Play, sans-serif; padding: 7px 12px; border-radius: 4px; color: #1b1b1b; display: inline-block; -webkit-transition: background-color 150ms ease-out; transition: background-color 150ms ease-out } .lk-nav LI A:hover {background-color: rgba(255, 255, 255, .75) } .popup {margin: 10px auto; background-color: #fff; border-radius: 5px; max-width: 100%; width: 600px; padding: 25px 20px 35px; display: none } .mfp-container .popup {display: block } .popup__title {margin-bottom: 10px } .popup__closer {font-size: 18px; color: #1b1b1b; -webkit-transition: .3s; transition: .3s; cursor: pointer; padding: 5px; line-height: normal; width: auto; height: auto; top: 5px; right: 5px; opacity: 1 } .popup__closer:hover {color: #000 } .popup__closer:active {top: 5px; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) } .popup--s {width: 450px } .popup--sm {width: 350px } .popup--key {text-align: center } .popup--key .popup__title {margin-bottom: 25px } .breadcrumbs {padding: 14px 0; font-size: 12px; line-height: 16px } .breadcrumbs__li {display: inline-block; vertical-align: top; margin: 5px 8px 5px 0 } .breadcrumbs__li + .breadcrumbs__li:before {content: "—"; margin-right: 8px } .breadcrumbs__li h1, .breadcrumbs__li h2, .breadcrumbs__li h3 {font-weight: inherit; font-size: inherit; line-height: inherit; display: inline } .breadcrumbs + .main-wr {padding-top: 0 } @media screen and (max-width:767px) {.breadcrumbs {padding: 10px 0 } } .hide-bl__hidden {display: none } .hide-bl .btn {margin-top: 25px } .hide-bl._active .hide-bl__hidden {display: block } .countdown__divider, .countdown__item {white-space: normal; display: inline-block; vertical-align: top } .countdown__item {min-width: 42px } .countdown__value {display: block } .countdown__divider {margin: 0 3px } .countdown__divider, .countdown__value {font-weight: 700; font-size: 35px; line-height: 30px } .countdown .h3, .countdown .typography h3, .typography .countdown h3 {font-weight: 700; margin: 5px 0 } .tabs__tab {display: none } .tabs__tab._active {display: block } .tabs--game-view .oblique-btns {padding-top: 0; text-align: left; margin-left: -2px; margin-right: -2px } .tabs--game-view .oblique-btns__btn-wr {margin-left: 2px; margin-right: 2px } .tabs--game-view .oblique-btns__btn-wr:before {display: none } .tabs__tab--game-desc {font-size: 13px; line-height: 22px } .fade {opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in {opacity: 1 } .page-index, .page-lk {background-color: #fff } .promo-luck-wr {text-align: center; padding: 45px 0 30px } .promo-luck-wr__title {margin-bottom: 20px } .promo-luck-wr__title .ico {display: block; margin: 0 auto 2px } @media screen and (max-width:767px) {.promo-luck-wr {padding: 35px 0 15px } } .get-luck-cont {display: -webkit-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: 5px 0 35px } .promo-cats .oblique-btns { padding: 10px 5px 5px 5px; } } .promo-comms {background-color: #f6f6f6 } .promo-comms__slider {margin-left: -6px; margin-right: -6px } .promo-comms__slide {padding: 0 6px } .promo-comms__slide-inner {display: -webkit-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; } }

.panel-success {
    border-color: #d6e9c6;
}
.panel-success a{color: #000000;}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    width: 100%;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-heading {
    padding: 20px 30px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

@media screen and (max-width: 600px) {
  .text-pc {
    visibility: hidden;
    display: none;
  }
}
.category-menu-wrap{border-top:1px solid #EEE;margin-bottom:-20px;margin-top:20px;padding-top:10px}
.category-menu{margin-bottom:10px}
.category-menu a,
.category-menu span{font-size:15px}
.category-menu a{color:#000;display:inline-block;padding:3px 6px;margin:0 0 10px;background:#f0f0f0;border:1px solid #bababa}
.category-sidebar__item{list-style-type:none}
.category-sidebar__item > .active {background:#94c608;color:#FFF}

.short,.short_footer{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.category-menu a.hidden{display:none}.category-description p{margin-top:10px;font-size:13px;line-height:1.4}.category-menu a,a:hover{text-decoration:none}p{margin-bottom:.1em}
.iconaddnews,.iconbezdna,.iconblock,.iconbronya,.iconcars,.iconcategory,.iconcheat,.iconcomment,.icondatapack,.icondecor,.icondownload,.iconeda,.iconfile,.iconflans,.iconforum,.icongirl,.icongolye,.iconguide,.iconhalloween,.iconindustrial,.iconinstrument,.iconkiller,.iconklient,.iconklon,.iconkrasiv,.iconmagia,.iconman,.iconmaps,.iconmobs,.iconmods,.iconnewyar,.iconnewyarmods,.iconnoob,.iconores,.iconpaper,.iconplugin,.iconprikol,.iconprosmotr,.iconraznoe,.iconrealizm,.iconrpg,.iconrpg2,.iconserver,.iconshaders,.iconskins,.iconsmeh,.iconsmex,.iconsuperhero,.icontexture,.icontop,.icontop50,.iconvideo,.iconvoennyi,.iconvoennyi2,.iconvremya,.iconweapon,.iconyoutube,.iconzombie{width:16px;height:16px}.statistics ul.lcol li{margin-bottom:2px;padding:0 15px 0 0}.readNext{float:right;font-weight:700;margin-right:9px;margin-top:-12px}.readNext a:link,.readNext a:visited{text-decoration:none}.readNext a:hover{font-weight:700;text-decoration:underline}.iconaddnews,.iconbezdna,.iconblock,.iconbronya,.iconcars,.iconcategory,.iconcheat,.iconcomment,.icondatapack,.icondecor,.icondownload,.iconeda,.iconfile,.iconflans,.iconforum,.icongirl,.icongolye,.iconguide,.iconhalloween,.iconindustrial,.iconinstrument,.iconkiller,.iconklient,.iconklon,.iconkrasiv,.iconmagia,.iconman,.iconmaps,.iconmobs,.iconmobs2,.iconmods,.iconnewyar,.iconnewyarmods,.iconnoob,.iconores,.iconpaper,.iconplugin,.iconprikol,.iconprosmotr,.iconraznoe,.iconrealizm,.iconrpg,.iconrpg2,.iconserver,.iconshaders,.iconskins,.iconsmeh,.iconsmex,.iconsuperhero,.icontexture,.icontop,.icontop50,.iconvideo,.iconvoennyi,.iconvoennyi2,.iconvremya,.iconweapon,.iconyoutube,.iconzombie{display:inline-block;background:url(/templates/many-courses/images/icons_cat.png) no-repeat;overflow:hidden;text-indent:-9999px;text-align:left;margin-right:5px;vertical-align:middle}.iconaddnews{background-position:-3px 0}.iconbezdna{background-position:-22px 0}.iconblock{background-position:-41px 0}.iconbronya{background-position:-60px 0}.iconcars{background-position:-79px 0}.iconcategory{background-position:-98px 0}.iconcheat{background-position:-117px 0}.iconcomment{background-position:-3px -19px}.icondatapack{background-position:-22px -19px}.icondecor{background-position:-41px -19px}.icondownload{background-position:-60px -19px}.iconeda{background-position:-79px -19px}.iconfile{background-position:-98px -19px}.iconflans{background-position:-117px -19px}.iconforum{background-position:-3px -38px}.icongirl{background-position:-22px -38px}.icongolye{background-position:-41px -38px}.iconguide{background-position:-60px -38px}.iconhalloween{background-position:-79px -38px}.iconindustrial{background-position:-98px -38px}.iconinstrument{background-position:-117px -38px}.iconkiller{background-position:-3px -57px}.iconklient{background-position:-22px -57px}.iconklon{background-position:-41px -57px}.iconkrasiv{background-position:-60px -57px}.iconmagia{background-position:-79px -57px}.iconman{background-position:-98px -57px}.iconmaps{background-position:-117px -57px}.iconmobs{background-position:-3px -76px}.iconmobs2{background-position:-22px -76px;width:16px;height:16px}.iconmods{background-position:-41px -76px}.iconnewyar{background-position:-60px -76px}.iconnewyarmods{background-position:-79px -76px}.iconnoob{background-position:-98px -76px}.iconores{background-position:-117px -76px}.iconpaper{background-position:-3px -95px}.iconplugin{background-position:-22px -95px}.iconprikol{background-position:-41px -95px}.iconprosmotr{background-position:-60px -95px}.iconraznoe{background-position:-79px -95px}.iconrealizm{background-position:-98px -95px}.iconrpg{background-position:-117px -95px}.iconrpg2{background-position:-3px -114px}.iconserver{background-position:-22px -114px}.iconshaders{background-position:-41px -114px}.iconskins{background-position:-60px -114px}.iconsmeh{background-position:-79px -114px}.iconsmex{background-position:-98px -114px}.iconsuperhero{background-position:-117px -114px}.icontexture{background-position:-3px -133px}.icontop{background-position:-22px -133px}.icontop50{background-position:-41px -133px}.iconvideo{background-position:-60px -133px}.iconvoennyi{background-position:-79px -133px}.iconvoennyi2{background-position:-98px -133px}.iconvremya{background-position:-117px -133px}.iconweapon{background-position:-3px -152px}.iconyoutube{background-position:-22px -152px}.iconzombie{background-position:-41px -152px}
.navbutcont a,.navbutcont span{color:#000;padding:8px 11px;text-decoration:none;font-size:15px;border-radius:20px}.navbutcont{font-size:26px;margin:auto;text-decoration:none;width:100%;padding:10px}.navbutcont a{border:1px solid #d2d2d2;background:#fff;border-radius:20px}.navbutcont span{border:2px solid #c2c2c2;background:#eaeaea}.navbutcont a:hover{border-color:#e6e6e6;color:#fff;background:#d0d0d0}
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 20px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 20px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }

		@media only screen and (min-width: 601px) {
			.form-group.combo:after { clear: both; display: table; content: ""; }
			.form-group.combo > .combo_field { width: 50%; float: left;
				-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
			}
			.form-group.combo > .combo_field:last-child { padding-left: 10px; }
			.form-group.combo > .combo_field:first-child { padding-right: 10px; }
		}
		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid #efefef; }

.video-block-opt {
  text-align: center;
  margin-bottom: 25px;
}
.sort{padding:0;margin:0}.sort,.sort>li{display:inline}.sort>li{margin:0 0 0 3%}.sort>li a{color:#353535}.sort>li.asc a,.sort>li.desc a{color:#356E10;font-weight:700}.sort>li.asc a:after,.sort>li.desc a:after{content:"";display:inline-block;vertical-align:middle;margin:-1px 0 0 .4em;width:6px;height:11px;-webkit-background-size:6px auto;background-size:6px auto}.sort>li.asc a:after{background-position:0 -11px}
@media (max-width: 640px) {
    
  .video-block-opt {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
  }
  .video-block-opt iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

}

.likely{opacity:0;transition:opacity .1s ease-in}.likely *{visibility:hidden}.likely_visible{opacity:1}.likely_visible *{visibility:inherit}.likely{font-size:0!important;font-weight:400;font-family:Helvetica Neue,Arial,sans-serif;text-indent:0!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.likely,.likely *{display:inline-block}.likely__widget{position:relative;white-space:nowrap}.likely__button,.likely__counter{text-decoration:none;text-rendering:optimizeLegibility;margin:0;outline:0}.likely__button{position:relative;cursor:pointer;user-select:none}.likely__counter{display:none;position:relative}.likely_ready .likely__counter{display:inline-block}.likely_ready .likely__counter_empty{display:none}.likely__button,.likely__counter,.likely__icon,.likely__widget{vertical-align:top}.likely__widget{transition:background .33s ease-out,color .33s ease-out,fill .33s ease-out}.likely__widget:active,.likely__widget:focus,.likely__widget:hover{transition:none;cursor:pointer}@media (hover:none){.likely__widget:active,.likely__widget:focus,.likely__widget:hover{transition:background .33s ease-out,color .33s ease-out,fill .33s ease-out;cursor:unset}}.likely__icon{position:relative;text-align:left}.likely svg{position:absolute}.likely__button,.likely__counter{line-height:inherit;cursor:inherit}.likely__button:empty{display:none}.likely__counter{text-align:center}.likely .likely__widget{color:#000;background:hsla(0,0%,91%,.8)}.likely .likely__counter{background-size:1px 1px;background-repeat:repeat-y;background-image:linear-gradient(90deg,rgba(0,0,0,.2),transparent .5px,transparent)}.likely-light .likely__widget{color:#fff;fill:#fff;background:hsla(0,0%,93%,.16);text-shadow:rgba(0,0,0,.2) 0 0 .33em}.likely-light .likely__counter{background-image:linear-gradient(90deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,0) .5px,hsla(0,0%,100%,0))}.likely__widget_facebook{fill:#1877f2}.likely__widget_facebook:active,.likely__widget_facebook:focus,.likely__widget_facebook:hover{background:rgba(197,221,251,.8)}@media (hover:none){.likely__widget_facebook:active,.likely__widget_facebook:focus,.likely__widget_facebook:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_facebook:active,.likely-light .likely__widget_facebook:focus,.likely-light .likely__widget_facebook:hover{text-shadow:#1877f2 0 0 .25em;background:rgba(24,119,242,.7)}@media (hover:none){.likely-light .likely__widget_facebook:active,.likely-light .likely__widget_facebook:focus,.likely-light .likely__widget_facebook:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_linkedin{fill:#0a66c2}.likely__widget_linkedin:active,.likely__widget_linkedin:focus,.likely__widget_linkedin:hover{background:rgba(193,216,239,.8)}@media (hover:none){.likely__widget_linkedin:active,.likely__widget_linkedin:focus,.likely__widget_linkedin:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_linkedin:active,.likely-light .likely__widget_linkedin:focus,.likely-light .likely__widget_linkedin:hover{text-shadow:#0a66c2 0 0 .25em;background:rgba(10,102,194,.7)}@media (hover:none){.likely-light .likely__widget_linkedin:active,.likely-light .likely__widget_linkedin:focus,.likely-light .likely__widget_linkedin:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_odnoklassniki{fill:#ee8208}.likely__widget_odnoklassniki:active,.likely__widget_odnoklassniki:focus,.likely__widget_odnoklassniki:hover{background:hsla(32,85%,87%,.8)}@media (hover:none){.likely__widget_odnoklassniki:active,.likely__widget_odnoklassniki:focus,.likely__widget_odnoklassniki:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_odnoklassniki:active,.likely-light .likely__widget_odnoklassniki:focus,.likely-light .likely__widget_odnoklassniki:hover{text-shadow:#ee8208 0 0 .25em;background:rgba(238,130,8,.7)}@media (hover:none){.likely-light .likely__widget_odnoklassniki:active,.likely-light .likely__widget_odnoklassniki:focus,.likely-light .likely__widget_odnoklassniki:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_pinterest{fill:#e60019}.likely__widget_pinterest:active,.likely__widget_pinterest:focus,.likely__widget_pinterest:hover{background:rgba(248,191,197,.8)}@media (hover:none){.likely__widget_pinterest:active,.likely__widget_pinterest:focus,.likely__widget_pinterest:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_pinterest:active,.likely-light .likely__widget_pinterest:focus,.likely-light .likely__widget_pinterest:hover{text-shadow:#e60019 0 0 .25em;background:rgba(230,0,25,.7)}@media (hover:none){.likely-light .likely__widget_pinterest:active,.likely-light .likely__widget_pinterest:focus,.likely-light .likely__widget_pinterest:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_reddit{fill:#ff4501}.likely__widget_reddit:active,.likely__widget_reddit:focus,.likely__widget_reddit:hover{background:rgba(255,208,191,.8)}@media (hover:none){.likely__widget_reddit:active,.likely__widget_reddit:focus,.likely__widget_reddit:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_reddit:active,.likely-light .likely__widget_reddit:focus,.likely-light .likely__widget_reddit:hover{text-shadow:#ff4501 0 0 .25em;background:rgba(255,69,1,.7)}@media (hover:none){.likely-light .likely__widget_reddit:active,.likely-light .likely__widget_reddit:focus,.likely-light .likely__widget_reddit:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_telegram{fill:#35a3dc}.likely__widget_telegram:active,.likely__widget_telegram:focus,.likely__widget_telegram:hover{background:rgba(204,232,246,.8)}@media (hover:none){.likely__widget_telegram:active,.likely__widget_telegram:focus,.likely__widget_telegram:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_telegram:active,.likely-light .likely__widget_telegram:focus,.likely-light .likely__widget_telegram:hover{text-shadow:#35a3dc 0 0 .25em;background:rgba(53,163,220,.7)}@media (hover:none){.likely-light .likely__widget_telegram:active,.likely-light .likely__widget_telegram:focus,.likely-light .likely__widget_telegram:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_twitter{fill:#1da1f2}.likely__widget_twitter:active,.likely__widget_twitter:focus,.likely__widget_twitter:hover{background:rgba(198,231,251,.8)}@media (hover:none){.likely__widget_twitter:active,.likely__widget_twitter:focus,.likely__widget_twitter:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_twitter:active,.likely-light .likely__widget_twitter:focus,.likely-light .likely__widget_twitter:hover{text-shadow:#1da1f2 0 0 .25em;background:rgba(29,161,242,.7)}@media (hover:none){.likely-light .likely__widget_twitter:active,.likely-light .likely__widget_twitter:focus,.likely-light .likely__widget_twitter:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_viber{fill:#7360f2}.likely__widget_viber:active,.likely__widget_viber:focus,.likely__widget_viber:hover{background:rgba(220,215,251,.8)}@media (hover:none){.likely__widget_viber:active,.likely__widget_viber:focus,.likely__widget_viber:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_viber:active,.likely-light .likely__widget_viber:focus,.likely-light .likely__widget_viber:hover{text-shadow:#7360f2 0 0 .25em;background:rgba(115,96,242,.7)}@media (hover:none){.likely-light .likely__widget_viber:active,.likely-light .likely__widget_viber:focus,.likely-light .likely__widget_viber:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_vkontakte{fill:#4680c2}.likely__widget_vkontakte:active,.likely__widget_vkontakte:focus,.likely__widget_vkontakte:hover{background:rgba(208,223,239,.8)}@media (hover:none){.likely__widget_vkontakte:active,.likely__widget_vkontakte:focus,.likely__widget_vkontakte:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_vkontakte:active,.likely-light .likely__widget_vkontakte:focus,.likely-light .likely__widget_vkontakte:hover{text-shadow:#4680c2 0 0 .25em;background:rgba(70,128,194,.7)}@media (hover:none){.likely-light .likely__widget_vkontakte:active,.likely-light .likely__widget_vkontakte:focus,.likely-light .likely__widget_vkontakte:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely__widget_whatsapp{fill:#25d366}.likely__widget_whatsapp:active,.likely__widget_whatsapp:focus,.likely__widget_whatsapp:hover{background:rgba(200,244,216,.8)}@media (hover:none){.likely__widget_whatsapp:active,.likely__widget_whatsapp:focus,.likely__widget_whatsapp:hover{background:hsla(0,0%,91%,.8)}}.likely-light .likely__widget_whatsapp:active,.likely-light .likely__widget_whatsapp:focus,.likely-light .likely__widget_whatsapp:hover{text-shadow:#25d366 0 0 .25em;background:rgba(37,211,102,.7)}@media (hover:none){.likely-light .likely__widget_whatsapp:active,.likely-light .likely__widget_whatsapp:focus,.likely-light .likely__widget_whatsapp:hover{text-shadow:rgba(0,0,0,.2) 0 0 .33em;background:hsla(0,0%,93%,.16)}}.likely{margin:0 -5px -10px}.likely .likely__widget{line-height:20px;font-size:14px;border-radius:3px;height:22px;margin:0 5px 10px}.likely .likely__icon{width:22px;height:22px}.likely .likely__button{padding:1px 4px 1px 0}.likely .likely__counter{padding:1px 4px}.likely svg{left:3px;top:3px;width:16px;height:16px}.likely-big{margin:0 -6px -12px}.likely-big .likely__widget{line-height:28px;font-size:18px;border-radius:4px;height:32px;margin:0 6px 12px}.likely-big .likely__icon{width:32px;height:32px}.likely-big .likely__button{padding:2px 6px 2px 0}.likely-big .likely__counter{padding:2px 6px}.likely-big svg{left:4px;top:4px;width:24px;height:24px}.likely-small{margin:0 -4px -8px}.likely-small .likely__widget{line-height:14px;font-size:12px;border-radius:2px;height:18px;margin:0 4px 8px}.likely-small .likely__icon{width:18px;height:18px}.likely-small .likely__button{padding:2px 3px 2px 0}.likely-small .likely__counter{padding:2px 3px}.likely-small svg{left:3px;top:3px;width:12px;height:12px}

/* --- PM --- */
@media only screen and (min-width: 601px) {
#pm-menu:after { content: ""; clear: both; display: block; }
	#pm-menu { margin-bottom: 25px; }
	#pm-menu a { color: inherit; padding: 10px 16px; border-radius: 2px; border: 2px solid transparent; float: left; text-decoration: none !important; }
	#pm-menu a:hover { border-color: #3394e6; color: #3394e6; }
}

	.pm-box { margin-bottom: 25px; }
		.pm_status { padding: 25px; background-color: #f7f7f7; border-radius: 2px; }
		.pm_progress_bar { background-color: #e5dbcc; margin-bottom: 10px; border-radius: 2px; }
		.pm_progress_bar span { background: #e85319; font-size: 0; height: 20px; border-radius: 2px; display: block; overflow: hidden }

/* --- Страница пользователя --- */
.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 50px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
	.user_tab > li { display: inline; margin-right: 1.2em; }
	.user_tab > li > a {
		text-decoration: none !important;
		font-size: .6em;
		-webkit-transition: all ease .3s; transition: all ease .3s;
	}
	.user_tab > li > a { color: #fff; opacity: .5; }
	.user_tab > li > a:hover { color: inherit; }
	.user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; }

	.usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } 
	.usinf li { padding: 12px 0; border-top: 1px solid #e6e6e6; }
	.usinf li:first-child { border-top-width: 0; }

	.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
	.ui-c1 { width: 30%; margin-right: 5%; }
	.ui-c2 { width: 60%; }

	/* Окно пользователя */
	.userinfo { padding-left: 90px; }
	.userinfo .avatar { position: absolute; float: left; margin: 0 0 0 -90px; }
	.userinfo .avatar .cover { width: 60px; height: 60px; }
	.userinfo > ul { list-style: none; padding: 0; margin: 0; }

/* --- Статистика --- */
.stats_head > ul {
	list-style: none;
	padding: 0; margin: 0;
	font-size: 1.25em;
}
	.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
	.stats_head > ul > li:before {
		content: "";
		float: left;
		margin: 2px 0 0 -30px;
		width: 16px; height: 16px;
		border-radius: 50%;
		background-color:  #3394e6;
	}
	.stats_head > ul > li > b {
		display: block;
		font-size: .8em;
		opacity: .5;
		font-weight: normal;
	}
	.stats_head > ul > li.stats_d:before { background-color: #f6a71a; }
	.stats_head > ul > li.stats_w:before { background-color: #ce3f28; }
	
	.stat_group { margin-bottom: 25px; }
	.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
	.stat_group > ul { list-style: none; padding: 0; margin: 0; }
	.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }

.list3b {
    padding:0;
    list-style: none;
    counter-reset: li;
}    
.list3b li {
    position: relative;
    border-left: 4px solid #94c608;
    padding: 5px 5px 5px 10px;
    margin:12px 0 12px 80px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.list3b li:before {
    line-height: 32px;
    position: absolute;
    top: 0px;
    left:-80px;
    width:80px;
    text-align:center;
    font-size: 24px;
    font-weight: bold;
    color: #DDDDDD;
    counter-increment: li;
    content: counter(li);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;        
}
.list3b li:hover:before {
    color: #94c608;
}
.list3b li:after {
    position: absolute;
    top: 18px;
    left: -40px;
    width: 60px;
    height: 60px;
    border: 8px solid #94c608;
    border-radius: 50%;
    content: '';
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.1);
    transform: translateX(-50%) translateY(-50%) scale(0.1);
    pointer-events: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;        
}
.list3b li:hover:after {
    opacity: 0.2;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
}  

.navigation_footer {
    height: 24px;
    line-height: 24px;
    padding: 3px;
    text-align: center;
}

/*--- Цитаты, Спойлеры, Код  ---*/
.scriptcode, .title_quote,
	.title_spoiler, .text_spoiler { padding: 15px 20px; background: #fff; border: 1px solid #e7e7e7; }

	.title_quote { margin-top: 2px; font-weight: bold; }
	.quote, blockquote {
		padding: 2px 20px;
		margin: 1.5em 0;
		border-left: 3px solid #95c00e;
		font-family: Georgia, serif; font-style: italic;
		font-size: 1.2em;
		color: #999;
	}
	.title_spoiler { margin-top: 2px; }
	.text_spoiler { margin-bottom: 2px; }
	.title_spoiler img { vertical-align: middle; margin: -1px 0 0 !important }
	.scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" }
	.title_spoiler { font-weight: normal; }
	.text_spoiler { border-top: 0; text-align: justify; }

	.hide { background-color: #f0f0f0; padding: 5px; color: #4c6d0f; margin: 0 0 1em 0 }
	.hide a { text-decoration: underline; } .hide a:hover { text-decoration: none }
	
/*---Подсветка кода в теге [code]---*/
pre code { display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; }

.hljs-comment, .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag, .hljs-keyword, .hljs-formula {
  color: #a626a4;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in, .hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
  color: #986801;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}


/*---Дополнительные поля---*/
table.xfields {
	width: 100%;
}
.xfields textarea, .xprofile textarea {
    width: 100%;
    height: 186px;
    margin-top: 5px;
}

.xfieldsnote {
	color: #838383;
    font-size: .9em;
}

.xfields_table td {
    vertical-align: top;
}
.xfieldsrow {
	padding-top:5px;
	clear: both;
}
.xfieldscolleft {
	float: left;
	width: 30%;
}
.xfieldscolright {
	float: left;
	width: 70%;
}
.file-box {
	width: 95%;
	max-width: 437px;
	border:1px solid #B3B3B3;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	background-color: #F5F5F5;
	padding: 10px;
	margin-top: 10px;
}

.xfieldimagegallery {
  margin: 0;
  padding: 0;  
  list-style: none;
  clear: both;
}

.xfieldimagegallery li {
	list-style: none;
	margin: 0;
	padding: 0;  
}

.xfieldimagegallery li img {
  float: left;
  margin-right: 5px;
  border: 5px solid #fff;
  width: 100px;
  height: 100px;
  transition: box-shadow 0.5s ease;
}

.xfieldimagegallery li img:hover {
  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:inline-block;
    margin-top:5px;
    margin-bottom:5px;
	cursor:pointer;
}
.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;
	max-width: 437px;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}

.qq-upload-drop-area-active {background:#FF7171;}
.uploadedfile {
    display: inline-block;
    width: 115px;
    height: 160px;
    margin: 10px 5px 5px 5px;
    border:1px solid #B3B3B3;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
    background:#ffffff;

}

.uploadedfile .uploadimage {
    margin-top: 5px;
    width: 115px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: move;
    cursor: -webkit-grabbing;
}

.sortable-ghost {
    opacity: 0.4;
}

.uploadedfile .info {
    text-align: left;
    white-space: nowrap;
    margin: 0px 5px 0px 5px;
    overflow: hidden;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor:not-allowed;
    pointer-events:none;
    opacity:0.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none;
}

.progress {
    overflow:hidden;
    margin-top:10px;
	margin-bottom:10px;
    background-color:whitesmoke;
    height:10px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
    background:#eee;
    -webkit-box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
 .progress .progress-bar {
    float:left;
    width:0%;
    font-size:12px;
    line-height:20px;
    color:white;
    text-align:center;
    background-color:#428bca;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition:width 0.6s ease;
    transition:width 0.6s ease;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
    -webkit-box-shadow:none;
    box-shadow:none;
    height:8px;
}
.progress-bar span{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    border:0;
}
.progress-blue {
    background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);
    background-repeat:repeat-x;
    border:1px solid #55aeee;
}

hr {
    box-sizing: content-box;
    height: 0
}

.telegram-btn.btn{height:auto;min-height:30px; background-color: #11b3d8; border-radius: 5px 5px;color: #ffffff;}.telegram-btn img{width:20px;margin-right:1px;margin-top:2px}.telegram-btn{width:40%;margin:0 5% 25px;font-size:16px;position:relative;z-index:2}.tablet-mt{margin-top:23px}.list-parent ol,.list-parent ul{margin-left:15px}
.vk-btn.btn{height:auto;min-height:30px; background-color: #4a76a8; border-radius: 5px 5px; color: #ffffff;}.vk-btn img{width:20px;margin-right:1px;margin-top:2px}.vk-btn{width:40%;margin:0 5% 25px;font-size:16px;position:relative;z-index:2}.tablet-mt{margin-top:23px}.list-parent ol,.list-parent ul{margin-left:15px}