@charset "UTF-8"; /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes spinAround {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spinAround {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes textShine {
    0%, to {
        text-shadow: 0 0 1.25em #fff
    }
    50% {
        text-shadow: 0 0 0 #fff
    }
}

@keyframes textShine {
    0%, to {
        text-shadow: 0 0 1.25em #fff
    }
    50% {
        text-shadow: 0 0 0 #fff
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes DoYoyWantSomeMounatinDew {
    0%, to {
        border-color: #86d0c0;
        -webkit-box-shadow: 0 0 18px 10px rgba(75, 185, 161, .4);
        box-shadow: 0 0 18px 10px rgba(75, 185, 161, .4)
    }
    50% {
        border-color: #215449;
        -webkit-box-shadow: 0 0 4px 0 rgba(75, 185, 161, .3);
        box-shadow: 0 0 4px 0 rgba(75, 185, 161, .3)
    }
}

@keyframes DoYoyWantSomeMounatinDew {
    0%, to {
        border-color: #86d0c0;
        -webkit-box-shadow: 0 0 18px 10px rgba(75, 185, 161, .4);
        box-shadow: 0 0 18px 10px rgba(75, 185, 161, .4)
    }
    50% {
        border-color: #215449;
        -webkit-box-shadow: 0 0 4px 0 rgba(75, 185, 161, .3);
        box-shadow: 0 0 4px 0 rgba(75, 185, 161, .3)
    }
}

@-webkit-keyframes navArrow {
    0%, to {
        right: 10px
    }
    50% {
        right: -100%
    }
    51% {
        right: 100%
    }
}

@keyframes navArrow {
    0%, to {
        right: 10px
    }
    50% {
        right: -100%
    }
    51% {
        right: 100%
    }
}

@-webkit-keyframes arrowanimate {
    0%, to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes arrowanimate {
    0%, to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes arrowShining {
    0% {
        border-top: 2px solid #fff;
        border-left: 2px solid #fff
    }
    to {
        border-top: 2px solid #3fc9af;
        border-left: 2px solid #3fc9af
    }
}

@-webkit-keyframes coins-blink {
    0%, 32.9% {
        background-image: url(/images/img/assets/bonus-page/blind1.png);
        background-position: 50% -6%
    }
    33%, 65.9% {
        background-image: url(/images/img/assets/bonus-page/blind2.png);
        background-position: 50% -6%
    }
    66%, to {
        background-image: url(/images/img/assets/bonus-page/blind3.png);
        background-position: 50% 14%
    }
}

@keyframes coins-blink {
    0%, 32.9% {
        background-image: url(/images/img/assets/bonus-page/blind1.png);
        background-position: 50% -6%
    }
    33%, 65.9% {
        background-image: url(/images/img/assets/bonus-page/blind2.png);
        background-position: 50% -6%
    }
    66%, to {
        background-image: url(/images/img/assets/bonus-page/blind3.png);
        background-position: 50% 14%
    }
}

@-webkit-keyframes persent-incline {
    0% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
}

@keyframes persent-incline {
    0% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }
}

@-webkit-keyframes ball-jumping {
    0% {
        -webkit-transform: translateY(0) scale(1, .85);
        transform: translateY(0) scale(1, .85)
    }
    to {
        -webkit-transform: translateY(-4em);
        transform: translateY(-4em)
    }
}

@keyframes ball-jumping {
    0% {
        -webkit-transform: translateY(0) scale(1, .85);
        transform: translateY(0) scale(1, .85)
    }
    to {
        -webkit-transform: translateY(-4em);
        transform: translateY(-4em)
    }
}

@-webkit-keyframes roulette-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes roulette-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes chart-point {
    0% {
        opacity: 1;
        top: 52%;
        left: -1%
    }
    12% {
        top: 76%;
        left: 14%
    }
    20% {
        top: 58%;
        left: 23%
    }
    27% {
        top: 80%;
        left: 36%
    }
    42% {
        top: 46%;
        left: 52%
    }
    47% {
        top: 54%;
        left: 57%
    }
    54% {
        top: 38%;
        left: 67%
    }
    70% {
        top: 85%;
        left: 77.5%
    }
    95% {
        top: -3%;
        left: 95%
    }
    to {
        opacity: 1;
        top: -3%;
        left: 95%
    }
}

@keyframes chart-point {
    0% {
        opacity: 1;
        top: 52%;
        left: -1%
    }
    12% {
        top: 76%;
        left: 14%
    }
    20% {
        top: 58%;
        left: 23%
    }
    27% {
        top: 80%;
        left: 36%
    }
    42% {
        top: 46%;
        left: 52%
    }
    47% {
        top: 54%;
        left: 57%
    }
    54% {
        top: 38%;
        left: 67%
    }
    70% {
        top: 85%;
        left: 77.5%
    }
    95% {
        top: -3%;
        left: 95%
    }
    to {
        opacity: 1;
        top: -3%;
        left: 95%
    }
}

@-webkit-keyframes chart-line {
    0% {
        opacity: 1;
        stroke-dashoffset: 350
    }
    to {
        opacity: 1;
        stroke-dashoffset: 0
    }
}

@keyframes chart-line {
    0% {
        opacity: 1;
        stroke-dashoffset: 350
    }
    to {
        opacity: 1;
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes chart-arrow-up {
    0%, to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
}

@keyframes chart-arrow-up {
    0%, to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
}

@-webkit-keyframes chart-arrow-down {
    0%, to {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    50% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

@keyframes chart-arrow-down {
    0%, to {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    50% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

@-webkit-keyframes slot-handle {
    0%, 15.1%, 5%, to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
    15%, 5.1% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }
}

@keyframes slot-handle {
    0%, 15.1%, 5%, to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
    15%, 5.1% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }
}

@-webkit-keyframes blur-seven-1 {
    0%, 40%, 6%, to {
        visibility: hidden
    }
    7% {
        visibility: visible
    }
}

@keyframes blur-seven-1 {
    0%, 40%, 6%, to {
        visibility: hidden
    }
    7% {
        visibility: visible
    }
}

@-webkit-keyframes blur-seven-2 {
    0%, 53%, 6%, to {
        visibility: hidden
    }
    7% {
        visibility: visible
    }
}

@keyframes blur-seven-2 {
    0%, 53%, 6%, to {
        visibility: hidden
    }
    7% {
        visibility: visible
    }
}

@-webkit-keyframes blur-seven-3 {
    0%, 6%, 66%, to {
        visibility: hidden
    }
    7% {
        visibility: visible
    }
}

@keyframes blur-seven-3 {
    0%, 6%, 66%, to {
        visibility: hidden
    }
    7% {
        visibility: visible
    }
}

@-webkit-keyframes preloader-circle-1 {
    0%, 45%, to {
        opacity: 0
    }
    25% {
        opacity: 1
    }
}

@keyframes preloader-circle-1 {
    0%, 45%, to {
        opacity: 0
    }
    25% {
        opacity: 1
    }
}

@-webkit-keyframes preloader-circle-2 {
    0%, 20%, 65%, to {
        opacity: 0
    }
    45% {
        opacity: 1
    }
}

@keyframes preloader-circle-2 {
    0%, 20%, 65%, to {
        opacity: 0
    }
    45% {
        opacity: 1
    }
}

@-webkit-keyframes preloader-circle-3 {
    0%, 20%, 40%, 85%, to {
        opacity: 0
    }
    65% {
        opacity: 1
    }
}

@keyframes preloader-circle-3 {
    0%, 20%, 40%, 85%, to {
        opacity: 0
    }
    65% {
        opacity: 1
    }
}

@-webkit-keyframes rotateInf {
    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes rotateInf {
    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-webkit-keyframes NoticeIntDesktop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(-2%);
        transform: translateX(-2%)
    }
}

@keyframes NoticeIntDesktop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(-2%);
        transform: translateX(-2%)
    }
}

@-webkit-keyframes NoticeIntMobile {
    0% {
        -webkit-transform: translateX(125%);
        transform: translateX(125%)
    }
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes NoticeIntMobile {
    0% {
        -webkit-transform: translateX(125%);
        transform: translateX(125%)
    }
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes arrowShining {
    0% {
        border-top: 2px solid #fff;
        border-left: 2px solid #fff
    }
    to {
        border-top: 2px solid #3fc9af;
        border-left: 2px solid #3fc9af
    }
}

@-webkit-keyframes TutorialGirlLeftLeg {
    0%, to {
        -webkit-transform: rotate(6deg) translateX(-50%) translateY(-50%);
        transform: rotate(6deg) translateX(-50%) translateY(-50%)
    }
    50% {
        -webkit-transform: rotate(-6deg) translateX(-50%) translateY(-50%);
        transform: rotate(-6deg) translateX(-50%) translateY(-50%)
    }
}

@keyframes TutorialGirlLeftLeg {
    0%, to {
        -webkit-transform: rotate(6deg) translateX(-50%) translateY(-50%);
        transform: rotate(6deg) translateX(-50%) translateY(-50%)
    }
    50% {
        -webkit-transform: rotate(-6deg) translateX(-50%) translateY(-50%);
        transform: rotate(-6deg) translateX(-50%) translateY(-50%)
    }
}

@-webkit-keyframes TutorialGirlRightLeg {
    0%, to {
        -webkit-transform: rotate(41deg) translateX(-50%);
        transform: rotate(41deg) translateX(-50%)
    }
    50% {
        -webkit-transform: rotate(62deg) translateX(-50%);
        transform: rotate(62deg) translateX(-50%)
    }
}

@keyframes TutorialGirlRightLeg {
    0%, to {
        -webkit-transform: rotate(41deg) translateX(-50%);
        transform: rotate(41deg) translateX(-50%)
    }
    50% {
        -webkit-transform: rotate(62deg) translateX(-50%);
        transform: rotate(62deg) translateX(-50%)
    }
}

@-webkit-keyframes arrowMenu {
    0%, to {
        right: calc(50% - 16px)
    }
    50% {
        right: -336px
    }
    51% {
        z-index: -20;
        right: 336px
    }
}

@keyframes arrowMenu {
    0%, to {
        right: calc(50% - 16px)
    }
    50% {
        right: -336px
    }
    51% {
        z-index: -20;
        right: 336px
    }
}

@-webkit-keyframes thmay-text {
    0%, 49.9% {
        text-shadow: 4px 3px #da2b01
    }
    50%, to {
        text-shadow: 4px 3px #da2b01, 0 0 10px #222
    }
}

@keyframes thmay-text {
    0%, 49.9% {
        text-shadow: 4px 3px #da2b01
    }
    50%, to {
        text-shadow: 4px 3px #da2b01, 0 0 10px #222
    }
}

@-webkit-keyframes thmay__boom1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    10% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    50%, to {
        opacity: 0;
        -webkit-transform: scale(1.2) translateY(30%);
        transform: scale(1.2) translateY(30%)
    }
}

@keyframes thmay__boom1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    10% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    50%, to {
        opacity: 0;
        -webkit-transform: scale(1.2) translateY(30%);
        transform: scale(1.2) translateY(30%)
    }
}

@-webkit-keyframes thmay__boom2 {
    0%, 15% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    25% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    65%, to {
        opacity: 0;
        -webkit-transform: scale(1.2) translateY(30%);
        transform: scale(1.2) translateY(30%)
    }
}

@keyframes thmay__boom2 {
    0%, 15% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    25% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    65%, to {
        opacity: 0;
        -webkit-transform: scale(1.2) translateY(30%);
        transform: scale(1.2) translateY(30%)
    }
}

@-webkit-keyframes thmay__boom3 {
    0%, 30% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    85%, to {
        opacity: 0;
        -webkit-transform: scale(1.2) translateY(30%);
        transform: scale(1.2) translateY(30%)
    }
}

@keyframes thmay__boom3 {
    0%, 30% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    85%, to {
        opacity: 0;
        -webkit-transform: scale(1.2) translateY(30%);
        transform: scale(1.2) translateY(30%)
    }
}

@-webkit-keyframes thmay__boom4 {
    0%, 45% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    95%, to {
        opacity: 0;
        -webkit-transform: scale(1.2) translateY(30%);
        transform: scale(1.2) translateY(30%)
    }
}

@keyframes thmay__boom4 {
    0%, 45% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    95%, to {
        opacity: 0;
        -webkit-transform: scale(1.2) translateY(30%);
        transform: scale(1.2) translateY(30%)
    }
}

@-webkit-keyframes blackfriday-signboard {
    0%, 13%, 39%, to {
        background-image: url(/images/img/assets/banner/banner--blackfriday/black-friday-neon-on.png), url(/images/img/assets/banner/banner--blackfriday/black-friday-neon-on.png)
    }
    26% {
        background-image: url(/images/img/assets/banner/banner--blackfriday/black-friday-neon-off.png)
    }
}

@keyframes blackfriday-signboard {
    0%, 13%, 39%, to {
        background-image: url(/images/img/assets/banner/banner--blackfriday/black-friday-neon-on.png), url(/images/img/assets/banner/banner--blackfriday/black-friday-neon-on.png)
    }
    26% {
        background-image: url(/images/img/assets/banner/banner--blackfriday/black-friday-neon-off.png)
    }
}

@-webkit-keyframes bonuspncTextAnim1 {
    0%, 50%, to {
        font-size: 0
    }
    10%, 40% {
        font-size: 50px
    }
}

@keyframes bonuspncTextAnim1 {
    0%, 50%, to {
        font-size: 0
    }
    10%, 40% {
        font-size: 50px
    }
}

@-webkit-keyframes bonuspncTextAnim2 {
    0%, 10%, 40%, 50%, to {
        font-size: 0
    }
    60%, 90% {
        font-size: 50px
    }
}

@keyframes bonuspncTextAnim2 {
    0%, 10%, 40%, 50%, to {
        font-size: 0
    }
    60%, 90% {
        font-size: 50px
    }
}

@-webkit-keyframes cashbacktable {
    0%, to {
        background-position: center, -60px -140px, center
    }
    50% {
        background-position: center, 70px -140px, center
    }
}

@keyframes cashbacktable {
    0%, to {
        background-position: center, -60px -140px, center
    }
    50% {
        background-position: center, 70px -140px, center
    }
}

@-webkit-keyframes rolette-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rolette-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes signboardRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    49.99% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50%, to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes signboardRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    49.99% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50%, to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes haloween-hand-move {
    0% {
        -webkit-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%)
    }
    to {
        -webkit-transform: translate(-50%, -60%);
        transform: translate(-50%, -60%)
    }
}

@keyframes haloween-hand-move {
    0% {
        -webkit-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%)
    }
    to {
        -webkit-transform: translate(-50%, -60%);
        transform: translate(-50%, -60%)
    }
}

@-webkit-keyframes haloween-eyes-shine {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes haloween-eyes-shine {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes jingle-spin {
    0% {
        -webkit-transform: translateY(-50%) rotate(0);
        transform: translateY(-50%) rotate(0)
    }
    to {
        -webkit-transform: translateY(-50%) rotate(360deg);
        transform: translateY(-50%) rotate(360deg)
    }
}

@keyframes jingle-spin {
    0% {
        -webkit-transform: translateY(-50%) rotate(0);
        transform: translateY(-50%) rotate(0)
    }
    to {
        -webkit-transform: translateY(-50%) rotate(360deg);
        transform: translateY(-50%) rotate(360deg)
    }
}

@-webkit-keyframes microgaming-banner-float {
    0% {
        background-position: -15% 100%, 109% 50%, 85% 100%, 100% 10%, 44% 31%
    }
    to {
        background-position: 0 100%, 94% 50%, 70% 100%, 100% 10%, 44% 31%
    }
}

@keyframes microgaming-banner-float {
    0% {
        background-position: -15% 100%, 109% 50%, 85% 100%, 100% 10%, 44% 31%
    }
    to {
        background-position: 0 100%, 94% 50%, 70% 100%, 100% 10%, 44% 31%
    }
}

@-webkit-keyframes ten-percent-slide {
    0% {
        -webkit-transform: translateY(-50%) translateX(-350px);
        transform: translateY(-50%) translateX(-350px)
    }
    to {
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0)
    }
}

@keyframes ten-percent-slide {
    0% {
        -webkit-transform: translateY(-50%) translateX(-350px);
        transform: translateY(-50%) translateX(-350px)
    }
    to {
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0)
    }
}

@-webkit-keyframes cashback-slide {
    0% {
        -webkit-transform: translateY(-50%) translateX(350px);
        transform: translateY(-50%) translateX(350px)
    }
    to {
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0)
    }
}

@keyframes cashback-slide {
    0% {
        -webkit-transform: translateY(-50%) translateX(350px);
        transform: translateY(-50%) translateX(350px)
    }
    to {
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0)
    }
}

@-webkit-keyframes snow {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes snow {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes textNY {
    50% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1.08);
        transform: translateY(-50%) translateX(-50%) scale(1.08)
    }
}

@keyframes textNY {
    50% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1.08);
        transform: translateY(-50%) translateX(-50%) scale(1.08)
    }
}

@-webkit-keyframes copterJingle {
    0% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    to {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

@keyframes copterJingle {
    0% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    to {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

@-webkit-keyframes blinkingLights {
    0%, 20%, 60%, to {
        opacity: 0
    }
    10%, 35% {
        opacity: 1
    }
}

@keyframes blinkingLights {
    0%, 20%, 60%, to {
        opacity: 0
    }
    10%, 35% {
        opacity: 1
    }
}

@-webkit-keyframes arrowGreenToRed {
    0% {
        color: #55a399;
        fill: #55a399
    }
    to {
        color: #de3c21;
        fill: #de3c21
    }
}

@keyframes arrowGreenToRed {
    0% {
        color: #55a399;
        fill: #55a399
    }
    to {
        color: #de3c21;
        fill: #de3c21
    }
}

@-webkit-keyframes arrowRedToGreen {
    0% {
        color: #de3c21;
        fill: #de3c21
    }
    to {
        color: #55a399;
        fill: #55a399
    }
}

@keyframes arrowRedToGreen {
    0% {
        color: #de3c21;
        fill: #de3c21
    }
    to {
        color: #55a399;
        fill: #55a399
    }
}

@-webkit-keyframes card {
    0% {
        -webkit-transform: translate(-10%, -10%);
        transform: translate(-10%, -10%)
    }
    25% {
        -webkit-transform: translate(0, -10%);
        transform: translate(0, -10%)
    }
    50% {
        -webkit-transform: translate(10%, 0);
        transform: translate(10%, 0)
    }
    to {
        -webkit-transform: translate(10%, 10%);
        transform: translate(10%, 10%)
    }
}

@keyframes card {
    0% {
        -webkit-transform: translate(-10%, -10%);
        transform: translate(-10%, -10%)
    }
    25% {
        -webkit-transform: translate(0, -10%);
        transform: translate(0, -10%)
    }
    50% {
        -webkit-transform: translate(10%, 0);
        transform: translate(10%, 0)
    }
    to {
        -webkit-transform: translate(10%, 10%);
        transform: translate(10%, 10%)
    }
}

@-webkit-keyframes betShine {
    50% {
        opacity: .25
    }
}

@keyframes betShine {
    50% {
        opacity: .25
    }
}

@-webkit-keyframes birthday-boom1 {
    0% {
        -webkit-transform: translateX(-50%) translateY(0) scale(.1);
        transform: translateX(-50%) translateY(0) scale(.1);
        opacity: 0
    }
    10% {
        -webkit-transform: translateX(-50%) translateY(-20px) scale(1);
        transform: translateX(-50%) translateY(-20px) scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-50%) translateY(50px) scale(1);
        transform: translateX(-50%) translateY(50px) scale(1);
        opacity: 0
    }
}

@keyframes birthday-boom1 {
    0% {
        -webkit-transform: translateX(-50%) translateY(0) scale(.1);
        transform: translateX(-50%) translateY(0) scale(.1);
        opacity: 0
    }
    10% {
        -webkit-transform: translateX(-50%) translateY(-20px) scale(1);
        transform: translateX(-50%) translateY(-20px) scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-50%) translateY(50px) scale(1);
        transform: translateX(-50%) translateY(50px) scale(1);
        opacity: 0
    }
}

@-webkit-keyframes birthday-boom3 {
    0% {
        -webkit-transform: translateX(-50%) translateY(0) scale(1);
        transform: translateX(-50%) translateY(0) scale(1);
        opacity: 0
    }
    30% {
        -webkit-transform: translateX(-50%) translateY(0) scale(.1);
        transform: translateX(-50%) translateY(0) scale(.1);
        opacity: 0
    }
    40% {
        -webkit-transform: translateX(-50%) translateY(-20px) scale(1);
        transform: translateX(-50%) translateY(-20px) scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-50%) translateY(50px) scale(1);
        transform: translateX(-50%) translateY(50px) scale(1);
        opacity: 0
    }
}

@keyframes birthday-boom3 {
    0% {
        -webkit-transform: translateX(-50%) translateY(0) scale(1);
        transform: translateX(-50%) translateY(0) scale(1);
        opacity: 0
    }
    30% {
        -webkit-transform: translateX(-50%) translateY(0) scale(.1);
        transform: translateX(-50%) translateY(0) scale(.1);
        opacity: 0
    }
    40% {
        -webkit-transform: translateX(-50%) translateY(-20px) scale(1);
        transform: translateX(-50%) translateY(-20px) scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-50%) translateY(50px) scale(1);
        transform: translateX(-50%) translateY(50px) scale(1);
        opacity: 0
    }
}

@-webkit-keyframes birthday-boom2 {
    0% {
        -webkit-transform: translateX(-50%) translateY(0) scale(1);
        transform: translateX(-50%) translateY(0) scale(1);
        opacity: 0
    }
    40% {
        -webkit-transform: translateX(-50%) translateY(0) scale(.1);
        transform: translateX(-50%) translateY(0) scale(.1);
        opacity: 0
    }
    45% {
        -webkit-transform: translateX(-50%) translateY(-20px) scale(1);
        transform: translateX(-50%) translateY(-20px) scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-50%) translateY(50px) scale(1);
        transform: translateX(-50%) translateY(50px) scale(1);
        opacity: 0
    }
}

@keyframes birthday-boom2 {
    0% {
        -webkit-transform: translateX(-50%) translateY(0) scale(1);
        transform: translateX(-50%) translateY(0) scale(1);
        opacity: 0
    }
    40% {
        -webkit-transform: translateX(-50%) translateY(0) scale(.1);
        transform: translateX(-50%) translateY(0) scale(.1);
        opacity: 0
    }
    45% {
        -webkit-transform: translateX(-50%) translateY(-20px) scale(1);
        transform: translateX(-50%) translateY(-20px) scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-50%) translateY(50px) scale(1);
        transform: translateX(-50%) translateY(50px) scale(1);
        opacity: 0
    }
}

@-webkit-keyframes Blinking1 {
    0%, 50% {
        opacity: 0
    }
    10%, 30% {
        opacity: 1
    }
}

@keyframes Blinking1 {
    0%, 50% {
        opacity: 0
    }
    10%, 30% {
        opacity: 1
    }
}

@-webkit-keyframes Blinking2 {
    50%, to {
        opacity: 0
    }
    60%, 80% {
        opacity: 1
    }
}

@keyframes Blinking2 {
    50%, to {
        opacity: 0
    }
    60%, 80% {
        opacity: 1
    }
}

@-webkit-keyframes BallJumping {
    50% {
        -webkit-transform: translateY(-90%) scaleY(1) scaleX(1);
        transform: translateY(-90%) scaleY(1) scaleX(1)
    }
    95% {
        -webkit-transform: translateY(-5%) scaleY(1) scaleX(1);
        transform: translateY(-5%) scaleY(1) scaleX(1)
    }
    to {
        -webkit-transform: translateY(2%) scaleY(.9) scaleX(1.05);
        transform: translateY(2%) scaleY(.9) scaleX(1.05)
    }
}

@keyframes BallJumping {
    50% {
        -webkit-transform: translateY(-90%) scaleY(1) scaleX(1);
        transform: translateY(-90%) scaleY(1) scaleX(1)
    }
    95% {
        -webkit-transform: translateY(-5%) scaleY(1) scaleX(1);
        transform: translateY(-5%) scaleY(1) scaleX(1)
    }
    to {
        -webkit-transform: translateY(2%) scaleY(.9) scaleX(1.05);
        transform: translateY(2%) scaleY(.9) scaleX(1.05)
    }
}

@-webkit-keyframes CashBlick1 {
    0%, 32% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
        transform: translateY(-50%) translateX(-50%) scale(0)
    }
    12%, 22% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

@keyframes CashBlick1 {
    0%, 32% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
        transform: translateY(-50%) translateX(-50%) scale(0)
    }
    12%, 22% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

@-webkit-keyframes CashBlick2 {
    32%, 62% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
        transform: translateY(-50%) translateX(-50%) scale(0)
    }
    42%, 52% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

@keyframes CashBlick2 {
    32%, 62% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
        transform: translateY(-50%) translateX(-50%) scale(0)
    }
    42%, 52% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

@-webkit-keyframes CashBlick3 {
    62%, to {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
        transform: translateY(-50%) translateX(-50%) scale(0)
    }
    72%, 89% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

@keyframes CashBlick3 {
    62%, to {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
        transform: translateY(-50%) translateX(-50%) scale(0)
    }
    72%, 89% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
        transform: translateY(-50%) translateX(-50%) scale(1)
    }
}

@-webkit-keyframes CashSlide1 {
    0% {
        visibility: visible;
        -webkit-transform: translateY(0) translateX(-200%) scale(1);
        transform: translateY(0) translateX(-200%) scale(1)
    }
    12% {
        -webkit-transform: translateY(0) translateX(5%) scale(1);
        transform: translateY(0) translateX(5%) scale(1)
    }
    15% {
        -webkit-transform: translateY(0) translateX(-5%) scale(1);
        transform: translateY(0) translateX(-5%) scale(1)
    }
    20% {
        -webkit-transform: translateY(0) translateX(0) scale(1);
        transform: translateY(0) translateX(0) scale(1)
    }
    32% {
        visibility: hidden
    }
}

@keyframes CashSlide1 {
    0% {
        visibility: visible;
        -webkit-transform: translateY(0) translateX(-200%) scale(1);
        transform: translateY(0) translateX(-200%) scale(1)
    }
    12% {
        -webkit-transform: translateY(0) translateX(5%) scale(1);
        transform: translateY(0) translateX(5%) scale(1)
    }
    15% {
        -webkit-transform: translateY(0) translateX(-5%) scale(1);
        transform: translateY(0) translateX(-5%) scale(1)
    }
    20% {
        -webkit-transform: translateY(0) translateX(0) scale(1);
        transform: translateY(0) translateX(0) scale(1)
    }
    32% {
        visibility: hidden
    }
}

@-webkit-keyframes CashSlide2 {
    0% {
        visibility: hidden;
        -webkit-transform: translateY(0) translateX(-200%) scale(1);
        transform: translateY(0) translateX(-200%) scale(1)
    }
    32% {
        visibility: visible;
        -webkit-transform: translateY(0) translateX(-200%) scale(1);
        transform: translateY(0) translateX(-200%) scale(1)
    }
    42% {
        -webkit-transform: translateY(0) translateX(5%) scale(1);
        transform: translateY(0) translateX(5%) scale(1)
    }
    45% {
        -webkit-transform: translateY(0) translateX(-5%) scale(1);
        transform: translateY(0) translateX(-5%) scale(1)
    }
    52% {
        -webkit-transform: translateY(0) translateX(0) scale(1);
        transform: translateY(0) translateX(0) scale(1)
    }
    62% {
        visibility: hidden
    }
}

@keyframes CashSlide2 {
    0% {
        visibility: hidden;
        -webkit-transform: translateY(0) translateX(-200%) scale(1);
        transform: translateY(0) translateX(-200%) scale(1)
    }
    32% {
        visibility: visible;
        -webkit-transform: translateY(0) translateX(-200%) scale(1);
        transform: translateY(0) translateX(-200%) scale(1)
    }
    42% {
        -webkit-transform: translateY(0) translateX(5%) scale(1);
        transform: translateY(0) translateX(5%) scale(1)
    }
    45% {
        -webkit-transform: translateY(0) translateX(-5%) scale(1);
        transform: translateY(0) translateX(-5%) scale(1)
    }
    52% {
        -webkit-transform: translateY(0) translateX(0) scale(1);
        transform: translateY(0) translateX(0) scale(1)
    }
    62% {
        visibility: hidden
    }
}

@-webkit-keyframes CashSlide3 {
    0% {
        visibility: hidden;
        -webkit-transform: translateY(0) translateX(-200%) scale(1);
        transform: translateY(0) translateX(-200%) scale(1)
    }
    62% {
        visibility: visible;
        -webkit-transform: translateY(0) translateX(-200%) scale(1);
        transform: translateY(0) translateX(-200%) scale(1)
    }
    72% {
        -webkit-transform: translateY(0) translateX(5%) scale(1);
        transform: translateY(0) translateX(5%) scale(1)
    }
    75% {
        -webkit-transform: translateY(0) translateX(-5%) scale(1);
        transform: translateY(0) translateX(-5%) scale(1)
    }
    89% {
        -webkit-transform: translateY(0) translateX(0) scale(1);
        transform: translateY(0) translateX(0) scale(1)
    }
    to {
        visibility: hidden
    }
}

@keyframes CashSlide3 {
    0% {
        visibility: hidden;
        -webkit-transform: translateY(0) translateX(-200%) scale(1);
        transform: translateY(0) translateX(-200%) scale(1)
    }
    62% {
        visibility: visible;
        -webkit-transform: translateY(0) translateX(-200%) scale(1);
        transform: translateY(0) translateX(-200%) scale(1)
    }
    72% {
        -webkit-transform: translateY(0) translateX(5%) scale(1);
        transform: translateY(0) translateX(5%) scale(1)
    }
    75% {
        -webkit-transform: translateY(0) translateX(-5%) scale(1);
        transform: translateY(0) translateX(-5%) scale(1)
    }
    89% {
        -webkit-transform: translateY(0) translateX(0) scale(1);
        transform: translateY(0) translateX(0) scale(1)
    }
    to {
        visibility: hidden
    }
}

@-webkit-keyframes banner-rullete-rotation {
    0% {
        -webkit-transform: translateX(-50%) rotate(0);
        transform: translateX(-50%) rotate(0)
    }
    to {
        -webkit-transform: translateX(-50%) rotate(360deg);
        transform: translateX(-50%) rotate(360deg)
    }
}

@keyframes banner-rullete-rotation {
    0% {
        -webkit-transform: translateX(-50%) rotate(0);
        transform: translateX(-50%) rotate(0)
    }
    to {
        -webkit-transform: translateX(-50%) rotate(360deg);
        transform: translateX(-50%) rotate(360deg)
    }
}

@-webkit-keyframes welcome-star-1 {
    0%, 23%, to {
        opacity: 0
    }
    12.5% {
        opacity: 1
    }
}

@keyframes welcome-star-1 {
    0%, 23%, to {
        opacity: 0
    }
    12.5% {
        opacity: 1
    }
}

@-webkit-keyframes welcome-star-2 {
    0%, 12.5%, 35.5%, to {
        opacity: 0
    }
    23% {
        opacity: 1
    }
}

@keyframes welcome-star-2 {
    0%, 12.5%, 35.5%, to {
        opacity: 0
    }
    23% {
        opacity: 1
    }
}

@-webkit-keyframes welcome-star-3 {
    0%, 23%, 48%, to {
        opacity: 0
    }
    35.5% {
        opacity: 1
    }
}

@keyframes welcome-star-3 {
    0%, 23%, 48%, to {
        opacity: 0
    }
    35.5% {
        opacity: 1
    }
}

@-webkit-keyframes welcome-star-4 {
    0%, 35.5%, 60.5%, to {
        opacity: 0
    }
    48% {
        opacity: 1
    }
}

@keyframes welcome-star-4 {
    0%, 35.5%, 60.5%, to {
        opacity: 0
    }
    48% {
        opacity: 1
    }
}

@-webkit-keyframes welcome-star-5 {
    0%, 48%, 73%, to {
        opacity: 0
    }
    60.5% {
        opacity: 1
    }
}

@keyframes welcome-star-5 {
    0%, 48%, 73%, to {
        opacity: 0
    }
    60.5% {
        opacity: 1
    }
}

@-webkit-keyframes welcome-star-6 {
    0%, 23%, 47%, 60.5%, 85.5%, to {
        opacity: 0
    }
    10.5%, 35%, 72.5% {
        opacity: 1
    }
}

@keyframes welcome-star-6 {
    0%, 23%, 47%, 60.5%, 85.5%, to {
        opacity: 0
    }
    10.5%, 35%, 72.5% {
        opacity: 1
    }
}

@-webkit-keyframes welcome-star-7 {
    0%, 19%, 47%, 72.5%, 97.5%, to {
        opacity: 0
    }
    35%, 60.5%, 8.5%, 85.5% {
        opacity: 1
    }
}

@keyframes welcome-star-7 {
    0%, 19%, 47%, 72.5%, 97.5%, to {
        opacity: 0
    }
    35%, 60.5%, 8.5%, 85.5% {
        opacity: 1
    }
}

@-webkit-keyframes welcome-star-8 {
    0%, 23%, 47%, 72%, 97.5%, to {
        opacity: 0
    }
    12.5%, 35%, 60%, 84% {
        opacity: 1
    }
}

@keyframes welcome-star-8 {
    0%, 23%, 47%, 72%, 97.5%, to {
        opacity: 0
    }
    12.5%, 35%, 60%, 84% {
        opacity: 1
    }
}

@-webkit-keyframes ProgressBar {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes ProgressBar {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes LoadAnimation {
    to {
        -webkit-transform: skewX(-35deg) translateX(300px);
        transform: skewX(-35deg) translateX(300px)
    }
}

@keyframes LoadAnimation {
    to {
        -webkit-transform: skewX(-35deg) translateX(300px);
        transform: skewX(-35deg) translateX(300px)
    }
}

@-webkit-keyframes CoinSpawn {
    0% {
        -webkit-transform: translateX(-240%) translateY(-50%) skewX(-65deg);
        transform: translateX(-240%) translateY(-50%) skewX(-65deg)
    }
    to {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@keyframes CoinSpawn {
    0% {
        -webkit-transform: translateX(-240%) translateY(-50%) skewX(-65deg);
        transform: translateX(-240%) translateY(-50%) skewX(-65deg)
    }
    to {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@-webkit-keyframes PriseSpawn {
    0% {
        -webkit-transform: translateX(310%) translateY(-50%) skewX(65deg);
        transform: translateX(310%) translateY(-50%) skewX(65deg)
    }
    to {
        -webkit-transform: translateX(50%) translateY(-50%);
        transform: translateX(50%) translateY(-50%)
    }
}

@keyframes PriseSpawn {
    0% {
        -webkit-transform: translateX(310%) translateY(-50%) skewX(65deg);
        transform: translateX(310%) translateY(-50%) skewX(65deg)
    }
    to {
        -webkit-transform: translateX(50%) translateY(-50%);
        transform: translateX(50%) translateY(-50%)
    }
}

@-webkit-keyframes percentPulsing {
    0% {
        text-shadow: 0 0 0 #a11, 0 0 0 #4dab99
    }
    to {
        text-shadow: 1px 1px 2px #a11, 0 0 1em #4dab99
    }
}

@keyframes percentPulsing {
    0% {
        text-shadow: 0 0 0 #a11, 0 0 0 #4dab99
    }
    to {
        text-shadow: 1px 1px 2px #a11, 0 0 1em #4dab99
    }
}

@-webkit-keyframes shiningRed {
    0% {
        opacity: 0
    }
    to {
        opacity: .9
    }
}

@keyframes shiningRed {
    0% {
        opacity: 0
    }
    to {
        opacity: .9
    }
}

@-webkit-keyframes cashbox-bonus-arrow-1 {
    0%, 50%, to {
        fill: #fff
    }
    20% {
        fill: #24bb9d
    }
}

@keyframes cashbox-bonus-arrow-1 {
    0%, 50%, to {
        fill: #fff
    }
    20% {
        fill: #24bb9d
    }
}

@-webkit-keyframes cashbox-bonus-arrow-2 {
    0%, 10%, 70%, to {
        fill: #fff
    }
    40% {
        fill: #24bb9d
    }
}

@keyframes cashbox-bonus-arrow-2 {
    0%, 10%, 70%, to {
        fill: #fff
    }
    40% {
        fill: #24bb9d
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes popup-notif {
    0%, to {
        right: -500px
    }
    10%, 90% {
        right: 5px
    }
}

@keyframes popup-notif {
    0%, to {
        right: -500px
    }
    10%, 90% {
        right: 5px
    }
}

@-webkit-keyframes btnanimate-grey {
    0%, to {
        right: calc(50% - 16px)
    }
    50% {
        right: 336px
    }
    51% {
        z-index: -20;
        right: -336px
    }
}

@keyframes btnanimate-grey {
    0%, to {
        right: calc(50% - 16px)
    }
    50% {
        right: 336px
    }
    51% {
        z-index: -20;
        right: -336px
    }
}

@-webkit-keyframes btnanimate {
    0%, to {
        right: calc(50% - 16px)
    }
    50% {
        right: -336px
    }
    51% {
        z-index: -20;
        right: 336px
    }
}

@keyframes btnanimate {
    0%, to {
        right: calc(50% - 16px)
    }
    50% {
        right: -336px
    }
    51% {
        z-index: -20;
        right: 336px
    }
}

@-webkit-keyframes border-to-red {
    0% {
        border-color: #a9a9a9
    }
    to {
        border-color: red
    }
}

@keyframes border-to-red {
    0% {
        border-color: #a9a9a9
    }
    to {
        border-color: red
    }
}

@-webkit-keyframes randomgame {
    0% {
        -webkit-transform: translateY(-50%) rotateY(0);
        transform: translateY(-50%) rotateY(0)
    }
    to {
        -webkit-transform: translateY(-50%) rotateY(360deg);
        transform: translateY(-50%) rotateY(360deg)
    }
}

@keyframes randomgame {
    0% {
        -webkit-transform: translateY(-50%) rotateY(0);
        transform: translateY(-50%) rotateY(0)
    }
    to {
        -webkit-transform: translateY(-50%) rotateY(360deg);
        transform: translateY(-50%) rotateY(360deg)
    }
}

@-webkit-keyframes faqShow {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes faqShow {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes openTicket {
    0%, to {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2)
    }
}

@keyframes openTicket {
    0%, to {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2)
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none !important;
    visibility: hidden
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

.article_rules .lk-table li, blockquote, figure {
    margin: 0
}

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

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

legend, td, th {
    padding: 0
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@media only screen and (max-width: 768px) {
    .owl-dots {
        display: none;
        visibility: hidden
    }
}

html::-webkit-scrollbar {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    position: fixed;
    width: 12px;
    background-color: #1a1a1a;
    display: none
}

.page {
    padding-top: 80px;
    font-family: Helvetica, Arial, sans-serif;
    background: -webkit-gradient(linear, left top, left bottom, from(#0c0c11), color-stop(90%, #262634), to(#2e2e3e));
    background: -webkit-linear-gradient(top, #0c0c11 0, #262634 90%, #2e2e3e 100%);
    background: linear-gradient(to bottom, #0c0c11 0, #262634 90%, #2e2e3e 100%);
    background-color: #0c0c11
}

.page_disable {
    overflow: hidden
}

.page--popup, .page_shadow {
    position: relative;
    overflow: hidden
}

.page--popup::after, .page_shadow::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: static;
    top: 0;
    left: 0;
    z-index: 5011;
    background-color: rgba(0, 0, 0, .7)
}

.page_shadow {
    position: fixed;
    height: 100%;
    width: 100%
}

.page_shadow::after {
    position: absolute;
    z-index: 5010 !important
}

.page__wrapper {
    min-height: 100%;
    margin-bottom: -50px
}

#betSlip {
    z-index: 20
}

.page_error {
    padding: 0;
    background-color: #262634
}

* html .page__wrapper {
    height: 100%
}

.page__buffer {
    height: 50px
}

.currency_disable {
    color: #858585 !important
}

@media screen and (min-width: 1280px) {
    .blackfriday-bkg, .common-girls, .common-girls5, .feb-14, .feb-23, .girls, .halloween, .kamchatka, .march-8, .ny-bkg, .ny-bkg-2, .page--9may, .page--com-1, .page--com-2, .page--com-3, .page--com-4, .page--vegas, .vegas-magic {
        position: relative
    }

    .blackfriday-bkg::after, .blackfriday-bkg::before, .common-girls5::after, .common-girls5::before, .common-girls::after, .common-girls::before, .feb-14::after, .feb-14::before, .feb-23::after, .feb-23::before, .girls::after, .girls::before, .halloween::after, .halloween::before, .kamchatka::after, .kamchatka::before, .march-8::after, .march-8::before, .ny-bkg-2::after, .ny-bkg-2::before, .ny-bkg::after, .ny-bkg::before, .page--9may::after, .page--9may::before, .page--com-1::after, .page--com-1::before, .page--com-2::after, .page--com-2::before, .page--com-3::after, .page--com-3::before, .page--com-4::after, .page--com-4::before, .page--vegas::after, .page--vegas::before, .vegas-magic::after, .vegas-magic::before {
        content: "";
        display: block;
        width: 319px;
        height: 100%;
        position: fixed;
        top: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

    .page--com-1::before {
        background-image: url(/images/img/general/backgrounds/common/left-1.jpg)
    }

    .blackfriday-bkg::before, .common-girls5::before, .common-girls::before, .feb-14::before, .feb-23::before, .girls::before, .halloween::before, .kamchatka::before, .march-8::before, .ny-bkg-2::before, .ny-bkg::before, .page--9may::before, .page--com-1::before, .page--com-2::before, .page--com-3::before, .page--com-4::before, .page--vegas::before, .vegas-magic::before {
        left: calc(50% - 959px)
    }

    .page--com-1::after {
        background-image: url(/images/img/general/backgrounds/common/right-1.jpg)
    }

    .blackfriday-bkg::after, .common-girls5::after, .common-girls::after, .feb-14::after, .feb-23::after, .girls::after, .halloween::after, .kamchatka::after, .march-8::after, .ny-bkg-2::after, .ny-bkg::after, .page--9may::after, .page--com-1::after, .page--com-2::after, .page--com-3::after, .page--com-4::after, .page--vegas::after, .vegas-magic::after {
        left: calc(50% + 639px)
    }

    .page--com-2::before {
        background-image: url(/images/img/general/backgrounds/common/left-2.jpg)
    }

    .page--com-2::after {
        background-image: url(/images/img/general/backgrounds/common/right-2.jpg)
    }

    .page--com-3::before {
        background-image: url(/images/img/general/backgrounds/common/left-3.jpg)
    }

    .page--com-3::after {
        background-image: url(/images/img/general/backgrounds/common/right-3.jpg)
    }

    .page--com-4::before {
        background-image: url(/images/img/general/backgrounds/common/left-4.jpg)
    }

    .page--com-4::after {
        background-image: url(/images/img/general/backgrounds/common/right-4.jpg)
    }

    .page--9may::before {
        background-image: url(/images/img/general/backgrounds/9may/left.jpg)
    }

    .page--9may::after {
        background-image: url(/images/img/general/backgrounds/9may/right.jpg)
    }

    .page--vegas::before {
        background-image: url(/images/img/general/backgrounds/vegas-bkg/vegas-bkg-left.jpg)
    }

    .page--vegas::after {
        background-image: url(/images/img/general/backgrounds/vegas-bkg/vegas-bkg-right.jpg)
    }

    .kamchatka::before {
        background-image: url(/images/img/general/backgrounds/kamchatka/kamchatka_background-left-min.jpg)
    }

    .kamchatka::after {
        background-image: url(/images/img/general/backgrounds/kamchatka/kamchatka_background-right-min.jpg)
    }

    .vegas-magic::before {
        background-image: url(/images/img/general/backgrounds/vegas-magic/vegas-magic_background-left.jpg)
    }

    .vegas-magic::after {
        background-image: url(/images/img/general/backgrounds/vegas-magic/vegas-magic_background-right.jpg)
    }

    .girls::before {
        background-image: url(/images/img/general/backgrounds/girls/left-1.jpg)
    }

    .girls::after {
        background-image: url(/images/img/general/backgrounds/girls/right-1.jpg)
    }

    .halloween::before {
        background-image: url(/images/img/general/backgrounds/halloween/left-1.jpg)
    }

    .halloween::after {
        background-image: url(/images/img/general/backgrounds/halloween/right-1.jpg)
    }

    .common-girls::before {
        background-image: url(/images/img/general/backgrounds/common/com-left.jpg)
    }

    .common-girls::after {
        background-image: url(/images/img/general/backgrounds/common/com-right.jpg)
    }

    .blackfriday-bkg::before {
        background-image: url(/images/img/general/backgrounds/blackfriday/black-friday-bkg-left.jpg)
    }

    .blackfriday-bkg::after {
        background-image: url(/images/img/general/backgrounds/blackfriday/black-friday-bkg-right.jpg)
    }

    .ny-bkg::before {
        background-image: url(/images/img/general/backgrounds/ny-bkg/ny-bkg-left.jpg)
    }

    .ny-bkg::after {
        background-image: url(/images/img/general/backgrounds/ny-bkg/ny-bkg-right.jpg)
    }

    .ny-bkg-2::before {
        background-image: url(/images/img/general/backgrounds/ny-bkg-2/ny-bkg2-left.jpg)
    }

    .ny-bkg-2::after {
        background-image: url(/images/img/general/backgrounds/ny-bkg-2/ny-bkg2-right.jpg)
    }

    .feb-14::before {
        background-image: url(/images/img/general/backgrounds/14-feb/14-feb-left.jpg)
    }

    .feb-14::after {
        background-image: url(/images/img/general/backgrounds/14-feb/14-feb-right.jpg)
    }

    .feb-23::before {
        background-image: url(/images/img/general/backgrounds/23-feb/23-feb-left.jpg)
    }

    .feb-23::after {
        background-image: url(/images/img/general/backgrounds/23-feb/23-feb-right.jpg)
    }

    .march-8::before {
        background-image: url(/images/img/general/backgrounds/8-march/8-march-left.jpg)
    }

    .march-8::after {
        background-image: url(/images/img/general/backgrounds/8-march/8-march-right.jpg)
    }

    .common-girls5::before {
        background-image: url(/images/img/general/backgrounds/common/common/left.jpg)
    }

    .common-girls5::after {
        background-image: url(/images/img/general/backgrounds/common/common/right.jpg)
    }
}

@media screen and (min-width: 1930px) {
    .blackfriday-bkg::after, .blackfriday-bkg::before, .common-girls5::after, .common-girls5::before, .common-girls::after, .common-girls::before, .feb-14::after, .feb-14::before, .feb-23::after, .feb-23::before, .girls::after, .girls::before, .halloween::after, .halloween::before, .kamchatka::after, .kamchatka::before, .march-8::after, .march-8::before, .ny-bkg-2::after, .ny-bkg-2::before, .ny-bkg::after, .ny-bkg::before, .page--vegas::after, .page--vegas::before, .vegas-magic::after, .vegas-magic::before {
        content: "";
        width: calc((100% - 1280px) / 2);
        top: 56px
    }

    .blackfriday-bkg::before, .common-girls5::before, .common-girls::before, .feb-14::before, .feb-23::before, .girls::before, .halloween::before, .kamchatka::before, .march-8::before, .ny-bkg-2::before, .ny-bkg::before, .page--vegas::before, .vegas-magic::before {
        left: 0
    }

    .blackfriday-bkg::after, .common-girls5::after, .common-girls::after, .feb-14::after, .feb-23::after, .girls::after, .halloween::after, .kamchatka::after, .march-8::after, .ny-bkg-2::after, .ny-bkg::after, .page--vegas::after, .vegas-magic::after {
        left: calc(50% + 639px)
    }

    .kamchatka::before {
        background-image: url(/images/img/general/backgrounds/kamchatka/kamchatka-background-left-high.jpg)
    }

    .kamchatka::after {
        background-image: url(/images/img/general/backgrounds/kamchatka/kamchatka_background-right-high.png)
    }

    .page--vegas::before {
        background-image: url(/images/img/general/backgrounds/vegas-bkg/vegas-bkg-left-h.jpg)
    }

    .page--vegas::after {
        background-image: url(/images/img/general/backgrounds/vegas-bkg/vegas-bkg-right-h.jpg)
    }

    .girls::before {
        background-image: url(/images/img/general/backgrounds/girls/left.png)
    }

    .girls::after {
        background-image: url(/images/img/general/backgrounds/girls/right.png)
    }

    .halloween::before {
        background-image: url(/images/img/general/backgrounds/halloween/left.jpg)
    }

    .halloween::after {
        background-image: url(/images/img/general/backgrounds/halloween/right.jpg)
    }

    .vegas-magic::before {
        background-image: url(/images/img/general/backgrounds/vegas-magic/vegas-magic_background-left.jpg)
    }

    .vegas-magic::after {
        background-image: url(/images/img/general/backgrounds/vegas-magic/vegas-magic_background-right.jpg)
    }

    .common-girls::before {
        background-image: url(/images/img/general/backgrounds/common/com-left-h.jpg)
    }

    .common-girls::after {
        background-image: url(/images/img/general/backgrounds/common/com-right-h.jpg)
    }

    .blackfriday-bkg::before {
        background-image: url(/images/img/general/backgrounds/blackfriday/black-friday-bkg-left-h.jpg)
    }

    .blackfriday-bkg::after {
        background-image: url(/images/img/general/backgrounds/blackfriday/black-friday-bkg-right-h.jpg)
    }

    .ny-bkg::before {
        background-image: url(/images/img/general/backgrounds/ny-bkg/ny-bkg-left-h.jpg)
    }

    .ny-bkg::after {
        background-image: url(/images/img/general/backgrounds/ny-bkg/ny-bkg-right-h.jpg)
    }

    .ny-bkg-2::before {
        background-image: url(/images/img/general/backgrounds/ny-bkg-2/ny-bkg2-left-h.jpg)
    }

    .ny-bkg-2::after {
        background-image: url(/images/img/general/backgrounds/ny-bkg-2/ny-bkg2-right-h.jpg)
    }

    .feb-14::before {
        background-image: url(/images/img/general/backgrounds/14-feb/14-feb-left-h.jpg)
    }

    .feb-14::after {
        background-image: url(/images/img/general/backgrounds/14-feb/14-feb-right-h.jpg);
        background-position: 50% 0
    }

    .feb-23::after, .feb-23::before {
        background-image: url(/images/img/general/backgrounds/23-feb/23-feb-left-h.jpg);
        background-position: 50% 0
    }

    .feb-23::after {
        background-image: url(/images/img/general/backgrounds/23-feb/23-feb-right-h.jpg)
    }

    .march-8::before {
        background-image: url(/images/img/general/backgrounds/8-march/8-march-left-h.jpg)
    }

    .march-8::after {
        background-image: url(/images/img/general/backgrounds/8-march/8-march-right-h.jpg)
    }

    .common-girls5::after, .common-girls5::before {
        background-image: url(/images/img/general/backgrounds/common/common/left-h.jpg);
        background-position: 50% 0
    }

    .common-girls5::after {
        background-image: url(/images/img/general/backgrounds/common/common/right-h.jpg)
    }
}

@media only screen and (max-width: 1024px) {
    .page {
        padding-top: 45px
    }

    .page--alarm {
        padding-top: 44px
    }

    .page_error {
        padding: 0
    }
}

.link_accent {
    color: #24bb9d;
    text-decoration: none
}

@media only screen and (max-width: 969px) {
    .page--alarm {
        padding-top: 60px !important
    }
}

@media only screen and (max-width: 768px) {
    .page--alarm {
        padding-top: 0 !important
    }

    .page {
        padding-top: 46px
    }
}

@media only screen and (max-width: 460px) {
    input {
        font-size: 17px !important
    }
}

.column {
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: .75rem
}

.columns.is-mobile > .column.is-full, .columns.is-mobile > .column.is-narrow {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.columns.is-mobile > .column.is-full {
    width: 100%
}

.columns.is-mobile > .column.is-three-quarters {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-half, .columns.is-mobile > .column.is-two-thirds {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.6666%
}

.columns.is-mobile > .column.is-half {
    width: 50%
}

.columns.is-mobile > .column.is-one-quarter, .columns.is-mobile > .column.is-one-third {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.3333%
}

.columns.is-mobile > .column.is-one-quarter {
    width: 25%
}

.columns.is-mobile > .column.is-one-fifth, .columns.is-mobile > .column.is-two-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20%
}

.columns.is-mobile > .column.is-two-fifths {
    width: 40%
}

.columns.is-mobile > .column.is-four-fifths, .columns.is-mobile > .column.is-three-fifths {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 60%
}

.columns.is-mobile > .column.is-four-fifths {
    width: 80%
}

.columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile > .column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile > .column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile > .column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile > .column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile > .column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile > .column.is-1 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 8.33333%
}

.columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.33333%
}

.columns.is-mobile > .column.is-2 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 16.66667%
}

.columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.66667%
}

.columns.is-mobile > .column.is-3 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile > .column.is-4 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.33333%
}

.columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.33333%
}

.columns.is-mobile > .column.is-5 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 41.66667%
}

.columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.66667%
}

.columns.is-mobile > .column.is-6 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile > .column.is-7 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 58.33333%
}

.columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.33333%
}

.columns.is-mobile > .column.is-8 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.66667%
}

.columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.66667%
}

.columns.is-mobile > .column.is-9 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile > .column.is-10 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 83.33333%
}

.columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.33333%
}

.columns.is-mobile > .column.is-11 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 91.66667%
}

.columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.66667%
}

.columns.is-mobile > .column.is-12 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .column.is-full-mobile, .column.is-three-quarters-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-mobile {
        width: 75%
    }

    .column.is-half-mobile, .column.is-two-thirds-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        width: 50%
    }

    .column.is-one-quarter-mobile, .column.is-one-third-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        width: 25%
    }

    .column.is-one-fifth-mobile, .column.is-two-fifths-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-mobile {
        width: 40%
    }

    .column.is-four-fifths-mobile, .column.is-three-fifths-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-mobile {
        width: 80%
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .column.is-1-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333%
    }

    .column.is-2-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-mobile {
        margin-left: 16.66667%
    }

    .column.is-3-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-mobile {
        margin-left: 33.33333%
    }

    .column.is-5-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-mobile {
        margin-left: 41.66667%
    }

    .column.is-6-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-mobile {
        margin-left: 58.33333%
    }

    .column.is-8-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-mobile {
        margin-left: 66.66667%
    }

    .column.is-9-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-mobile {
        margin-left: 83.33333%
    }

    .column.is-11-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-mobile {
        margin-left: 91.66667%
    }

    .column.is-12-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media screen and (min-width: 769px), print {
    .column.is-full, .column.is-full-tablet, .column.is-narrow, .column.is-narrow-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .column.is-full, .column.is-full-tablet {
        width: 100%
    }

    .column.is-three-quarters, .column.is-three-quarters-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-half, .column.is-half-tablet, .column.is-two-thirds, .column.is-two-thirds-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half, .column.is-half-tablet {
        width: 50%
    }

    .column.is-one-third, .column.is-one-third-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter, .column.is-one-quarter-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-one-fifth, .column.is-one-fifth-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths, .column.is-two-fifths-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%
    }

    .column.is-three-fifths, .column.is-three-fifths-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths, .column.is-four-fifths-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half, .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third, .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .column.is-1, .column.is-1-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1, .column.is-offset-1-tablet {
        margin-left: 8.33333%
    }

    .column.is-2, .column.is-2-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2, .column.is-offset-2-tablet {
        margin-left: 16.66667%
    }

    .column.is-3, .column.is-3-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3, .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4, .column.is-4-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4, .column.is-offset-4-tablet {
        margin-left: 33.33333%
    }

    .column.is-5, .column.is-5-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5, .column.is-offset-5-tablet {
        margin-left: 41.66667%
    }

    .column.is-6, .column.is-6-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6, .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7, .column.is-7-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7, .column.is-offset-7-tablet {
        margin-left: 58.33333%
    }

    .column.is-8, .column.is-8-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8, .column.is-offset-8-tablet {
        margin-left: 66.66667%
    }

    .column.is-9, .column.is-9-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9, .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10, .column.is-10-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10, .column.is-offset-10-tablet {
        margin-left: 83.33333%
    }

    .column.is-11, .column.is-11-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11, .column.is-offset-11-tablet {
        margin-left: 91.66667%
    }

    .column.is-12, .column.is-12-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12, .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width: 1087px) {
    .column.is-narrow-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .column.is-full-touch, .column.is-three-quarters-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-touch {
        width: 75%
    }

    .column.is-half-touch, .column.is-two-thirds-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-touch {
        width: 50%
    }

    .column.is-one-quarter-touch, .column.is-one-third-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-touch {
        width: 25%
    }

    .column.is-one-fifth-touch, .column.is-two-fifths-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-touch {
        width: 40%
    }

    .column.is-four-fifths-touch, .column.is-three-fifths-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-touch {
        width: 80%
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-left: 50%
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .column.is-1-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-touch {
        margin-left: 8.33333%
    }

    .column.is-2-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-touch {
        margin-left: 16.66667%
    }

    .column.is-3-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-touch {
        margin-left: 25%
    }

    .column.is-4-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-touch {
        margin-left: 33.33333%
    }

    .column.is-5-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-touch {
        margin-left: 41.66667%
    }

    .column.is-6-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-touch {
        margin-left: 50%
    }

    .column.is-7-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-touch {
        margin-left: 58.33333%
    }

    .column.is-8-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-touch {
        margin-left: 66.66667%
    }

    .column.is-9-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-touch {
        margin-left: 75%
    }

    .column.is-10-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-touch {
        margin-left: 83.33333%
    }

    .column.is-11-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-touch {
        margin-left: 91.66667%
    }

    .column.is-12-touch {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width: 1088px) {
    .column.is-narrow-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .column.is-full-desktop, .column.is-three-quarters-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-desktop {
        width: 75%
    }

    .column.is-half-desktop, .column.is-two-thirds-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        width: 50%
    }

    .column.is-one-quarter-desktop, .column.is-one-third-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        width: 25%
    }

    .column.is-one-fifth-desktop, .column.is-two-fifths-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-desktop {
        width: 40%
    }

    .column.is-four-fifths-desktop, .column.is-three-fifths-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-desktop {
        width: 80%
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .column.is-1-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333%
    }

    .column.is-2-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-desktop {
        margin-left: 16.66667%
    }

    .column.is-3-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-desktop {
        margin-left: 33.33333%
    }

    .column.is-5-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-desktop {
        margin-left: 41.66667%
    }

    .column.is-6-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-desktop {
        margin-left: 58.33333%
    }

    .column.is-8-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-desktop {
        margin-left: 66.66667%
    }

    .column.is-9-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-desktop {
        margin-left: 83.33333%
    }

    .column.is-11-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-desktop {
        margin-left: 91.66667%
    }

    .column.is-12-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width: 1280px) {
    .column.is-narrow-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .column.is-full-widescreen, .column.is-three-quarters-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        width: 75%
    }

    .column.is-half-widescreen, .column.is-two-thirds-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        width: 50%
    }

    .column.is-one-quarter-widescreen, .column.is-one-third-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        width: 25%
    }

    .column.is-one-fifth-widescreen, .column.is-two-fifths-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-widescreen {
        width: 40%
    }

    .column.is-four-fifths-widescreen, .column.is-three-fifths-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-widescreen {
        width: 80%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .column.is-1-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333%
    }

    .column.is-2-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.66667%
    }

    .column.is-3-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.33333%
    }

    .column.is-5-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.66667%
    }

    .column.is-6-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.33333%
    }

    .column.is-8-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.66667%
    }

    .column.is-9-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.33333%
    }

    .column.is-11-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.66667%
    }

    .column.is-12-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (min-width: 1472px) {
    .column.is-narrow-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .column.is-full-fullhd, .column.is-three-quarters-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-fullhd {
        width: 75%
    }

    .column.is-half-fullhd, .column.is-two-thirds-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-fullhd {
        width: 50%
    }

    .column.is-one-quarter-fullhd, .column.is-one-third-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-fullhd {
        width: 25%
    }

    .column.is-one-fifth-fullhd, .column.is-two-fifths-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-fullhd {
        width: 40%
    }

    .column.is-four-fifths-fullhd, .column.is-three-fifths-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-fullhd {
        width: 80%
    }

    .column.is-offset-three-quarters-fullhd {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%
    }

    .column.is-offset-half-fullhd {
        margin-left: 50%
    }

    .column.is-offset-one-third-fullhd {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-fullhd {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-fullhd {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-fullhd {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-fullhd {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-fullhd {
        margin-left: 80%
    }

    .column.is-1-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-fullhd {
        margin-left: 8.33333%
    }

    .column.is-2-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-fullhd {
        margin-left: 16.66667%
    }

    .column.is-3-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-fullhd {
        margin-left: 25%
    }

    .column.is-4-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-fullhd {
        margin-left: 33.33333%
    }

    .column.is-5-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-fullhd {
        margin-left: 41.66667%
    }

    .column.is-6-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-fullhd {
        margin-left: 50%
    }

    .column.is-7-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-fullhd {
        margin-left: 58.33333%
    }

    .column.is-8-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-fullhd {
        margin-left: 66.66667%
    }

    .column.is-9-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-fullhd {
        margin-left: 75%
    }

    .column.is-10-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-fullhd {
        margin-left: 83.33333%
    }

    .column.is-11-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-fullhd {
        margin-left: 91.66667%
    }

    .column.is-12-fullhd {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-fullhd {
        margin-left: 100%
    }
}

.columns {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.columns:last-child {
    margin-bottom: -.75rem
}

.columns:not(:last-child) {
    margin-bottom: calc(1.5rem - .75rem)
}

.columns.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.columns.is-gapless > .column {
    margin: 0;
    padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

.columns.is-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.columns.is-multiline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.columns.is-vcentered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 769px), print {
    .columns:not(.is-desktop) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1088px) {
    .columns.is-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.columns.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(-1 * var(--columnGap));
    margin-right: calc(-1 * var(--columnGap))
}

.columns.is-variable .column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap)
}

.columns.is-variable.is-0 {
    --columnGap: 0rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1087px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width: 1087px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1088px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1280px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
    .columns.is-variable.is-0-widescreen-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1472px) {
    .columns.is-variable.is-0-fullhd {
        --columnGap: 0rem
    }
}

.columns.is-variable.is-1 {
    --columnGap: 0.25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-1-tablet {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1087px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: 0.25rem
    }
}

@media screen and (max-width: 1087px) {
    .columns.is-variable.is-1-touch {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1088px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1280px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
    .columns.is-variable.is-1-widescreen-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width: 1472px) {
    .columns.is-variable.is-1-fullhd {
        --columnGap: 0.25rem
    }
}

.columns.is-variable.is-2 {
    --columnGap: 0.5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-2-tablet {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1087px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: 0.5rem
    }
}

@media screen and (max-width: 1087px) {
    .columns.is-variable.is-2-touch {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1088px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1280px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
    .columns.is-variable.is-2-widescreen-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width: 1472px) {
    .columns.is-variable.is-2-fullhd {
        --columnGap: 0.5rem
    }
}

.columns.is-variable.is-3 {
    --columnGap: 0.75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-3-tablet {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1087px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: 0.75rem
    }
}

@media screen and (max-width: 1087px) {
    .columns.is-variable.is-3-touch {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1088px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1280px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
    .columns.is-variable.is-3-widescreen-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width: 1472px) {
    .columns.is-variable.is-3-fullhd {
        --columnGap: 0.75rem
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1087px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width: 1087px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1088px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1280px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
    .columns.is-variable.is-4-widescreen-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1472px) {
    .columns.is-variable.is-4-fullhd {
        --columnGap: 1rem
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1087px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width: 1087px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1088px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1280px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
    .columns.is-variable.is-5-widescreen-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1472px) {
    .columns.is-variable.is-5-fullhd {
        --columnGap: 1.25rem
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1087px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width: 1087px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1088px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1280px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
    .columns.is-variable.is-6-widescreen-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1472px) {
    .columns.is-variable.is-6-fullhd {
        --columnGap: 1.5rem
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1087px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width: 1087px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1088px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1280px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
    .columns.is-variable.is-7-widescreen-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1472px) {
    .columns.is-variable.is-7-fullhd {
        --columnGap: 1.75rem
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem
}

@media screen and (max-width: 768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px), print {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 769px) and (max-width: 1087px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width: 1087px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1088px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1088px) and (max-width: 1279px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1280px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1280px) and (max-width: 1471px) {
    .columns.is-variable.is-8-widescreen-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1472px) {
    .columns.is-variable.is-8-fullhd {
        --columnGap: 2rem
    }
}

.layout, .layout .main {
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.layout {
    max-width: 1280px;
    margin: auto;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #262634
}

.layout .main {
    width: 80%;
    outline: 0
}

@media screen and (max-width: 1260px) {
    .layout .main {
        padding: 5px 15px
    }
}

@media screen and (max-width: 770px) {
    .layout .main {
        padding: 5px
    }
}

.layout .aside {
    width: 20%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.layout--tournament > section, .layout--tournaments > section, .test__image {
    width: 100%
}

.alarm--line-iframe {
    padding-top: 125px !important
}

.layout--tournament, .layout--tournaments {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
    max-width: 1280px
}

@media screen and (max-width: 1023px) {
    .layout--tournament, .layout--tournaments {
        padding: 0
    }
}

.tournaments__wrapper {
    max-width: 100%;
    margin: 0 auto;
    background-color: #262634
}

.tournaments__wrapper .tournament-open_btn {
    padding: 0 20px;
    margin: 20px auto;
    display: block
}

@media screen and (max-width: 768px) {
    .tournaments__wrapper .tournament-open_btn {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
}

.layout--promo .main {
    width: 60%
}

.layout--promo .aside {
    width: 20%
}

@media only screen and (max-width: 1240px) {
    .layout .main {
        width: 75%
    }

    .layout .aside {
        width: 25%
    }
}

@media only screen and (max-width: 1024px) {
    .alarm--line-iframe {
        padding-top: 86px !important
    }
}

@media only screen and (max-width: 980px) {
    .layout .main {
        width: 100%
    }

    .layout .aside {
        display: none
    }

    .layout--lk .aside--lk {
        width: 100%;
        display: block !important
    }

    .alarm--line-iframe {
        padding-top: 100px !important
    }
}

@media only screen and (max-width: 768px) {
    .layout {
        padding-top: 0
    }

    .alarm--line-iframe {
        padding-top: 45px !important
    }
}

@media only screen and (max-width: 576px) {
    .layout {
        overflow-x: hidden
    }

    .layout, .layout .main, .layout .row {
        display: block
    }

    .layout .aside {
        display: none
    }
}

.footer {
    max-width: 1280px;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 6px;
    color: #fff
}

.footer_fullscreen {
    max-width: 100%;
    border-radius: 0
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.slider.owl-carousel .owl-dots {
    display: block;
    position: absolute;
    width: 25%;
    height: 13px;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 0;
    text-align: center
}

.slider.owl-carousel .owl-dot {
    display: inline-block;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    width: 10px;
    height: 10px;
    background-color: #3d3737;
    border: 3px solid #3d3737;
    border-radius: 50%;
    position: relative;
    margin: 0 6px;
    text-align: center;
    opacity: .35
}

.slider.owl-carousel .owl-dot.active {
    opacity: .95;
    background-color: #24bb9d
}

@media only screen and (max-width: 768px) {
    .owl-dots {
        display: none;
        visibility: hidden
    }
}

.pointer-events-off {
    pointer-events: none
}

.v-sport-mobile, .v-sport-mobile.kiron {
    position: relative;
    min-height: calc(100vh - 106px)
}

.v-sport-mobile.kiron > iframe, .v-sport-mobile > iframe {
    margin-top: 0 !important;
    border: 0 !important;
    position: absolute;
    height: 100% !important;
    width: 100% !important;
    left: 0;
    top: 0
}

.v-sport-mobile.kiron {
    overflow-x: hidden
}

.v-sport-mobile.kiron > iframe {
    position: relative !important;
    height: auto !important;
    max-width: none !important;
    overflow-x: hidden !important;
    min-height: calc(100vh - 101px) !important
}

.betradar .vsm-navigation {
    position: static !important
}

.betradar .vsm-stickyoverlay-container {
    position: static !important;
    margin-top: 0 !important
}

.betradar .vsm-page {
    padding-top: 0 !important
}

.betradar.no-singleclick-promo .vsm-navigation {
    position: fixed !important;
    top: 46px !important
}

.betradar.no-singleclick-promo .vsm-menu-container {
    top: 46px !important
}

.betradar.no-singleclick-promo .vsm-stickyoverlay-container {
    position: fixed !important;
    margin-top: 0 !important;
    top: 46px !important
}

.betradar.no-singleclick-promo .vsm-page {
    padding-top: 40px !important
}

@media screen and (max-width: 1024px) {
    .page.betradar-gamepage .singleclick-cashbox {
        margin-top: 0
    }
}

.error {
    width: 1280px;
    max-width: 96%;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100%;
    padding-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .error {
        text-align: left;
        padding-top: 2rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.error-title, .error-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.error-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff
}

.error-nav li a, .error-wrapper a {
    color: #fff
}

@media (max-width: 1024px) {
    .error-wrapper p {
        margin: .5rem auto
    }

    .error-wrapper p.is-hidden-tablet {
        display: none
    }
}

.error-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1024px) {
    .error-title {
        margin: .2 auto
    }
}

@media (min-width: 1024px) {
    .error-title {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.error-title .error__code {
    color: #e03d22;
    font-size: 36px
}

@media (min-width: 1024px) {
    .error-title .error__code {
        font-size: 100px
    }
}

.error-title .error__description {
    font-size: 20px
}

@media (min-width: 1024px) {
    .error-title .error__description {
        font-size: 36px
    }
}

.error-nav {
    border-top: 1px solid #fff;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 1024px) {
    .error-nav {
        padding: 1rem;
        font-size: 36px
    }
}

@media (max-width: 1024px) {
    .error-nav {
        margin-bottom: 0;
        margin-top: auto
    }
}

.page-404 {
    background: #262633
}

.nxt--allbonuses {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #262634;
    padding: 40px 10px 0;
    max-width: 1205px;
    margin: auto;
    overflow: hidden
}

.nxt--allbonuses .footer {
    width: calc(100% + 20px);
    margin: 42px -10px 0
}

.nxt--allbonuses__section {
    position: relative
}

.nxt--allbonuses__section-arrow--middle-left, .nxt--allbonuses__section-arrow--middle-right, .nxt--allbonuses__section-arrow--row, .nxt--allbonuses__section-coins--middle, .nxt--allbonuses__section-coins--row {
    position: absolute;
    width: 20%;
    height: 20%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 333;
    bottom: -16%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.nxt--allbonuses__section-arrow--middle-left {
    left: 38%;
    background-image: url(/images/img/assets/achivments/allbonus__arrow-1.png)
}

.nxt--allbonuses__section-arrow--middle-right, .nxt--allbonuses__section-arrow--row, .nxt--allbonuses__section-coins--middle, .nxt--allbonuses__section-coins--row {
    background-image: url(/images/img/assets/achivments/allbonus__arrow-2.png);
    right: 19%
}

.nxt--allbonuses__section-arrow--row, .nxt--allbonuses__section-coins--middle, .nxt--allbonuses__section-coins--row {
    width: 18%;
    height: 60%;
    background-image: url(/images/img/assets/achivments/allbonus__arrow-3.png);
    right: 13%;
    bottom: -80%
}

.nxt--allbonuses__section-coins--middle, .nxt--allbonuses__section-coins--row {
    background-image: url(/images/img/assets/achivments/allbonus__coins-1.png);
    right: 10%;
    bottom: -61%
}

.nxt--allbonuses__section-coins--middle {
    width: 17%;
    height: 50%;
    background-image: url(/images/img/assets/achivments/allbonus__coins-2.png);
    right: 32%;
    bottom: -60%
}

.nxt--allbonuses__title {
    text-align: center;
    font-size: 20px;
    font-family: sans-serif;
    color: #d5361e;
    background-color: inherit;
    position: relative;
    text-transform: uppercase
}

.nxt--allbonuses__title::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 4px;
    background-color: #4ebfa7
}

.nxt--allbonuses__title-text {
    position: relative;
    z-index: 4;
    background-color: #262634;
    padding: 0 19px
}

.nxt--allbonuses__item, .nxt--allbonuses__list {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nxt--allbonuses__list {
    padding: 30px 0;
    margin: 0;
    list-style: none;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.nxt--allbonuses__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 214px;
    height: 214px;
    text-align: center;
    background-color: inherit;
    position: relative;
    z-index: 222;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nxt--allbonuses__item:focus, .nxt--allbonuses__item:hover {
    outline: 0
}

.nxt--allbonuses__item:focus::after, .nxt--allbonuses__item:hover::after {
    background-color: rgba(0, 0, 0, .7)
}

.nxt--allbonuses__item:focus .nxt--allbonuses__item-btn, .nxt--allbonuses__item:focus .nxt--allbonuses__item-text, .nxt--allbonuses__item:hover .nxt--allbonuses__item-btn, .nxt--allbonuses__item:hover .nxt--allbonuses__item-text {
    display: block
}

.nxt--allbonuses__item::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: 20;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0
}

.nxt--allbonuses__item:before {
    content: "";
    display: block;
    width: 76.63551401869159%;
    height: 76.63551401869159%;
    background: -webkit-gradient(linear, left bottom, left top, from(#a50105), color-stop(20%, #400405), color-stop(60%, #c80710), color-stop(77%, #d00710), to(#7c1517));
    background: -webkit-linear-gradient(bottom, #a50105, #400405 20%, #c80710 60%, #d00710 77%, #7c1517);
    background: linear-gradient(to top, #a50105, #400405 20%, #c80710 60%, #d00710 77%, #7c1517);
    border-radius: 100%;
    border: 3px solid #4bb9a1;
    -webkit-box-shadow: 0 0 12px 6px rgba(75, 185, 161, .5);
    box-shadow: 0 0 12px 6px rgba(75, 185, 161, .5);
    -webkit-animation-name: DoYoyWantSomeMounatinDew;
    animation-name: DoYoyWantSomeMounatinDew;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.nxt--allbonuses__item-btn, .nxt--allbonuses__item-text {
    display: none;
    position: absolute;
    z-index: 225;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 16px
}

.nxt--allbonuses__item-text {
    margin: 0;
    color: #fff;
    width: 90% !important;
    font-family: sans-serif;
    top: 25%
}

.nxt--allbonuses__item-btn {
    top: 50%;
    max-width: 80%
}

.nxt--allbonuses__item-image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 20
}

.nxt--allbonuses__figure {
    position: relative;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 260px 0
}

.nxt--allbonuses__figure-caption {
    z-index: 222;
    text-align: center;
    font-family: sans-serif;
    color: #d5361e;
    text-transform: uppercase;
    font-size: 40px;
    top: 15%
}

.nxt--allbonuses__figure-btn, .nxt--allbonuses__figure-caption, .nxt--allbonuses__figure-item {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.nxt--allbonuses__figure-btn {
    z-index: 600;
    font-size: 16px;
    top: 60%
}

.nxt--allbonuses__figure-item {
    top: 50%
}

.nxt--allbonuses__figure-girl {
    position: absolute;
    max-width: 20%;
    top: 0;
    left: 0
}

.nxt--allbonuses__figure-girl--2 {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 32.06751054852321%
}

.alarm__article br, .button_achivments-top {
    display: none
}

.nxt--allbonuses__item:focus .button.button_achivments-top, .nxt--allbonuses__item:hover .button.button_achivments-top {
    display: block;
    z-index: 300;
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 40px;
    width: 70%
}

.button_achivments-cashbox {
    top: 80px;
    width: 90%;
    max-width: 210px
}

.button.button_aboutbonuses-bot, .button.button_achivments-bot {
    width: 200px;
    top: -30px;
    display: block;
    margin: 0 auto
}

@media only screen and (max-width: 576px) {
    .nxt--allbonuses__section-arrow--middle-left, .nxt--allbonuses__section-arrow--middle-right, .nxt--allbonuses__section-arrow--row, .nxt--allbonuses__section-coins--middle, .nxt--allbonuses__section-coins--row {
        display: none
    }

    .nxt--allbonuses__figure {
        padding: 240px 0
    }

    .nxt--allbonuses__figure-girl, .nxt--allbonuses__figure-girl--2 {
        display: none
    }

    .nxt--allbonuses__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.text__paragraph {
    color: #fff;
    font-style: normal !important
}

.text-block__link {
    color: #40c4ab
}

.page__paragraph {
    color: #fff;
    font-style: normal !important
}

.page__num-item {
    color: #fff
}

.text_size_big {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 22px
}

.text_size_small {
    font-size: 14px;
    line-height: 1.1;
    margin-bottom: 26px
}

.text_align_left {
    text-align: left !important
}

.text_align_right {
    text-align: right !important
}

.text_align_center {
    text-align: center !important
}

.text_uppercase {
    text-transform: uppercase
}

.text_color_green {
    color: #59cdb5
}

.text_color_orange {
    color: #e03d22
}

.text_color_white {
    color: #fff
}

.text_style_italic {
    font-style: italic
}

.aboutbonuses, .bonus-modal__more a, .promo-bonus-added.it-open .promo-bonus-added-content a {
    color: #fff
}

.button.button_aboutbonuses-bot {
    top: -10px
}

.nxt--tabel {
    margin: 20px auto;
    color: #fff;
    font-size: 20px !important;
    width: 600px;
    vertical-align: middle !important
}

.nxt--tabel__cell {
    border: 1px solid #262634 !important;
    border-radius: 10px;
    text-align: center;
    background: -webkit-gradient(linear, left bottom, left top, from(#1c5248), color-stop(#2e7566), to(#36a28b));
    background: -webkit-linear-gradient(bottom, #1c5248, #2e7566, #36a28b);
    background: linear-gradient(to top, #1c5248, #2e7566, #36a28b);
    color: #fff;
    width: calc(100% / 3);
    font-size: 16px !important
}

.nxt--tabel__cell:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(#2c7f70), color-stop(#3fa18d), to(#50c5ac));
    background: -webkit-linear-gradient(bottom, #2c7f70, #3fa18d, #50c5ac);
    background: linear-gradient(to top, #2c7f70, #3fa18d, #50c5ac)
}

.nxt--tabel__cell--row, .nxt--tabel__cell:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(#b41b0f), to(#de3c21));
    background: -webkit-linear-gradient(bottom, #b41b0f, #de3c21);
    background: linear-gradient(to top, #b41b0f, #de3c21)
}

.table__tbody.nxt--tabel__tbody .nxt--tabel__row {
    line-height: 44px !important;
    border-bottom: none !important
}

@media screen and (max-width: 650px) {
    .nxt--tabel {
        width: 100%
    }
}

.alarm {
    color: #fff;
    max-width: 1260px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    position: fixed;
    top: 84px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1em;
    padding: calc((38px - 1em) / 2) 10px;
    background-color: #fff000;
    z-index: 3001;
    -webkit-box-shadow: inset 0 0 0 1px #e03d22, 0 0 18px 16px rgba(0, 0, 0, .07);
    box-shadow: inset 0 0 0 1px #e03d22, 0 0 18px 16px rgba(0, 0, 0, .07);
    border-radius: 6px
}

.alarm__article {
    margin: 0;
    color: #e03d22;
    font-size: 22px;
    text-align: center
}

.alarm__link {
    color: #e03d22
}

.alarm__close {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 8px;
    top: 10px;
    cursor: pointer;
    padding: 0;
    border: 0;
    background: 0 0
}

.alarm__close:focus, .aside__nav-item.search-input .aside__nav-item--search:focus {
    outline: 0
}

.alarm__close svg {
    position: relative;
    z-index: -1
}

.layout.layout--lk .alarm {
    max-width: 1240px
}

.page--alarm-noiframe {
    padding-top: 80px
}

.alarm-iframe {
    max-width: 1260px
}

.page--alarm {
    padding-top: 45px
}

@media only screen and (max-width: 1024px) {
    .alarm {
        top: 49px
    }

    .page--alarm {
        padding-top: 45px
    }
}

@media only screen and (max-width: 768px) {
    .alarm {
        max-width: 100%;
        top: auto;
        bottom: 0;
        border-radius: 6px 6px 0 0;
        padding: 8px 0 8px 24px
    }

    .alarm__article {
        font-size: 14px
    }

    .alarm__close {
        left: 8px;
        top: 8px;
        display: block
    }
}

@media only screen and (max-width: 576px) {
    .alarm {
        top: auto;
        bottom: 0;
        border-radius: 6px 6px 0 0
    }

    .alarm__close {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-left: 5px
    }

    .alarm__close, .alarm__close svg {
        width: 24px;
        height: 24px
    }

    .alarm__article {
        font-size: 12px;
        text-align: left;
        margin-right: 40px
    }

    .alarm__article br {
        display: block
    }

    .alarm {
        padding: 8px 40px 8px 50px
    }
}

.anchor {
    display: none;
    position: fixed;
    height: 46px;
    width: 46px;
    right: 15px;
    bottom: 71px;
    background-color: #424242;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 3000;
    border: 1px solid #fff;
    border-radius: 3px;
    opacity: .7
}

.anchor:hover {
    background-color: #616161
}

.anchor::after, .anchor::before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.anchor::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background-image: url(/images/img/assets/anchor/up.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 30%
}

.anchor::after {
    content: attr(data-anchor-text);
    top: 70%;
    color: #fff;
    font-size: .6em;
    text-transform: uppercase
}

.aside__nav {
    margin-bottom: 10px
}

.aside__nav-list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside
}

.aside__nav-item {
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    position: relative;
    border-bottom: 1px solid #656565;
    cursor: pointer;
    display: block;
    overflow-x: hidden;
    -ms-overflow-y: hidden
}

.aside__nav-item::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(/images/img/general/arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
    width: 32px;
    overflow: hidden;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.aside__nav-item:hover::after {
    -webkit-animation-name: arrowMenu;
    animation-name: arrowMenu
}

.aside__nav-item.new {
    overflow: visible
}

.aside__nav-item.new::after {
    display: none
}

.aside__nav-item.new::before {
    content: "";
    background: url(/images/img/general/ribbon-new-menu.svg) no-repeat center;
    position: absolute;
    width: 55px;
    height: 29px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: -33px;
    top: 43%;
    pointer-events: none
}

.aside__nav-item:first-child {
    border-radius: 6px 6px 0 0
}

.aside__nav-item:last-child {
    border-radius: 0 0 6px 6px;
    border-bottom: none
}

.aside__nav-item--animate {
    overflow: hidden
}

.aside__nav-item--animate::after {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-name: navArrow;
    animation-name: navArrow;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.aside__nav-item--active {
    background: -webkit-gradient(linear, left top, left bottom, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background: -webkit-linear-gradient(top, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background: linear-gradient(to bottom, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    border-color: #2e7f70
}

.aside__nav-link {
    padding: 17.5px 10px;
    display: block;
    color: #fff;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 0;
    white-space: nowrap
}

.aside__nav-link::-moz-selection {
    background-color: transparent
}

.aside__nav-link::selection {
    background-color: transparent
}

.aside__nav--games .aside__nav-item:first-child {
    border-bottom: none;
    margin-bottom: 10px;
    border-radius: 6px
}

.aside__nav--games .aside__nav-item:nth-child(2) {
    border-radius: 6px 6px 0 0
}

.aside__nav--events .aside__nav-item {
    background: -webkit-gradient(linear, left top, left bottom, from(#de3c21), to(#b41b0f));
    background: -webkit-linear-gradient(top, #de3c21 0, #b41b0f 100%);
    background: linear-gradient(to bottom, #de3c21 0, #b41b0f 100%);
    border-color: #b41b0f
}

.aside__nav--events .aside__nav-item:last-child {
    border-radius: 6px
}

.aside__nav--events .aside__nav-item:nth-child(3) {
    margin-bottom: 10px;
    border-radius: 0 0 6px 6px;
    border-bottom: none
}

.aside__nav-item.search-input::after {
    display: none
}

.aside__nav-item.search-input {
    position: relative;
    line-height: 35px;
    height: 35px
}

.aside__nav-item.search-input .aside__nav-item--search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 90%;
    height: 70%;
    top: 50%;
    left: 50%;
    border-radius: 5px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-left: 25px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTMuOSAxNC4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMy45IDE0LjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMjEyMTIxO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjYsMi4zYy0xLjQsMS40LTEuNCwzLjYsMCw1YzEuNCwxLjQsMy42LDEuNCw1LDBjMS40LTEuNCwxLjQtMy42LDAtNUMxMC4yLDEsOCwxLDYuNiwyLjN6IE0xMi41LDguM0MxMC45LDkuOSw4LjQsMTAuMSw2LjYsOWwtNS4yLDUuMkwwLDEyLjhsNS4xLTUuMUMzLjgsNS44LDQsMy4xLDUuNywxLjRjMS45LTEuOSw1LTEuOSw2LjksMEMxNC40LDMuMywxNC40LDYuNCwxMi41LDguM3oiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 3px 50%;
    background-size: 15px 15px;
    font-size: 14px;
    border: 0;
    outline: 0
}

.aside__nav-item.promo-button {
    position: relative;
    overflow: visible
}

.aside__nav--games.has-tournament .aside__nav-item.tournament:hover:after, .aside__nav-item.promo-button:hover::after {
    -webkit-animation: none;
    animation: none
}

.aside__nav-item.promo-button .lightbalb {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: .5;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ddd;
    z-index: 400
}

.aside__nav-item.promo-button .lightbalb:nth-child(1) {
    top: -14%;
    left: 5%
}

.aside__nav-item.promo-button .lightbalb:nth-child(2) {
    top: -14%;
    left: 11.4%
}

.aside__nav-item.promo-button .lightbalb:nth-child(3) {
    top: -14%;
    left: 17.8%
}

.aside__nav-item.promo-button .lightbalb:nth-child(4) {
    top: -14%;
    left: 24.2%
}

.aside__nav-item.promo-button .lightbalb:nth-child(5) {
    top: -14%;
    left: 30.6%
}

.aside__nav-item.promo-button .lightbalb:nth-child(6) {
    top: -14%;
    left: 37%
}

.aside__nav-item.promo-button .lightbalb:nth-child(7) {
    top: -14%;
    left: 43.4%
}

.aside__nav-item.promo-button .lightbalb:nth-child(8) {
    top: -14%;
    left: 49.8%
}

.aside__nav-item.promo-button .lightbalb:nth-child(9) {
    top: -14%;
    left: 56.2%
}

.aside__nav-item.promo-button .lightbalb:nth-child(10) {
    top: -14%;
    left: 62.6%
}

.aside__nav-item.promo-button .lightbalb:nth-child(11) {
    top: -14%;
    left: 69%
}

.aside__nav-item.promo-button .lightbalb:nth-child(12) {
    top: -14%;
    left: 75.4%
}

.aside__nav-item.promo-button .lightbalb:nth-child(13) {
    top: -14%;
    left: 81.8%
}

.aside__nav-item.promo-button .lightbalb:nth-child(14) {
    top: -14%;
    left: 88.2%
}

.aside__nav-item.promo-button .lightbalb:nth-child(15) {
    top: -14%;
    left: 94.2%
}

.aside__nav-item.promo-button .lightbalb:nth-child(16) {
    top: -4%;
    left: 100.9%
}

.aside__nav-item.promo-button .lightbalb:nth-child(17) {
    top: 47%;
    left: 101.7%
}

.aside__nav-item.promo-button .lightbalb:nth-child(18) {
    top: 105%;
    left: 100.9%
}

.aside__nav-item.promo-button .lightbalb:nth-child(19) {
    top: 114%;
    left: 94.6%
}

.aside__nav-item.promo-button .lightbalb:nth-child(20) {
    top: 114%;
    left: 88.2%
}

.aside__nav-item.promo-button .lightbalb:nth-child(21) {
    top: 114%;
    left: 81.8%
}

.aside__nav-item.promo-button .lightbalb:nth-child(22) {
    top: 114%;
    left: 75.4%
}

.aside__nav-item.promo-button .lightbalb:nth-child(23) {
    top: 114%;
    left: 69%
}

.aside__nav-item.promo-button .lightbalb:nth-child(24) {
    top: 114%;
    left: 62.6%
}

.aside__nav-item.promo-button .lightbalb:nth-child(25) {
    top: 114%;
    left: 56.2%
}

.aside__nav-item.promo-button .lightbalb:nth-child(26) {
    top: 114%;
    left: 49.8%
}

.aside__nav-item.promo-button .lightbalb:nth-child(27) {
    top: 114%;
    left: 43.3%
}

.aside__nav-item.promo-button .lightbalb:nth-child(28) {
    top: 114%;
    left: 37%
}

.aside__nav-item.promo-button .lightbalb:nth-child(29) {
    top: 114%;
    left: 30.6%
}

.aside__nav-item.promo-button .lightbalb:nth-child(30) {
    top: 114%;
    left: 24.2%
}

.aside__nav-item.promo-button .lightbalb:nth-child(31) {
    top: 114%;
    left: 17.8%
}

.aside__nav-item.promo-button .lightbalb:nth-child(32) {
    top: 114%;
    left: 11.4%
}

.aside__nav-item.promo-button .lightbalb:nth-child(33) {
    top: 114%;
    left: 5%
}

.aside__nav-item.promo-button .lightbalb:nth-child(34) {
    top: 107%;
    left: -.5%
}

.aside__nav-item.promo-button .lightbalb:nth-child(35) {
    top: 49%;
    left: -1.8%
}

.aside__nav-item.promo-button .lightbalb:nth-child(36) {
    top: -4%;
    left: -1.8px
}

.aside__nav-item.promo-button.odd .lightbalb:nth-child(even) {
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px 7px rgba(255, 255, 255, .5);
    box-shadow: 0 0 12px 7px rgba(255, 255, 255, .5);
    opacity: 1
}

.aside__nav-item.promo-button.all .lightbalb {
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px 7px rgba(255, 255, 255, .5);
    box-shadow: 0 0 12px 7px rgba(255, 255, 255, .5);
    opacity: 1
}

@media only screen and (max-width: 980px) {
    .userbar__change {
        width: 28px !important;
        height: 28px !important;
        left: 2px !important
    }

    .aside__nav {
        width: calc(100% + 16px);
        margin: 0 -8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative
    }

    .aside__nav::before {
        display: block;
        content: "";
        position: absolute;
        height: calc(100% - 2px);
        width: 40px;
        z-index: 33;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
        background-image: url(/images/img/general/arrow.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

    .aside__nav-item--active::before, .aside__nav::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .aside__nav::after {
        height: calc(100% - 2px);
        z-index: 33;
        background-image: url(/images/img/general/arrow.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 40px;
        right: 0
    }

    .aside__nav-list {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 16px;
        background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
        background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
        background: linear-gradient(to bottom, #424242 0, #343434 100%);
        overflow: scroll
    }

    .aside__nav-link {
        min-width: 94px;
        margin-left: 34px
    }

    .aside__nav-item {
        border: 0;
        background: inherit;
        text-align: center;
        border-bottom: none;
        overflow-x: visible
    }

    .aside__nav-item:hover {
        overflow: visible
    }

    .aside__nav-item--active {
        background: inherit;
        border-color: #656565
    }

    .aside__nav-item--active::before {
        width: 10px;
        height: 10px;
        background-color: #24bb9d;
        right: 100%;
        border-radius: 50%
    }

    .aside__nav-item::after {
        display: none
    }

    .aside__nav-item:first-child {
        border-radius: 6px 0 0 6px
    }

    .aside__nav-item:last-child {
        border-radius: 0 6px 6px 0
    }
}

@media only screen and (max-width: 576px) {
    .aside__nav-item--active {
        background: inherit;
        border-color: #656565
    }

    .aside__nav-item--active::before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        background-color: #24bb9d;
        position: absolute;
        left: 24px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border-radius: 50%
    }
}

.aside__nav--games.has-tournament .aside__nav-item:first-child {
    border-bottom: 1px solid #656565;
    margin-bottom: 0;
    border-radius: 6px 6px 0 0
}

.aside__nav--games.has-tournament .aside__nav-item.tournament {
    margin-bottom: 10px;
    border-radius: 0 0 6px 6px;
    border-bottom: 0;
    overflow: visible
}

.aside__nav--games.has-tournament .aside__nav-item.tournament .tournament__timer {
    float: right;
    margin-right: 45px
}

.aside__nav--games.has-tournament .aside__nav-item.tournament:after {
    height: 28px;
    width: 55px;
    background: url(/images/img/assets/asideNav/aside_tournament.png) no-repeat center;
    right: -5px
}

.aside__nav--games.has-tournament .aside__nav-item:nth-child(3) {
    border-radius: 6px 6px 0 0
}

.start {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 2px;
    height: 214px
}

.start__logo {
    width: calc(100% - 8px);
    height: 175px;
    background-image: url(/images/img/general/bonus/frame.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: relative;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: arrowanimate;
    animation-name: arrowanimate;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    max-width: 250px;
    margin: 0 auto
}

.start__logo__header {
    width: 100%;
    text-align: center;
    padding-top: 25px;
    font-size: 22px
}

.start__logo__header__up {
    display: block;
    color: #5f5;
    text-shadow: 0 0 10px #0f0, 0 0 20px #0f0
}

.start__logo__header__down {
    color: #f55;
    text-shadow: 0 0 10px red, 0 0 20px red
}

.start__logo::after {
    content: "";
    display: block;
    width: 20%;
    height: 32.57142857142857%;
    position: absolute;
    left: 50%;
    top: 66%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-image: url(/images/img/general/bonus/arrow-flur.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.start__button {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 80.62015503875969%
}

.js-bonus-switcher > * {
    display: none
}

.promo-bonus-added {
    height: 48px;
    width: 85px;
    position: fixed;
    right: 15px;
    bottom: 128px;
    background-color: #424242;
    border: 2px solid #a9a9a9;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    overflow: visible;
    z-index: 655;
    border-radius: 4px
}

.promo-bonus-added__wrapper {
    position: relative
}

.promo-bonus-added-gift {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 45px
}

.promo-bonus-added-content {
    position: absolute;
    width: 250px;
    right: auto;
    top: 0;
    opacity: 0;
    -webkit-transition: right .2s;
    transition: right .2s
}

.promo-bonus-added-close {
    display: none
}

.promo-bonus-added-close--open {
    display: block;
    top: 20px !important;
    right: auto;
    left: 10px
}

.promo-bonus-added-controlBtn {
    position: absolute;
    display: inline-block;
    width: 80px;
    height: 50px;
    cursor: pointer;
    top: 0;
    right: 0
}

.promo-bonus-added-controlBtn::before {
    content: "";
    position: absolute;
    height: 35px;
    border: 1px solid #a9a9a9;
    top: 6px;
    right: 46px
}

.promo-bonus-added-controlBtn-ar {
    position: absolute;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18px;
    left: 5px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transition: border .2s linear;
    transition: border .2s linear;
    -webkit-animation-name: arrowShining;
    animation-name: arrowShining;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-direction: alternate-reverse;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.promo-bonus-added-controlBtn-ar2 {
    left: 15px
}

.promo-bonus-added.it-open .promo_image-bonusV1-circle {
    display: block;
    position: absolute;
    width: 80px;
    left: -22px;
    top: -22px
}

.promo-bonus-added.it-open {
    overflow: hidden;
    position: fixed;
    width: 400px;
    height: 180px;
    left: 886px;
    top: 85px;
    border-color: #3fc9af;
    -webkit-box-shadow: 0 0 8px 2px #2e7f70, inset 0 0 8px 2px #2e7f70;
    box-shadow: 0 0 8px 2px #2e7f70, inset 0 0 8px 2px #2e7f70;
    border-radius: 6px
}

.promo-bonus-added.it-open .promo-bonus-added-gift {
    top: 50%;
    left: 28px
}

.promo-bonus-added.it-open .promo-bonus-added-content {
    position: absolute;
    display: block;
    right: 60px;
    top: 0;
    opacity: 1;
    width: 250px;
    height: 110px;
    text-align: center;
    color: #fff
}

.popUp_bonusV1-content--open h4, .promo-bonus-added.it-open .promo-bonus-added-content h4 {
    margin-top: 5px;
    margin-bottom: 5px
}

.popUp_bonusV1-content--open p, .promo-bonus-added.it-open .promo-bonus-added-content p {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: .9em
}

.promo-bonus-added.it-open .promo-bonus-added-controlBtn {
    right: -39px;
    top: 2px
}

.promo-bonus-added.it-open .promo-bonus-added-controlBtn::before {
    top: 6px;
    right: 88px
}

.promo-bonus-added.it-open .promo-bonus-added-controlBtn-ar1, .promo-bonus-added.it-open .promo-bonus-added-controlBtn-ar2 {
    -webkit-animation: none;
    animation: none;
    border-color: #3fc9af
}

.promo-bonus-added.it-open .promo-bonus-added-close {
    display: block;
    top: 20px !important;
    right: auto;
    left: 10px
}

.promo-bonus-added.it-open .promo-bonus-added-gift .gift__line {
    border-color: #ff0084;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (max-width: 1360px) {
    .promo-bonus-added.it-open {
        left: 754px
    }
}

@media screen and (max-width: 1024px) {
    .promo-bonus-added-controlBtn-ar {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        left: 48px
    }

    .promo-bonus-added-controlBtn-ar2 {
        left: 56px
    }

    .promo-bonus-added-controlBtn::before {
        right: 37px
    }

    .promo-bonus-added-gift {
        left: 5px
    }

    .page-modal_shadow {
        overflow: hidden;
        position: relative
    }

    .page-modal_shadow::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 650 !important;
        background-color: rgba(0, 0, 0, .7)
    }

    .promo-bonus-added, .promo-bonus-added.it-open {
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    .promo-bonus-added {
        position: fixed;
        top: 35%;
        z-index: 655 !important;
        -webkit-transition: none;
        transition: none;
        right: auto;
        left: -24px
    }

    .promo-bonus-added.it-open {
        max-width: 400px;
        height: 235px;
        right: 50%;
        left: auto;
        top: calc(35% + 80px)
    }

    .promo-bonus-added.it-open .promo-bonus-added-content {
        width: 100%;
        right: 0
    }

    .promo-bonus-added.it-open .promo-bonus-added-gift {
        left: 46%;
        width: 30px;
        top: 35%;
        background-repeat: no-repeat
    }

    .promo-bonus-added.it-open .promo-bonus-added-gift img {
        width: 65px;
        left: -18px;
        top: -18px
    }

    .promo-bonus-added.it-open .promo-bonus-added-content h4 {
        margin-bottom: 60px
    }

    .promo-bonus-added.it-open .promo-bonus-added-controlBtn {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        right: -38px;
        top: 1px
    }

    .promo-bonus-added.it-open .promo-bonus-added-gift .gift__wrapper {
        width: 48px !important;
        height: 44px !important
    }

    .promo-bonus-added.it-open .promo-bonus-added-gift .gift__line {
        border-color: #ff0084;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .promo-bonus-added.it-open .promo-bonus-added-controlBtn::before {
        right: -5px
    }
}

@media screen and (max-width: 425px) {
    .promo-bonus-added {
        position: fixed;
        right: auto;
        left: -30px
    }

    .promo-bonus-added.it-open {
        width: 95%;
        right: 50%;
        left: auto
    }
}

@media screen and (min-width: 1024px) {
    .promo-bonus-added.it-open.promo-bonus-added-alarmline {
        top: 127px
    }
}

:root {
    --bonus-pres-color: #db3a20
}

.layout--bonuses {
    max-width: none;
    width: 100%;
    min-height: calc(100vh - 80px)
}

.bonus-page {
    width: 100%;
    padding: 1em 0;
    max-width: 1280px;
    margin: 0 auto
}

.bonus-page__header {
    margin-top: 0;
    color: #fff;
    font-size: 20px;
    text-align: center
}

.bonus-page__list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bonus-page__item {
    height: 400px;
    background-color: #424242;
    border-radius: 6px;
    border: 3px solid var(--bonus-pres-color);
    -webkit-box-shadow: 0 0 1em var(--bonus-pres-color), inset 0 0 1em var(--bonus-pres-color);
    box-shadow: 0 0 1em var(--bonus-pres-color), inset 0 0 1em var(--bonus-pres-color);
    overflow: hidden;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.bonus-page__item:last-child {
    margin-right: 0 !important
}

@media (min-width: 1024px) {
    .bonus-page__item {
        margin-right: 2em;
        width: 280px
    }
}

.bonus-page__item:hover {
    -webkit-animation-name: card-shining-active;
    animation-name: card-shining-active
}

.bonus-page__item:hover .bonus-card__picture__present, .owl-item.active .bonus-page__item .bonus-card__picture__present, .sidebar .sidebar__item--tv-games a:hover:after {
    -webkit-animation: none;
    animation: none
}

.bonus-page__item:hover .bonus-card__picture__ball, .owl-item.active .bonus-page__item .bonus-card__picture__ball {
    -webkit-animation-name: ball-jumping;
    animation-name: ball-jumping
}

.bonus-page__item:hover .bonus-card__picture__roulette, .owl-item.active .bonus-page__item .bonus-card__picture__roulette {
    -webkit-animation-name: roulette-spin;
    animation-name: roulette-spin
}

.bonus-page__item:hover .bonus-card__picture.trade #chart-line path, .owl-item.active .bonus-page__item .bonus-card__picture.trade #chart-line path {
    -webkit-animation: chart-line 3s infinite linear;
    animation: chart-line 3s infinite linear
}

.bonus-page__item:hover .bonus-card__picture.trade .chart__point, .owl-item.active .bonus-page__item .bonus-card__picture.trade .chart__point {
    -webkit-animation: chart-point 3s infinite linear;
    animation: chart-point 3s infinite linear
}

.bonus-page__item:hover .bonus-card__picture.trade .chart__arrows svg:first-of-type, .owl-item.active .bonus-page__item .bonus-card__picture.trade .chart__arrows svg:first-of-type {
    -webkit-animation: chart-arrow-up 1s infinite linear;
    animation: chart-arrow-up 1s infinite linear
}

.bonus-page__item:hover .bonus-card__picture.trade .chart__arrows svg:last-of-type, .owl-item.active .bonus-page__item .bonus-card__picture.trade .chart__arrows svg:last-of-type {
    -webkit-animation: chart-arrow-down 1s infinite linear;
    animation: chart-arrow-down 1s infinite linear
}

.bonus-page__item:hover .bonus-card__picture__slot::before, .owl-item.active .bonus-page__item .bonus-card__picture__slot::before {
    -webkit-animation-name: slot-handle;
    animation-name: slot-handle
}

.bonus-page__item:hover .bonus-card__picture__blur1, .owl-item.active .bonus-page__item .bonus-card__picture__blur1 {
    -webkit-animation-name: blur-seven-1;
    animation-name: blur-seven-1
}

.bonus-page__item:hover .bonus-card__picture__blur2, .owl-item.active .bonus-page__item .bonus-card__picture__blur2 {
    -webkit-animation-name: blur-seven-2;
    animation-name: blur-seven-2
}

.bonus-page__item:hover .bonus-card__picture__blur3, .owl-item.active .bonus-page__item .bonus-card__picture__blur3 {
    -webkit-animation-name: blur-seven-3;
    animation-name: blur-seven-3
}

.bonus-page__item.sport {
    --bonus-pres-color: #24bb9d;
    border-color: #64e1c8;
    -webkit-box-shadow: 0 0 .7em var(--bonus-pres-color), inset 0 0 .7em var(--bonus-pres-color);
    box-shadow: 0 0 .7em var(--bonus-pres-color), inset 0 0 .7em var(--bonus-pres-color)
}

.bonus-page__item.sport:hover {
    -webkit-animation-name: card-shining-green-active !important;
    animation-name: card-shining-green-active !important
}

.bonus-page__item.casino {
    --bonus-pres-color: red;
    border-color: #eb8676
}

.bonus-page__item.trade {
    --bonus-pres-color: #fdb62c;
    border-color: #fed991
}

.bonus-card {
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 4em 1.5em 1.5em;
    position: relative
}

.bonus-card__header {
    margin-top: 0;
    background-image: url(/images/img/assets/bonus-page/bonus-label.svg);
    height: 2.6em;
    line-height: 2.6em;
    background-repeat: no-repeat;
    background-size: 100% 2.6em;
    position: absolute;
    top: .3em;
    right: -4px;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.bonus-card__picture {
    height: 11.5em;
    width: 13em;
    margin: 0 auto;
    position: relative;
    cursor: pointer
}

.bonus-card__picture__coins {
    background-image: url(/images/img/assets/bonus-page/bonus-coins.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute
}

.bonus-card__picture__coins::before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(/images/img/assets/bonus-page/blind3.png);
    background-repeat: no-repeat;
    background-position: 50% -6%;
    -webkit-animation-name: coins-blink;
    animation-name: coins-blink;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s
}

.bonus-card__picture__ball, .bonus-card__picture__coins::before, .bonus-card__picture__present, .bonus-card__picture__roulette {
    position: absolute;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.bonus-card__picture__present {
    background: url(/images/img/assets/bonus-page/bonus-present.svg) no-repeat;
    background-position: 64% 100%;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-animation-name: persent-incline;
    animation-name: persent-incline;
    -webkit-animation-duration: .65s;
    animation-duration: .65s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.bonus-card__picture__ball, .bonus-card__picture__roulette {
    right: 3%;
    bottom: 0
}

.bonus-card__picture__ball {
    background: url(/images/img/assets/bonus-page/bonus-ball.svg) no-repeat;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    background-position: 50%;
    background-size: contain;
    width: 47%;
    height: 47%;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.bonus-card__picture__roulette {
    background: url(/images/img/assets/bonus-page/bonus-roolete.svg) no-repeat;
    background-position: 50% !important;
    background-size: contain !important;
    width: 55%;
    height: 55%;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.bonus-card__picture__chart {
    bottom: 0;
    position: absolute
}

.bonus-card__picture__chart #chart-line path {
    opacity: 0;
    stroke-dasharray: 350
}

.bonus-card__picture__chart .chart__point {
    opacity: 0;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    border: 4px solid rgba(253, 182, 44, .5);
    top: 52%;
    left: -1%
}

.bonus-card__picture__chart .chart__arrows {
    position: absolute;
    top: 0;
    right: 0
}

.bonus-card__picture__slot {
    background: url(/images/img/assets/bonus-page/bonus-slot.png) no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 70%;
    height: 70%;
    left: 55%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 65%;
    position: absolute
}

.bonus-card__picture__blur, .bonus-card__picture__slot::before {
    position: absolute;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.bonus-card__picture__slot::before {
    content: "";
    background: url(/images/img/assets/bonus-page/bonus-slot-handle.png) no-repeat;
    background-position: 50%;
    background-size: contain;
    bottom: 10%;
    right: -14%;
    -webkit-transform-origin: 50% 66%;
    transform-origin: 50% 66%;
    width: 20%;
    height: 43%
}

.bonus-card__picture__blur {
    visibility: hidden;
    width: 13%;
    height: 19%;
    background: url(/images/img/assets/bonus-page/bonus-slot-blur-2.png) no-repeat center;
    top: 65%;
    left: 38%
}

.bonus-card__picture__blur2 {
    left: 57%
}

.bonus-card__picture__blur3 {
    left: 76%
}

.bonus-card__description {
    height: 5em;
    position: relative
}

.bonus-card__text {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.bonus-card__text .text-red {
    color: #db3a20;
    font-weight: 700
}

.bonus-card__btn {
    width: 100%;
    max-width: 200px
}

.bonus-card__link {
    margin-top: .5em;
    color: #fff;
    display: block;
    font-size: .8em
}

.bonus-modal__footer .bonus-card__btn {
    margin-right: 15px;
    margin-bottom: 15px
}

.bonus-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3001;
    color: #fff;
    background: #262634
}

.bonus-modal__header {
    font-size: 20px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#333)), #000;
    background: -webkit-linear-gradient(top, #424242 0, #333 100%), #000;
    background: linear-gradient(180deg, #424242 0, #333 100%), #000;
    height: 34px;
    line-height: 34px
}

.bonus-modal__content {
    width: 100%;
    padding: 1em;
    max-width: 1280px;
    margin: 0 auto;
    max-height: calc(100vh - 34px);
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bonus-modal__content header, .bonus-modal__footer {
    text-align: center
}

.bonus-modal__more {
    display: block;
    padding: 1rem;
    text-align: center
}

.bonus-modal__more a:after {
    content: "";
    background: url(/images/img/assets/form/select/arrow.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 8px
}

.bonus-modal__more a.arrow-up:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.owl-item .bonus-page__item {
    margin-top: 1em;
    margin-bottom: 1em
}

.owl-item.active .bonus-page__item {
    -webkit-animation-name: card-shining-active;
    animation-name: card-shining-active
}

.bonus-decline {
    padding: 2rem 1rem;
    text-align: center
}

.bonus-decline a {
    color: #a9a9a9
}

.bonus-timers {
    background: url(/images/img/assets/bonus-timers/clouds-money.png) no-repeat top left, url(/images/img/assets/bonus-timers/clouds-money.png) no-repeat top right;
    color: #fff;
    text-align: center;
    padding-bottom: 30px
}

.bonus-timers-main__wrapper {
    max-width: 580px;
    margin: 0 auto
}

.bonus-timers-main-header {
    margin: 0;
    font-size: 20px
}

.bonus-timers-main-subheader {
    font-size: 16px;
    font-weight: 400
}

.bonus-timers__btn {
    padding: 5px 35px !important;
    border-radius: 10px !important
}

.bonus-timers__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 40px
}

.bonus-timers__list .bonus-timers__item {
    margin-bottom: 80px;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px;
    width: 300px
}

.bonus-timers__list.timers__list-hidden {
    display: none;
    visibility: hidden
}

@media screen and (max-width: 700px) {
    .bonus-timers {
        background: 0 0
    }
}

.popup.bonuses-popup {
    max-width: 850px
}

.popup.bonuses-popup .bonus-modal::-webkit-scrollbar, .popup.bonuses-popup::-webkit-scrollbar {
    display: none
}

.popup.bonuses-popup .bonus-page__header {
    display: none
}

.popup.bonuses-popup .bonus-modal {
    -webkit-overflow-scrolling: touch;
    overflow: scroll
}

.popup.bonuses-popup .bonus-modal__header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50000
}

.popup.bonuses-popup .bonus-modal__content header {
    margin-top: 2em
}

.popup.bonuses-popup .cashbox__close {
    z-index: 50005;
    cursor: pointer !important;
    position: fixed
}

@media screen and (max-width: 1024px) {
    .popup.bonuses-popup {
        top: 2%;
        -webkit-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0)
    }

    .popup.bonuses-popup .bonus-modal__content {
        padding-bottom: 100px
    }

    .popup.bonuses-popup .bonus-decline {
        padding: .25rem 1rem
    }

    .popup.bonuses-popup .bonus-page__item {
        margin-top: 0
    }
}

.cashbox {
    background-color: inherit
}

.cashbox__title {
    display: block;
    color: #fff;
    font-family: sans-serif;
    background-color: #212121;
    text-align: center;
    font-size: 20px;
    margin: 0;
    font-weight: 400;
    padding: 4px 10px
}

.cashbox__nav {
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    font-size: 20px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 6px;
    overflow: hidden
}

.cashbox__nav-item, .cashbox__nav-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cashbox__nav-list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%
}

.cashbox__nav-item {
    display: block;
    width: 50%
}

.cashbox__nav-button {
    color: #a9a9a9;
    border: 0;
    background-color: inherit;
    padding: 4.5px 10px;
    margin: 0;
    position: relative;
    text-decoration: none;
    width: 100%;
    border-bottom: 2px solid transparent;
    display: block;
    text-align: center
}

.cashbox__nav-button:focus {
    outline: 0;
    color: #fff
}

.cashbox__nav-button--active {
    color: #fff;
    background-color: rgba(0, 0, 0, .1);
    border-bottom: 2px solid #24bb9d
}

.cashbox__list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.cashbox__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% / 5 - 4px);
    height: 132px;
    background-color: #f9f9f9;
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    border: 2px solid #dcdcdc;
    border-top: none;
    margin: 0 2px 5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-transition: background-color 60ms ease-in-out;
    transition: background-color 60ms ease-in-out
}

.cashbox__item-image {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 67.5%;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0)
}

@media screen and (min-width: 1024px) {
    .cashbox__item:hover {
        background-color: #d2d2d2
    }
}

.cashbox__item::after, .cashbox__item::before {
    content: "";
    display: block;
    width: calc(100% + 2px);
    height: 100%;
    border: 2px solid #dcdcdc;
    position: absolute;
    border-radius: 8px
}

.cashbox__item::after {
    left: -3px
}

.cashbox__item::before {
    top: -10px;
    left: -3px
}

.cashbox__item::after {
    top: -6px
}

.cashbox__item--active {
    background-color: #d2d2d2
}

.cashbox__item--active .cashbox-in {
    width: calc(100% * 5);
    left: 0;
    top: 100%;
    position: absolute !important
}

.cashbox.no-scroll {
    overflow-y: hidden
}

.cashbox-summary {
    color: #fff;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0
}

.cashbox-summary .cashbox-summary__checkbox {
    display: none
}

.cashbox-summary .cashbox-summary__label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cashbox-summary .cashbox-summary__label--box {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-top: 3px;
    background-color: transparent;
    border: 1px solid #c4c4c4;
    margin-right: 5px
}

.cashbox-summary .cashbox-summary__checkbox:checked + .cashbox-summary__label .cashbox-summary__label--box {
    background: url(/images/img/general/min-svg/checked.svg) no-repeat center;
    background-size: 70%
}

@media only screen and (max-width: 1240px) {
    .cashbox .cashbox-out__section--main {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .cashbox .cashbox-out .cashbox-cardnumber {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .cashbox .cashbox-out .cashbox-carddate {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .cashbox .cashbox-out .cashbox-cardowner {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .cashbox .cashbox-out .phone--cashbox {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .cashbox .cashbox-out .cashbox-out__submit {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
}

@media only screen and (max-width: 1024px) {
    .cashbox__item {
        width: calc(100% / 4 - 4px)
    }

    .cashbox .cashbox-summary {
        border-top: 1px solid #fff;
        padding-top: 5px;
        margin-top: 10px
    }
}

@media only screen and (max-width: 1012px) {
    .cashbox .cashbox-in__section {
        width: 100%;
        max-width: 770px
    }

    .cashbox .cashbox-in__submit {
        width: 100%;
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
        margin-top: 10px
    }
}

@media only screen and (max-width: 980px) {
    .cashbox .cashbox-out__section--main {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .cashbox .cashbox-out .cashbox-cardnumber {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .cashbox .cashbox-out .cashbox-carddate {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .cashbox .cashbox-out .cashbox-cardowner {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .cashbox .cashbox-out .phone--cashbox {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .cashbox .cashbox-out .cashbox-out__submit {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .cashbox .cashbox-in {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .cashbox .cashbox-in__header {
        width: 100%;
        max-width: 770px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 933px) {
    .cashbox .cashbox-out__section--main {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .cashbox .cashbox-out .cashbox-cardnumber {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .cashbox .cashbox-out .cashbox-carddate {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .cashbox .cashbox-out .cashbox-cardowner {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .cashbox .cashbox-out .phone--cashbox {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .cashbox .cashbox-out .cashbox-out__submit {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
}

@media only screen and (max-width: 707px) {
    .cashbox .cashbox-out__section--main {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 421px;
        margin: auto
    }

    .cashbox .cashbox-out .cashbox-cardowner, .cashbox .cashbox-out .cashbox-out__submit, .cashbox .cashbox-out .phone--cashbox {
        width: 100%
    }
}

@media only screen and (max-width: 567px) {
    .cashbox__item {
        width: calc(100% / 3 - 4px);
        background-size: 75%;
        height: calc((100vw / 3 - 4px) - 13vw)
    }

    .cashbox .cashbox__nav {
        font-size: 16px
    }
}

@media only screen and (max-width: 448px) {
    .cashbox .cashbox-in__submit {
        width: 100%;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .cashbox .cashbox-in__submit .cashbox-sum .cashbox-sum__input {
        width: 100%
    }
}

@media only screen and (max-width: 425px) {
    .cashbox-in .cashbox__list {
        display: block;
        font-size: 0
    }

    .cashbox-in .cashbox__item {
        display: inline-block
    }
}

.footer {
    padding-right: 10px;
    padding-left: 10px
}

.footer-wrapper {
    max-width: 1280px
}

.footer__accent {
    padding-left: 92px
}

.footer__link {
    text-decoration: none;
    color: #fff;
    font-size: .75em
}

.footer__logo {
    width: 46%;
    height: 90px;
    padding: 0 0 0 92px;
    display: block
}

.footer__logo-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__list {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: block
}

.footer__list-item {
    font-size: .875em
}

.footer__label {
    font-size: 1em
}

.footer__top, .footer__top-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__top {
    width: 100%;
    border-bottom: 1px solid #777;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0
}

.footer__top-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 0
}

.footer__top-label {
    width: 100%;
    margin: 0 0 8px
}

.footer__middle {
    width: 100%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #777;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.footer__middle .footer__middle-wrapper {
    width: 35%;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%
}

.footer__middle .footer__middle-wrapper:last-child {
    width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.footer__middle-wrapper {
    padding-left: 0;
    padding-right: 0
}

.footer__middle-text {
    font-size: .75em;
    color: #a9a9a9
}

.footer__middle-list-item {
    position: relative;
    padding-left: 92px;
    font-size: .75em
}

.footer__middle-list-item::before {
    position: absolute;
    left: 76px;
    top: 6px;
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    margin-right: 6px;
    background-image: url(/images/img/general/min-svg/checked.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

.footer__league {
    width: 100%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0
}

.footer__league-item {
    width: 60px;
    height: 28px;
    display: block
}

.footer__league__link {
    position: relative
}

.footer__league__link-image {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out
}

.footer__league__link:hover .footer__league__link-image:first-child {
    opacity: 1
}

.footer__league__link:hover .footer__league__link-image:last-child {
    opacity: 0
}

.footer__comercial {
    background-color: #212121;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% + 20px);
    margin: 0 -10px
}

.footer__comercial .footer-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__comercial-item {
    padding: 0 1px;
    height: 28px;
    margin: 4px 0
}

.footer__comercial-item.eighteen {
    width: 36px;
    height: 36px
}

.footer__comercial-item.cirasao {
    width: 32px;
    height: 36px;
    background: url(/images/img/assets/footer/cira-2.webp) no-repeat 50%;
    background-size: contain;
    position: relative
}

.footer__comercial-item.hovercolor {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}

.footer__comercial-item.hovercolor:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.footer__comercial-item:nth-child(6) {
    width: 70px
}

.footer__comercial .footer-wrapper {
    margin: auto
}

.footer__copyright {
    width: 100%;
    padding: 10px 0;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center
}

.footer__copyright-label {
    text-align: center;
    font-size: .625em;
    color: #a9a9a9;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.footer__copyright-logo, .games .button.button_gray::after {
    display: none
}

.footer__copyright-tn {
    margin-left: 60px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.partners__label {
    font-size: .75em;
    color: #fff;
    text-decoration: none
}

.partners__link {
    padding: 7px 0;
    margin: auto;
    width: 50px;
    display: block
}

.footer__media {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 1em 0;
    border-bottom: 1px solid #777;
    max-width: 1280px
}

.footer__media-list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    font-size: 0;
    text-align: justify
}

.footer__media-list::after, .footer__media-list::before {
    content: "";
    display: block;
    width: 100%;
    height: 0
}

.footer__media-list::after {
    visibility: hidden;
    overflow: hidden;
    display: inline-block
}

.footer__media-item {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    width: 33.33333%
}

.footer__media-item:nth-child(2) {
    -webkit-transform: translateX(-9%);
    transform: translateX(-9%)
}

.footer__media-item:last-child {
    width: 19%
}

.footer__media-title {
    font-size: 16px;
    margin-bottom: 1em;
    color: #fff
}

.footer__media-article {
    text-align: left;
    color: #fafafa
}

.footer__media-logo {
    float: left;
    margin-right: 16px;
    clear: right;
    display: block
}

.footer__media-logo, .footer__media-logo svg {
    width: 49px;
    height: 49px
}

.footer__media-logo svg circle {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.footer__media-logo:hover circle {
    fill: #38b399 !important
}

.footer__media-social {
    cursor: pointer
}

.footer__media-link {
    color: #fff;
    text-shadow: 0 0 .5em #fff;
    cursor: pointer;
    -webkit-transition: text-shadow .18s ease-in-out;
    transition: text-shadow .18s ease-in-out;
    text-decoration: none
}

.footer__media-link:hover {
    text-shadow: 0 0 .1em #fff;
    color: #f5f5f5
}

.pinup__logo-svg {
    width: 48%;
    margin-top: 20px;
    margin-right: 20px;
    height: 60px;
    background: url(/images/img/general/min-svg/pinup.svg) no-repeat 80% 50%;
    background-size: contain;
    float: right
}

.footer-vendors__link {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s;
    margin-left: 11px
}

.footer-vendors__link.cirasao.hide {
    background: 0 0
}

.footer-vendors__link.sp-netend {
    width: 114px;
    height: 42px;
    background: url(/images/img/general/min-svg/sp-netent.svg) no-repeat center;
    background-size: 100%
}

.footer-vendors__link.sp-microgaming {
    width: 123px;
    height: 32px;
    background: url(/images/img/general/min-svg/sp-microgaming.svg) no-repeat center;
    background-size: contain
}

.footer-vendors__link.sp-endorphina {
    width: 72px;
    height: 30px;
    background: url(/images/img/general/min-svg/sp-endorphina.svg) no-repeat center;
    background-size: contain
}

.footer-vendors__link.sp-spinomenal {
    width: 170px;
    height: 31px;
    background: url(/images/img/general/min-svg/sp-spinomenal.svg) no-repeat center;
    background-size: contain
}

.footer-vendors__link.sp-habanero {
    width: 148px;
    height: 31px;
    background: url(/images/img/general/min-svg/sp-habanero.svg) no-repeat center;
    background-size: contain
}

.footer-vendors__link.sp-pariplay {
    width: 113px;
    height: 31px;
    background: url(/images/img/general/min-svg/sp-pariplay.svg) no-repeat center;
    background-size: contain
}

.footer-vendors__link.sp-ezugi {
    width: 106px;
    height: 44px;
    background: url(/images/img/general/min-svg/sp-ezugi.svg) no-repeat center;
    background-size: contain
}

.footer-vendors__link:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

@media only screen and (min-width: 1024px) {
    .footer__league-item:nth-child(1) {
        width: 30px
    }

    .footer__league-item:nth-child(2) {
        width: 120px
    }

    .footer__league-item:nth-child(3) {
        width: 78px
    }

    .footer__league-item:nth-child(4), .footer__league-item:nth-child(5) {
        width: 38px;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    .footer__league-item:nth-child(5) {
        width: 71px
    }

    .footer__league-item:nth-child(6) {
        width: 143px
    }

    .footer__league-item:nth-child(7) {
        width: 85px
    }

    .footer__league-item:nth-child(8) {
        width: 38px;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    .footer__league-item:nth-child(9) {
        width: 31px;
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    .footer__league-item:nth-child(10) {
        width: 166px
    }

    .footer__league-item:nth-child(11) {
        width: 89px
    }

    .footer__league-item:nth-child(12) {
        width: 50px
    }
}

@media only screen and (max-width: 1024px) {
    .footer__middle-wrapper:not(:first-child) {
        display: none
    }

    .footer__middle-wrapper:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        text-align: center
    }

    .footer__league, .footer__top {
        display: none
    }

    .footer__media {
        border: 0;
        padding: .65em 0 .35em
    }

    .footer__media-item {
        width: 100%
    }

    .footer__media-item:nth-child(2), .footer__media-item:nth-child(3) {
        display: none
    }

    .footer__media-title {
        text-align: center;
        font-size: 14px
    }

    .footer__media-logo {
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%)
    }

    .footer__media-article {
        max-width: 225px;
        margin: auto;
        white-space: nowrap
    }

    .footer__copyright-logo {
        display: block;
        height: 30px;
        width: 115px
    }

    .footer__copyright-tn {
        display: none
    }

    .footer__comercial .footer-wrapper {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media only screen and (max-width: 576px) {
    .footer {
        display: block
    }

    .footer__comercial {
        display: block;
        font-size: 0;
        text-align: center
    }

    .footer__comercial-item {
        font-size: 16px;
        display: inline-block;
        width: calc(100% / 4);
        padding: 0 10px
    }

    .footer__copyright {
        display: block
    }

    .footer__copyright-logo {
        float: left;
        margin-top: 10px
    }
}

.fullreg__title {
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 0 25%;
    font-size: 20px;
    text-align: center;
    line-height: 35px;
    margin: 0;
    color: #fff;
    font-weight: 400
}

.fullreg__wrapper {
    display: block;
    max-width: 834px;
    margin: auto;
    color: #fff;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fullreg__field {
    display: block;
    max-width: 300px
}

.fullreg__input, .fullreg__label {
    display: block;
    margin: 3px 0
}

.fullreg__item {
    width: 50%
}

.fullreg__item--right .fullreg__field {
    margin: auto 0 auto auto
}

.fullreg__submit {
    text-align: center;
    width: 100%;
    margin: 20px 0 0
}

.fullreg .popup-checklist__text {
    text-align: left
}

@media only screen and (max-width: 576px) {
    .fullreg__item {
        width: 100%
    }

    .fullreg__item .fullreg__field, .fullreg__item--right .fullreg__field {
        margin: auto
    }
}

.game-preloader {
    z-index: 5000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #424242;
    -webkit-transition-property: opacity, z-index;
    transition-property: opacity, z-index;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    opacity: 1
}

.game-preloader.hidden {
    opacity: 0;
    z-index: -1
}

.game-preloader__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 150px
}

.preloader-anim {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preloader-anim__circle {
    margin-right: 5px;
    border-radius: 50%;
    background-color: #24bb9d;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.preloader-anim__circle:nth-child(1) {
    width: 10px;
    height: 10px;
    -webkit-animation-name: preloader-circle-1;
    animation-name: preloader-circle-1
}

.preloader-anim__circle:nth-child(2) {
    width: 13px;
    height: 13px;
    -webkit-animation-name: preloader-circle-2;
    animation-name: preloader-circle-2
}

.preloader-anim__circle:nth-child(3) {
    width: 16px;
    height: 16px;
    margin-right: 0;
    -webkit-animation-name: preloader-circle-3;
    animation-name: preloader-circle-3
}

.games__list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.games__list-item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    padding-right: 10px;
    margin-bottom: 10px
}

.games__list-item:nth-child(5n) {
    padding-right: 0
}

.games__item {
    position: relative
}

.games__item:focus {
    outline: 0
}

.games__item-pic {
    overflow: hidden
}

.games__item-content, .games__item-pic {
    position: relative
}

.games__item-title {
    display: block;
    color: #fff
}

.games__item-image {
    display: block;
    width: 100%;
    height: 143px;
    overflow: hidden;
    position: relative;
    border-radius: 5px
}

.games__item-image img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.68, 0, .43, .92);
    transition: transform .5s cubic-bezier(.68, 0, .43, .92);
    transition: transform .5s cubic-bezier(.68, 0, .43, .92), -webkit-transform .5s cubic-bezier(.68, 0, .43, .92)
}

.games__item-title {
    position: relative;
    text-overflow: ellipsis;
    overflow-x: hidden;
    padding: .25em 19px .25em 0;
    white-space: nowrap
}

.games__item-control {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    display: none
}

.games__item-control-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%
}

.games__item-control .button, .games__item-control-link {
    display: block;
    color: #fff;
    text-align: center;
    margin: auto;
    width: 65%;
    min-width: 105px
}

.games__item-control-link {
    -webkit-transition: color .1s ease-out;
    transition: color .1s ease-out;
    margin: .5em auto auto;
    text-decoration: none
}

.games__item-control-link:hover {
    text-decoration: underline;
    color: #f2f2f2
}

.games__item:hover .games__item-control {
    display: block
}

.games__item:hover .games__item-image img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.games__list-item.has-tournament .games__item:hover .games__item-control {
    z-index: 1
}

.games__item-favorite {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
    overflow: visible
}

.games__item-favorite span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-image: url(/images/img/general/sprite_star.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 2900%
}

.games__item-favorite:focus span, .games__item-favorite:hover span {
    background-position: 3.571428571428571%
}

.games__item-favorite.active span {
    background-position: right
}

.games .button.button_gray {
    display: block;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#de3c21), to(#b41b0f));
    background: -webkit-linear-gradient(top, #de3c21 0, #b41b0f 100%);
    background: linear-gradient(to bottom, #de3c21 0, #b41b0f 100%);
    border: 1px solid #bc2502
}

.r-free::before, .r-hot::before, .r-new::before {
    pointer-events: none;
    content: "";
    position: absolute;
    left: -5px;
    top: 3px;
    height: 30px;
    width: 100%;
    z-index: 1;
    background-position: left;
    background-repeat: no-repeat
}

.r-free::before {
    background-image: url(/images/img/general/min-svg/ribbon-freespins.svg)
}

.r-hot::before {
    background-image: url(/images/img/general/min-svg/ribbon-hot.svg)
}

.r-new::before {
    background-image: url(/images/img/general/min-svg/ribbon-new.svg)
}

@media only screen and (max-width: 1024px) {
    .games__list-item {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .games__list-item:nth-child(5n) {
        padding-right: 10px
    }

    .games__list-item:nth-child(4n) {
        padding-right: 0
    }

    .games__item-title {
        white-space: nowrap;
        overflow-x: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: block;
        max-width: calc(100% - 19px)
    }
}

@media only screen and (max-width: 1023px) {
    .focuswithin .games__item:hover .games__item-control {
        display: none
    }

    .focuswithin .games__item:hover .games__item-image img {
        -webkit-transform: none;
        transform: none
    }

    .focuswithin .games__item:focus-within {
        outline: 0
    }

    .focuswithin .games__item:focus-within .games__item-control {
        display: block
    }

    .focuswithin .games__item:focus-within .games__item-image img {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@media only screen and (max-width: 576px) {
    .games__item-title {
        margin-top: 5px
    }

    .games__list-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .games__list-item:nth-child(4n) {
        padding-right: 10px
    }

    .games__list-item:nth-child(2n) {
        padding-right: 0
    }

    .games__list-item:nth-child(even) .games__item-favorite {
        right: 5px
    }
}

@media only screen and (max-width: 340px) {
    .games__item-image {
        height: 120px
    }
}

.games__list-item.has-tournament::after {
    content: "";
    display: block;
    background: url(/images/img/assets/banner/banner--vegas/tournament.png) no-repeat center;
    background-size: contain;
    width: 59px;
    height: 92px;
    position: absolute;
    left: 1rem;
    top: 0
}

.gamepage, .gamepage__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gamepage {
    font-family: Helvetica, Arial, sans-serif;
    background-color: #0c0c11;
    height: 100vh;
    overflow: hidden
}

.gamepage__wrapper {
    height: calc(100% - 63px);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.now-winning {
    height: 73px;
    max-width: 100vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 75px);
    background-color: rgba(0, 0, 0, .7)
}

.now-winning .rail2__list-item {
    border-radius: 6px !important;
    margin: 10px !important
}

.gestbar__list {
    height: inherit;
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: block
}

.gestbar__form, .gestbar__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gestbar__item {
    position: relative;
    padding: 0 4px
}

.gestbar__form {
    line-height: 35px;
    padding: 0 10px;
    border-radius: 6px;
    border: 0;
    max-width: 200px;
    height: 35px
}

.gestbar__form::-webkit-input-placeholder {
    color: #a9a9a9
}

.gestbar__form:-ms-input-placeholder, .gestbar__form::-ms-input-placeholder {
    color: #a9a9a9
}

.gestbar__form::placeholder {
    color: #a9a9a9
}

.gestbar__form:focus {
    outline: 0;
    -webkit-box-shadow: inset 2px 2px 8px 2px rgba(0, 0, 0, .25);
    box-shadow: inset 2px 2px 8px 2px rgba(0, 0, 0, .25)
}

.gestbar__change {
    display: inline-block;
    color: #fff;
    background-color: #24bb9d;
    font-weight: 600;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 380px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.gestbar__change:focus {
    outline: 0
}

.gestbar {
    line-height: 45px
}

.gestbar__list {
    font-size: 0
}

.gestbar__item {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    line-height: 1em
}

.header, .header__bottom, .header__row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header {
    top: 0;
    left: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    padding: 0 4px;
    -webkit-box-shadow: 0 0 18px 16px rgba(0, 0, 0, .15);
    box-shadow: 0 0 18px 16px rgba(0, 0, 0, .15);
    z-index: 3000;
    position: fixed
}

.header.heder--23-feb {
    background-image: url(/images/img/assets/header/23-feb-header.jpg)
}

.header::before, .header__row::after {
    content: "";
    display: block;
    position: absolute
}

.header::before {
    left: 0;
    width: 10%;
    z-index: 47;
    top: 0;
    height: 100%
}

.header__bottom, .header__row {
    position: relative
}

.header__row::after {
    width: calc(100% - 250px);
    height: 1px;
    background-color: #656565;
    top: 100%;
    right: 0
}

.header__row .userbar .button {
    padding: 0 32px
}

.header__row .gestbar, .header__row .userbar {
    text-align: right;
    margin-left: auto
}

.header__bottom--hidden {
    display: none
}

.header .logo {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 215px;
    height: 75%;
    background-size: contain !important;
    background: url(/images/img/assets/header/logo_casino.svg) no-repeat center;
    z-index: 48
}

@media (min-width: 1024px) {
    .header .logo {
        margin-left: 20px
    }
}

.header .logo img {
    height: 100%
}

.header .burger {
    display: none;
    visibility: hidden
}

.header.trade .logo {
    background-size: contain;
    background-image: url(/images/img/assets/header/logo_trade.svg)
}

.userbar__item-switcher {
    display: inline-block
}

.userbar__item-switcher-inner {
    background-color: #d8dcdc
}

.userbar__item-switcher--active .userbar__item-switcher-peg {
    background-color: #3fa18d
}

.userbar__item-switcher--active .userbar__item-switcher-inner {
    left: calc(100% - 7px)
}

.userbar__item-switcher-link {
    display: none;
    background: url(/images/img/minified-svg/information-signal.svg) no-repeat center;
    width: 23px;
    height: 23px;
    margin-top: 11px
}

.userbar__item-switcher-disabled {
    width: 23px;
    padding: 0 !important
}

.userbar__item-switcher-disabled .userbar__item-switcher-peg {
    display: none
}

.userbar__item-switcher-disabled .userbar__item-switcher-link {
    display: inline-block
}

.currency_disable .js--currentCurrency {
    color: #777 !important
}

.header.fifa__2018 {
    background: url(/images/img/minified-svg/fifa-bkg.svg), -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: url(/images/img/minified-svg/fifa-bkg.svg), -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: url(/images/img/minified-svg/fifa-bkg.svg), linear-gradient(to bottom, #424242 0, #343434 100%)
}

@media only screen and (max-width: 1240px) {
    .header .logo {
        width: 15%
    }

    .header__row::after {
        width: calc(100% - 190px)
    }
}

@media only screen and (max-width: 1024px) {
    .header {
        border-bottom: 1px solid #6a6a6a;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .header .logo {
        background: url(/images/img/assets/header/pinup.svg) no-repeat center !important;
        background-size: contain !important
    }

    .header .logo img {
        position: relative;
        top: 2px
    }

    .header .userbar .button {
        padding: 0 16px !important
    }

    .header__bottom {
        display: block;
        visibility: visible
    }

    .header__row {
        text-align: right;
        border: 0
    }

    .header .userbar {
        display: inline-block;
        max-width: none !important;
        margin-left: auto
    }

    .header .userbar__item {
        display: none;
        padding: 0
    }

    .header .userbar__item--mobile {
        display: inline-block !important;
        margin-right: 8px
    }

    .header .userbar__item--all {
        display: inline-block !important;
        text-align: right
    }

    .header .gestbar__item {
        visibility: hidden;
        padding: 0
    }

    .header .gestbar__item .gestbar__form, .header .gestbar__item .social, .header::before {
        display: none
    }

    .header .gestbar__item .gestbar__auth .button {
        margin-right: 6px
    }

    .header .gestbar__item .button {
        display: inline-block;
        visibility: visible;
        padding: 0 10px
    }

    .header .logo {
        width: 80px !important;
        left: 10%;
        margin-top: -10px
    }

    .header .burger {
        display: inline-block !important;
        visibility: visible !important;
        position: absolute;
        left: 4px;
        top: 50%;
        width: 35px;
        height: 35px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .header.fifa__2018 {
        background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
        background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
        background: linear-gradient(to bottom, #424242 0, #343434 100%)
    }
}

.jackpot {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 300px;
    overflow: hidden
}

.jackpot::after, .jackpot::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background-position: center
}

.jackpot::before {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: -webkit-radial-gradient(circle closest-side, #830e12, #8c030a, rgba(140, 3, 10, 0));
    background-image: radial-gradient(circle closest-side, #830e12, #8c030a, rgba(140, 3, 10, 0));
    width: 292px;
    height: 292px;
    z-index: 40
}

.jackpot::after {
    width: 300px;
    height: 300px;
    background-image: url(/images/img/general/jackpot/line.svg);
    background-repeat: no-repeat;
    background-size: 500%;
    z-index: 42;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
    -webkit-animation-name: rotateInf;
    animation-name: rotateInf;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    overflow: hidden;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.jackpot__figure, .jackpot__figure-caption {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.jackpot__figure {
    width: 100%;
    z-index: 46;
    top: 50%
}

.header .logo img, .jackpot__figure-picture img {
    display: block;
    width: 100%
}

.jackpot__figure-caption {
    color: #830d11;
    text-align: center;
    top: 56%;
    font-size: 1.55em;
    font-weight: 400;
    font-family: Impact;
    letter-spacing: 1.7px;
    white-space: nowrap;
    cursor: default;
    -webkit-filter: drop-shadow(.7px .7px #830d11);
    filter: drop-shadow(.7px .7px #830d11);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5), 1px 2px 2px rgba(0, 0, 0, .2)
}

.jackpot__figure-caption::-moz-selection {
    background-color: transparent
}

.jackpot__figure-caption::selection {
    background-color: transparent
}

.jackpot .button {
    display: block;
    text-align: center;
    margin: auto;
    width: calc(100% - 20px);
    z-index: 46;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.gamepage__aside .jackpot {
    height: 225px
}

.gamepage__aside .jackpot__figure {
    top: 43%
}

.language-select {
    color: #fff;
    width: 70px;
    text-align: right;
    right: 0;
    top: 45px;
    position: fixed;
    z-index: 5005;
    margin-left: auto
}

@media all and (max-width: 1024px) {
    .language-select {
        background: -webkit-linear-gradient(top, #424242 0, #343434 56px);
        background: linear-gradient(to bottom, #424242 0, #343434 56px);
        top: 44px
    }
}

.language-select-current {
    font-size: .6em;
    padding-right: 1em;
    line-height: 54px;
    background-position: 1em center;
    background-size: 26px;
    background-repeat: no-repeat;
    position: relative;
    height: 35px
}

@media all and (min-width: 1024px) {
    .language-select-current {
        line-height: 35px
    }
}

@media all and (max-width: 1024px) {
    .language-select-current {
        line-height: 57px;
        height: 57px;
        background-image: none
    }
}

.language-select-current::before {
    -webkit-transition: all .2s;
    transition: all .2s;
    position: absolute;
    top: 14px;
    right: 12px;
    border-bottom: 5px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #fff;
    content: "";
    height: 0;
    width: 0
}

@media all and (max-width: 1024px) {
    .language-select-current::before {
        top: 25px
    }
}

.language-select-list {
    display: none;
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%)
}

.language-select-list a {
    color: #fff;
    text-decoration: none
}

.language-select-list_item {
    text-transform: uppercase;
    line-height: 45px;
    border-bottom: 1px solid #0f0f0f;
    padding-right: .5em;
    background-position: .5em center;
    background-size: 26px;
    background-repeat: no-repeat;
    cursor: pointer
}

.language-select-list_item:hover {
    color: #24bb9d
}

@media (hover: hover) {
    .language-select:hover .language-select-current {
        color: #24bb9d
    }
}

.language-select.language-select--opened .language-select-list {
    display: block
}

.language-select.language-select--opened .language-select-current::before {
    border-bottom: 5px solid #24bb9d;
    border-top: 5px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 8px
}

@media all and (max-width: 1024px) {
    .language-select.language-select--opened .language-select-current::before {
        top: 18px
    }
}

[data-language=en] {
    background-image: url(/images/img/assets/language_select/en.svg)
}

[data-language=gb] {
    background-image: url(/images/img/assets/language_select/gb.svg)
}

[data-language=fr] {
    background-image: url(/images/img/assets/language_select/fr.svg)
}

[data-language=de] {
    background-image: url(/images/img/assets/language_select/de.svg)
}

[data-language=ru] {
    background-image: url(/images/img/assets/language_select/ru.svg)
}

[data-language=ua] {
    background-image: url(/images/img/assets/language_select/ua.svg)
}

[data-language=tr] {
    background-image: url(/images/img/assets/language_select/tr.svg)
}

@media screen and (max-width: 1024px) {
    .sidebar.sidebar--hidden + .language-select {
        display: none
    }

    .language-select {
        position: fixed;
        right: 0;
        top: 46px
    }
}

.main__section--winrs {
    display: none
}

@media only screen and (min-width: 680px) {
    .main__section--winrs {
        display: block
    }
}

.information__title {
    font-size: 1.25em;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin: 0 0 15px
}

.article nav ul, .information__list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside
}

.information__item {
    display: block;
    margin-bottom: 3px
}

.information__link {
    color: #fff;
    font-size: 1em;
    display: block;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    border-radius: 10px;
    text-decoration: none
}

.lottery-info__title {
    margin-top: -40px !important;
    font-size: 37px;
    line-height: 40px
}

.lottery-info__arrow {
    width: 60px !important;
    height: 60px !important
}

.lottery-info__header {
    display: inline-block;
    vertical-align: middle;
    margin: 0 40px;
    font-size: 37px;
    position: relative;
    top: 13px
}

.lottery-info__subtitle {
    padding-bottom: 20px;
    padding-top: 0;
    font-size: 19px;
    line-height: 40px
}

.lottery-info__subarrow {
    width: 30px;
    height: 30px
}

.lottery-info__subheader {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px
}

.lottery-info__description {
    color: #fff;
    padding: 1em 6em;
    text-align: justify;
    line-height: 1.4em
}

.lottery-info__car {
    width: 100%;
    height: 300px;
    margin-bottom: 3em
}

.lottery-info__car-img {
    background-image: url(/images/img/assets/lottery-info/car.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 80%;
    height: 100%
}

.lottery-info__cannon {
    width: 49.5%;
    height: 300px;
    display: inline-block
}

.lottery-info__cannon-img {
    background-image: url(/images/img/assets/lottery-info/canon.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 80%;
    height: 100%
}

.lottery-info__macbook {
    width: 49.5%;
    height: 300px;
    display: inline-block
}

.lottery-info__macbook-img {
    background-image: url(/images/img/assets/lottery-info/mac.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 80%;
    height: 100%
}

.lottery-info__qopter {
    width: 33%;
    height: 250px;
    display: inline-block
}

.lottery-info__qopter-img {
    background-image: url(/images/img/assets/lottery-info/quadro.png);
    background-position: 50% 86%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 80%;
    height: 100%
}

.lottery-info__iphone {
    width: 33%;
    height: 250px;
    display: inline-block
}

.lottery-info__iphone-img {
    background-image: url(/images/img/assets/lottery-info/iphonex.png);
    background-position: 50% 70%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 80%;
    height: 100%
}

.lottery-info__watch {
    width: 33%;
    height: 250px;
    display: inline-block
}

.lottery-info__watch-img {
    background-image: url(/images/img/assets/lottery-info/watch.png);
    background-position: 50% 73%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 80%;
    height: 100%
}

.lottery-info__freespins {
    width: 24.5%;
    height: 220px;
    display: inline-block;
    padding-bottom: 3em
}

.lottery-info__freespins-img {
    background-image: url(/images/img/assets/lottery-info/freespin.png);
    background-position: 50% 31%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 80%;
    height: 100%
}

.lottery-info__pincoin {
    width: 24.5%;
    height: 220px;
    display: inline-block;
    padding-bottom: 3em
}

.lottery-info__pincoin-img {
    background-image: url(/images/img/assets/lottery-info/pincoin.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 80%;
    height: 100%
}

.lottery-info__100kbon {
    width: 24.5%;
    height: 220px;
    display: inline-block;
    padding-bottom: 3em
}

.lottery-info__100kbon-img {
    background-image: url(/images/img/assets/lottery-info/bonus.png);
    background-position: 50% 60%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 80%;
    height: 100%
}

.lottery-info__100krub {
    width: 24.5%;
    height: 220px;
    display: inline-block;
    padding-bottom: 3em
}

.lottery-info__100krub-img {
    background-image: url(/images/img/assets/lottery-info/money.png);
    background-position: 50% 35%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 80%;
    height: 100%
}

.lottery-info__prize {
    text-align: center;
    margin-top: 3em;
    margin-bottom: 3em
}

.lottery-info__prize--header {
    color: #fff;
    text-align: center
}

.lottery-info__prize--header-main {
    color: #48b49d
}

.button.button_red.button_lottery-info {
    display: block;
    margin: 50px auto 0;
    width: 250px
}

.popup__btn_style_enter.lottery {
    margin-top: 3em
}

@media screen and (max-width: 1024px) {
    .lottery-info__title {
        padding-top: 20px
    }

    .lottery-info__prize--header {
        font-size: 1.2em
    }

    .lottery-info__prize.lottery-info__iphone, .lottery-info__prize.lottery-info__qopter, .lottery-info__prize.lottery-info__watch {
        width: 32.5%
    }
}

@media screen and (max-width: 800px) {
    .lottery-info__arrow {
        width: 8vw !important;
        height: 8vw !important
    }

    .lottery-info__header {
        margin: 0 20px;
        font-size: 5vw;
        top: 1.9vw
    }

    .lottery-info__title {
        font-size: 26px;
        line-height: normal
    }

    .lottery-info__subarrow {
        width: 3vw;
        height: 3vw
    }

    .lottery-info__subheader {
        margin: 0 10px
    }

    .lottery-info__subtitle {
        font-size: 13px;
        line-height: 19px
    }

    .lottery-info__description {
        padding: 0 15px;
        font-size: 14px
    }

    .popup__btn_style_enter.lottery {
        margin-top: 2em;
        height: 48px
    }

    .popup__btn_style_enter.lottery .btn__text {
        line-height: 46px
    }

    .popup__btn_style_enter.lottery .btn__arrow {
        height: 44px
    }

    .lottery-info__prize--header {
        font-size: 1em
    }

    .lottery-info__prize {
        margin-top: 2em;
        margin-bottom: 2em
    }
}

@media screen and (max-width: 689px) {
    .lottery-info__prize.lottery-info__iphone, .lottery-info__prize.lottery-info__qopter, .lottery-info__prize.lottery-info__watch {
        width: 32%
    }

    .lottery-info__prize--header {
        font-size: .8em
    }

    .lottery-info__prize.lottery-info__100kbon, .lottery-info__prize.lottery-info__100krub, .lottery-info__prize.lottery-info__freespins, .lottery-info__prize.lottery-info__pincoin {
        width: 24%
    }

    .lottery-info__qopter-img {
        background-position: 50% 74%
    }

    .lottery-info__freespins-img {
        background-position: 50% 47%
    }

    .lottery-info__100krub-img {
        background-position: 50% 54%
    }

    .lottery-info__header {
        margin: 0 20px;
        font-size: 5vw;
        top: 1vw
    }
}

@media screen and (max-width: 560px) {
    .lottery-info__prize.lottery-info__100kbon, .lottery-info__prize.lottery-info__100krub, .lottery-info__prize.lottery-info__cannon, .lottery-info__prize.lottery-info__car, .lottery-info__prize.lottery-info__freespins, .lottery-info__prize.lottery-info__iphone, .lottery-info__prize.lottery-info__macbook, .lottery-info__prize.lottery-info__pincoin, .lottery-info__prize.lottery-info__qopter, .lottery-info__prize.lottery-info__watch {
        width: 100%;
        height: 200px
    }

    .lottery-info__prize--header {
        font-size: 1.7em
    }
}

@media screen and (max-width: 510px) {
    .lottery-info__arrow {
        display: none
    }

    .lottery-info__header {
        margin: 0 2px;
        top: .3vw;
        font-size: 4.5vw
    }

    .lottery-info__title {
        font-size: 30px;
        line-height: 30px;
        padding-bottom: 2vw !important
    }

    .lottery-info__subarrow {
        width: 15px;
        height: 15px
    }

    .lottery-info__subheader {
        margin: 0 7px
    }

    .lottery-info__subtitle {
        font-size: 10px;
        line-height: 15px
    }

    .lottery-info__prize--header {
        font-size: 1.3em
    }
}

@media screen and (max-width: 380px) {
    .lottery-info__header {
        margin: 0 2px;
        top: -.4vw
    }
}

@media screen and (max-width: 370px) {
    .lottery-info__arrow {
        display: none !important
    }
}

.main__header {
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    border-radius: 6px;
    font-size: 1.25em;
    line-height: 35px;
    margin-bottom: 10px
}

.main__header--games, .main__header--winrs {
    display: none
}

.main__header--games .main__header-list, .main__header--winrs .main__header-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px
}

.main__header--games .main__header-item, .main__header--winrs .main__header-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.main__header--games .main__header-link, .main__header--winrs .main__header-link {
    color: #fff;
    text-decoration: none;
    position: relative
}

.main__header--games .main__header-link--active, .main__header--winrs .main__header-link--active {
    color: #fff;
    font-weight: 400
}

.main__header--games .main__header-link--active::before, .main__header--winrs .main__header-link--active::before, .nav__link--active::before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #24bb9d;
    border-radius: 50%;
    top: 50%;
    left: -20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main__header--games .main__header-link:focus, .main__header--winrs .main__header-link:focus, .nav__link:focus {
    outline: 0;
    color: #fff;
    font-weight: 400
}

.main__header--games .main__header-link:focus::before, .main__header--winrs .main__header-link:focus::before, .nav__link:focus::before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #24bb9d;
    border-radius: 50%;
    top: 50%;
    left: -20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 680px) {
    .main__header--games, .main__header--winrs {
        display: block
    }
}

.row {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 5px
}

.row__aside {
    width: calc(20% - 10px);
    margin-right: 10px
}

.row__slider {
    width: 80%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 1240px) {
    .row__slider {
        width: 75%
    }

    .row__aside {
        width: calc(25% - 10px);
        margin-right: 10px
    }
}

@media only screen and (max-width: 980px) {
    .row__slider {
        width: 100%;
        height: 23vw;
        min-height: 225px !important
    }

    .row__aside {
        display: none !important;
        visibility: hidden !important
    }
}

@media only screen and (max-width: 576px) {
    .row {
        display: block
    }

    .row__slider {
        width: 100%;
        height: 44vw;
        min-height: 145px !important
    }
}

.nav {
    max-width: 900px;
    margin: auto
}

.nav__list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    font-size: 20px
}

.nav__item {
    line-height: 34px;
    text-align: center
}

.nav__link {
    text-decoration: none;
    color: #a9a9a9;
    position: relative
}

.nav__link--active {
    color: #fff;
    font-weight: 400
}

.nav__new {
    position: relative
}

.nav__new:after {
    background: url(/images/img/general/sidebar/new_forTV.svg) no-repeat center;
    height: 17px;
    content: "";
    width: 42px;
    position: absolute;
    display: block;
    top: 0;
    right: -37px
}

.nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-dropdown {
    display: none;
    color: #a9a9a9
}

@media screen and (max-width: 1500px) {
    .nav {
        max-width: 70vw;
        margin-right: 6vw
    }
}

@media screen and (max-width: 1240px) {
    .nav {
        max-width: 73vw;
        margin-right: 7vw
    }

    .nav__item.hide-1240 {
        display: none
    }

    .nav-dropdown {
        display: block;
        position: relative;
        padding-bottom: 20px;
        top: 10px
    }

    .nav-dropdown__list {
        margin: 0;
        text-indent: 0;
        list-style: none;
        list-style-position: outside;
        background-color: #424242;
        left: 50%;
        top: 34px;
        width: 200px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        position: absolute;
        padding: 5px 0 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        display: none;
        opacity: 0;
        -webkit-transition: all .4s;
        transition: all .4s
    }

    .nav-dropdown__item {
        margin: 0 7px 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid #777
    }

    .nav-dropdown__item:hover .nav__link {
        color: #fff
    }

    .nav-dropdown__item:last-child {
        border: 0
    }

    .nav-dropdown:hover {
        color: #fff
    }

    .nav-dropdown:hover .nav-dropdown__list, .nav-dropdown__list:hover {
        display: block;
        opacity: 1
    }
}

.notice {
    position: fixed;
    right: 0;
    top: 88px;
    max-width: 483px;
    width: 483px;
    height: auto;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 5px;
    -webkit-transform: translateX(-2%);
    transform: translateX(-2%);
    z-index: 4878787;
    -webkit-transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
    -webkit-animation: .37s linear 1 none NoticeIntDesktop;
    animation: .37s linear 1 none NoticeIntDesktop
}

.notice, .notice * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.notice--hidden {
    -webkit-transform: translateX(100%) !important;
    transform: translateX(100%) !important
}

.notice__containter {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 16px
}

.notice__close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    cursor: pointer;
    display: block
}

.notice__close:hover::after, .notice__close:hover::before {
    background-color: #777
}

.notice__close::after, .notice__close::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #a9a9a9;
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    width: 100%;
    height: 3px;
    top: 50%;
    left: 50%
}

.notice__close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.notice__close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.notice__text {
    text-align: center;
    font-size: 1em;
    color: #fff;
    margin: 0
}

@media only screen and (max-width: 1024px) {
    .notice {
        top: 62px
    }
}

@media only screen and (max-width: 576px) {
    .notice, .notice:after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .notice {
        background-color: rgba(0, 0, 0, .85);
        max-width: auto;
        top: 8px;
        -webkit-box-shadow: 0 -6px 24px 12px rgba(0, 0, 0, .45);
        box-shadow: 0 -6px 24px 12px rgba(0, 0, 0, .45);
        -webkit-animation: .37s linear 1 none NoticeIntMobile;
        animation: .37s linear 1 none NoticeIntMobile;
        width: calc(100% - 20px)
    }

    .notice:after {
        content: "";
        display: block;
        height: 3px;
        width: calc(100% - 10px);
        border-radius: 4px;
        background-color: #777;
        position: absolute;
        bottom: 5px
    }

    .notice--hidden {
        -webkit-transform: translateX(125%) !important;
        transform: translateX(125%) !important
    }

    .notice--active {
        background-color: rgba(61, 61, 61, .85);
        -webkit-box-shadow: 0 -6px 24px 12px rgba(0, 0, 0, .1);
        box-shadow: 0 -6px 24px 12px rgba(0, 0, 0, .1);
        -webkit-transform: translateX(-49%);
        transform: translateX(-49%)
    }

    .notice--active::after {
        background-color: #24bb9d
    }

    .notice__containter {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 18px 16px
    }

    .notice__close {
        display: none;
        visibility: hidden
    }
}

.cashbox__close {
    position: absolute;
    top: 3px;
    right: 7px;
    width: 30px;
    height: 30px;
    background-image: url(/images/img/general/min-svg/cross.svg);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}

.popup-cashbox {
    position: fixed;
    top: 81px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%) translateZ(0);
    transform: translateX(-50%) translateZ(0);
    background-color: #61605c;
    border-radius: 10px;
    overflow-x: hidden;
    z-index: 5032;
    width: 960px;
    height: 100%;
    max-height: 80%;
    border: 1px solid #d5d5d5;
    -webkit-box-shadow: 0 0 1em .5em rgba(0, 0, 0, .4);
    box-shadow: 0 0 1em .5em rgba(0, 0, 0, .4)
}

.popup-cashbox .cashbox__list::-webkit-scrollbar, .popup-cashbox::-webkit-scrollbar {
    display: none
}

.popup-cashbox .cashbox__title {
    border-radius: 10px 10px 0 0
}

.popup-cashbox .cashbox__nav {
    border-radius: 0;
    margin: 0
}

.popup-cashbox .cashbox__list {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 10px 10px 5px;
    height: 100%;
    max-height: calc(100% - 85px);
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (min-height: 1180px) {
    .popup-cashbox {
        max-height: 950px
    }
}

@media only screen and (max-width: 1024px) and (min-height: 300px) {
    .popup-cashbox.bonus-height {
        max-height: calc(100% - 137px)
    }
}

@media only screen and (max-width: 1024px) {
    .popup-cashbox {
        width: 95%;
        top: 10px;
        -webkit-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0)
    }

    .popup-cashbox, .popup-cashbox__list {
        overflow-x: hidden
    }
}

@media only screen and (max-height: 639px) {
    .popup-cashbox {
        height: calc(100% - 20px);
        top: 10px;
        overflow-x: hidden;
        -webkit-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
        width: 90%
    }

    .popup-cashbox .cashbox__item {
        background-size: 60%
    }
}

@media only screen and (max-width: 567px) {
    .popup-cashbox {
        height: calc(100% - 20px);
        top: 10px;
        overflow-x: hidden;
        -webkit-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0);
        width: 90%
    }

    .popup-cashbox .cashbox__item {
        background-size: 60%
    }

    .popup-cashbox .cashbox__list {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@media only screen and (max-width: 380px) {
    .popup-cashbox {
        height: calc(100% - 20px);
        top: 10px;
        width: 98%
    }

    .popup-cashbox .cashbox__item {
        background-size: 75%
    }
}

.popup-cashboxhistory {
    position: fixed;
    top: 81px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #61605c;
    border-radius: 10px;
    overflow-x: hidden;
    z-index: 5012;
    width: 960px
}

.popup-cashboxhistory .cashbox__nav {
    border-radius: 0;
    margin-bottom: 5px
}

.popup-cashboxhistory .cashbox-table__container {
    margin: auto;
    padding-bottom: 20px
}

@media only screen and (max-width: 980px) {
    .popup-cashboxhistory {
        width: calc(100% - 20px);
        top: 10px
    }
}

@media only screen and (max-width: 576px) {
    .popup-cashboxhistory {
        width: calc(100% - 10px);
        top: 10px
    }

    .popup-cashboxhistory .cashbox-table__container {
        margin: auto;
        padding-bottom: 5px
    }
}

.popUp_bonusV1 {
    height: 48px;
    width: 85px;
    position: fixed;
    right: 15px;
    bottom: 71px;
    background-color: #424242;
    border: 2px solid #a9a9a9;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    overflow: visible;
    z-index: 655;
    border-radius: 4px
}

.popUp_bonusV1-gift {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 45px
}

.popUp_bonusV1-content {
    position: absolute;
    width: 250px;
    right: auto;
    top: 0;
    opacity: 0;
    -webkit-transition: right .2s;
    transition: right .2s
}

.popUp_bonusV1-close {
    display: none
}

.popUp_bonusV1-close--open {
    display: block;
    top: 20px !important;
    right: auto;
    left: 10px
}

.popUp_bonusV1-controlBtn {
    position: absolute;
    display: inline-block;
    width: 80px;
    height: 50px;
    cursor: pointer;
    top: 0;
    right: 0
}

.popUp_bonusV1-controlBtn::before {
    content: "";
    position: absolute;
    height: 35px;
    border: 1px solid #a9a9a9;
    top: 6px;
    right: 46px
}

.popUp_bonusV1-controlBtn-ar {
    position: absolute;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18px;
    left: 5px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transition: border .2s linear;
    transition: border .2s linear;
    -webkit-animation-name: arrowShining;
    animation-name: arrowShining;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-direction: alternate-reverse;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.popUp_bonusV1-controlBtn-ar2 {
    left: 15px
}

.nxt--introduction__figure:hover::after, .nxt--introduction__figure:hover::before, .promo_image-bonusV1-circle {
    display: none
}

.popUp_bonusV1-gift-open {
    left: 30px
}

.promo_image-bonusV1-circle--open {
    display: block;
    position: absolute;
    width: 80px;
    left: -22px;
    top: -22px
}

.popUp_bonusV1--open {
    overflow: hidden;
    position: fixed;
    width: 400px;
    height: 144px;
    left: 886px;
    top: 85px;
    border-color: #3fc9af;
    -webkit-box-shadow: 0 0 8px 2px #2e7f70, inset 0 0 8px 2px #2e7f70;
    box-shadow: 0 0 8px 2px #2e7f70, inset 0 0 8px 2px #2e7f70;
    border-radius: 6px
}

.popUp_bonusV1-gift--open {
    top: 60%;
    left: 28px
}

.popUp_bonusV1-content--open {
    position: absolute;
    display: block;
    right: 60px;
    top: 0;
    opacity: 1;
    width: 250px;
    height: 110px;
    text-align: center;
    color: #fff
}

.popUp_bonusV1-content--open a {
    color: #fff
}

.popUp_bonusV1-controlBtn--open {
    right: -39px;
    top: 2px
}

.popUp_bonusV1-controlBtn--open::before {
    top: 6px;
    right: 88px
}

.popUp_bonusV1-controlBtn-ar1--open, .popUp_bonusV1-controlBtn-ar2--open {
    -webkit-animation: none;
    animation: none;
    border-color: #3fc9af
}

.gift__layout {
    background-color: #aaa;
    width: 100%;
    height: 100vh;
    padding-top: 50px
}

.gift__wrapper {
    width: 53px;
    height: 53px;
    left: -9px;
    top: -8px;
    position: relative
}

.gift__content {
    position: relateve;
    -webkit-transition: width .5s, height .5s;
    transition: width .5s, height .5s
}

.gift__line {
    position: absolute;
    border: 1px solid #ff55ca;
    background-color: #424242;
    -webkit-box-shadow: 0 0 4px 1px #ff0084, inset 0 0 4px 1px #ff0084;
    box-shadow: 0 0 4px 1px #ff0084, inset 0 0 4px 1px #ff0084
}

.gift__line-1, .gift__line-2, .gift__line-3 {
    width: 50%;
    height: 50%;
    border-radius: 10%;
    top: 55%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 2
}

.gift__line-2, .gift__line-3 {
    width: 10%;
    z-index: 4
}

.gift__line-3 {
    width: 60%;
    height: 13%;
    border-radius: 2px;
    top: 36.5%;
    z-index: 3
}

.gift__line-4 {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-40deg);
    transform: translateY(-50%) translateX(-50%) rotate(-40deg)
}

.gift__line-4, .gift__line-5 {
    width: 30%;
    height: 8%;
    border-radius: 40px;
    border: 1px solid #ff55ca;
    top: 32%;
    z-index: 1
}

.gift__line-4 {
    left: 53%
}

.gift__line-5 {
    left: 47%;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(40deg);
    transform: translateY(-50%) translateX(-50%) rotate(40deg)
}

.open {
    width: 300px;
    height: 180px;
    -webkit-transition: width .5s, height .5s;
    transition: width .5s, height .5s
}

.popUp_bonusV1-gift--open .gift__line {
    border-color: #ff0084;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (max-width: 1360px) {
    .popUp_bonusV1--open {
        left: 754px
    }
}

@media screen and (max-width: 1024px) {
    .popUp_bonusV1-controlBtn-ar {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        left: 48px
    }

    .popUp_bonusV1-controlBtn-ar2 {
        left: 56px
    }

    .popUp_bonusV1-controlBtn::before {
        right: 37px
    }

    .popUp_bonusV1-gift {
        left: 5px
    }

    .page-modal_shadow {
        overflow: hidden;
        position: relative
    }

    .page-modal_shadow::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 650 !important;
        background-color: rgba(0, 0, 0, .7)
    }

    .popUp_bonusV1, .popUp_bonusV1--open {
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    .popUp_bonusV1 {
        position: fixed;
        top: 35%;
        z-index: 655 !important;
        -webkit-transition: none;
        transition: none;
        right: auto;
        left: -24px
    }

    .popUp_bonusV1--open {
        max-width: 400px;
        height: 199px;
        right: 50%;
        left: auto;
        top: calc(35% + 80px)
    }

    .popUp_bonusV1-content--open {
        width: 100%;
        right: 0
    }

    .popUp_bonusV1-gift--open {
        left: 46%;
        width: 30px;
        top: 41%;
        background-repeat: no-repeat
    }

    .popUp_bonusV1-gift--open img {
        width: 65px;
        left: -18px;
        top: -18px
    }

    .popUp_bonusV1-content--open h4 {
        margin-bottom: 60px
    }

    .popUp_bonusV1-controlBtn--open {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        right: -38px;
        top: 1px
    }

    .popUp_bonusV1-gift--open .gift__wrapper {
        width: 48px !important;
        height: 44px !important
    }

    .popUp_bonusV1-gift--open .gift__line {
        border-color: #ff0084;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .popUp_bonusV1-controlBtn--open::before {
        right: -5px
    }
}

@media screen and (max-width: 425px) {
    .popUp_bonusV1 {
        position: fixed;
        right: auto;
        left: -30px
    }

    .popUp_bonusV1--open {
        width: 95%;
        right: 50%;
        left: auto
    }
}

@media screen and (min-width: 1024px) {
    .popUp_bonusV1--open.popUp_bonusV1-alarmline {
        top: 127px
    }
}

.js--taskItem_active .nxt--tutorial__list-image, .js--taskItem_active .nxt--tutorial__list-image:hover {
    background-image: url(/images/img/assets/privilege/Cloud_Active.svg)
}

.nxt--deposit__table-cell a {
    color: #fff;
    text-decoration: none;
    pointer-events: none
}

.nxt--privilege {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #262634;
    padding: 40px 10px 0;
    max-width: 1205px;
    margin: auto
}

.nxt--privilege .footer {
    width: calc(100% + 20px);
    margin: 0 -10px
}

.nxt--privilege__title {
    padding: 40px 0;
    color: #e03d22;
    text-transform: uppercase;
    text-align: center;
    max-width: 746px;
    margin: auto;
    font-size: 20px;
    position: relative
}

.nxt--privilege__title-decoration {
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.nxt--privilege__title-decoration--left {
    margin-right: 6px;
    background-image: url(/images/img/assets/privilege/arrow_orange_right.svg)
}

.nxt--privilege__title-decoration--right {
    margin-left: 6px;
    background-image: url(/images/img/assets/privilege/arrow_orange_left.svg)
}

.nxt--introduction {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nxt--introduction__figure {
    margin: 0;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-animation-name: letsNakedThisGirl;
    animation-name: letsNakedThisGirl;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.nxt--introduction__figure::after, .nxt--introduction__figure::before {
    content: "";
    display: block;
    width: 26%;
    height: 26%;
    background-image: url(/images/img/assets/privilege/introduction__girl-jacket.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 12%;
    left: 14%
}

.nxt--introduction__figure::before {
    width: 21%;
    height: 21%;
    background-image: url(/images/img/assets/privilege/introduction__girl-dress.png);
    top: 31%;
    left: 17.9%
}

.nxt--introduction__coins {
    width: 75%;
    position: absolute;
    display: block;
    left: 0;
    bottom: 0
}

.nxt--introduction__girl {
    display: block;
    max-width: 55%;
    margin-left: 5%
}

.nxt--introduction__article {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    position: relative
}

.nxt--introduction__label, .nxt--introduction__text {
    color: #fff;
    font-size: 16px;
    margin: 0
}

.nxt--introduction__text {
    text-align: left
}

.nxt--tutorial {
    position: relative
}

.nxt--tutorial__list, .nxt--tutorial__main {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nxt--tutorial__list {
    padding: 0 0 74px;
    list-style: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nxt--tutorial__list, .nxt--tutorial__list-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

.nxt--tutorial__list-item--label {
    width: 100%;
    font-size: 20px;
    text-align: center
}

.nxt--tutorial__list-item--status .nxt--tutorial__list-container {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.nxt--tutorial__list-item--status .nxt--tutorial__list-image {
    height: 101px;
    width: 136px
}

.nxt--tutorial__list-item--status .nxt--tutorial__list-pnc {
    background-color: #52bda4
}

.nxt--tutorial__list-item--status:nth-child(3), .nxt--tutorial__list-item--status:nth-child(6) {
    width: 51%
}

.nxt--tutorial__list-label {
    color: #e03d22;
    z-index: 226;
    position: relative
}

.nxt--tutorial__list-container {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: default;
    position: relative
}

.nxt--tutorial__list-container ::-moz-selection {
    background-color: transparent
}

.nxt--tutorial__list-container ::selection {
    background-color: transparent
}

.nxt--tutorial__list-image {
    width: 235px;
    height: 173px;
    background-image: url(/images/img/assets/privilege/cloud_normal.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative
}

.nxt--tutorial__list-image:hover {
    background-image: url(/images/img/assets/privilege/Cloud_Hover.svg)
}

.nxt--tutorial__list-image:hover .nxt--tutorial__list-pnc {
    opacity: 1
}

.nxt--tutorial__list-pnc, .nxt--tutorial__list-text {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center
}

.nxt--tutorial__list-text {
    display: inline-block;
    line-height: 15px;
    top: 58%
}

.nxt--tutorial__list-pnc {
    font-size: 26px;
    line-height: 66px;
    width: 58px;
    max-height: 58px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100%;
    top: 56%;
    background-color: #e03d22;
    color: #fff;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .7);
    opacity: 0
}

.nxt--tutorial__girl {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

.nxt--tutorial__girl-body {
    position: absolute;
    right: 20%;
    bottom: 0;
    width: 32.10300429184549%;
    z-index: 488
}

.nxt--tutorial__girl-leg--left, .nxt--tutorial__girl-leg--right {
    position: absolute;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.nxt--tutorial__girl-leg--left {
    -webkit-transform: rotate(6deg) translateX(-50%) translateY(-50%);
    transform: rotate(6deg) translateX(-50%) translateY(-50%);
    right: 26.896996%;
    bottom: -114px;
    width: 41.88841201716738%;
    z-index: 489;
    -webkit-animation-name: TutorialGirlLeftLeg;
    animation-name: TutorialGirlLeftLeg
}

.nxt--tutorial__girl-leg--right {
    right: 27.150214592274678%;
    bottom: -75px;
    -webkit-transform: rotate(41deg) translateX(-50%);
    transform: rotate(41deg) translateX(-50%);
    width: 46%;
    z-index: 486;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-animation-name: TutorialGirlRightLeg;
    animation-name: TutorialGirlRightLeg;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.nxt--deposit__figure, .nxt--deposit__wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nxt--deposit__figure {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 29.7%
}

.nxt--deposit__figure:hover .nxt--deposit__figure-image {
    background-image: url(/images/img/assets/privilege/deposit_gitl-open.png)
}

.nxt--deposit__figure-image, .nxt--exchange .js--tabel__burger::after {
    width: 100%;
    height: 100%;
    background-image: url(/images/img/assets/privilege/deposit_gitl-closed.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.nxt--deposit__table, .nxt--deposit__table-cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.nxt--deposit__table {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 70.3%
}

.nxt--deposit__table-cell {
    width: 100%;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    padding: 13px 2px;
    font-size: 20px;
    background: -webkit-gradient(linear, left bottom, left top, from(#1c5248), color-stop(#2e7566), to(#36a28b));
    background: -webkit-linear-gradient(bottom, #1c5248, #2e7566, #36a28b);
    background: linear-gradient(to top, #1c5248, #2e7566, #36a28b);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: default
}

.nxt--deposit__table-cell:hover, .nxt--exchange__table-line:hover .nxt--exchange__table-cell {
    background: -webkit-gradient(linear, left bottom, left top, from(#2c7f70), color-stop(#3fa18d), to(#50c5ac));
    background: -webkit-linear-gradient(bottom, #2c7f70, #3fa18d, #50c5ac);
    background: linear-gradient(to top, #2c7f70, #3fa18d, #50c5ac)
}

.nxt--deposit__table-cell--header, .nxt--deposit__table-cell--header:hover, .nxt--exchange__table-line--header:hover .nxt--exchange__table-cell {
    background: -webkit-gradient(linear, left bottom, left top, from(#b41b0f), to(#de3c21));
    background: -webkit-linear-gradient(bottom, #b41b0f, #de3c21);
    background: linear-gradient(to top, #b41b0f, #de3c21)
}

.nxt--deposit__table-header, .nxt--deposit__table-header--nfo {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.nxt--deposit__table-header {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.nxt--deposit__table-header--nfo {
    width: calc(100% / 3)
}

.nxt--deposit__table-header--main, .nxt--deposit__table-header--nfo, .nxt--deposit__table-header--nfo-item {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nxt--deposit__table-header--nfo-item {
    width: 100%;
    padding: 2px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nxt--deposit__table-header--main {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: calc(100% - (100% / 3))
}

.nxt--deposit__table-header--main-item, .nxt--deposit__table-header--main-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px
}

.nxt--deposit__table-header--main-row {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.nxt--deposit__table-header--main-item {
    width: calc(100% / 4)
}

.nxt--deposit__table-header--main-item, .nxt--deposit__table-main, .nxt--deposit__table-main-aside, .nxt--deposit__table-main-item, .nxt--deposit__table-main-line {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nxt--deposit__table-main, .nxt--deposit__table-main-line {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.nxt--deposit__table-main-aside, .nxt--deposit__table-main-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% / 3);
    padding: 2px
}

.nxt--deposit__table-main-item {
    width: calc(100% / 6)
}

.nxt--exchange {
    margin-bottom: 24px
}

.nxt--exchange .js--tabel__item {
    display: none;
    position: relative
}

.nxt--exchange .js--tabel__burger::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 8px;
    height: 8px;
    background-image: url(/images/img/assets/privilege/arrow_down.svg);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nxt--exchange__table {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.nxt--exchange__table, .nxt--exchange__table-cell, .nxt--exchange__table-item, .nxt--exchange__table-line {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.nxt--exchange__table-line {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.nxt--exchange__table-line--header .nxt--exchange__table-cell {
    background: -webkit-gradient(linear, left bottom, left top, from(#b41b0f), to(#de3c21));
    background: -webkit-linear-gradient(bottom, #b41b0f, #de3c21);
    background: linear-gradient(to top, #b41b0f, #de3c21)
}

.nxt--exchange__table-cell, .nxt--exchange__table-item {
    width: 20%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px
}

.nxt--exchange__table-cell {
    color: #fff;
    font-size: 20px;
    display: block;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    background: -webkit-gradient(linear, left bottom, left top, from(#1c5248), color-stop(#2e7566), to(#36a28b));
    background: -webkit-linear-gradient(bottom, #1c5248, #2e7566, #36a28b);
    background: linear-gradient(to top, #1c5248, #2e7566, #36a28b);
    padding: 13px 6px;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    cursor: default
}

.nxt--exchange__table-dropmenu {
    position: absolute;
    z-index: 888;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 200%;
    top: 100%;
    left: 0;
    font-size: 12px
}

.nxt--exchange__table-dropmenu--hidden {
    visibility: hidden
}

.nxt--exchange__table-dropmenu-item {
    color: #fff;
    border-bottom: 1px solid #81807d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 8px;
    text-align: center;
    background-color: #62605c
}

.nxt--exchange__table-dropmenu-item:first-child {
    border-radius: 4px 4px 0 0
}

.nxt--exchange__table-dropmenu-item:last-child {
    border-bottom: none;
    border-radius: 0 0 4px 4px
}

.nxt--exchange__table-dropmenu-item:hover {
    color: #cacaca
}

.nxt--exchange__figure, .nxt--exchange__wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nxt--exchange__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px
}

.nxt--exchange__figure {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nxt--exchange__figure-image {
    width: 54.44%;
    display: block
}

.button_privilage {
    display: block;
    margin: 0 auto
}

.privilege__title-wrapper__left, .privilege__title-wrapper__rigth {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    height: 100%;
    width: 100%
}

.privilege__title-wrapper__left {
    left: 0
}

.privilege__title-wrapper__left .privilege__title-number {
    color: #e03d22;
    font-size: 90%;
    display: inline-block;
    position: absolute
}

.privilege__title-wrapper__left .privilege__title-number--notice {
    top: 87%;
    left: -2%
}

.privilege__title-wrapper__left .privilege__title-number--amateur {
    top: 76.4%;
    left: -2.6%
}

.privilege__title-wrapper__left .privilege__title-number--experienced {
    top: 65.8%;
    left: -1%
}

.privilege__title-wrapper__left .privilege__title-number--expert {
    top: 55.2%;
    left: 5%
}

.privilege__title-wrapper__left .privilege__title-number--master {
    top: 44.6%;
    left: 8%
}

.privilege__title-wrapper__left .privilege__title-number--risk-seeker {
    top: 34%;
    left: 9%
}

.privilege__title-wrapper__left .privilege__title-number--fortune-favorite {
    top: 23.4%;
    left: 8%
}

.privilege__title-wrapper__left .privilege__title-number--luck-catcher {
    top: 12.8%;
    left: 4%
}

.privilege__title-wrapper__left .privilege__title-number--excitment-lord {
    top: 1.2%;
    left: 6%
}

.privilege__title-wrapper__rigth {
    right: 0
}

.privilege__title-wrapper__rigth .privilege__title-label {
    color: #fff;
    font-size: 90%;
    display: inline-block;
    position: absolute
}

.privilege__title-wrapper__rigth .privilege__title-label--notice {
    top: 87%;
    left: 50%
}

.privilege__title-wrapper__rigth .privilege__title-label--amateur {
    top: 76.4%;
    left: 45.4%
}

.privilege__title-wrapper__rigth .privilege__title-label--experienced {
    top: 65.8%;
    left: 43%
}

.privilege__title-wrapper__rigth .privilege__title-label--expert {
    top: 55.2%;
    left: 42%
}

.privilege__title-wrapper__rigth .privilege__title-label--master {
    top: 44.6%;
    left: 44%
}

.privilege__title-wrapper__rigth .privilege__title-label--risk-seeker {
    top: 34%;
    left: 41%
}

.privilege__title-wrapper__rigth .privilege__title-label--fortune-favorite {
    top: 23.4%;
    left: 46%
}

.privilege__title-wrapper__rigth .privilege__title-label--luck-catcher {
    top: 12.8%;
    left: 57%
}

.privilege__title-wrapper__rigth .privilege__title-label--excitment-lord {
    top: 1.2%;
    left: 41%
}

@media only screen and (max-width: 1024px) {
    .nxt--tutorial__girl {
        display: none !important
    }
}

@media only screen and (max-width: 768px) {
    .privilege__title-number, .privilege__title-title {
        font-size: 13px
    }
}

@media only screen and (max-width: 610px) {
    .nxt--introduction__girl {
        margin-top: 4%
    }

    .privilege__title-wrapper__left .privilege__title-number, .privilege__title-wrapper__rigth .privilege__title-label {
        font-size: 12px
    }
}

@media only screen and (max-width: 576px) {
    .nxt--privilege__title {
        padding: 20px 0
    }

    .nxt--privilege__title-decoration {
        display: none
    }

    .nxt--privilege__title-decoration--responsible {
        display: inline-block
    }

    .nxt--introduction__label {
        margin: 16px 0
    }

    .nxt--introduction__figure {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .nxt--introduction__figure::after, .nxt--introduction__figure::before {
        opacity: 0
    }

    .nxt--introduction__article {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .nxt--introduction__coins {
        display: none
    }

    .nxt--introduction__girl {
        max-width: 75%;
        margin: 0 auto
    }

    .nxt--tutorial__list {
        width: 100%;
        padding: 0
    }

    .nxt--tutorial__list-image {
        width: 100%
    }

    .nxt--tutorial__list-text {
        font-size: 14px
    }

    .nxt--tutorial__list-item--status .nxt--tutorial__list-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .nxt--tutorial__list-item--status .nxt--tutorial__list-text {
        left: 50%
    }

    .nxt--deposit__figure, .nxt--tutorial__girl {
        display: none
    }

    .nxt--deposit__table {
        width: 100%
    }

    .nxt--deposit__table-cell {
        font-size: 12px
    }

    .nxt--exchange .js--tabel__item {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nxt--exchange__figure-image {
        width: 100%;
        height: 60%
    }

    .nxt--exchange__table-item {
        width: calc(100% / 4)
    }

    .nxt--exchange__table-cell {
        font-size: 12px;
        padding: 12px 0
    }

    .nxt--exchange__table-line .nxt--exchange__table-item:nth-child(3), .nxt--exchange__table-line .nxt--exchange__table-item:nth-child(4), .nxt--exchange__table-line .nxt--exchange__table-item:nth-child(5) {
        display: none
    }

    .privilege__title-wrapper__left .privilege__title-number {
        font-size: 13px
    }

    .privilege__title-wrapper__left .privilege__title-number--notice {
        left: 3%
    }

    .privilege__title-wrapper__left .privilege__title-number--amateur {
        left: 1.6%
    }

    .privilege__title-wrapper__left .privilege__title-number--experienced {
        left: 4%
    }

    .privilege__title-wrapper__left .privilege__title-number--expert {
        left: 13%
    }

    .privilege__title-wrapper__left .privilege__title-number--master {
        left: 12%
    }

    .privilege__title-wrapper__left .privilege__title-number--risk-seeker {
        left: 15%
    }

    .privilege__title-wrapper__left .privilege__title-number--fortune-favorite {
        left: 12%
    }

    .privilege__title-wrapper__left .privilege__title-number--luck-catcher {
        left: 8%
    }

    .privilege__title-wrapper__left .privilege__title-number--excitment-lord {
        left: 11%
    }

    .privilege__title-wrapper__rigth .privilege__title-label {
        white-space: nowrap;
        font-size: 13px
    }

    .privilege__title-wrapper__rigth .privilege__title-label--notice {
        left: 71%
    }

    .privilege__title-wrapper__rigth .privilege__title-label--amateur {
        left: 65.4%
    }

    .privilege__title-wrapper__rigth .privilege__title-label--experienced {
        left: 62%
    }

    .privilege__title-wrapper__rigth .privilege__title-label--expert {
        left: 61%
    }

    .privilege__title-wrapper__rigth .privilege__title-label--master {
        left: 63%
    }

    .privilege__title-wrapper__rigth .privilege__title-label--risk-seeker {
        left: 59%
    }

    .privilege__title-wrapper__rigth .privilege__title-label--fortune-favorite {
        left: 65%
    }

    .privilege__title-wrapper__rigth .privilege__title-label--luck-catcher {
        left: 77%
    }

    .privilege__title-wrapper__rigth .privilege__title-label--excitment-lord {
        left: 56%
    }
}

@media screen and (max-width: 340px) {
    .nxt--privilege__title {
        padding: 20px 0;
        font-size: 1.1em
    }
}

@media only screen and (max-width: 768px) {
    .nxt--introduction__coins {
        opacity: .3
    }

    .nxt--exchange__table-cell {
        min-height: 54px
    }
}

.nxt--exchange__table-cell {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.promo {
    position: relative;
    color: #fff
}

.promo__list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.promo__list-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px 0 0;
    margin-bottom: 10px
}

.promo__list-item:nth-child(2n) {
    padding: 0 0 0 5px
}

.promo__item {
    border-radius: 8px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    height: 300px;
    overflow-y: visible
}

.promo__item--green {
    border: 2px solid #65ff70;
    -webkit-box-shadow: 0 0 .75em 1px #00ff12, inset 0 0 .75em 1px #00ff12;
    box-shadow: 0 0 .75em 1px #00ff12, inset 0 0 .75em 1px #00ff12
}

.promo__item--red {
    border: 2px solid #ff6565;
    -webkit-box-shadow: 0 0 .75em 1px red, inset 0 0 .75em 1px red;
    box-shadow: 0 0 .75em 1px red, inset 0 0 .75em 1px red
}

.promo__item-title {
    font-size: 1.25em;
    margin: 0 0 1em
}

.promo__item-description {
    margin: 1em 0;
    font-size: 14px
}

.promo__item .button {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%)
}

.promo__item-image {
    position: relative
}

.promo__item-image::after {
    content: "";
    background-image: url(/images/img/general/promo_circle.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: contain
}

.promo__item-image img {
    height: 44px
}

@media only screen and (max-width: 1024px) {
    .promo__item-description {
        font-size: 13px
    }
}

@media only screen and (max-width: 768px) {
    .promo__item-image {
        margin-bottom: 20px !important
    }

    .promo__item-title {
        font-size: 1.15em;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 570px) {
    .promo__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .promo__list-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0
    }

    .promo__list-item:nth-child(2n) {
        padding: 0
    }
}

.promo-android {
    line-height: 1.3;
    color: #fff
}

.promo-android a {
    color: #fff
}

.promo-android .logo-link {
    margin: 38px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.promo-android .logo-link .android_link {
    font-weight: 700;
    font-size: 24px
}

.promo-android .logo-link__img {
    margin-right: 60px
}

.promo-android__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 27px
}

.promo-android__header .promo-android_button {
    font-weight: 700;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#333)), #000;
    background: -webkit-linear-gradient(top, #424242 0, #333 100%), #000;
    background: linear-gradient(180deg, #424242 0, #333 100%), #000;
    border-radius: 4px;
    text-decoration: none;
    width: 98%;
    text-align: center;
    font-size: 25px;
    padding: 10px
}

.promo-android__footer h4, .promo-android__header h3 {
    margin: 0;
    font-size: 25px;
    font-weight: 700;
    text-align: center
}

.promo-android__main {
    margin-bottom: 55px
}

.promo-android__main p {
    font-size: 21px;
    width: 100%;
    margin: 0 0 20px
}

.promo-android__main .promo-android__list {
    list-style-type: none;
    padding: 0 3vw
}

.promo-android__footer, .promo-android__main .promo-android__list .promo-android__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.promo-android__main .promo-android__list .promo-android__item {
    margin-bottom: 42px
}

.promo-android__main .promo-android__list .promo-android__item img {
    width: 67%
}

.promo-android__footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 33px
}

.promo-android__footer h4 {
    font-weight: 400;
    width: 77%;
    font-size: 22px
}

@media only screen and (max-width: 550px) {
    .promo-android .logo-link {
        margin: 5.5vw 0
    }

    .promo-android .logo-link__img {
        width: 17%;
        margin-right: 7.5vw
    }

    .promo-android .logo-link .android_link {
        font-size: 4.5vw
    }

    .promo-android__header {
        margin-bottom: 3vw
    }

    .promo-android__header .promo-android_button {
        font-size: 4.8vw;
        padding: 2.6vw 1vw
    }

    .promo-android__header h3 {
        font-size: 4.6vw
    }

    .promo-android__main {
        margin-bottom: 9vw
    }

    .promo-android__main p {
        margin: 0 0 4vw;
        font-size: 4.6vw
    }

    .promo-android__main .promo-android__list .promo-android__item {
        margin-bottom: 10vw
    }

    .promo-android__footer {
        padding: 0 0 4vw
    }

    .promo-android__footer h4 {
        font-size: 5.1vw
    }

    .promo-android__footer .logo-link {
        margin: 5.5vw 0 8vw !important
    }
}

.promo-article {
    color: #fff;
    font-size: 16px;
    padding: 0 5px
}

.promo-article__text {
    font-size: 1em;
    text-align: justify
}

.promo-article__title {
    font-size: 1.25em;
    text-align: center
}

.promo-cashback {
    padding-top: 0;
    padding-bottom: 0
}

.promo-cashback__bar {
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    margin-bottom: 8px;
    padding: 0 25%;
    font-size: 0;
    text-align: justify
}

.promo-cashback__bar::after, .promo-cashback__bar::before {
    content: "";
    display: block;
    width: 100%;
    height: 0
}

.promo-cashback__bar::after {
    visibility: hidden;
    overflow: hidden;
    display: inline-block
}

.promo-cashback__bar-item {
    display: inline-block;
    position: relative
}

.promo-cashback__bar-link {
    color: #c7c7c7;
    text-decoration: none;
    font-size: 20px;
    line-height: 35px;
    cursor: pointer;
    z-index: 4
}

.promo-cashback__bar-link_active {
    color: #fff;
    font-family: Helvetica, Arial, sans-serif
}

.promo-cashback__bar-link_active::before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 16px;
    position: absolute;
    background-color: #24bb9d;
    right: calc(100%);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%
}

.promo-cashback__logo {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

.promo-cashback__logo-wrapper {
    background-image: url(/images/img/general/promo_circle.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    position: relative
}

.promo-cashback__logo-image {
    position: absolute;
    display: block;
    width: 51%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.promo-cashback__label-text {
    font-size: 1.25em;
    text-align: center;
    color: #fff;
    margin: 0
}

.promo-cashback__text {
    color: #fcf8f2;
    padding: 0 16px 0 0
}

.promo-cashback__text-label {
    font-size: 1em;
    text-align: center
}

.promo-cashback__text-article {
    text-indent: 1em;
    text-align: justify
}

.promo-cashback__table {
    padding: 0 7px 0 0;
    position: relative;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 26px
}

.promo-cashback__table-label {
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    line-height: 1em;
    margin: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 400;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 1em
}

.promo-cashback__table-container {
    padding: 0
}

.promo-cashback__table-item {
    font-size: 1em;
    padding: 12.5px 10px;
    color: #fcf8f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    border-radius: 6px;
    border: 2px solid #262634;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.promo-cashback__table-item:nth-child(4) {
    font-size: .9375em
}

.promo-cashback__sub {
    padding: 0
}

.promo-cashback__sub-text {
    color: #fcf8f2;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    margin: 0
}

.promo-cashback__underline, .promo-cashback__underline-item {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.promo-cashback__underline {
    margin-top: 8px;
    margin-bottom: 16px;
    background: -webkit-gradient(linear, left top, right top, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background: -webkit-linear-gradient(left, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background: linear-gradient(to right, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    border-radius: 6px
}

.promo-cashback__underline::after, .promo-cashback__underline::before {
    content: "";
    display: block;
    height: 100%;
    width: 40px;
    background-image: url(/images/img/general/min-svg/arrow.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 32%;
    top: 0
}

.promo-cashback__underline::after {
    left: 64%
}

.promo-cashback__underline-item {
    padding: 0;
    color: #fff;
    font-size: 1.25em;
    text-shadow: 2px 2px rgba(0, 0, 0, .6)
}

.promo-cashback__underline-item::before {
    margin-right: 10px;
    font-size: 2em;
    line-height: calc(1em + 6px)
}

.promo-cashback__underline-item:nth-child(1)::before {
    content: "1"
}

.promo-cashback__underline-item:nth-child(2)::before {
    content: "2"
}

.promo-cashback__underline-item:nth-child(3)::before {
    content: "3"
}

.promo-cashback__control {
    padding: 24px 0;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.promo-cashback__control .promo-cashback__button {
    width: 23%;
    margin: 0 6px
}

@media only screen and (max-width: 1024px) {
    .promo-cashback__table {
        margin-top: 24px
    }

    .promo-cashback__underline-item {
        font-size: 18px
    }
}

@media only screen and (max-width: 688px) {
    .promo-cashback {
        padding: 0
    }

    .promo-cashback__table {
        width: calc(100% / 12 * 11)
    }
}

@media only screen and (max-width: 768px) {
    .promo-cashback__bar {
        padding: 0 15%
    }

    .promo-cashback__bar-link_active::before, .promo-cashback__sub, .promo-cashback__underline {
        display: none
    }

    .promo-cashback__table {
        padding-bottom: 8px
    }

    .promo-cashback__control {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .promo-cashback__control .promo-cashback__button {
        width: 80%;
        margin: 7px 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .promo-cashback__control .promo-cashback__button:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        position: relative;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (max-width: 576px) {
    .promo-cashback__bar {
        padding: 0 8%
    }

    .promo-cashback__table {
        margin: 24px auto 26px
    }
}

@media only screen and (max-width: 370px) {
    .promo_details__bar {
        padding: 0 5%
    }

    .promo_details__bar-link {
        font-size: 16px
    }
}

.promo-express__bar {
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    margin-bottom: 8px;
    padding: 0 25%;
    font-size: 0;
    text-align: justify
}

.promo-express__bar::after, .promo-express__bar::before {
    content: "";
    display: block;
    width: 100%;
    height: 0
}

.promo-express__bar::after {
    visibility: hidden;
    overflow: hidden;
    display: inline-block
}

.promo-express__bar-item {
    display: inline-block;
    position: relative
}

.promo-express__bar-link {
    color: #c7c7c7;
    text-decoration: none;
    font-size: 20px;
    line-height: 35px;
    cursor: pointer;
    z-index: 4
}

.promo-express__bar-link_active {
    color: #fff;
    font-family: Helvetica, Arial, sans-serif
}

.promo-express__bar-link_active::before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 16px;
    position: absolute;
    background-color: #24bb9d;
    right: calc(100%);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%
}

.promo-express__logo {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

.promo-express__logo-wrapper {
    background-image: url(/images/img/general/promo_circle.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    position: relative
}

.promo-express__logo-image {
    position: absolute;
    display: block;
    width: 70%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.promo-express__label-text {
    font-size: 1.25em;
    color: #fff;
    margin: 0
}

.promo-express__text {
    color: #fcf8f2;
    padding: 0 16px 0 0
}

.promo-express__text-label {
    font-size: 1em;
    text-align: center
}

.promo-express__text-article {
    text-indent: 1em;
    margin: 0;
    text-align: justify
}

.promo-express__table {
    padding: 0 7px 0 0;
    position: relative;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 26px
}

.promo-express__table-label {
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    line-height: 1em;
    margin: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 400;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 1em
}

.promo-express__table-container {
    padding: 0
}

.promo-express__table-item {
    font-size: 1em;
    padding: 12.5px 10px;
    color: #fcf8f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    border-radius: 6px;
    border: 2px solid #262634;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.promo-express__table-item:nth-child(4) {
    font-size: .9375em
}

.promo-express__sub {
    padding: 0
}

.promo-express__sub-text {
    color: #fcf8f2;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    margin: 0
}

.promo-express__underline, .promo-express__underline-item {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.promo-express__underline {
    margin-top: 8px;
    margin-bottom: 16px;
    background: -webkit-gradient(linear, left top, right top, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background: -webkit-linear-gradient(left, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background: linear-gradient(to right, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    border-radius: 6px
}

.promo-express__underline::after, .promo-express__underline::before {
    content: "";
    display: block;
    height: 100%;
    width: 40px;
    background-image: url(/images/img/general/min-svg/arrow.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 32%;
    top: 0
}

.promo-express__underline::after {
    left: 64%
}

.promo-express__underline-item {
    padding: 0;
    color: #fff;
    font-size: 1.25em;
    text-shadow: 2px 2px rgba(0, 0, 0, .6)
}

.promo-express__underline-item::before {
    margin-right: 10px;
    font-size: 2em;
    line-height: calc(1em + 6px)
}

.promo-express__underline-item:nth-child(1)::before {
    content: "1"
}

.promo-express__underline-item:nth-child(2)::before {
    content: "2"
}

.promo-express__underline-item:nth-child(3)::before {
    content: "3"
}

.promo-express__control {
    padding: 24px 0;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.promo-express__control .promo-express__button {
    width: 23%;
    margin: 0 6px
}

@media only screen and (max-width: 1024px) {
    .promo-express__table {
        margin-top: 24px
    }

    .promo-express__underline-item {
        font-size: 18px
    }
}

@media only screen and (max-width: 688px) {
    .promo-express {
        padding: 0
    }

    .promo-express__table {
        width: calc(100% / 12 * 11)
    }
}

@media only screen and (max-width: 768px) {
    .promo-express__bar {
        padding: 0 15%
    }

    .promo-express__bar-link_active::before, .promo-express__sub, .promo-express__underline {
        display: none
    }

    .promo-express__table {
        padding-bottom: 8px
    }

    .promo-express__control {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .promo-express__control .promo-express__button {
        width: 80%;
        margin: 7px 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .promo-express__control .promo-express__button:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        position: relative;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (max-width: 576px) {
    .promo-express__bar {
        padding: 0 8%
    }

    .promo-express__table {
        margin: 24px auto 26px
    }
}

@media only screen and (max-width: 370px) {
    .promo_details__bar {
        padding: 0 5%
    }

    .promo_details__bar-link {
        font-size: 16px
    }
}

.promo-insurance {
    padding-top: 0;
    padding-bottom: 0
}

.promo-insurance__bar {
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    margin-bottom: 8px;
    padding: 0 25%;
    font-size: 0;
    text-align: justify
}

.promo-insurance__bar::after, .promo-insurance__bar::before {
    content: "";
    display: block;
    width: 100%;
    height: 0
}

.promo-insurance__bar::after {
    visibility: hidden;
    overflow: hidden;
    display: inline-block
}

.promo-insurance__bar-item {
    display: inline-block;
    position: relative
}

.promo-insurance__bar-link {
    color: #c7c7c7;
    text-decoration: none;
    font-size: 20px;
    line-height: 35px;
    cursor: pointer;
    z-index: 4
}

.promo-insurance__bar-link_active {
    color: #fff;
    font-family: Helvetica, Arial, sans-serif
}

.promo-insurance__bar-link_active::before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 16px;
    position: absolute;
    background-color: #24bb9d;
    right: calc(100%);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%
}

.promo-insurance__logo {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px
}

.promo-insurance__logo-wrapper {
    background-image: url(/images/img/general/promo_circle.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    position: relative
}

.promo-insurance__logo-image {
    position: absolute;
    display: block;
    width: 43%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.promo-insurance__label-text {
    font-size: 1.25em;
    text-align: center;
    color: #fff;
    margin: 0
}

.promo-insurance__text {
    color: #fcf8f2;
    padding: 0 16px 0 0
}

.promo-insurance__text-label {
    text-align: center;
    font-family: sans-serif;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 1em
}

.promo-insurance__text-article {
    margin: 0;
    text-indent: 1em;
    text-align: justify
}

.promo-insurance__table {
    padding: 0;
    position: relative;
    -ms-flex-item-align: center;
    align-self: center
}

.promo-insurance__table-image {
    position: absolute;
    width: 30px;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.promo-insurance__table-label {
    position: absolute;
    top: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 400;
    color: #fff;
    font-size: 1.125em
}

.promo-insurance__table-container {
    padding: 0
}

.promo-insurance__table-item {
    width: 88.70378958132677%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    padding: 12.5px 10px;
    color: #fcf8f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    border-radius: 6px;
    border: 2px solid #262634;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.promo-insurance__table-item:nth-child(1), .promo-insurance__table-item:nth-child(3), .promo-insurance__table-item:nth-child(5), .promo-insurance__table-item:nth-child(7) {
    width: 11.29621041867323%
}

.promo-insurance__table-item:nth-child(1) .promo-insurance__table-image, .promo-insurance__table-item:nth-child(3) .promo-insurance__table-image {
    width: 32px;
    left: calc(50% + 4px)
}

.promo-insurance__table-item:nth-child(5) .promo-insurance__table-image {
    width: 44px;
    top: calc(50% + 4px)
}

.promo-insurance__table-item:nth-child(7) .promo-insurance__table-image {
    width: 32px
}

.promo-insurance__sub {
    padding: 0;
    margin-top: 30px
}

.promo-insurance__sub-text {
    color: #fcf8f2;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    margin: 0
}

.promo-insurance__underline, .promo-insurance__underline-item {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.promo-insurance__underline {
    margin-top: 8px;
    margin-bottom: 16px;
    background: -webkit-gradient(linear, left top, right top, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background: -webkit-linear-gradient(left, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background: linear-gradient(to right, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    border-radius: 6px
}

.promo-insurance__underline::after, .promo-insurance__underline::before {
    content: "";
    display: block;
    height: 100%;
    width: 40px;
    background-image: url(/images/img/general/min-svg/arrow.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 31%;
    top: 0;
    z-index: 44
}

.promo-insurance__underline::after {
    left: 67%
}

.promo-insurance__underline-item {
    padding: 0;
    color: #fff;
    font-size: 1.25em;
    text-shadow: 2px 2px rgba(0, 0, 0, .6);
    z-index: 46
}

.promo-insurance__underline-item::before {
    margin-right: 10px;
    font-size: 2em;
    line-height: calc(1em + 6px)
}

.promo-insurance__underline-item:nth-child(1)::before {
    content: "1"
}

.promo-insurance__underline-item:nth-child(2)::before {
    content: "2"
}

.promo-insurance__underline-item:nth-child(3)::before {
    content: "3"
}

.promo-insurance__control {
    padding: 16px 0;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.promo-insurance__control .promo-insurance__button {
    width: 23%;
    margin: 0 6px
}

@media only screen and (min-width: 1024px) {
    .promo-insurance__table {
        width: 55%
    }

    .promo-insurance__text {
        width: 45%
    }
}

@media only screen and (max-width: 1240px) {
    .promo-insurance__table {
        margin-top: 24px
    }

    .promo-insurance__table-item {
        font-size: .875em
    }
}

@media only screen and (max-width: 1024px) {
    .promo-insurance__table {
        margin-top: 24px
    }

    .promo-insurance__table-item {
        font-size: 1em
    }

    .promo-insurance__underline-item {
        font-size: 18px
    }
}

@media only screen and (max-width: 768px) {
    .promo-insurance {
        padding: 0
    }

    .promo-insurance__bar {
        padding: 0 15%
    }

    .promo-insurance__bar-link_active::before, .promo-insurance__sub, .promo-insurance__underline {
        display: none
    }

    .promo-insurance__table {
        padding-bottom: 8px
    }

    .promo-insurance__control {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .promo-insurance__control .promo-insurance__button {
        width: 80%;
        margin: 7px 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .promo-insurance__control .promo-insurance__button:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        position: relative;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (max-width: 576px) {
    .promo-insurance {
        padding: 0
    }

    .promo-insurance__bar {
        padding: 0 8%
    }
}

@media only screen and (max-width: 492px) {
    .promo-insurance__table-item {
        width: 85%;
        font-size: .875em
    }

    .promo-insurance__table-item:nth-child(1), .promo-insurance__table-item:nth-child(3), .promo-insurance__table-item:nth-child(5), .promo-insurance__table-item:nth-child(7) {
        width: 15%
    }
}

@media only screen and (max-width: 444px) {
    .promo-insurance__text-article {
        text-indent: 0
    }

    .promo-insurance__table {
        margin-top: 24px
    }

    .promo-insurance__table-item {
        font-size: 1em;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        min-height: 67px
    }
}

@media only screen and (max-width: 570px) {
    .promo-insurance__table-item {
        width: 100%;
        text-align: center
    }

    .promo-insurance__table-item:nth-child(1), .promo-insurance__table-item:nth-child(3), .promo-insurance__table-item:nth-child(5), .promo-insurance__table-item:nth-child(7) {
        display: none
    }
}

@media only screen and (max-width: 370px) {
    .promo_details__bar {
        padding: 0 5%
    }

    .promo_details__bar-link {
        font-size: 16px
    }
}

.promo {
    font-size: 16px;
    line-height: 1.3
}

.promo__section {
    color: #fff;
    width: 100%;
    text-align: justify
}

.promo__section h1, .promo__section h2, .promo__section h3, .promo__section h4, .promo__section h5, .promo__section h6 {
    font-weight: 400;
    font-family: sans-serif;
    text-align: center;
    font-size: 1.25em;
    margin-top: 1.75em
}

.promo__section p {
    margin: .5em 0
}

.promo__section img {
    display: block;
    max-width: 720px;
    text-align: center;
    margin: auto
}

@media only screen and (max-width: 576px) {
    .promo {
        font-size: 16px;
        line-height: 1.3
    }

    .promo__section img {
        width: 97% !important
    }
}

.promo__article--hidden {
    display: none
}

.promo__switch {
    position: relative;
    color: #ffed94
}

.promo__switch::after {
    content: "";
    display: inline-block;
    height: 27px;
    width: 27px;
    vertical-align: middle;
    background-image: url(/images/img/assets/form/select/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 16px;
    -webkit-transition: .25 linear;
    transition: .25 linear
}

.promo__switch--active::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.promo_details {
    padding-top: 0;
    padding-bottom: 0
}

.promo_details__bar {
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    margin-bottom: 8px;
    padding: 0 25%;
    font-size: 0;
    text-align: justify
}

.promo_details__bar::after, .promo_details__bar::before {
    content: "";
    display: block;
    width: 100%;
    height: 0
}

.promo_details__bar::after {
    visibility: hidden;
    overflow: hidden;
    display: inline-block
}

.promo_details__bar-item {
    display: inline-block;
    position: relative
}

.promo_details__bar-link {
    color: #c7c7c7;
    text-decoration: none;
    font-size: 20px;
    line-height: 35px;
    cursor: pointer;
    z-index: 4
}

.promo_details__bar-link_active {
    color: #fff;
    font-family: Helvetica, Arial, sans-serif
}

.promo_details__bar-link_active::before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 16px;
    position: absolute;
    background-color: #24bb9d;
    right: calc(100%);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%
}

.promo_details__logo {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.promo_details__logo-wrapper {
    background-image: url(/images/img/general/promo_circle.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    position: relative
}

.promo_details__logo-image {
    position: absolute;
    display: block;
    width: 48%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.promo_details__label-text {
    font-size: 1.25em;
    text-align: center;
    color: #fff;
    margin: 0
}

.promo_details__text {
    color: #fcf8f2;
    padding-top: 38px;
    padding-bottom: 38px;
    padding-right: 16px;
    text-align: justify
}

.promo_details__table {
    padding: 38px 0;
    position: relative
}

.promo_details__table-label {
    position: absolute;
    top: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 400;
    color: #fff;
    font-size: 1.125em
}

.promo_details__table-container {
    padding: 0
}

.promo_details__table-item {
    font-size: 1em;
    padding: 12.5px 10px;
    color: #fcf8f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    border-radius: 6px;
    border: 2px solid #262634;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.promo_details__table-item:nth-child(4) {
    font-size: .9375em
}

.promo_details__sub {
    padding: 0
}

.promo_details__sub-text {
    color: #fcf8f2;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    margin: 0
}

.promo_details__underline, .promo_details__underline-item {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.promo_details__underline {
    margin-top: 8px;
    margin-bottom: 16px;
    background: -webkit-gradient(linear, left top, right top, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background: -webkit-linear-gradient(left, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background: linear-gradient(to right, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    border-radius: 6px
}

.promo_details__underline::after, .promo_details__underline::before {
    content: "";
    display: block;
    height: 100%;
    width: 40px;
    background-image: url(/images/img/general/min-svg/arrow.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 32%;
    top: 0
}

.promo_details__underline::after {
    left: 64%
}

.promo_details__underline-item {
    padding: 0;
    color: #fff;
    font-size: 1.25em;
    text-shadow: 2px 2px rgba(0, 0, 0, .6)
}

.promo_details__underline-item::before {
    margin-right: 10px;
    font-size: 2em;
    line-height: calc(1em + 6px)
}

.promo_details__underline-item:nth-child(1)::before {
    content: "1"
}

.promo_details__underline-item:nth-child(2)::before {
    content: "2"
}

.promo_details__underline-item:nth-child(3)::before {
    content: "3"
}

.promo_details__control {
    padding: 16px 0;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.promo_details__control .promo_details__button {
    width: 23%;
    margin: 0 6px
}

@media only screen and (max-width: 1024px) {
    .promo_details__underline-item {
        font-size: 18px
    }
}

@media only screen and (max-width: 768px) {
    .promo_details__bar {
        padding: 0 15%
    }

    .promo_details__bar-link_active::before, .promo_details__sub, .promo_details__underline {
        display: none
    }

    .promo_details__table {
        padding-bottom: 8px
    }

    .promo_details__control {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .promo_details__control .promo_details__button {
        width: 80%;
        margin: 7px 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .promo_details__control .promo_details__button:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        position: relative;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (max-width: 576px) {
    .promo_details {
        padding: 0
    }

    .promo_details__bar {
        padding: 0 8%
    }

    .promo_details__text {
        padding-left: 0;
        padding-right: 0
    }

    .promo_details__table-container {
        display: block;
        font-size: 0
    }

    .promo_details__table-item {
        height: 57px;
        text-align: center;
        vertical-align: middle;
        font-size: 11px !important;
        display: inline-block;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        width: calc(100% / 2 - 4px) !important
    }
}

@media only screen and (max-width: 370px) {
    .promo_details__bar {
        padding: 0 5%
    }

    .promo_details__bar-link {
        font-size: 16px
    }
}

.sidebar {
    background-color: #000;
    position: fixed;
    top: 46px;
    left: 0;
    height: 100%;
    width: calc(100vw - 70px);
    max-width: 553px;
    -webkit-transition: all .3s linear;
    z-index: 666;
    overflow: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(0) translateZ(50px);
    transform: translateX(0) translateZ(50px);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

.sidebar .sidebar__link {
    padding-right: 50px;
    text-overflow: ellipsis;
    overflow: hidden
}

.sidebar--hidden {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.sidebar--auth .sidebar__list {
    height: calc(45px * 15 + 20px)
}

.sidebar--auth .mobile__header {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 45px;
    padding: 6px 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 676
}

.sidebar--auth .mobile__header-name {
    color: #fff
}

.sidebar--auth .mobile__header-coins {
    color: #24bb9d
}

.sidebar__list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    height: calc(45px * 10 + 57px)
}

.sidebar .sidebar__item--tv-games a:after {
    height: 28px;
    width: 55px;
    background: url(/images/img/general/ribbon-new-menu.svg) no-repeat center;
    right: -5.2px;
    top: 45%
}

.sidebar__item {
    display: block;
    margin-bottom: 1px
}

.sidebar__item--agreement a::before, .sidebar__item--casino a::before, .sidebar__item--contacts a::before, .sidebar__item--exit a::before, .sidebar__item--fav a::before, .sidebar__item--help a::before, .sidebar__item--history a::before, .sidebar__item--info a::before, .sidebar__item--license a::before, .sidebar__item--live a::before, .sidebar__item--live-dillers a::before, .sidebar__item--lottery a::before, .sidebar__item--lotto a::before, .sidebar__item--pincoins a::before, .sidebar__item--politics a::before, .sidebar__item--privilegies a::before, .sidebar__item--profile a::before, .sidebar__item--promo a::before, .sidebar__item--promo-red a::before, .sidebar__item--respon a::before, .sidebar__item--results a::before, .sidebar__item--sport a::before, .sidebar__item--statistic a::before, .sidebar__item--us a::before, .sidebar__item--v-sport a::before {
    content: "";
    display: inline-block;
    width: 27px;
    height: 27px;
    position: relative;
    top: 50%;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 5px
}

.sidebar__item--android a::before, .sidebar__item--tournament a::before, .sidebar__item--tv-games a::before {
    content: "";
    display: inline-block;
    width: 27px;
    height: 27px;
    top: 50%;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 5px
}

.sidebar__item--android a::before, .sidebar__item--tv-games a::before {
    position: relative
}

.sidebar__item--casino a::before {
    background: url(/images/img/general/sidebar/casino-icon.svg) no-repeat center
}

.sidebar__item--fav a::before {
    background: url(/images/img/general/sidebar/featured_games.svg) no-repeat center
}

.sidebar__item--live a::before {
    background: url(/images/img/general/sidebar/live.svg) no-repeat center
}

.sidebar__item--sport a::before {
    background: url(/images/img/general/sidebar/ball.svg) no-repeat center
}

.sidebar__item--profile a::before {
    background: url(/images/img/general/sidebar/profile.svg) no-repeat center
}

.sidebar__item--history a::before {
    background: url(/images/img/general/min-svg/history.svg) no-repeat center
}

.sidebar__item--promo a::before {
    background: url(/images/img/general/sidebar/promo.svg) no-repeat center
}

.sidebar__item--pincoins a::before {
    background: url(/images/img/general/sidebar/pincoin.svg) no-repeat center
}

.sidebar__item--help a::before {
    background: url(/images/img/general/min-svg/faq.svg) no-repeat center
}

.sidebar__item--statistic a::before {
    background: url(/images/img/general/min-svg/statistika.svg) no-repeat center
}

.sidebar__item--info a::before {
    background: url(/images/img/general/min-svg/dopinfo.svg) no-repeat center
}

.sidebar__item--results a::before {
    background: url(/images/img/general/min-svg/result.svg) no-repeat center
}

.sidebar__item--exit a::before {
    background: url(/images/img/general/sidebar/exit.svg) no-repeat center
}

.sidebar__item--lottery a::before {
    background: url(/images/img/general/sidebar/ticket.svg) no-repeat center
}

.sidebar__item--privilegies a::before {
    background: url(/images/img/general/sidebar/privilegii.svg) no-repeat center
}

.sidebar__item--license a::before {
    background: url(/images/img/general/sidebar/licens.svg) no-repeat center
}

.sidebar__item--contacts a::before {
    background: url(/images/img/general/sidebar/contact.svg) no-repeat center
}

.sidebar__item--us a::before {
    background: url(/images/img/general/sidebar/o_nas.svg) no-repeat center
}

.sidebar__item--politics a::before {
    background: url(/images/img/general/sidebar/confed.svg) no-repeat center
}

.sidebar__item--respon a::before {
    background: url(/images/img/general/sidebar/otvetstv.svg) no-repeat center
}

.sidebar__item--agreement a::before {
    background: url(/images/img/general/sidebar/soglashenie.svg) no-repeat center
}

.sidebar__item--lotto a::before {
    background: url(/images/img/general/min-svg/lotto.svg) no-repeat center
}

.sidebar__item--promo-red a::before {
    background: url(/images/img/general/min-svg/promo-red.svg) no-repeat center
}

.sidebar__item--live-dillers a::before {
    background: url(/images/img/general/sidebar/live-dillers.svg) no-repeat center
}

.sidebar__item--v-sport a::before {
    background: url(/images/img/general/sidebar/v-sport.svg) no-repeat center
}

.sidebar__item--tv-games a::before {
    background: url(/images/img/general/sidebar/tv-games.svg) no-repeat center
}

.sidebar__item--android a::before {
    background: url(/images/img/general/sidebar/android.svg) no-repeat center
}

.sidebar__item--tournament {
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sidebar__item--tournament a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sidebar__item--tournament a::before {
    position: static;
    background: url(/images/img/general/sidebar/tournament.svg) no-repeat center
}

.sidebar__item--tournament .sidebar_tournamets__span {
    max-width: calc(100% - 114px);
    overflow-x: hidden;
    text-overflow: ellipsis;
    display: block;
    overflow-y: hidden;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.sidebar__item--tournament a:hover:after {
    -webkit-animation: none;
    animation: none
}

.sidebar__item--tournament a:after {
    height: 28px;
    width: 55px;
    background: url(/images/img/general/sidebar/aside_tournament.svg) no-repeat center;
    right: -5.2px;
    top: 45%
}

.sidebar__item--tournament .tournament-timer {
    color: #e03d22;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 54px
}

.sidebar__link {
    background-color: #ddd;
    text-decoration: none;
    color: #000;
    font-size: 1.25em;
    white-space: nowrap;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 45px;
    position: relative
}

.sidebar__link .lottery__tickets-counter {
    display: inline-block;
    background-color: red;
    color: #fff;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    line-height: 27px;
    position: relative;
    left: 6px;
    top: -1px
}

.sidebar__link--common {
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cfcfcf));
    background: -webkit-linear-gradient(top, #fdfdfd 0, #cfcfcf 100%);
    background: linear-gradient(to bottom, #fdfdfd 0, #cfcfcf 100%)
}

.sidebar__link--top {
    background: -webkit-gradient(linear, left top, left bottom, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background: -webkit-linear-gradient(top, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background: linear-gradient(to bottom, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    color: #fff !important
}

.sidebar__link .red__text {
    color: #e03d22
}

.sidebar__link::after {
    content: "";
    display: block;
    width: 42px;
    height: 36px;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(/images/img/general/arrow_grey.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sidebar__link:hover::after {
    -webkit-animation-name: arrowMenu;
    animation-name: arrowMenu
}

.page--sidebar {
    overflow: hidden;
    position: fixed;
    width: 100%
}

.page--sidebar .cashbox-bonuses {
    z-index: 1 !important
}

.page--sidebar .shadow__overlay {
    position: fixed;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 655;
    background-color: rgba(0, 0, 0, .7)
}

.sidebar__link--common .mobile-text {
    display: none
}

.sidebar__item--fav .sidebar__link.sidebar__link--common::before {
    background: url(/images/img/general/sidebar/featured-games-b.svg) no-repeat center !important
}

.sidebar__item--v-sport .sidebar__link.sidebar__link--top::before {
    background: url(/images/img/general/sidebar/v-sport-w.svg) no-repeat center !important
}

.sidebar__item--live-dillers .sidebar__link.sidebar__link--top::before {
    background: url(/images/img/general/sidebar/live-dillers-w.svg) no-repeat center !important
}

.sidebar__item--tournament .sidebar__link.sidebar__link--top::before {
    background: url(/images/img/general/sidebar/tournament-w.svg) no-repeat center !important
}

.sidebar .mobile__header-wrapper {
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%)
}

.mobile__header-promo {
    padding: 8px 0 5px;
    display: block;
    width: 100%;
    font-weight: 700;
    text-align: center;
    font-size: 19px;
    line-height: 22px;
    color: #fff;
    margin: 0;
    text-decoration: none
}

.mobile__header-promo .text__red {
    color: red
}

@media screen and (max-width: 1024px) {
    .page_shadow.page--sidebar .popup {
        z-index: 5500;
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(55px);
        transform: translateX(-50%) translateY(-50%) translateZ(55px)
    }

    .page_shadow.page--sidebar .popup-cashbox {
        -webkit-transform: translateX(-50%) translateZ(53px);
        transform: translateX(-50%) translateZ(53px)
    }

    .page_shadow.page--sidebar::after {
        z-index: 5400;
        -webkit-transform: translateZ(51px);
        transform: translateZ(51px)
    }

    .page_shadow.page--sidebar .popup--reg {
        top: 50% !important
    }
}

@media only screen and (min-width: 1025px) {
    .sidebar {
        visibility: hidden !important;
        display: none !important
    }
}

@media only screen and (max-width: 460px) {
    .sidebar__link--common .full-text {
        display: none
    }

    .sidebar__link--common .mobile-text {
        display: inline
    }
}

@media only screen and (max-width: 400px) {
    .sidebar__item-stat {
        font-size: 14px
    }
}

@media only screen and (max-width: 350px) {
    .sidebar__item-stat {
        font-size: 12px
    }
}

.rail2 {
    margin-bottom: 10px
}

.rail2__label {
    color: #fff;
    text-shadow: 0 0 1em #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px;
    border-radius: 6px;
    padding: 17.5px 10px;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 0;
    cursor: default
}

.rail2__label::-moz-selection {
    background-color: transparent
}

.rail2__label::selection {
    background-color: transparent
}

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

.rail2__list-item {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #656565;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rail2__list-item:first-child {
    border-radius: 6px 6px 0 0
}

.rail2__list-item:last-child {
    border-radius: 0 0 6px 6px
}

.rail2__more {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.rail2__more-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 110px !important
}

.rail2__logo {
    width: 64px;
    height: 36px
}

.rail2__logo img, .social__item::before {
    width: 100%;
    height: 100%;
    display: block
}

.rail2__content, .rail2__logo {
    padding: 0 5px
}

.rail2__content-game, .rail2__content-res, .rail2__content-username, .rail2__list-item:hover .rail2__more {
    display: block
}

.rail2__content-game, .rail2__content-username {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.article h2, .rail2__content-res {
    color: #24bb9d
}

.rail2--games, .rail2--week {
    cursor: default
}

.slider {
    border-radius: 6px;
    position: relative
}

.slider .owl-stage-outer {
    border-radius: 6px;
    height: 100%
}

.slider .owl-stage-outer .owl-stage, .slider .owl-stage-outer .owl-stage .owl-item {
    height: inherit
}

.slider__item, .social__item {
    height: inherit;
    position: relative
}

.slider__item .button {
    position: absolute !important;
    bottom: 10px;
    right: 5%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 184px;
    cursor: pointer !important;
    z-index: 84
}

@media only screen and (max-width: 576px) {
    .slider .button {
        right: -85px
    }
}

.social__item {
    width: 35px;
    height: 35px;
    border: 0;
    background-color: inherit;
    background-image: url(/images/img/assets/social/spritesheet.jpg);
    background-size: 120px 80px;
    background-repeat: no-repeat;
    margin: 0 5px;
    border-radius: 6px;
    cursor: pointer;
    background-position: -3px -2px
}

.social__item:hover::before {
    background-color: rgba(0, 0, 0, .2)
}

.social__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .18s ease-in-out;
    transition: all .18s ease-in-out;
    background-color: transparent;
    border-radius: 5px
}

.social__item_google {
    background-position: -42px -2px
}

.social__item_vk {
    background-position: -82px -2px
}

.social__item_mail {
    background-position: -3px -42px
}

.social__item_ok {
    background-position: -42px -42px
}

.social__item_yandex {
    background-position: -82px -42px
}

.social {
    font-size: 0
}

.social__item {
    display: inline-block;
    vertical-align: middle
}

@supports (display:flex) {
    .social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.winners {
    margin-bottom: 10px
}

.winners__item {
    height: 107px;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    background: url(/images/img/general/win-bg-ny.png) no-repeat center;
    background-size: contain
}

.winners__item-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 78px;
    height: 56px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 6px
}

.winners__item-game {
    color: #fff;
    display: block;
    text-align: center
}

.winners__item-player {
    position: absolute;
    color: #24bb9d;
    left: 20px;
    bottom: 5px
}

.winners__item-won {
    color: #d4351d;
    position: absolute;
    right: 20px;
    bottom: 5px
}

.winners__item-ctrl {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.winners__item-ctrl-wrp {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.winners__item-ctrl-wrp .button {
    width: 120px
}

.main__section--winrs.winrs-top .winners__item-player, .main__section--winrs.winrs-top .winners__item-won {
    display: none
}

.main__section--winrs.winrs-top .winners__item-image {
    margin-top: 5px
}

.main__section--winrs.winrs-top .winners__item {
    background-image: url(/images/img/general/win-bg-ny-light.png)
}

.winners__item:hover .winners__item-ctrl {
    display: block
}

.userbar {
    height: 45px
}

.userbar__list {
    height: inherit;
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: block;
    width: 100%
}

.userbar__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 14px
}

.userbar__item-label {
    color: #fff
}

.userbar__item-money, .userbar__item-tickets {
    color: #24bb9d;
    line-height: 1.15em;
    text-align: right
}

.userbar__item-tickets {
    text-align: left
}

.userbar__item-close {
    color: #fff;
    cursor: pointer
}

.userbar__item--underline {
    position: relative
}

.userbar__item--underline::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.userbar__item--mobile {
    display: none !important
}

.userbar .tickets-counter {
    padding-left: 35px;
    position: relative
}

.userbar .tickets-counter a.tickets-counter__logo {
    content: "";
    position: absolute;
    width: 22px;
    height: 30px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/images/img/general/min-svg/icon_ticket_active.svg) no-repeat center
}

.userbar .tickets-counter.disabled a.tickets-counter__logo {
    background: url(/images/img/general/min-svg/icon_ticket_off.svg) no-repeat center !important
}

.userbar .tickets-counter.disabled .userbar__item-tickets {
    color: #777
}

.userbar .userbar__list .userbar__change {
    top: 0;
    margin: 0 4px
}

.userbar {
    line-height: 45px
}

.userbar__item, .userbar__list {
    font-size: 0;
    text-align: right
}

.userbar__item {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    line-height: 1em
}

.userbar__change {
    display: inline-block;
    vertical-align: super;
    width: 29px;
    height: 29px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(/images/img/assets/userbar/change-icon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative
}

@supports (display:flex) {
    .userbar, .userbar__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .userbar {
        line-height: 1em;
        display: -ms-flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .userbar__list {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        font-size: 1em;
        text-align: left
    }

    .userbar__list__item {
        display: block;
        font-size: 1em;
        vertical-align: baseline
    }
}

@media screen and (max-width: 1230px) {
    .userbar__item.tickets-counter {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .userbar__list .userbar__change {
        display: none
    }
}

@media screen and (max-width: 400px) {
    .userbar__item-container .button.button_red {
        padding: 0 8px !important
    }

    .userbar__item-container .userbar__item-label {
        max-width: calc(100vw - 200px);
        overflow-x: hidden;
        text-overflow: ellipsis
    }
}

.article nav ul li a {
    font-size: 1.25em;
    color: #24bb9d;
    text-decoration: none
}

.article nav ul li a:hover {
    color: #31d7b6
}

.article h1, .article h3, .article h4, .article h5, .article h6 {
    color: #fff;
    font-size: 1.25em;
    font-family: sans-serif
}

.article h2 {
    font-size: 1.5em
}

.article h2, .article strong {
    font-family: sans-serif
}

.article li, .article p {
    color: #fafafa;
    font-size: 1em;
    text-align: justify;
    margin: 8px 0
}

.article ol, .article ul {
    padding: 0;
    list-style: none
}

.article__label-dec {
    padding: 17.5px 0;
    font-size: 1.25em;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    line-height: 0;
    border-radius: 6px;
    text-align: center;
    margin: 0;
    font-weight: 400
}

.article__figure {
    text-align: center;
    margin: 16px 0
}

.article__image-label {
    display: block;
    color: #fff;
    padding: 16px
}

.article__image--bets {
    width: 65%
}

.article__image--bets-3 {
    width: 75%
}

.article__box {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.article__button-back {
    padding-left: 62.295px !important;
    padding-right: 62.295px !important;
    margin: auto;
    display: block
}

.article__list--sub {
    padding-left: 24px !important
}

.article_bets__image {
    display: block;
    margin: 16px auto
}

.more {
    background-color: rgba(65, 65, 65, .925);
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    z-index: 20;
    -webkit-box-shadow: 0 8px 1.25em 2px rgba(0, 0, 0, .13), 0 4px 1.25em 8px rgba(0, 0, 0, .13);
    box-shadow: 0 8px 1.25em 2px rgba(0, 0, 0, .13), 0 4px 1.25em 8px rgba(0, 0, 0, .13)
}

.more--hidden {
    display: none;
    visibility: hidden
}

.more__title {
    text-align: center;
    padding-bottom: 5px
}

.more__footer {
    padding-top: 5px;
    text-align: center;
    font-size: 0
}

.more__footer-text {
    display: inline-block;
    width: 50%;
    font-size: 16px
}

.rail .more {
    position: absolute;
    right: calc(100% + 5px);
    top: 0;
    width: 225%
}

.table__row {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: block;
    font-size: 0;
    border-bottom: 1px solid #656565
}

.table__cell {
    display: inline-block;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    vertical-align: top;
    height: 100%
}

.table__cell--end, .table__cell--event, .table__cell--factor, .table__cell--tournament {
    width: 28%;
    -webkit-box-shadow: 1px 0 0 0 #656565;
    box-shadow: 1px 0 0 0 #656565
}

.table__cell--end, .table__cell--event, .table__cell--factor {
    width: 36%
}

.table__cell--end, .table__cell--factor {
    width: 15%
}

.table__cell--factor {
    width: 9%
}

.table__cell--result {
    width: 12%
}

.table__cell-text {
    display: inline-block
}

.table .table__header {
    margin-right: 5px
}

.table .table__header .table__row {
    white-space: nowrap
}

.table .table__header .table__cell {
    text-align: center
}

.table .table__main {
    height: auto;
    max-height: 240px;
    overflow-x: hidden
}

.table .table__main::-webkit-scrollbar-track {
    background-color: #252525
}

.table .table__main::-webkit-scrollbar {
    width: 5px;
    background-color: #777
}

.table .table__main::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #8c8c8c
}

.table .table__main .table__cell {
    height: 80px;
    overflow-x: hidden
}

.banner--23feb {
    height: 100%
}

.banner--23feb .banner--23feb__content, .banner--8march {
    background-size: cover;
    height: 100%;
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banner--23feb .banner--23feb__content {
    background-image: url(/images/img/assets/banner/banner--23feb/background.jpg);
    background-repeat: no-repeat
}

.banner--23feb .banner--23feb__content .february {
    right: -4%
}

.banner--23feb .banner--23feb__content .banner--23feb__img .circle {
    position: absolute;
    height: 160px;
    left: 50%;
    -webkit-transform: translate(-50%, 13%);
    transform: translate(-50%, 13%);
    z-index: 1
}

.banner--23feb .banner--23feb__content .banner--23feb__img .girl__left {
    position: absolute;
    height: 218%;
    bottom: -84%;
    margin-left: -52px
}

.banner--23feb .banner--23feb__content .banner--23feb__img .girl__right {
    position: absolute;
    height: 219%;
    right: 0;
    bottom: -71%;
    margin-right: -70px
}

.banner--23feb .banner--23feb__content .banner--23feb__img .girl__mobile__left {
    display: none
}

.banner--23feb .banner--23feb__content .banner--23feb__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text {
    height: 200px;
    width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    color: #fff;
    font-weight: 700
}

.banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text h2 {
    margin: 42px 0 0;
    font-size: 16px;
    text-transform: uppercase
}

.banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text h3 {
    color: #24bb9d;
    font-size: 31px;
    margin: 0 0 4px
}

.banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text h4 {
    text-transform: uppercase;
    margin: 0;
    font-size: 16px;
    position: relative;
    padding: 3px 0 0
}

.banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text h4:before {
    content: "";
    display: block;
    width: 86%;
    height: 1px;
    background: #fff;
    top: -2px;
    position: absolute;
    left: 7%
}

.banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text h5 {
    margin: 0;
    font-size: 16px
}

@media screen and (max-width: 1300px) {
    .banner--23feb .banner--23feb__content .banner--23feb__img .girl__right {
        margin-right: -114px
    }

    .banner--23feb .banner--23feb__content .banner--23feb__img .girl__left {
        margin-left: -85px
    }

    .banner--23feb .banner--23feb__content .february {
        right: -30px;
        bottom: 10px
    }
}

@media screen and (max-width: 1100px) {
    .banner--23feb .banner--23feb__content .banner--23feb__img .girl__left {
        margin-left: -109px
    }
}

@media screen and (max-width: 870px) {
    .banner--23feb .banner--23feb__content {
        padding: 0 10%
    }

    .banner--23feb .banner--23feb__content .banner--23feb__img .girl__left, .banner--23feb .banner--23feb__content .banner--23feb__img .girl__right {
        display: none
    }

    .banner--23feb .banner--23feb__content .banner--23feb__img .girl__mobile__left {
        position: absolute;
        display: block;
        height: 90%;
        bottom: 0;
        margin-left: 4px
    }

    .banner--23feb .banner--23feb__content .banner--23feb__img .circle {
        right: 10%;
        -webkit-transform: none;
        transform: none;
        left: auto
    }

    .banner--23feb .banner--23feb__content .banner--23feb__main {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text {
        width: 318px
    }

    .banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text h2 {
        margin: 24px 0 0
    }

    .banner--23feb .banner--23feb__content .february {
        margin-right: 68px;
        line-height: 35px;
        font-size: 16px;
        right: 10%;
        -webkit-transform: none;
        transform: none;
        bottom: 10px
    }

    .banner--23feb .banner--23feb__content .february:after {
        width: 36px;
        right: calc(50% - 18px)
    }
}

@media screen and (max-width: 720px) {
    .banner--23feb .banner--23feb__content {
        padding: 0 3%
    }

    .banner--23feb .banner--23feb__content .banner--23feb__img .circle {
        right: 3%
    }

    .banner--23feb .banner--23feb__content .february {
        margin-right: 16px
    }
}

@media screen and (max-width: 670px) {
    .banner--23feb .banner--23feb__content {
        padding: 0
    }

    .banner--23feb .banner--23feb__content .banner--23feb__img .circle {
        right: 0
    }

    .banner--23feb .banner--23feb__content .february {
        right: 10px;
        width: 184px;
        bottom: 5px;
        margin-right: 0
    }
}

@media screen and (max-width: 560px) {
    .banner--23feb .banner--23feb__content .banner--23feb__img .circle {
        height: 72%;
        width: 63%
    }

    .banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text {
        width: 63%
    }

    .banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text h2 {
        margin: 4.7vw 0 0;
        font-size: 3.2vw
    }

    .banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text h3 {
        font-size: 5.6vw;
        margin-bottom: 2px
    }

    .banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text h4, .banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text h5 {
        font-size: 3vw
    }

    .banner--23feb .banner--23feb__content .banner--23feb__main .banner--23feb__text h4:before {
        margin: 0 0 5px
    }
}

@media screen and (max-width: 410px) {
    .banner--23feb .banner--23feb__content .february {
        right: 4vw;
        width: 184px;
        bottom: 3px
    }
}

@media screen and (max-width: 410px) and (max-height: 455px) {
    .banner--23feb .banner--23feb__content .february {
        right: 2px;
        width: 176px;
        bottom: 2px
    }
}

.banner--8march {
    background: url(/images/img/assets/banner/banner--8march/background.jpg) no-repeat center
}

.banner--8march .banner--8march__img {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.banner--8march .banner--8march__img img {
    position: absolute;
    right: 50%;
    top: -35px
}

.banner--8march__content, .banner--8march__content .banner--8march__background .banner--8march__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 93%
}

.banner--8march__content .banner--8march__background {
    background: url(/images/img/assets/banner/banner--8march/frame.png) no-repeat center;
    width: 395px;
    height: 117%;
    z-index: 1
}

.banner--8march__content .banner--8march__background .banner--8march__text {
    text-transform: uppercase;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.banner--8march__content .banner--8march__background .banner--8march__text h2 {
    color: #fff;
    font-size: 20px;
    margin: 13px 2px 0;
    font-weight: 700
}

.banner--8march__content .banner--8march__background .banner--8march__text h3 {
    color: #e82d12;
    letter-spacing: 2.12px;
    font-size: 30px;
    text-shadow: 1px 2px 2px #4a2519;
    margin: 0 2px;
    font-weight: 700
}

.banner--8march__content .banner--8march__background .banner--8march__text h4 {
    color: #fff;
    letter-spacing: .8px;
    font-size: 14px;
    font-weight: 700;
    margin: 3px 0 13px
}

.banner--8march .button {
    right: -1%
}

@media screen and (max-width: 1100px) {
    .banner--8march .button {
        right: -6%
    }
}

@media screen and (max-width: 750px) {
    .banner--8march__content {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .banner--8march__content .banner--8march__background {
        margin-right: -51px;
        margin-top: -22px
    }

    .banner--8march .banner--8march__img {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    .banner--8march .banner--8march__img img {
        right: auto;
        left: -11%
    }

    .banner--8march .button {
        right: -7%;
        bottom: 2px
    }
}

@media screen and (max-width: 500px) {
    .banner--8march {
        background-position: 26%
    }

    .banner--8march__content .banner--8march__background {
        background-size: contain;
        height: 107%
    }

    .banner--8march__content .banner--8march__background .banner--8march__text h2 {
        font-size: 14px;
        margin: 14px 0 -1px
    }

    .banner--8march__content .banner--8march__background .banner--8march__text h3 {
        font-size: 23px;
        margin: 0 2px
    }

    .banner--8march__content .banner--8march__background .banner--8march__text h4 {
        font-size: 11px;
        margin: 1px 0 13px;
        letter-spacing: .6px
    }

    .banner--8march .banner--8march__img img {
        width: 95%;
        left: -22%;
        top: -26px
    }

    .banner--8march .button {
        bottom: 1px
    }
}

@media screen and (max-width: 400px) {
    .banner--8march__content .banner--8march__background {
        margin-right: -89px;
        margin-top: -28px
    }

    .banner--8march .button {
        right: -21%
    }
}

@media screen and (max-width: 410px) and (max-height: 455px) {
    .banner--8march__content .banner--8march__background {
        height: 114%;
        margin-right: -100px;
        margin-top: -38px
    }

    .banner--8march__content .banner--8march__background .banner--8march__text h4 {
        font-size: 10px
    }

    .banner--8march .button {
        right: -29%
    }
}

.banner--9thmay {
    width: 100%;
    height: 100%;
    max-height: 225px;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%)
}

.banner--9thmay__content {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: url(/images/img/assets/banner/banner--9thmay/background-comp.png) no-repeat center;
    background-size: cover;
    overflow: hidden
}

.banner--9thmay__content::before {
    content: "";
    position: absolute;
    width: 134px;
    height: 100px;
    top: 0;
    left: 0;
    background: url(/images/img/assets/banner/banner--9thmay/ord.png) no-repeat center bottom;
    background-size: contain
}

.banner--9thmay__girl {
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 52%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 250px;
    height: 100%;
    background: url(/images/img/assets/banner/banner--9thmay/9th-may-girl.png) no-repeat center bottom;
    background-size: contain
}

.banner--9thmay__text1, .banner--9thmay__text2 {
    z-index: 20;
    position: absolute;
    width: 300px;
    height: 180px;
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    bottom: -18px;
    left: 103px
}

.banner--9thmay__text2 {
    bottom: auto;
    left: auto;
    top: 10px;
    right: 40px
}

.banner--9thmay__text1 p, .banner--9thmay__text2 p {
    margin: 0;
    text-shadow: 4px 3px #da2b01
}

.banner--9thmay__text2--bot {
    padding-top: 25px
}

.banner--9thmay__text1--bot, .banner--9thmay__text2--bot {
    color: #44a994;
    -webkit-animation-name: thmay-text;
    animation-name: thmay-text;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse
}

.button_red.banner-9thmay__button {
    z-index: 20;
    position: relative !important;
    margin: 0 auto;
    right: auto;
    -webkit-transform: none !important;
    transform: none !important;
    top: -2px
}

.banner--9thmay__button {
    text-align: center;
    position: absolute;
    bottom: 5px;
    right: 65px;
    width: 230px;
    height: 65px
}

.banner--9thmay__date {
    display: block;
    font-size: 22px;
    text-align: center
}

.banner--9thmay__boom {
    z-index: 5;
    position: absolute;
    width: 20%;
    height: 70%;
    background: url(/images/img/assets/banner/banner--9thmay/solt.png) no-repeat center;
    background-size: contain
}

.banner--9thmay__boom1 {
    left: 15%;
    top: -10%
}

.banner--9thmay__boom2 {
    left: -2%;
    bottom: 5%
}

.banner--9thmay__boom3 {
    left: 55%;
    top: 5%
}

.banner--9thmay__boom4 {
    left: 32%;
    bottom: 5%
}

.owl-item.active .banner--9thmay__boom1 {
    -webkit-animation-name: thmay__boom1;
    animation-name: thmay__boom1;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.owl-item.active .banner--9thmay__boom2, .owl-item.active .banner--9thmay__boom3, .owl-item.active .banner--9thmay__boom4, .owl-item.active .banner--blackfriday__signboard {
    -webkit-animation-name: thmay__boom2;
    animation-name: thmay__boom2;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.owl-item.active .banner--9thmay__boom3, .owl-item.active .banner--9thmay__boom4, .owl-item.active .banner--blackfriday__signboard {
    -webkit-animation-name: thmay__boom3;
    animation-name: thmay__boom3
}

.owl-item.active .banner--9thmay__boom4, .owl-item.active .banner--blackfriday__signboard {
    -webkit-animation-name: thmay__boom4;
    animation-name: thmay__boom4
}

@media screen and (max-width: 768px) {
    .banner--9thmay__boom, .banner--9thmay__content::before {
        display: none
    }

    .banner--9thmay__text1 {
        left: 1vw;
        font-size: 4.5vw;
        line-height: 5vw;
        height: 20vw
    }

    .banner--9thmay__text2 {
        font-size: 4.5vw;
        height: 20vw;
        right: 1vw;
        width: 33vw
    }

    .banner--9thmay__button {
        right: 1vw
    }

    .banner--9thmay__date {
        z-index: 30
    }
}

@media screen and (max-width: 682px) {
    .banner--9thmay__text1 {
        width: 32vw
    }

    .banner-9thmay__button {
        display: none
    }

    .banner--9thmay__text1 p, .banner--9thmay__text2 p {
        -webkit-animation: none;
        animation: none
    }

    .banner--9thmay__girl {
        left: 48%;
        width: 35vw
    }
}

@media screen and (max-width: 560px) {
    .banner--9thmay__text2--bot {
        padding-top: 0
    }

    .banner--9thmay__date {
        font-size: 4vw;
        font-weight: 700
    }

    .banner--9thmay__text1 {
        bottom: -2vw
    }

    .banner--9thmay__girl {
        width: 43vw
    }

    .banner--9thmay__button {
        right: auto;
        left: 2vw;
        width: 24vw;
        bottom: auto;
        top: 5vw
    }

    .banner--9thmay__text2 {
        top: 10vw
    }

    .banner--9thmay__text2 p {
        margin-top: -15px
    }

    .banner--9thmay__text1 p, .banner--9thmay__text2 p {
        text-shadow: .8vw .8vw #da2b01
    }

    .banner--9thmay__text2--top {
        margin-bottom: -20px !important
    }
}

.banner--blackfriday {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(/images/img/assets/banner/banner--blackfriday/black-friday-girl.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover
}

.banner--blackfriday, .banner--blackfriday__content, .banner-cashback__image img {
    width: 100%;
    height: 100%
}

.banner--blackfriday__signboard {
    position: absolute;
    top: 6%;
    left: 5%;
    width: 30%;
    height: 90%;
    background-image: url(/images/img/assets/banner/banner--blackfriday/black-friday-neon-off.png);
    background-size: 84%;
    background-repeat: no-repeat;
    background-position: center
}

.banner--blackfriday__text {
    position: absolute;
    width: 225px;
    height: 80%;
    right: 40px;
    top: 1%;
    background: url(/images/img/assets/banner/banner--blackfriday/blakc-friday-sign.png) no-repeat center;
    text-align: center;
    color: #fff;
    background-size: contain
}

.banner--blackfriday__text__header {
    font-size: 16px;
    margin-top: 45px;
    margin-bottom: 0
}

.banner--blackfriday__text__promocode {
    font-size: 30px;
    font-weight: 900;
    color: #24bb9d;
    display: block;
    margin-bottom: 2px
}

.banner--blackfriday__text__description {
    font-weight: 900;
    font-size: 16px;
    display: inline-block;
    width: auto;
    margin-top: 0;
    padding-top: 3px;
    border-top: 1px solid #fff
}

.banner--blackfriday .banner--blackfriday__btn {
    -webkit-transform: none;
    transform: none;
    right: 60px
}

.owl-item.active .banner--blackfriday__signboard {
    -webkit-animation-name: blackfriday-signboard;
    animation-name: blackfriday-signboard;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@media screen and (max-width: 700px) {
    .banner--blackfriday__signboard {
        display: none
    }

    .banner--blackfriday {
        background-position: 80% 50%
    }
}

@media screen and (max-width: 510px) {
    .banner--blackfriday {
        background: url(/images/img/assets/banner/banner--blackfriday/black-friday-girl-mob.jpg) no-repeat center;
        background-position: center;
        background-size: cover
    }

    .banner--blackfriday__text {
        width: 45vw;
        height: 35vw;
        right: 2vw;
        top: 1vw
    }

    .banner--blackfriday__text__header {
        font-size: 3.5vw;
        margin-top: 9vw
    }

    .banner--blackfriday__text__promocode {
        font-size: 6vw;
        margin-bottom: .3vw
    }

    .banner--blackfriday__text__description {
        font-size: 3.5vw;
        padding-top: .3vw
    }

    .banner--blackfriday .banner--blackfriday__btn {
        right: 3vw;
        bottom: 1vw
    }
}

.banner--bonuspnc, .bonuspnc__content {
    width: 100%;
    height: 100%;
    max-height: 225px
}

.bonuspnc__content {
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden
}

.bonuspnc__girl, .bonuspnc__slots {
    position: absolute;
    height: 100%;
    top: 0
}

.bonuspnc__slots {
    background: url(/images/img/assets/banner/banner--bonuspnc/slide-first-deposit.gif) no-repeat center right;
    width: 483px;
    right: 0
}

.bonuspnc__girl {
    width: 134px;
    right: 441px;
    background: url(/images/img/assets/banner/banner--bonuspnc/slide-fd-girl.png) no-repeat center right;
    z-index: 30
}

.bonuspnc__date {
    position: absolute;
    color: #fff;
    right: 5%;
    font-size: 22px;
    bottom: 25px
}

.bonuspnc__anim-text p {
    position: absolute;
    left: 50px;
    top: 0;
    font-size: 0;
    font-weight: 700;
    color: #fff;
    text-shadow: 4px 6px 4px rgba(0, 0, 0, .4);
    white-space: nowrap;
    text-align: center;
    margin: 0;
    line-height: 67px;
    width: 326px;
    z-index: 40
}

.bonuspnc__anim-text, .bonuspnc__date {
    text-align: center
}

.bonuspnc__anim-text-1, .bonuspnc__anim-text-2 {
    -webkit-animation-name: bonuspncTextAnim1;
    animation-name: bonuspncTextAnim1;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.bonuspnc__anim-text-2 {
    -webkit-animation-name: bonuspncTextAnim2;
    animation-name: bonuspncTextAnim2
}

.bonuspnc__anim-text-green {
    color: #55a399
}

.bonuspnc__anim-text-red {
    color: #de3c21
}

.banner--bonuspnc .bonuspnc__content .banner-bonuspnc__button {
    right: -21px;
    bottom: 58px
}

@media screen and (max-width: 900px) {
    .bonuspnc__anim-text p {
        left: 12px
    }

    .bonuspnc__girl {
        right: auto;
        left: 319px
    }
}

@media screen and (max-width: 857px) {
    .bonuspnc__anim-text p {
        font-size: 35px;
        -webkit-animation: none;
        animation: none;
        line-height: 38px;
        width: 247px
    }

    .bonuspnc__girl {
        right: 382px;
        left: auto
    }

    .bonuspnc__content .bonuspnc__anim-text-1 {
        top: 40px
    }

    .bonuspnc__content .bonuspnc__anim-text-2 {
        top: 14px;
        left: auto;
        right: 44px
    }
}

@media screen and (max-width: 716px) {
    .bonuspnc__slots {
        width: 100%;
        background: url(/images/img/assets/banner/banner--bonuspnc/back-slot2.jpg) no-repeat center;
        background-size: 100%
    }

    .bonuspnc__girl {
        right: auto;
        left: 211px
    }

    .bonuspnc__date {
        z-index: 50;
        right: 44px
    }
}

@media screen and (max-width: 618px) {
    .bonuspnc__anim-text p {
        font-size: 27px;
        line-height: 32px
    }

    .bonuspnc__content .bonuspnc__anim-text-1 {
        top: 67px;
        left: -24px
    }

    .bonuspnc__girl {
        left: 165px
    }

    .bonuspnc__content .bonuspnc__anim-text-2 {
        right: 2px
    }

    .banner--bonuspnc .bonuspnc__content .banner-bonuspnc__button {
        right: -59px
    }

    .bonuspnc__date {
        right: 8px
    }
}

@media screen and (max-width: 518px) {
    .bonuspnc__anim-text p {
        font-size: 24px;
        line-height: 29px
    }

    .bonuspnc__content .bonuspnc__anim-text-1 {
        top: 25px;
        left: -40px
    }

    .bonuspnc__girl {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-position: center;
        background-size: contain
    }

    .bonuspnc__content .bonuspnc__anim-text-2 {
        right: -37px;
        top: 24px
    }

    .banner--bonuspnc .bonuspnc__content .banner-bonuspnc__button, .bonuspnc__date {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        bottom: 10px
    }

    .bonuspnc__date {
        bottom: 52px;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        white-space: nowrap
    }
}

@media screen and (max-width: 445px) {
    .bonuspnc__content .bonuspnc__anim-text-1, .bonuspnc__content .bonuspnc__anim-text-2 {
        top: 16px
    }

    .bonuspnc__anim-text p {
        font-size: 21px
    }

    .bonuspnc__date {
        font-size: 18px
    }
}

@media screen and (max-width: 390px) {
    .bonuspnc__anim-text p {
        line-height: 24px
    }

    .bonuspnc__content .bonuspnc__anim-text-1 {
        left: -51px;
        top: 9px
    }

    .bonuspnc__content .bonuspnc__anim-text-2 {
        top: 9px;
        right: -48px
    }
}

@media screen and (max-width: 350px) {
    .bonuspnc__anim-text p {
        line-height: 22px;
        font-size: 19px
    }

    .bonuspnc__date {
        font-size: 16px
    }

    .bonuspnc__content .bonuspnc__anim-text-1 {
        left: -54px;
        top: 6px
    }

    .bonuspnc__content .bonuspnc__anim-text-2 {
        top: 7px;
        right: -52px
    }
}

.banner-cashback {
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden
}

.banner-cashback__image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 885px
}

.banner-cashback__image::after, .slider__item .banner-cashback-new {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    position: absolute
}

.banner-cashback__image::after {
    content: "";
    display: block;
    top: 50%;
    left: 30%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-image: url(/images/img/assets/banner/banner--cashback/b-cashback-logo.png);
    background-position: center;
    background-size: contain
}

.banner-cashback__content {
    position: absolute;
    right: 10px;
    top: 0;
    width: 50%;
    height: 100%;
    text-align: center
}

.banner-cashback__text {
    color: #fff;
    font-size: 40px;
    font-family: sans-serif;
    font-weight: 400;
    margin: 40px 0
}

.banner-cashback__text--accent {
    color: #d9ede9;
    text-shadow: 1px 1px 2px #1ea149, 0 0 1em #4dab99
}

@media only screen and (max-width: 1100px) {
    .banner-cashback__content {
        width: 55%;
        right: 10px
    }

    .banner-cashback__image::after {
        opacity: .8
    }
}

@media only screen and (max-width: 980px) {
    .banner-cashback__content {
        width: 50%;
        right: 10px
    }

    .banner-cashback__image::after {
        opacity: 1
    }
}

@media only screen and (max-width: 615px) {
    .banner-cashback__image::after {
        opacity: .8
    }
}

@media only screen and (max-width: 576px) {
    .banner-cashback__text {
        margin: 0
    }

    .banner-cashback__image {
        width: 95%
    }
}

@media only screen and (max-width: 425px) {
    .banner-cashback {
        height: 44.6875vw;
        max-height: 225px
    }
}

@media only screen and (max-width: 576px) {
    .banner-cashback__content {
        width: 80%;
        top: 15%
    }
}

@media only screen and (max-width: 425px) {
    .banner-cashback__text {
        font-size: 30px
    }
}

@media only screen and (max-width: 375px) {
    .banner-cashback__text {
        font-size: 27px
    }
}

@media only screen and (max-width: 320px) {
    .banner-cashback__text {
        font-size: 23px
    }
}

.slider__item .banner-cashback-new {
    background-image: url(/images/img/assets/banner/banner--cashback-new/girl-mobile.png), url(/images/img/assets/banner/banner--cashback-new/cashback.png), url(/images/img/assets/banner/banner--cashback-new/bg-mobile.jpg);
    background-position: left bottom, -80px -110px, center;
    background-size: 30%, 100%, cover
}

.slider__item .banner-cashback-new-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60%;
    margin: 0 auto;
    margin-right: 1rem
}

.slider__item .banner-cashback-new-content .button {
    position: relative !important;
    -webkit-transform: none;
    transform: none;
    bottom: unset;
    right: unset;
    margin-top: 1rem
}

.slider__item .banner-cashback-new-content__header {
    text-align: center;
    width: 100%;
    text-shadow: 1px -11px 22px rgba(0, 0, 0, .46), 0 0 12px #3e91dd, 0 0 23px #0ca9dc;
    color: #fff;
    font-size: 48px;
    font-weight: 700
}

.slider__item .banner-cashback-new-content__subheader {
    text-align: center;
    width: 100%;
    text-shadow: 1px -11px 22px rgba(0, 0, 0, .43), 0 0 12px #3e91dd, 0 0 23px #0ca9dc;
    color: rgba(255, 255, 255, .9);
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

@media (min-width: 375px) {
    .slider__item .banner-cashback-new {
        background-position: left bottom, -100px -140px, center
    }

    .slider__item .banner-cashback-new-content {
        width: 50%;
        margin-top: 1rem
    }
}

@media (min-width: 420px) {
    .slider__item .banner-cashback-new {
        background-position: left bottom, -70px -160px, center;
        background-size: 25%, 80%, cover
    }

    .slider__item .banner-cashback-new-content {
        width: 50%;
        margin-top: 1.5rem
    }
}

@media (min-width: 768px) {
    .slider__item .banner-cashback-new {
        background-position: 50px bottom, 0 -140px, center;
        background-size: 20%, 50%, cover
    }

    .slider__item .banner-cashback-new-content {
        width: 50%;
        margin-top: 2.5rem
    }
}

@media (min-width: 1024px) {
    .slider__item .banner-cashback-new {
        background-image: url(/images/img/assets/banner/banner--cashback-new/girl-desktop.png), url(/images/img/assets/banner/banner--cashback-new/cashback.png), url(/images/img/assets/banner/banner--cashback-new/bg-desktop.jpg);
        background-position: center, -60px -140px, center;
        background-size: contain, 50%, cover;
        -webkit-animation: cashbacktable 5s infinite;
        animation: cashbacktable 5s infinite
    }

    .slider__item .banner-cashback-new-content {
        width: 50%;
        margin-top: .5rem
    }

    .slider__item .banner-cashback-new-content__header {
        font-size: 72px
    }

    .slider__item .banner-cashback-new-content__subheader {
        font-size: 28px
    }
}

.banner--casinopromo {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden;
    max-height: 225px
}

.banner--casinopromo__main {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/images/img/assets/banner/banner--casinopromo/casino-promo-bkg2.webp) center no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.banner--casinopromo__description, .banner--casinopromo__roulette {
    position: absolute;
    height: 100%;
    width: 201px;
    right: 25px;
    top: 0
}

.banner--casinopromo__roulette {
    right: 0;
    width: 100%;
    background: url(/images/img/assets/banner/banner--casinopromo/roulette.png) center no-repeat;
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto;
    z-index: 3
}

.banner--casinopromo__roulette--cards, .banner--casinopromo__roulette--wheel {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.banner--casinopromo__roulette--wheel {
    top: -14%;
    background: url(/images/img/assets/banner/banner--casinopromo/roulette-circle.png) center no-repeat;
    z-index: 2;
    right: 1%
}

.banner--casinopromo__roulette--cards {
    z-index: 4;
    right: 2.5%;
    bottom: -1.7%;
    background: url(/images/img/assets/banner/banner--casinopromo/roulette-cards.png) center no-repeat
}

.banner--casinopromo__text {
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 35px;
    z-index: 5
}

.banner--casinopromo__text--green, .banner--casinopromo__text--red {
    color: #f52e16;
    font-family: Helvetica, Arial, sans-serif
}

.banner--casinopromo__text--green {
    color: #30ba9d
}

.banner--casinopromo__slot {
    position: absolute;
    left: 15px;
    top: 0;
    width: 25%;
    height: 100%;
    background: url(/images/img/assets/banner/banner--casinopromo/slot_ra.gif) center no-repeat;
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto;
    z-index: 1
}

.banner--casinopromo__main .button_red {
    position: absolute;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    right: 17px;
    width: 220px
}

.owl-item + .active .banner--casinopromo__roulette--wheel {
    -webkit-animation-name: rolette-rotate;
    animation-name: rolette-rotate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@media screen and (max-width: 1024px) {
    .banner--casinopromo__main {
        background-size: cover
    }

    .banner--casinopromo__slot {
        display: none
    }

    .banner--casinopromo__description {
        right: auto;
        left: 25px;
        top: 20px
    }

    .banner--casinopromo__text {
        width: 70%;
        position: absolute;
        height: 50%;
        right: 50%;
        -webkit-transform: translateX(57%);
        transform: translateX(57%);
        top: -5%;
        left: auto;
        font-size: 31px
    }

    .banner--casinopromo__main .button_red {
        right: 45%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        bottom: 37px
    }
}

@media screen and (max-width: 768px) {
    .banner--casinopromo__main .button_red {
        right: 35%
    }

    .banner--casinopromo__text {
        right: 40%;
        line-height: 1.3em
    }
}

@media screen and (max-width: 600px) {
    .banner--casinopromo__text {
        font-size: 24px;
        top: 5%
    }

    .banner--casinopromo__description {
        left: 10px;
        top: 15%
    }
}

@media screen and (max-width: 500px) {
    .banner--casinopromo__roulette {
        display: none
    }

    .banner--casinopromo__description {
        position: absolute;
        left: 10px;
        top: 65%;
        width: 35%;
        height: 70%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url(/images/img/assets/banner/banner--casinopromo/wheel-mob.png) center no-repeat;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%
    }

    .banner--casinopromo__text {
        font-size: 21px;
        width: 70%;
        top: -2%;
        right: 41%
    }

    .banner--casinopromo__main .button_red {
        width: 170px;
        bottom: 15px
    }
}

@media screen and (max-width: 380px) {
    .banner--casinopromo__text {
        font-size: 18px;
        width: 90%;
        right: 44%
    }

    .banner--casinopromo__main .button_red {
        right: 37%
    }

    .banner--casinopromo__description {
        left: 3px;
        top: 50%;
        width: 37%;
        height: 71%
    }
}

.banner--chekred {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden;
    max-height: 225px
}

.banner--chekred--girl, .banner--chekred__main {
    position: absolute;
    top: 0;
    height: 100%;
    background-repeat: no-repeat
}

.banner--chekred__main {
    right: 0;
    background: url(/images/img/assets/banner/banner--chekred/checkreg-bkg.png) center no-repeat;
    width: 100%;
    background-position: center;
    background-size: 100% 100%
}

.banner--chekred--girl {
    left: 145px;
    width: 250px;
    background: url(/images/img/assets/banner/banner--chekred/chekred-girl2.png) center no-repeat;
    background-position: top;
    background-size: auto;
    z-index: 3
}

.banner--chekred--description {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-family: Helvetica, Arial, sans-serif
}

.banner--chekred--header {
    margin-top: -3px;
    margin-bottom: 0;
    color: #d9ede9;
    text-shadow: 1px 1px 2px #1ea149, 0 0 1em #4dab99
}

.banner--chekred--text {
    margin-top: 0;
    font-size: 40px;
    line-height: normal;
    margin-bottom: 10px
}

.banner--chekred--signboard, .banner--chekred--signboard-wrapp {
    position: absolute;
    height: 95px;
    width: 172px;
    top: 37%;
    left: 15.5%
}

.banner--chekred--signboard-wrapp {
    background: url(/images/img/assets/banner/banner--chekred/cheked-arrows.png) center no-repeat;
    -webkit-animation-name: signboardRotate;
    animation-name: signboardRotate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-direction: alternate-reverse;
    -webkit-animation-duration: 3.28s;
    animation-duration: 3.28s
}

.banner--chekred--balb {
    height: calc(100% / 4);
    width: 100%;
    position: relative
}

.banner--chekred--balb::after, .banner--chekred--balb::before {
    content: "";
    position: absolute;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, #fff), to(#222));
    background: -webkit-linear-gradient(top, #fff 55%, #222);
    background: linear-gradient(180deg, #fff 55%, #222);
    width: 7px;
    height: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%
}

.banner--chekred--balb::before {
    right: 5px
}

.banner--chekred--balb::after {
    left: 5px
}

.banner--chekred--balb-active::after, .banner--chekred--balb-active::before {
    background: #fff;
    -webkit-box-shadow: 0 0 7px 2px #fff;
    box-shadow: 0 0 7px 2px #fff
}

.banner--chekred--description .button_red {
    position: static !important;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width: 1200px) {
    .banner--chekred--girl {
        left: 50px
    }
}

@media screen and (max-width: 768px) {
    .banner--chekred--description {
        width: 375px
    }
}

@media screen and (max-width: 700px) {
    .banner--chekred--girl {
        left: 20px
    }

    .banner--chekred--description {
        width: 300px
    }

    .banner--chekred--header {
        font-size: 33px;
        margin-top: 30px
    }

    .banner--chekred--text {
        margin-top: -5px;
        font-size: 29px
    }
}

@media screen and (max-width: 564px) {
    .banner--chekred--girl {
        background: url(/images/img/assets/banner/banner--chekred/chekred-girl-mobile.png) center no-repeat;
        background-size: 90%;
        background-position: bottom;
        left: 0;
        width: 40%
    }

    .banner--chekred--signboard, .banner--chekred--signboard-wrapp {
        display: none
    }
}

@media screen and (max-width: 478px) {
    .banner--chekred--description {
        width: 260px
    }

    .banner--chekred--header {
        font-size: 26px;
        margin-top: 40px
    }

    .banner--chekred--text {
        margin-top: 0;
        font-size: 24px
    }
}

@media screen and (max-width: 460px) {
    .banner--chekred--header {
        margin-top: 20px
    }
}

@media screen and (max-width: 405px) {
    .banner--chekred--description {
        width: 200px
    }

    .banner--chekred--header {
        font-size: 23px;
        margin-top: 20px
    }

    .banner--chekred--text {
        margin-top: 0;
        font-size: 20px
    }

    .banner--chekred--girl {
        width: 46%
    }
}

@media screen and (max-width: 368px) {
    .banner--chekred--girl {
        width: 43%
    }

    .banner--chekred--description {
        right: 7px;
        width: 179px
    }

    .banner--chekred--text {
        font-size: 17px
    }

    .banner--chekred--description .button_red {
        width: 171px
    }
}

@media screen and (max-width: 340px) {
    .banner--chekred--description, .banner--chekred--description .button_red {
        width: 160px
    }

    .banner--chekred--girl {
        width: 47%
    }

    .banner--chekred--header {
        margin-top: 6px
    }
}

@media screen and (max-width: 330px) {
    .banner--chekred--header {
        margin-top: 4px
    }

    .banner--chekred--text {
        margin-bottom: 7px
    }
}

.banner--depositfirst {
    position: relative
}

.banner--depositfirst, .depositfirst__content {
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden
}

.depositfirst__slot {
    position: absolute;
    top: 0;
    left: 0;
    width: 364px;
    height: 100%;
    background: url(/images/img/assets/banner/banner--depositfirst/slot.gif) no-repeat center;
    background-size: contain
}

.depositfirst__on-first-deposit {
    top: 15px;
    right: 204px;
    height: 50px;
    color: #fff;
    text-align: center;
    font-size: 30px
}

.depositfirst__100, .depositfirst__bonus, .depositfirst__on-first-deposit {
    position: absolute
}

.depositfirst__bonus {
    padding-right: 20px;
    text-align: center;
    top: 64px;
    right: 359px;
    height: 100px;
    line-height: 100px;
    color: #fff;
    font-size: 63px
}

.depositfirst__100 {
    top: 81px;
    right: 161px;
    width: 190px;
    height: 59px;
    color: #db3a20;
    font-size: 60px;
    line-height: 70px;
    text-shadow: 1px 1px 4px #000
}

.depositfirst__girl {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 154px;
    height: 223px;
    background: url(/images/img/assets/banner/banner--depositfirst/depositfirst-girl.png) no-repeat center;
    background-size: contain
}

.slider__item .banner--depositfirst .button {
    bottom: 15px
}

@media screen and (max-width: 1230px) {
    .depositfirst__bonus {
        top: 30%;
        right: 37%;
        width: 21%;
        height: 34%
    }

    .depositfirst__100 {
        top: 29%;
        right: 20%;
        width: 15%;
        height: 36%;
        line-height: normal
    }

    .depositfirst__bonus {
        line-height: 81px
    }
}

@media screen and (max-width: 794px) {
    .depositfirst__girl {
        width: 28%;
        height: 100%;
        background-size: contain
    }

    .depositfirst__on-first-deposit {
        font-size: 4vw
    }

    .depositfirst__slot {
        background: url(/images/img/assets/banner/banner--depositfirst/slot-mobile.png) no-repeat center;
        left: -170px
    }

    .depositfirst__bonus {
        top: 37%;
        right: 46%;
        font-size: 7vw
    }

    .depositfirst__100 {
        top: 36%;
        right: 29%
    }

    .slider__item .banner--depositfirst .button {
        bottom: 16px;
        right: 16%
    }
}

@media screen and (max-width: 700px) {
    .depositfirst__on-first-deposit {
        top: 16%;
        right: 25%;
        width: 45%;
        height: 26%
    }

    .depositfirst__girl {
        width: 157px
    }

    .depositfirst__bonus {
        width: 35%;
        height: 35%;
        right: 38%
    }

    .depositfirst__slot {
        left: -127px;
        background: url(/images/img/assets/banner/banner--depositfirst/slot-mobile.png) no-repeat;
        width: 271px;
        height: 100%;
        background-size: 85%;
        background-position: 50% 68%
    }

    .depositfirst__100 {
        font-size: 11vw !important
    }
}

@media screen and (max-width: 500px) {
    .depositfirst__on-first-deposit {
        top: 9%;
        right: 30%
    }

    .depositfirst__bonus {
        line-height: 16vw
    }
}

@media screen and (max-width: 420px) {
    .depositfirst__100 {
        top: 34%;
        right: 18%;
        width: 25%;
        height: 40%
    }

    .depositfirst__on-first-deposi {
        width: 57%
    }

    .depositfirst__girl {
        width: 130px
    }

    .slider__item .banner--depositfirst .button {
        right: 3%
    }
}

@media screen and (max-width: 395px) {
    .depositfirst__bonus {
        line-height: 17vw;
        right: 34%;
        font-size: 7vw
    }
}

@media screen and (max-width: 382px) {
    .depositfirst__girl {
        width: 120px
    }

    .depositfirst__slot {
        left: -152px
    }
}

@media screen and (max-width: 370px) {
    .slider__item .banner--depositfirst .button {
        right: 14%;
        width: 135px;
        bottom: 8px
    }

    .depositfirst__girl {
        width: 112px
    }
}

.banner--egypt {
    background: url(/images/img/assets/banner/banner--egypt/background.jpg) no-repeat center;
    background-size: cover;
    height: 100%;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.banner--egypt__left {
    position: absolute;
    bottom: -6px;
    left: 0
}

.banner--egypt__left .left__img {
    width: 48%
}

.banner--egypt__right {
    position: absolute;
    bottom: -6px;
    right: 0
}

.banner--egypt__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -16px;
    z-index: 1
}

.banner--egypt__text .bold__text, .banner--egypt__text h2 {
    font-size: 28px;
    margin: 0 0 -7px;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 0 0 rgba(0, 0, 0, .78)
}

.banner--egypt__text .bold__text {
    font-size: 32px;
    margin: -7px 0 11px;
    display: block
}

.banner--egypt__text h4 {
    font-size: 35px;
    margin: 0 0 9px;
    color: #11e1e1;
    font-weight: 700;
    border: 3px solid #d8371e;
    padding: 2px 26px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .78);
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .78);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .78);
    position: relative
}

.banner--egypt__text h4:after, .banner--egypt__text h4:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background-color: #000
}

.banner--egypt__text h4:after {
    width: 1px;
    height: 100%
}

.banner--egypt__text h5 {
    font-size: 18px;
    margin: 0;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .78)
}

.banner--egypt button {
    right: -4% !important
}

@media screen and (max-width: 1250px) {
    .banner--egypt__text h2 {
        font-size: 25px
    }

    .banner--egypt__text .bold__text {
        font-size: 28px
    }

    .banner--egypt__text h4 {
        font-size: 32px;
        padding: 2px 19px
    }

    .banner--egypt__text h5 {
        font-size: 17px
    }

    .banner--egypt__right {
        right: -42px
    }

    .banner--egypt__right .right__img {
        width: 88%
    }

    .banner--egypt__left {
        left: -22px
    }

    .banner--egypt__left .left__img {
        width: 43%
    }
}

@media screen and (max-width: 1100px) {
    .banner--egypt {
        background-position: 93% 0
    }
}

@media screen and (max-width: 830px) {
    .banner--egypt__left {
        left: -57px
    }

    .banner--egypt__left .left__img {
        width: 47%
    }
}

@media screen and (max-width: 760px) {
    .banner--egypt {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .banner--egypt__right, .banner--egypt__text h4:after, .banner--egypt__text h4:before {
        display: none
    }

    .banner--egypt__text {
        margin: 0 19px 0 0;
        position: relative
    }

    .banner--egypt__text h5 {
        position: absolute;
        top: 0;
        margin-top: -3.3vw;
        font-size: 18px;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, .5)
    }

    .banner--egypt__text h4 {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 9px 0 6px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .78)
    }

    .banner--egypt__text h2 {
        font-size: 30px;
        margin: 1.8vw 0 0
    }

    .banner--egypt__text .bold__text {
        display: inline;
        font-size: 30px
    }

    .banner--egypt button {
        right: 0 !important
    }
}

@media screen and (max-width: 530px) {
    .banner--egypt {
        background: url(/images/img/assets/banner/banner--egypt/background-mob.jpg) no-repeat;
        background-size: cover;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-position: -3px 0
    }

    .banner--egypt__left, .banner--egypt__text h4:after, .banner--egypt__text h4:before {
        display: none
    }

    .banner--egypt__text {
        margin: -19.6px 0 0;
        position: relative
    }

    .banner--egypt__text h5 {
        position: absolute;
        top: 0;
        margin-top: -3.3vw;
        font-size: 4.6vw;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, .5)
    }

    .banner--egypt__text h4 {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 7.6vw;
        margin: 9px 0 6px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .78);
        right: -23vw;
        letter-spacing: -.3vw
    }

    .banner--egypt__text h2 {
        font-size: 6.8vw;
        margin: 1.8vw 0 0
    }

    .banner--egypt__text .bold__text {
        display: inline;
        font-size: 6.8vw
    }

    .banner--egypt button {
        right: -83px !important;
        bottom: 6px !important
    }
}

.banner--elk-vendor {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(/images/img/assets/banner/banner--elk-vendor/elk-bg.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover
}

.banner--elk-vendor__content {
    width: 100%;
    height: 100%;
    background-image: url(/images/img/assets/banner/banner--elk-vendor/elk-left-games.png), url(/images/img/assets/banner/banner--elk-vendor/elk-right-games.png);
    background-repeat: no-repeat;
    background-position: 5% 50%, 100% 50%;
    background-size: 37%, 43%
}

.banner--elk-vendor__content .banner--elk-vendor--btn {
    -webkit-transform: none;
    transform: none;
    right: 40px
}

@media screen and (max-width: 768px) {
    .banner--elk-vendor__content {
        background-image: url(/images/img/assets/banner/banner--elk-vendor/games-left-mob.png), url(/images/img/assets/banner/banner--elk-vendor/games-right-mob.png);
        background-position: 0 100%, 100% 50%;
        background-size: 38vw auto, 39vw auto
    }
}

@media screen and (max-width: 650px) {
    .banner--elk-vendor {
        background-size: auto 100%;
        background-position: -360px 50%
    }

    .banner--elk-vendor__content {
        background-image: url(/images/img/assets/banner/banner--elk-vendor/games-right-mob.png);
        background-position: 100% 50%;
        background-size: 50vw auto
    }
}

@media screen and (max-width: 490px) {
    .banner--elk-vendor {
        background-size: auto 100%;
        background-position: -70vw 50%
    }

    .banner--elk-vendor__content {
        background-image: url(/images/img/assets/banner/banner--elk-vendor/games-right-mob.png);
        background-position: 100% 50%;
        background-size: 50vw auto
    }

    .banner--elk-vendor__content .banner--elk-vendor--btn {
        right: 10px;
        bottom: 10px
    }
}

@media screen and (max-width: 330px) {
    .banner--elk-vendor {
        background-position: -74vw 50%
    }

    .banner--elk-vendor__content .banner--elk-vendor--btn {
        width: auto;
        padding-left: 25px;
        padding-right: 25px
    }
}

.banner--four-horsemen-game {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(/images/img/assets/banner/banner--four-horsemen-game/horeseman-bkg.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover
}

.banner--four-horsemen-game__content {
    width: 100%;
    height: 100%
}

.banner--four-horsemen-game__content::before {
    display: block;
    content: "";
    position: absolute;
    width: 159px;
    height: 36px;
    top: 5px;
    left: 5px;
    background: url(/images/img/general/min-svg/spinomenal.svg) no-repeat center;
    background-size: contain
}

.banner--four-horsemen-game__content .banner--four-horsemen-game-btn {
    right: 500px;
    bottom: 28px;
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.banner--four-horsemen-game__descr {
    position: absolute;
    right: 0;
    bottom: 20px;
    padding: 0 15px;
    background: -webkit-linear-gradient(45deg, transparent 10%, rgba(0, 0, 0, .9));
    background: linear-gradient(45deg, transparent 10%, rgba(0, 0, 0, .9))
}

.banner--four-horsemen-game__text {
    display: block;
    text-align: right;
    color: #fff;
    text-shadow: 2px 2px 2px #000;
    line-height: 1.4;
    font-weight: 700;
    font-size: 28px
}

.banner--four-horsemen-game__text br {
    display: none
}

.banner--four-horsemen-game__text--bot {
    color: #e03d22
}

@media screen and (max-width: 1023px) {
    .banner--four-horsemen-game {
        background-position: right
    }
}

@media screen and (max-width: 768px) {
    .banner--four-horsemen-game__content::before {
        top: auto;
        bottom: 0
    }
}

@media screen and (max-width: 700px) {
    .banner--four-horsemen-game {
        background-position: -312px 50%
    }

    .banner--four-horsemen-game__content .banner--four-horsemen-game-btn {
        right: auto;
        left: 25px;
        bottom: 35px
    }
}

@media screen and (max-width: 620px) {
    .banner--four-horsemen-game {
        background: url(/images/img/assets/banner/banner--four-horsemen-game/horeseman-bkg-mob.jpg) no-repeat left;
        background-size: cover
    }

    .banner--four-horsemen-game__content .banner--four-horsemen-game-btn {
        right: 10px;
        left: auto;
        bottom: 10px;
        -webkit-transform: none;
        transform: none
    }

    .banner--four-horsemen-game__descr {
        bottom: 70px;
        padding: 1.5vw 4vw;
        background: -webkit-linear-gradient(45deg, transparent 30%, rgba(0, 0, 0, .9));
        background: linear-gradient(45deg, transparent 30%, rgba(0, 0, 0, .9))
    }

    .banner--four-horsemen-game__text {
        text-align: center;
        line-height: 1.2;
        font-size: 5vw
    }

    .banner--four-horsemen-game__text--top {
        margin-bottom: 2vw
    }

    .banner--four-horsemen-game__text br {
        display: block
    }
}

@media screen and (max-width: 360px) {
    .banner--four-horsemen-game__content::before {
        width: 37vw;
        height: 10vw
    }
}

.banner--heloween {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(/images/img/assets/banner/banner--heloween/heloween-bkg-2.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover;
    background-position: right
}

.banner--heloween__content {
    background-image: url(/images/img/assets/banner/banner--heloween/osiris-min-2.png), url(/images/img/assets/banner/banner--heloween/jack-min.png);
    background-position: 2% 100%, 80% -36%;
    background-repeat: no-repeat;
    background-size: 30%, auto;
    width: 100%;
    height: 100%
}

.banner--heloween__content::after {
    content: "";
    width: 52px;
    height: 20px;
    position: absolute;
    right: 31px;
    top: 36%;
    background: url(/images/img/assets/banner/banner--heloween/heloween_eyes.png) no-repeat center;
    background-size: cover;
    -webkit-animation-name: haloween-eyes-shine;
    animation-name: haloween-eyes-shine;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.banner--heloween__header {
    text-align: center;
    text-shadow: 2px 2px 2px #000
}

.banner--heloween__header--top {
    color: #e03d22;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 0
}

.banner--heloween__header--bot {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-top: 4px
}

.banner--heloween__header--bot .promo-code {
    font-size: 40px
}

.banner--heloween__hands {
    display: block;
    position: absolute;
    width: 29%;
    height: 60%;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    background-image: url(/images/img/assets/banner/banner--heloween/left_hand-min.png), url(/images/img/assets/banner/banner--heloween/right_hand-min.png);
    background-position: 0 0, 100% 0;
    background-size: auto;
    background-repeat: no-repeat;
    -webkit-animation-name: haloween-hand-move;
    animation-name: haloween-hand-move;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@media screen and (max-width: 700px) {
    .banner--heloween__content {
        background-image: url(/images/img/assets/banner/banner--heloween/osiris-min.png), url(/images/img/assets/banner/banner--heloween/bat_halloweenjack-min.png);
        background-position: 0 100%, 10% 10%;
        background-size: 40%, auto
    }

    .banner--heloween__hands {
        display: none
    }

    .banner--heloween__header {
        width: 80%;
        margin: 0 0 0 auto;
        margin-top: 3vw
    }

    .banner--heloween__header--top {
        font-size: 7vw;
        margin: 0
    }

    .banner--heloween__header--bot {
        font-size: 5vw
    }

    .banner--heloween__header--bot .promo-code {
        font-size: 7vw
    }
}

@media screen and (max-width: 600px) {
    .banner--heloween__content {
        background-size: 50vw, auto;
        background-position: -10% 100%, 10% 10%
    }

    .banner--heloween__content::after {
        display: none
    }
}

@media screen and (max-width: 350px) {
    .banner--heloween__btn {
        right: -76px !important;
        width: 167px !important
    }
}

.banner--jingle-spin {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(/images/img/assets/banner/banner--jingle-spin/bkg.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover;
    background-position: left
}

.banner--jingle-spin, .banner--jingle-spin__content {
    width: 100%;
    height: 100%
}

.banner--jingle-spin__content::after {
    content: "";
    position: absolute;
    width: 95px;
    height: 43px;
    right: 0;
    top: 13px;
    background: url(/images/img/general/min-svg/new-arrow.svg) no-repeat center;
    background-size: cover
}

.banner--jingle-spin__content .button {
    -webkit-transform: none;
    transform: none;
    right: 40px
}

.banner--jingle-spin__wheel {
    height: 225px;
    width: 285px;
    position: absolute;
    left: 50px;
    top: 0
}

.banner--jingle-spin__wheel__circle {
    position: absolute;
    height: 218px;
    width: 218px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/images/img/assets/banner/banner--jingle-spin/wheel.png) no-repeat center;
    -webkit-animation-name: jingle-spin;
    animation-name: jingle-spin;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.banner--jingle-spin__wheel__gnome {
    position: absolute;
    width: 218px;
    height: 157px;
    right: 0;
    bottom: 0;
    background: url(/images/img/assets/banner/banner--jingle-spin/gnome.png) no-repeat center
}

@media screen and (max-width: 680px) {
    .banner--jingle-spin {
        background-image: url(/images/img/assets/banner/banner--jingle-spin/bkg-tab.jpg)
    }
}

@media screen and (max-width: 570px) {
    .banner--jingle-spin {
        background-image: url(/images/img/assets/banner/banner--jingle-spin/bkg-tab.jpg);
        background-position: 50% 50%
    }

    .banner--jingle-spin__content::after {
        background-image: url(/images/img/general/min-svg/red-label-left.svg);
        right: auto;
        left: 0;
        top: 6%;
        width: 70px;
        height: 30px
    }

    .banner--jingle-spin__wheel {
        background: url(/images/img/assets/banner/banner--jingle-spin/gnome-mob.png) no-repeat bottom;
        background-size: contain;
        height: 100%;
        width: 45%;
        left: 3%
    }

    .banner--jingle-spin__wheel__circle {
        -webkit-animation: none;
        animation: none;
        display: none
    }

    .banner--jingle-spin__wheel__gnome {
        display: none
    }
}

@media screen and (max-width: 380px) {
    .banner--jingle-spin__content .button {
        right: 10px;
        bottom: 10px;
        width: 160px
    }
}

.banner--kamchatka {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: url(/images/img/assets/banner/banner--kamchatka/kamchatka-bkg-min.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover
}

.banner--kamchatka__content {
    background-image: url(/images/img/assets/banner/banner--kamchatka/endorphina.png), url(/images/img/assets/banner/banner--kamchatka/kamchatka--heads.png), url(/images/img/assets/banner/banner--kamchatka/new-arrow.svg);
    background-position: 15px 10px, 50% 15%, 100% 10%;
    background-repeat: no-repeat;
    background-size: auto, 350px, 150px 68px;
    width: 100%;
    height: 100%
}

.banner--kamchatka__btn {
    -webkit-transform: none !important;
    transform: none !important;
    right: 50px !important
}

@media screen and (max-width: 1024px) {
    .slider__item.mobile-hide {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .banner--kamchatka {
        background-position: 20% 50%
    }

    .banner--kamchatka__content {
        background-size: 20vw, 350px, 150px 68px
    }
}

@media screen and (max-width: 570px) {
    .banner--kamchatka__content {
        background-position: 15px 10px, 0 87%, 100% 10%;
        background-size: 20vw, 55vw, 20vw
    }

    .banner--kamchatka__btn {
        right: 10px !important
    }
}

@media screen and (max-width: 450px) {
    .banner--kamchatka__content {
        background-size: 25vw, 55vw, 20vw
    }

    .banner--kamchatka__btn {
        width: 120px !important
    }

    .banner--kamchatka__btn span {
        display: none
    }
}

.banner--microgaming {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(/images/img/assets/banner/banner--microgaming/background-2.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover
}

.banner--microgaming__content {
    background-image: url(/images/img/assets/banner/banner--microgaming/girls.png), url(/images/img/assets/banner/banner--microgaming/guys.png), url(/images/img/assets/banner/banner--microgaming/firehead-2.gif), url(/images/img/assets/banner/banner--kamchatka/new-arrow.svg), url(/images/img/assets/banner/banner--microgaming/microgaming.svg);
    background-repeat: no-repeat;
    background-position: 0 100%, 94% 50%, 70% 100%, 100% 10%, 44% 31%;
    background-size: auto, auto, auto, 96px 44px;
    width: 100%;
    height: 100%
}

.banner--microgaming__header {
    font-weight: 900;
    color: #fff;
    text-align: center;
    font-size: 36px;
    text-shadow: 2px 2px 2px #000;
    margin-top: 115px;
    padding-right: 80px
}

.banner--monday .button_red, .slider__item .button.banner--microgaming__btn {
    -webkit-transform: none;
    transform: none;
    right: 50px
}

@media screen and (min-width: 1024px) {
    .owl-item.active .banner--microgaming__content {
        -webkit-animation-name: microgaming-banner-float;
        animation-name: microgaming-banner-float;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-timing-function: inear;
        animation-timing-function: inear
    }
}

@media screen and (max-width: 900px) {
    .banner--microgaming__content {
        display: block;
        background-image: url(/images/img/assets/banner/banner--microgaming/girls.png), url(/images/img/assets/banner/banner--microgaming/guys.png), url(/images/img/assets/banner/banner--microgaming/red-label-left.svg), url(/images/img/assets/banner/banner--microgaming/microgaming.svg);
        background-position: 0 100%, 103% 97%, 0 5%, 44% 31%;
        background-size: 27%, 35%, auto, 26%
    }

    .banner--microgaming__header {
        font-size: 4vw;
        padding-right: 4vw
    }
}

@media screen and (max-width: 600px) {
    .slider__item .button.banner--microgaming__btn {
        right: 3vw
    }

    .banner--microgaming__content {
        display: block;
        background-image: url(/images/img/assets/banner/banner--microgaming/firehead.png), url(/images/img/assets/banner/banner--microgaming/red-label-left.svg), url(/images/img/assets/banner/banner--microgaming/microgaming.svg);
        background-position: 0 100%, 0 3%, 90% 20%;
        background-size: 30%, 15%, 50%
    }

    .banner--microgaming__header {
        padding-right: 2vw;
        font-size: 5vw;
        margin-top: 20vw;
        text-align: right
    }
}

@media screen and (max-width: 420px) {
    .banner--microgaming__content {
        background-position: 0 100%, 0 3%, 90% 20%;
        background-size: 35%, 20%, 50%
    }
}

.banner--monday {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: url(/images/img/assets/banner/banner--monday/monday.webp) no-repeat center;
    background-size: cover;
    overflow: hidden
}

.banner--monday__10percent {
    top: 50%;
    left: 3%;
    width: 30%;
    height: 95%;
    background: url(/images/img/assets/banner/banner--monday/10percent.png) no-repeat center;
    background-size: contain
}

.banner--monday__10percent, .banner--monday__cashback, .banner--monday__girl {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner--monday__girl {
    left: 19%;
    background: url(/images/img/assets/banner/banner--monday/girl-with-money.png) no-repeat center;
    background-size: contain;
    top: 50%;
    width: 30%;
    height: 100%
}

.banner--monday__cashback {
    top: 40%;
    right: 6%;
    width: 35%;
    height: 58%;
    padding-top: 48px;
    text-align: center
}

.banner--monday .button_red {
    right: 14%
}

.owl-item.active .banner--monday .banner--monday__10percent, .owl-item.active .banner--monday .banner--monday__cashback {
    -webkit-animation-name: ten-percent-slide;
    animation-name: ten-percent-slide;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.owl-item.active .banner--monday .banner--monday__cashback {
    -webkit-animation-name: cashback-slide;
    animation-name: cashback-slide
}

.banner--monday__cashback--top {
    display: block;
    color: #f77;
    font-size: 57px;
    line-height: 57px;
    text-shadow: 0 0 10px red, 0 0 20px red
}

.banner--monday__cashback--bot {
    display: block;
    color: #5f5;
    text-shadow: 0 0 10px #0f0, 0 0 20px #0f0;
    font-size: 31px;
    line-height: 31px
}

@media screen and (max-width: 1115px) {
    .banner--monday__cashback--bot {
        font-size: 27px;
        line-height: 27px
    }

    .banner--monday__cashback--top {
        font-size: 48px;
        line-height: 48px
    }

    .banner--monday__cashback {
        right: 11%
    }
}

@media screen and (max-width: 978px) {
    .banner--monday__cashback {
        right: 7%;
        padding-top: 90px
    }
}

@media screen and (max-width: 768px) {
    .banner--monday .button_red {
        right: 12%
    }

    .banner--monday__cashback {
        right: 4%;
        width: 44%
    }

    .banner--monday__10percent, .banner--monday__girl {
        width: 35%
    }
}

@media screen and (max-width: 637px) {
    .banner--monday__cashback--top {
        font-size: 8vw;
        line-height: 8vw
    }

    .banner--monday__cashback {
        padding-top: 15vw
    }

    .banner--monday__cashback--bot {
        font-size: 4vw;
        line-height: 4vw
    }
}

@media screen and (max-width: 600px) {
    .banner--monday .button_red {
        right: 10%
    }

    .banner--monday__10percent, .banner--monday__cashback, .banner--monday__girl {
        -webkit-animation: none !important;
        animation: none !important
    }
}

@media screen and (max-width: 416px) {
    .banner--monday__cashback {
        right: 1%;
        width: 46%;
        top: 27%
    }

    .banner--monday__girl {
        width: 40%
    }

    .banner--monday__10percent {
        width: 42%
    }

    .banner--monday .button_red {
        right: 2%;
        bottom: 20%;
        width: 155px
    }
}

@media screen and (max-width: 386px) {
    .banner--monday__cashback {
        width: 169px;
        height: 100px;
        top: 50px;
        right: 4px
    }

    .banner--monday .button_red {
        bottom: 34px;
        right: 8px;
        display: none
    }

    .banner--monday__girl {
        display: none
    }

    .banner--monday__10percent {
        width: 46%
    }
}

@media screen and (max-width: 356px) {
    .banner--monday .button_red {
        bottom: 20px
    }
}

@media screen and (max-width: 334px) {
    .banner--monday__10percent {
        width: 42%
    }
}

.banner--monopoly {
    background: url(/images/img/assets/banner/banner--monopoly/background.webp) no-repeat top;
    background-size: cover;
    height: 100%;
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banner--monopoly__text {
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
    width: 300px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    bottom: -28%;
    left: 2.4%
}

.banner--monopoly__text h2 {
    margin: 0;
    display: inline-block;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .78);
    font-size: 20px
}

.banner--monopoly__text .green__text {
    margin: 0;
    color: #fff;
    background-color: #00b195;
    font-size: 20px;
    text-shadow: none;
    padding: 6px
}

.banner--monopoly__text h3 {
    color: #f5d979;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .78);
    margin: 13px 0 0;
    font-size: 20px;
    font-weight: 700
}

.banner--monopoly .background__text, .banner--monopoly .star, .banner--monopoly__text {
    position: absolute;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.banner--monopoly .star {
    z-index: 1;
    width: 276px;
    bottom: -81px;
    left: 27%
}

.banner--monopoly .background__text {
    bottom: -42.8%;
    left: -3%;
    height: 94%
}

.banner--monopoly button {
    right: -2% !important
}

@media screen and (max-width: 1250px) {
    .banner--monopoly__text {
        left: -6.5%
    }

    .banner--monopoly .background__text {
        left: -12%
    }
}

@media screen and (max-width: 960px) {
    .banner--monopoly__text {
        left: -4.5%
    }
}

@media screen and (max-width: 860px) {
    .banner--monopoly {
        background-position: 84% 0
    }

    .banner--monopoly .background__text {
        left: -19%
    }

    .banner--monopoly__text {
        left: -13.5%;
        bottom: -34%
    }

    .banner--monopoly__text h2 {
        font-weight: 700;
        font-size: 23px
    }

    .banner--monopoly__text .green__text {
        display: block;
        margin-bottom: -7px;
        font-size: 19px;
        text-align: center
    }

    .banner--monopoly__text h3 {
        margin-top: 5px;
        font-size: 19px
    }

    .banner--monopoly .star {
        left: 16%;
        width: 267px;
        bottom: -80px
    }
}

@media screen and (max-width: 800px) {
    .banner--monopoly {
        background-position: 71% 0
    }

    .banner--monopoly .star {
        left: 20%;
        width: 264px;
        bottom: -78px
    }

    .banner--monopoly .background__text {
        left: -22%;
        bottom: -35%;
        height: 89%
    }

    .banner--monopoly__text {
        left: -15.7%;
        bottom: -31%
    }

    .banner--monopoly__text img {
        height: 50%
    }

    .banner--monopoly button {
        right: -11% !important
    }
}

@media screen and (max-width: 660px) {
    .banner--monopoly .background__text {
        left: -26%
    }

    .banner--monopoly__text {
        left: -19.7%
    }
}

@media screen and (max-width: 600px) {
    .banner--monopoly {
        background: url(/images/img/assets/banner/banner--monopoly/backg__mob.jpg) no-repeat top;
        background-size: cover
    }

    .banner--monopoly .background__text, .banner--monopoly .star {
        display: none
    }

    .banner--monopoly__text {
        left: 0;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        bottom: -41.6%;
        margin-left: 0
    }

    .banner--monopoly__text h3 {
        margin-left: -43.7%;
        margin-top: 1.1vw;
        font-size: 3.1vw
    }

    .banner--monopoly__text h3 .new {
        display: block;
        margin-top: -.3vw;
        font-size: 3.1vw
    }

    .banner--monopoly__text h2 {
        font-size: 3.7vw;
        text-align: center
    }

    .banner--monopoly__text h2 .green__text {
        margin-bottom: -7px;
        font-size: 2.9vw;
        text-align: center
    }

    .banner--monopoly button {
        right: -5% !important;
        bottom: 2% !important
    }
}

@media screen and (max-width: 540px) {
    .banner--monopoly__text {
        bottom: -31.6%;
        width: auto;
        margin-left: -35px
    }

    .banner--monopoly__text img {
        width: 73%
    }

    .banner--monopoly__text h3 {
        margin-left: -29.7%
    }

    .banner--monopoly button {
        right: -8% !important;
        bottom: 6% !important
    }
}

@media screen and (max-width: 420px) {
    .banner--monopoly__text {
        bottom: -30.6%;
        margin-left: -56px;
        width: auto
    }

    .banner--monopoly__text img {
        width: 58%
    }

    .banner--monopoly__text h3 {
        margin-left: -20.7%
    }

    .banner--monopoly button {
        right: -21% !important;
        bottom: 3% !important
    }
}

@media screen and (max-width: 410px) and (max-height: 455px) {
    .banner--monopoly__text {
        margin-left: -65px;
        bottom: -37%
    }

    .banner--monopoly button {
        right: -27% !important
    }
}

.banner-ny {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden;
    max-height: 225px
}

.banner-ny .button {
    bottom: 29px
}

.banner-ny__snow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400%;
    background: url(/images/img/assets/banner/banner--ny/snow.png) center;
    background-position: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: 8s linear infinite both snow;
    animation: 8s linear infinite both snow
}

.banner-ny__girl, .banner-ny__main {
    position: absolute;
    top: 0;
    height: 100%
}

.banner-ny__main {
    right: 0;
    max-width: 510px;
    width: 100%;
    background: url(/images/img/assets/banner/banner--ny/b--firstdeposit__main.png) center no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.banner-ny__girl {
    left: 66px;
    width: calc(19.1% * 5.61);
    background: url(/images/img/assets/banner/banner--ny/b--firstdeposit__girl.png) center no-repeat;
    background-size: contain;
    z-index: 444
}

.banner-ny__blink {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 510px;
    width: 100%;
    height: 80%;
    opacity: 0
}

.banner-ny__label {
    font-family: sans-serif;
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    position: absolute;
    top: .5%;
    left: 11%;
    z-index: 444
}

.banner-ny__cash {
    position: absolute;
    top: 45%;
    left: 13%;
    width: 286px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 466
}

.banner-ny__cash-item, .banner-ny__text {
    font-family: sans-serif;
    font-weight: 400;
    position: absolute
}

.banner-ny__cash-item {
    text-shadow: 0 0 10px #fff;
    white-space: nowrap;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in;
    -webkit-animation: 2s linear infinite both textNY;
    animation: 2s linear infinite both textNY;
    font-size: 50px;
    color: #e21f00;
    top: 50%;
    left: 50%
}

.banner-ny__text {
    font-size: 30px;
    color: #fff;
    top: 70%;
    left: 10%;
    z-index: 444
}

.banner-ny .js--useless {
    z-index: 800;
    opacity: 0
}

@media only screen and (max-width: 576px) {
    .banner-ny {
        height: 44.6875vw
    }

    .banner-ny__blink {
        -webkit-animation: none !important;
        animation: none !important;
        background: 0 0 !important
    }

    .banner-ny__main {
        background-position: 50px center
    }

    .banner-ny__ball {
        -webkit-animation: none;
        animation: none;
        right: 7%;
        top: 28%
    }

    .banner-ny__cash-item {
        -webkit-transform: translateY(0) translateX(0) scale(1);
        transform: translateY(0) translateX(0) scale(1)
    }

    .banner-ny__cash-item:nth-child(1), .banner-ny__cash-item:nth-child(2), .banner-ny__cash-item:nth-child(3) {
        -webkit-animation: none;
        animation: none
    }

    .banner-ny__label {
        font-size: 30px;
        left: 16px
    }

    .banner-ny__cash {
        left: 16px;
        right: auto;
        top: 25%;
        -webkit-transform: none;
        transform: none
    }

    .banner-ny__cash-item {
        font-size: 26px;
        color: #e21f00;
        -webkit-transform: none;
        transform: none;
        left: 0;
        text-shadow: 0 0 4px #fff
    }

    .banner-ny__text {
        font-size: 16px;
        left: 16px;
        top: 45%
    }

    .banner-ny .button {
        right: auto;
        left: 100px;
        bottom: 10px
    }

    .banner-ny__girl {
        height: 120%;
        top: 23px
    }
}

@media only screen and (max-width: 340px) {
    .banner-ny__label {
        top: 4.5%;
        font-size: 18px
    }

    .banner-ny__cash-item {
        font-size: 22px
    }

    .banner-ny__text {
        font-size: 18px
    }
}

.banner--ny-promocode {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(/images/img/assets/banner/banner--ny-promocode/bkg.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover;
    background-position: left
}

.banner--ny-promocode__content {
    width: 100%;
    height: 100%;
    background-image: url(/images/img/assets/banner/banner--ny-promocode/girl.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 3% 100%;
    position: relative
}

.banner--ny-promocode__header {
    color: #fff;
    font-size: 32px;
    max-width: 46%;
    margin-left: 200px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.banner--ny-promocode__header-text {
    margin: 0 0 20px;
    text-align: center
}

.banner--ny-promocode__prom {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: url(/images/img/assets/banner/banner--ny-promocode/signbord.png) no-repeat center;
    background-size: contain;
    padding: 47px 95px 33px
}

.banner--ny-promocode__prom span {
    display: block;
    text-align: center;
    font-weight: 700
}

.banner--ny-promocode__prom-value {
    color: #24bb9d;
    font-size: 30px
}

.banner--ny-promocode__prom-description {
    border-top: 1px solid #fff;
    display: inline-block;
    padding: 0 7px;
    line-height: 1.7
}

.banner--ny-promocode .banner--ny-promocode__btn {
    -webkit-transform: none;
    transform: none;
    right: 57px
}

@media screen and (max-width: 900px) {
    .banner--ny-promocode__prom {
        background-image: url(/images/img/assets/banner/banner--ny-promocode/signboard-mob.png)
    }

    .banner--ny-promocode__content {
        background-image: url(/images/img/assets/banner/banner--ny-promocode/presents.png);
        background-size: auto
    }

    .banner--ny-promocode__header {
        margin-left: 13%
    }
}

@media screen and (max-width: 768px) {
    .banner--ny-promocode__header {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 20px;
        max-width: 50%;
        margin-left: 0;
        font-size: 25px
    }
}

@media screen and (max-width: 600px) {
    .banner--ny-promocode__header {
        font-size: 21px
    }

    .banner--ny-promocode__header-logo {
        width: 70%
    }

    .banner--ny-promocode__prom {
        padding: 37px 60px 32px 64px
    }
}

@media screen and (max-width: 480px) {
    .banner--ny-promocode__prom {
        padding: 28px 60px 23px 64px;
        font-size: 13px
    }

    .banner--ny-promocode__prom-value {
        font-size: 26px
    }

    .banner--ny-promocode__header {
        font-size: 4vw
    }

    .banner--ny-promocode__content {
        background-size: 30% auto;
        background-position: 9% 100%
    }
}

@media screen and (max-width: 400px) {
    .banner--ny-promocode__header {
        margin-left: 5px
    }

    .banner--ny-promocode .banner--ny-promocode__btn {
        bottom: 5px;
        right: 5px
    }

    .banner--ny-promocode__prom {
        padding: 28px 40px 23px;
        font-size: 11px
    }

    .banner--ny-promocode__prom-value {
        font-size: 22px
    }
}

.banner--ny-tour {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(/images/img/general/banners/tournametns/ny-one/slider-ny-tour-one.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover;
    background-position: left
}

.banner--ny-tour__content {
    width: 100%;
    height: 100%;
    background-image: url(/images/img/general/banners/tournametns/ny-one/piper.png), url(/images/img/general/banners/tournametns/ny-one/santa.png), url(/images/img/general/banners/tournametns/ny-one/nyy-bawl.png);
    background-repeat: no-repeat;
    background-size: 200px, 210px, 80px;
    background-position: 5% 100%, calc(100% - 40px) 10%, 30% 40%
}

.banner--ny-tour__content::before {
    content: "";
    width: 191px;
    height: 63px;
    position: absolute;
    top: calc(100% - 68px);
    left: 25%;
    background: url(/images/img/minified-svg/sp-pragmaticplay.svg) no-repeat center;
    background-size: contain
}

.banner--ny-tour__content .banner--ny-tour__btn {
    -webkit-transform: none;
    transform: none;
    right: 50px
}

.banner--ny-tour .newyear-banner-tour-first__text {
    padding-top: 10px;
    padding-left: 131px;
    font-size: 36px
}

.banner--ny-tour .newyear-banner-tour-first__text p, .banner--santa-farm__text p {
    margin: 0
}

.banner--ny-tour .newyear-banner-tour-first__text svg {
    top: 6px;
    width: 149px;
    height: 38px
}

.banner--ny-tour .newyear-banner-tour-first__text .tournament-text {
    color: #fff;
    line-height: 1.5
}

.banner--ny-tour .newyear-banner-tour-first__text .tournament-date {
    font-size: 18px
}

.tournament-label::after {
    content: "";
    width: 65px;
    height: 80px;
    background: url(/images/img/general/banners/tournametns/tournament.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 10px
}

@media screen and (max-width: 768px) {
    .tournament-label::after {
        right: auto;
        left: 10px;
        width: 54px;
        height: 70px
    }

    .banner--ny-tour {
        background-position: left
    }

    .banner--ny-tour__content {
        background-image: url(/images/img/general/banners/tournametns/ny-one/nyy-bawl.png);
        background-repeat: no-repeat;
        background-size: 13vw;
        background-position: 30% 95%
    }

    .banner--ny-tour__content::before {
        left: 2%;
        width: 24%
    }
}

@media screen and (max-width: 490px) {
    .banner--ny-tour__content {
        background-size: 17vw;
        background-position: 31% 95%
    }

    .banner--ny-tour .newyear-banner-tour-first__text {
        padding-left: 0;
        float: right;
        font-size: 7vw;
        padding-top: 2vw;
        width: 80%
    }

    .banner--ny-tour .newyear-banner-tour-first__text svg {
        top: .9vw;
        width: 28vw;
        height: 7vw
    }

    .banner--ny-tour .newyear-banner-tour-first__text .tournament-text {
        line-height: 1.3;
        font-size: 7vw
    }
}

@media screen and (max-width: 374px) {
    .banner--ny-tour .banner--ny-tour__btn {
        right: 10px
    }

    __content {
        background-position: 25% 95% !important
    }
}

.banner--ny-tour-two {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(/images/img/general/banners/tournametns/ny-two/ny-two-bkg.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover;
    background-position: left
}

.banner--ny-tour-two__content {
    width: 100%;
    height: 100%;
    background-image: url(/images/img/general/banners/tournametns/ny-two/ny-two-bear.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50% 100%;
    font-size: 16px;
    position: relative
}

.banner--ny-tour-two__content::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 4em;
    height: 100%;
    width: 15em;
    background: url(/images/img/general/banners/tournametns/ny-two/ny-two-deer.png) no-repeat center
}

@media screen and (max-width: 1200px) {
    .banner--ny-tour-two__content::before {
        display: none
    }
}

.banner--ny-tour-two__text {
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 2px #000;
    font-size: 2.2em;
    background: url(/images/img/general/banners/tournametns/ny-two/ny-two-plate.png) no-repeat center;
    background-size: contain;
    padding: 0 2em 3em;
    display: inline-block;
    margin-left: 20%
}

.banner--ny-tour-two__text h3, .banner--ny-tour-two__text h4 {
    margin: 0;
    line-height: 1.1
}

.banner--ny-tour-two__text .text-red {
    color: #db3a20
}

.banner--ny-tour-two__text .text-green, .cashbox-allinputs .method-link a {
    color: #24bb9d
}

.banner--ny-tour-two__prize {
    font-size: 1.1em
}

@media screen and (max-width: 768px) {
    .banner--ny-tour-two__content {
        background: 0 0;
        font-size: 12px
    }

    .banner--ny-tour-two__text {
        margin-left: auto;
        margin-right: 0;
        float: right;
        background-image: url(/images/img/general/banners/tournametns/ny-two/ny-two-plate-mob.png);
        padding: .4em 1.8em 3.2em 4em
    }

    .banner--ny-tour-two__text h3, .banner--ny-tour-two__text h4 {
        font-weight: 400;
        line-height: 1.3
    }
}

@media screen and (max-width: 600px) {
    .banner--ny-tour-two {
        background-image: url(/images/img/general/banners/tournametns/ny-two/ny-two-bkg-mob.jpg)
    }

    .banner--ny-tour-two__content {
        font-size: 10px;
        background-image: url(/images/img/general/banners/tournametns/ny-two/ny-goblin-mob.png);
        background-repeat: no-repeat;
        background-position: 19% 100%
    }
}

@media screen and (max-width: 450px) {
    .banner--ny-tour-two__text {
        padding: 8px 28px 45px 41px
    }

    .banner--ny-tour-two__content {
        font-size: 8px;
        background-position: 19% 100%;
        background-size: 100px
    }
}

.slider__item--ny17 {
    background-image: url(/images/img/assets/banner/banner--nylottery/ny17-bcg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    position: relative
}

.slider__item--ny17-signboard {
    font-size: 1.9em;
    letter-spacing: 3px;
    position: absolute;
    left: 5%;
    top: 5%;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    color: #fff
}

.slider__item--ny17-car, .slider__item--ny17-carblink {
    position: absolute;
    background-image: url(/images/img/assets/banner/banner--nylottery/ny17-car.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 37%;
    height: 70%;
    bottom: 0;
    left: 0
}

.slider__item--ny17-carblink {
    background-image: url(/images/img/assets/banner/banner--nylottery/ny17-carblink.png);
    width: 26%;
    height: 50%;
    bottom: 33%;
    left: 41%;
    opacity: 0;
    -webkit-animation-name: blinkingLights;
    animation-name: blinkingLights;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

.slider__item--ny17-mascot {
    background-image: url(/images/img/assets/banner/banner--nylottery/gonzo-ny17.png);
    width: 25%;
    height: 98%;
    bottom: 0;
    left: 30%
}

.slider__item--ny17-copter, .slider__item--ny17-gifts, .slider__item--ny17-mascot {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.slider__item--ny17-gifts {
    bottom: 0;
    background-image: url(/images/img/assets/banner/banner--nylottery/ny17-gifts.png);
    width: 30%;
    height: 36%;
    right: 24%
}

.slider__item--ny17-copter {
    background-image: url(/images/img/assets/banner/banner--nylottery/ny17-copter.png);
    width: 14%;
    height: 53%;
    top: 6%;
    right: 34%;
    -webkit-animation-name: copterJingle;
    animation-name: copterJingle;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.slider__item--ny17-content {
    position: absolute;
    right: 1%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30%;
    height: 75%;
    text-align: center
}

.slider__item--ny17-title {
    font-weight: 700;
    font-size: 1.8em
}

.slider__item--ny17-title span {
    color: red;
    font-weight: 700
}

.slider__item--ny17-description, .slider__item--ny17-title {
    text-align: center;
    color: #fff
}

.slider__item--ny17-button {
    display: inline-block;
    width: 185px
}

.slider__item-letter {
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.slider__item--ny17-button.button {
    right: -11%
}

@media screen and (max-width: 1350px) {
    .slider__item--ny17-content {
        width: 40%;
        right: -2%
    }
}

@media screen and (max-width: 1024px) {
    .slider__item--ny17-title {
        font-size: 1.7em
    }

    .slider__item--ny17-description {
        font-size: .9em
    }
}

@media screen and (max-width: 768px) {
    .slider__item--ny17-signboard {
        font-size: 1.7em;
        left: 2%
    }

    .slider__item--ny17-carblink {
        bottom: 30.5%
    }

    .slider__item--ny17-mascot {
        background-image: url(/images/img/assets/banner/banner--nylottery/gonzo-ny17-mob.png);
        width: 25%;
        height: 85%;
        left: 27%
    }

    .slider__item--ny17-gifts {
        width: 18%;
        height: 25%;
        right: 30%
    }

    .slider__item--ny17-copter {
        width: 12%;
        height: 40%;
        top: 6%;
        right: 35%
    }

    .slider__item--ny17-title {
        font-size: 1.4em
    }

    .slider__item--ny17-description {
        font-size: .8em
    }

    .slider__item--ny17-button.button {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        right: 20px;
        position: static !important
    }

    .slider__item--ny17-content {
        width: 35%;
        right: 1%
    }
}

@media screen and (max-width: 625px) {
    .slider__item--ny17-description {
        font-size: .75em
    }

    .slider__item--ny17-title {
        font-size: 1.2em
    }

    .slider__item--ny17-content {
        width: 38%
    }

    .slider__item--ny17-copter {
        right: 44%
    }
}

@media screen and (max-width: 525px) {
    .slider__item--ny17-car, .slider__item--ny17-copter, .slider__item--ny17-gifts, .slider__item--ny17-signboard {
        display: none
    }

    .slider__item--ny17-mascot {
        height: 96%;
        left: 7%;
        width: 31%
    }

    .slider__item--ny17-content {
        width: 70%
    }

    .slider__item--ny17-title {
        font-size: 1.6em
    }

    .slider__item--ny17-description {
        font-size: .9em
    }
}

@media screen and (max-width: 395px) {
    .slider__item--ny17-content {
        width: 60%
    }

    .slider__item--ny17-title {
        font-size: 1.3em
    }

    .slider__item--ny17-description {
        font-size: .7em
    }
}

@media screen and (max-width: 345px) {
    .slider__item--ny17-title {
        font-size: 1.2em
    }

    .slider__item--ny17-content {
        height: 90%;
        width: 65%
    }

    .slider__item--ny17-button {
        width: 150px
    }

    .slider__item--ny17-description {
        margin-bottom: 5px
    }
}

.active .slider__item-letter--animate {
    color: red
}

.banner--play-n--go {
    background: url(/images/img/assets/banner/banner--play-n--go/main__bk.jpg) no-repeat center;
    background-size: cover;
    height: 100%;
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banner--play-n--go .banner--img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

@media screen and (max-width: 1110px) {
    .banner--play-n--go {
        background-position: 100% 0
    }

    .banner--play-n--go .banner--img {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (max-width: 620px) {
    .banner--play-n--go {
        background: url(/images/img/assets/banner/banner--play-n--go/back__mobile.jpg) no-repeat center;
        background-size: cover
    }

    .banner--play-n--go .banner--img {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .banner--play-n--go .banner--img img {
        height: 49%;
        margin-top: 9%
    }

    .banner--play-n--go button {
        bottom: 4px !important
    }
}

.banner--pncforbet, .pncforbet__content {
    width: 100%;
    height: 100%;
    max-height: 225px
}

.pncforbet__content {
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden;
    color: #fff;
    text-align: center
}

.pncforbet__slot {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 30px;
    background: url(/images/img/assets/banner/banner--pncforbet/pncforbet__logo2.png) no-repeat 43% 50%;
    background-size: 200px
}

.pncforbet__arrows {
    position: relative;
    width: 100%;
    height: 100%
}

.pncforbet__arrows svg {
    position: absolute;
    width: 124px;
    height: 76px
}

.pncforbet__arrows__top {
    top: 30px;
    left: 20px;
    fill: #55a399
}

.pncforbet__arrows__bot {
    bottom: 30px;
    right: 20px;
    fill: #de3c21
}

.pncforbet__text {
    position: absolute;
    top: 10px;
    right: 9%
}

.pncforbet__text--bonus, .pncforbet__text--header {
    font-size: 50px;
    font-family: sans-serif
}

.pncforbet__text--header {
    margin-top: 5px;
    font-size: 30px;
    margin-bottom: 10px
}

.pncforbet__text--red {
    color: #de3c21;
    font-weight: 800
}

.pncforbet__text--green {
    color: #55a399;
    font-weight: 800
}

.pncforbet__controls {
    position: absolute;
    bottom: 15px;
    right: 5%
}

.pncforbet__date {
    font-size: 18px;
    margin-top: 5px
}

.pncforbet__date br {
    display: none
}

.pncforbet__arrows__bot, .pncforbet__arrows__top, .pncforbet__text--green, .pncforbet__text--red {
    -webkit-animation-name: arrowGreenToRed;
    animation-name: arrowGreenToRed;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-direction: alternate-reverse
}

.pncforbet__arrows__bot, .pncforbet__text--green, .pncforbet__text--red {
    -webkit-animation-name: arrowRedToGreen;
    animation-name: arrowRedToGreen
}

.pncforbet__text--green, .pncforbet__text--red {
    -webkit-animation-name: arrowGreenToRed;
    animation-name: arrowGreenToRed
}

.pncforbet__text--green {
    -webkit-animation-name: arrowRedToGreen;
    animation-name: arrowRedToGreen
}

.banner--pncforbet .pncforbet__content .banner-pncforbet__button {
    position: static !important;
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important
}

@media screen and (max-width: 776px) {
    .pncforbet__slot {
        left: 0
    }

    .pncforbet__text {
        right: 20px
    }

    .pncforbet__arrows svg {
        width: 92px;
        height: 56px
    }

    .pncforbet__slot {
        background-size: 168px
    }
}

@media screen and (max-width: 640px) {
    .pncforbet__text--header {
        font-size: 24px
    }

    .pncforbet__text--bonus {
        font-size: 40px
    }
}

@media screen and (max-width: 550px) {
    .pncforbet__slot {
        background-size: 128px
    }
}

@media screen and (max-width: 510px) {
    .pncforbet__arrows svg {
        width: 63px;
        height: 40px
    }

    .pncforbet__text--header {
        font-size: 21px
    }

    .pncforbet__text--bonus {
        font-size: 34px
    }
}

@media screen and (max-width: 460px) {
    .pncforbet__slot {
        background-size: 105px
    }

    .pncforbet__controls {
        right: 2%
    }

    .pncforbet__date {
        font-size: 16px
    }

    .pncforbet__text--header {
        font-size: 19px
    }

    .pncforbet__text--bonus {
        font-size: 30px;
        letter-spacing: -1px
    }
}

@media screen and (max-width: 408px) {
    .pncforbet__arrows__top {
        top: 15px
    }

    .pncforbet__arrows__bot {
        bottom: 15px
    }

    .pncforbet__slot {
        background-size: 90px;
        background-position: 41% center
    }

    .pncforbet__text--header {
        font-size: 17px
    }

    .pncforbet__text--bonus {
        font-size: 26px
    }

    .pncforbet__date {
        font-size: 14px
    }

    .pncforbet__text {
        right: 8px
    }
}

@media screen and (max-width: 370px) {
    .pncforbet__arrows svg {
        width: 54px;
        height: 34px
    }

    .pncforbet__arrows__top {
        top: 7px;
        left: 7px
    }

    .pncforbet__arrows__bot {
        bottom: 7px;
        right: 7px
    }

    .pncforbet__text--header {
        font-size: 15px;
        margin-bottom: 4px
    }

    .pncforbet__text--bonus {
        font-size: 23px
    }

    .banner--pncforbet .pncforbet__content .banner-pncforbet__button {
        width: 161px
    }

    .pncforbet__date {
        line-height: 15px
    }

    .pncforbet__date br {
        display: block
    }

    .pncforbet__controls {
        bottom: 3px
    }
}

@media screen and (max-width: 330px) {
    .pncforbet__text {
        top: 5px
    }
}

.banner--santa-farm {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(/images/img/assets/banner/banner--santa-farm/background-microgaming.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover;
    background-position: left
}

.banner--santa-farm__content {
    width: 100%;
    height: 100%;
    background-image: url(/images/img/assets/banner/banner--santa-farm/x-mass-chicken.png), url(/images/img/assets/banner/banner--santa-farm/x-mass.png);
    background-repeat: no-repeat;
    background-size: 200px, 35%;
    background-position: 15% 100%, 50% 90%
}

.banner--santa-farm__content::before {
    content: "";
    display: block;
    width: 60px;
    height: 92px;
    position: absolute;
    top: 0;
    left: 20px;
    background: url(/images/img/general/banners/tournametns/tournament.png) no-repeat center;
    background-size: contain
}

.banner--santa-farm__text {
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px 2px #000;
    margin-top: 10px;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 900
}

.banner--santa-farm__btns {
    position: absolute;
    float: right;
    width: 200px;
    height: 100%;
    top: 0;
    right: 5%;
    background-image: url(/images/img/assets/banner/banner--santa-farm/sf-logo.png), url(/images/img/assets/banner/banner--santa-farm/gameart.png);
    background-repeat: no-repeat;
    background-position: top, 50% 66%;
    background-size: auto, 100%
}

.banner--santa-farm__btns .banner--santa-farm_btn {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

@media screen and (max-width: 830px) {
    .banner--santa-farm__content {
        background-image: url(/images/img/assets/banner/banner--santa-farm/gameart.png), url(/images/img/assets/banner/banner--santa-farm/x-mass-chicken.png), url(/images/img/assets/banner/banner--santa-farm/x-mass.png);
        background-repeat: no-repeat;
        background-size: 200px, 200px, 48%;
        background-position: 1% 99%, 15% 100%, 94% 60%
    }

    .banner--santa-farm__text {
        width: auto;
        display: inline-block;
        float: right;
        margin-right: 10px
    }

    .banner--santa-farm__btns {
        background: 0 0
    }
}

@media screen and (max-width: 500px) {
    .banner--santa-farm__text {
        font-weight: 400;
        font-size: 7vw;
        margin-top: 1vw
    }

    .banner--santa-farm__content {
        background-size: 40%, 30%, 64%
    }

    .banner--santa-farm__content::before {
        left: 4vw;
        width: 10vw;
        height: 16vw
    }
}

@media screen and (max-width: 380px) {
    .banner--santa-farm__btns .banner--santa-farm_btn {
        width: auto;
        padding: 0 30px;
        right: 0;
        -webkit-transform: none;
        transform: none
    }

    .banner--santa-farm__content {
        background-position: 1% 99%, 15% 100%, 94% 55%
    }
}

.banner--spin-lemur {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(/images/img/assets/banner/banner--spin-lemur/lemur-bkg.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover;
    background-position: left
}

.banner--spin-lemur, .banner--spin-lemur__content {
    width: 100%;
    height: 100%
}

.banner--spin-lemur__content::before {
    display: block;
    content: "";
    position: absolute;
    width: 111px;
    height: 27px;
    top: 5px;
    left: 5px;
    background: url(/images/img/assets/banner/banner--spin-lemur/spinomenal.svg) no-repeat center
}

.banner--spin-lemur__content .button--banner--spin-lemur {
    right: auto;
    left: 50%;
    bottom: 29px
}

@media screen and (max-width: 900px) {
    .banner--spin-lemur {
        background-image: url(/images/img/assets/banner/banner--spin-lemur/mob-bkg.jpg)
    }

    .banner--spin-lemur__content {
        background-image: url(/images/img/assets/banner/banner--spin-lemur/lemurr.png), url(/images/img/assets/banner/banner--spin-lemur/vegas-frame.png);
        background-repeat: no-repeat;
        background-position: -2vw 100%, 100% 0;
        background-size: 50%, auto
    }

    .banner--spin-lemur__content::before {
        width: 183px;
        height: 50px;
        top: 0;
        left: 7px;
        background-size: contain
    }

    .banner--spin-lemur__content .button--banner--spin-lemur {
        left: 74%;
        bottom: 9px
    }
}

@media screen and (max-width: 670px) {
    .banner--spin-lemur__content {
        background-position: -2vw 100%, 100% 0;
        background-size: 50%, auto
    }
}

@media screen and (max-width: 530px) {
    .banner--spin-lemur__content {
        background-image: url(/images/img/assets/banner/banner--spin-lemur/lemur-mob.png), url(/images/img/assets/banner/banner--spin-lemur/frame-mob.png);
        background-repeat: no-repeat;
        background-position: 0 100%, 100% 0;
        background-size: 50%, 70%
    }

    .banner--spin-lemur__content::before {
        width: 40vw;
        height: 10vw;
        top: auto;
        left: 2vw;
        bottom: 2vw;
        background-size: contain
    }

    .banner--spin-lemur__content .button--banner--spin-lemur {
        left: auto;
        right: 10px;
        bottom: 9px;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (max-width: 380px) {
    .banner--spin-lemur__content .button--banner--spin-lemur {
        width: 146px
    }
}

.banner--stellar-spin {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url(/images/img/assets/banner/banner--stellar-spin/steller-stars.png), url(/images/img/assets/banner/banner--stellar-spin/steller-bkg.jpg);
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left
}

.banner--stellar-spin__content {
    width: 100%;
    height: 100%;
    font-size: 16px
}

.banner--stellar-spin__content .banner--stellar-spins-btn {
    right: 50px;
    -webkit-transform: none;
    transform: none
}

.banner--stellar-spin__content::before {
    content: "";
    display: block;
    position: absolute;
    left: 41%;
    top: 50%;
    height: 90%;
    width: 50%;
    z-index: 5;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(/images/img/assets/banner/banner--stellar-spin/steller-spinn-logo.png) no-repeat center;
    background-size: contain
}

.banner--stellar-spin__text {
    color: #fcd122;
    background: url(/images/img/assets/banner/banner--stellar-spin/frame.png) no-repeat center;
    background-size: 100% 100%;
    text-align: right;
    position: absolute;
    right: 50px;
    padding: .4em 1em .4em 8em;
    bottom: 57px;
    line-height: 1.9em;
    font-weight: 700;
    text-shadow: .1em .1em .2em rgba(0, 0, 0, .9)
}

.banner--stellar-spin__text span {
    display: block
}

.banner--stellar-spin__text--top {
    font-size: 1.4em;
    padding-right: .4em
}

.banner--stellar-spin__text--bot {
    font-size: 2em;
    padding-right: .5em
}

@media screen and (max-width: 850px) {
    .banner--stellar-spin {
        background-position: right
    }

    .banner--stellar-spin__content::before {
        left: 30%
    }
}

@media screen and (max-width: 660px) {
    .banner--stellar-spin__content::before {
        width: 36%;
        left: 23%
    }
}

@media screen and (min-width: 550px) {
    .banner--stellar-spin__text span br {
        display: none
    }
}

@media screen and (max-width: 550px) {
    .banner--stellar-spin {
        background-image: url(/images/img/assets/banner/banner--stellar-spin/steller-bkg.jpg);
        background-position: left
    }

    .banner--stellar-spin__content {
        font-size: 4vw
    }

    .banner--stellar-spin__content::before {
        width: 52%;
        left: auto;
        right: 2%;
        top: 39%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .banner--stellar-spin .banner--stellar-spins-btn {
        width: auto;
        bottom: 8px;
        padding: 0 40px;
        right: 10px
    }

    .banner--stellar-spin__text {
        text-align: center;
        right: auto;
        left: 0;
        top: 50%;
        height: 9em;
        padding: .5em 1.5em 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-position: right;
        background-image: url(/images/img/assets/banner/banner--stellar-spin/frame-mob.png)
    }

    .banner--stellar-spin__text span {
        padding: 0;
        margin: 0 auto;
        white-space: nowrap
    }

    .banner--stellar-spin__text--top {
        margin-bottom: .5em !important;
        margin-left: -1em !important;
        font-size: 1.2em
    }

    .banner--stellar-spin__text--bot {
        max-width: 4.6em;
        font-size: 1.6em
    }
}

.banner--tournament {
    height: 100%;
    background: url(/images/img/assets/banner/banner--tournament/bg.jpg) no-repeat center bottom;
    background-size: cover, cover
}

.banner--tournament .faggots {
    position: absolute;
    bottom: 0;
    left: 50px
}

@media (max-width: 768px) {
    .banner--tournament .faggots {
        display: none
    }
}

.banner--tournament .card {
    position: absolute;
    left: 125px;
    bottom: 40px;
    -webkit-animation: card 3s infinite alternate;
    animation: card 3s infinite alternate
}

@media (max-width: 768px) {
    .banner--tournament .card {
        display: none
    }
}

.banner--tournament .tournament-flag {
    position: absolute;
    left: 1em;
    top: 0
}

.banner--tournament .cup {
    position: absolute;
    right: 40px;
    bottom: 20px
}

@media (max-width: 768px) {
    .banner--tournament .cup {
        right: unset;
        left: 0;
        height: 50%;
        bottom: 0
    }
}

.banner--tournament .content {
    position: absolute;
    top: 0;
    left: 40%;
    text-align: center;
    text-shadow: 2px 2px 0 #000;
    color: #fff;
    height: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 768px) {
    .banner--tournament .content {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        right: -20px;
        left: unset
    }
}

@media (max-width: 375px) {
    .banner--tournament .content {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
}

.banner--tournament .content *, .cashbox-bonuses .cashbox-bonus__controls p {
    margin: 0
}

.banner--tournament .content h2 {
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase
}

.banner--tournament .content h2 img {
    height: 1.1em;
    vertical-align: bottom
}

.banner--tournament .content p:first-of-type {
    font-weight: 700;
    font-size: 40px
}

.banner--tournament .content p:first-of-type span:first-of-type {
    color: #2fb197
}

.banner--tournament .content p:last-of-type {
    font-weight: 700;
    font-size: 20px
}

.slider__item .banner--tournament .button {
    right: 0
}

@media (max-width: 768px) {
    .slider__item .banner--tournament .button {
        right: -50px
    }
}

.banner--userbirthday, .userbirthday__content {
    width: 100%;
    height: 100%;
    max-height: 225px
}

.userbirthday__content {
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden;
    color: #fff;
    text-align: center
}

.userbirthday__mascot {
    width: 40%;
    height: 100%;
    background: url(/images/img/assets/banner/banner--userbirthday/birthday_mascot.png) no-repeat 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5
}

.userbirthday__description {
    position: absolute;
    background: url(/images/img/assets/banner/banner--userbirthday/present_boxes.png) no-repeat 50% 0;
    background-size: 80%;
    z-index: 10
}

.userbirthday__description--wrapper {
    position: absolute;
    right: 2%;
    top: 8%;
    width: 200px;
    height: 90%;
    text-align: center;
    z-index: 5
}

.userbirthday__header {
    font-size: 33px;
    position: absolute;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    top: 35%;
    right: 45%;
    z-index: 5
}

.userbirthday__description--wrapper::after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 1px;
    height: 1px;
    -webkit-box-shadow: 0 0 120px 80px rgba(36, 187, 157, .4);
    box-shadow: 0 0 120px 80px rgba(36, 187, 157, .4)
}

.userbirthday__boom1, .userbirthday__boom2, .userbirthday__boom3 {
    position: absolute;
    height: 100%;
    width: 25%;
    z-index: 2;
    top: 15px;
    background: url(/images/img/assets/banner/banner--userbirthday/bithday-boom.png) no-repeat center;
    background-size: contain;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0
}

.userbirthday__boom1 {
    left: 40%
}

.userbirthday__boom2 {
    left: 57%
}

.userbirthday__boom3 {
    left: 75%
}

.owl-item.active .userbirthday__boom1, .owl-item.active .userbirthday__boom2, .owl-item.active .userbirthday__boom3 {
    -webkit-animation-name: birthday-boom1;
    animation-name: birthday-boom1;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.owl-item.active .userbirthday__boom2, .owl-item.active .userbirthday__boom3 {
    -webkit-animation-name: birthday-boom2;
    animation-name: birthday-boom2;
    -webkit-animation-duration: 7s;
    animation-duration: 7s
}

.owl-item.active .userbirthday__boom3 {
    -webkit-animation-name: birthday-boom3;
    animation-name: birthday-boom3;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.banner--userbirthday .userbirthday__description .banner-userbirthday__button {
    position: static !important;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    display: block;
    margin: 130px auto 0
}

.owl-item.active .userbirthday__description--wrapper::after {
    -webkit-animation: 3s linear infinite both betShine;
    animation: 3s linear infinite both betShine
}

@media screen and (max-width: 1240px) {
    .userbirthday__mascot {
        background-size: contain
    }
}

@media screen and (max-width: 768px) {
    .userbirthday__header {
        font-size: 4vw
    }

    .userbirthday__description {
        width: 100%;
        background-size: contain
    }

    .userbirthday__description--wrapper {
        width: 23%
    }

    .button_red.banner-userbirthday__button {
        width: 100%;
        margin-top: 20vw !important
    }

    .userbirthday__date {
        font-size: 2.3vw
    }
}

@media screen and (max-width: 550px) {
    .userbirthday__boom1, .userbirthday__boom2, .userbirthday__boom3, .userbirthday__description--wrapper::after, .userbirthday__mascot {
        display: none
    }

    .userbirthday__description {
        background: 0 0
    }

    .userbirthday__content::before {
        content: "";
        width: 40%;
        height: 90%;
        position: absolute;
        left: 5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url(/images/img/assets/banner/banner--userbirthday/present_boxes.png) no-repeat center;
        background-size: contain
    }

    .userbirthday__header {
        right: 28%;
        font-size: 5vw;
        top: 19%
    }

    .banner--userbirthday .userbirthday__description .banner-userbirthday__button {
        margin-top: 18vw !important;
        margin-bottom: 2vw
    }

    .userbirthday__description--wrapper {
        width: 51%
    }

    .userbirthday__date {
        font-size: 4.3vw
    }
}

.banner--vegas {
    height: 100%;
    background: url(/images/img/assets/banner/banner--vegas/vegas_mobile.jpg) no-repeat center;
    background-size: cover
}

.banner--vegas__new {
    display: none
}

.banner--vegas__new-mobile {
    position: absolute;
    left: 0;
    bottom: 10%
}

.banner--vegas__pragmatic {
    position: absolute;
    top: 8px;
    left: 8px;
    height: 30px
}

.banner--vegas__tournament {
    position: absolute;
    top: 0;
    right: 16px
}

@media (min-width: 768px) {
    .banner--vegas {
        background-image: url(/images/img/assets/banner/banner--vegas/vegas_tablet.jpg)
    }

    .banner--vegas__pragmatic {
        height: auto
    }
}

@media (min-width: 1024px) {
    .banner--vegas {
        background-image: url(/images/img/assets/banner/banner--vegas/vegas_desktop.jpg)
    }

    .banner--vegas__new-mobile {
        display: none
    }

    .banner--vegas__new {
        display: block;
        position: absolute;
        right: 0;
        top: 10%
    }

    .banner--vegas__tournament {
        left: 185px
    }

    .banner--vegas__pragmatic {
        left: 250px;
        top: 150px
    }
}

.banner--vikings-and-gods {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(/images/img/assets/banner/banner--vikings-and-gods/bkg.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover;
    background-position: left
}

.banner--vikings-and-gods__content {
    width: 100%;
    height: 100%;
    background: url(/images/img/assets/banner/banner--vikings-and-gods/bkg-logo.png) no-repeat center;
    background-size: cover
}

.banner--vikings-and-gods__content::before {
    display: block;
    content: "";
    position: absolute;
    width: 111px;
    height: 27px;
    top: 15px;
    left: 20px;
    background: url(/images/img/assets/banner/banner--spin-lemur/spinomenal.svg) no-repeat center
}

.banner--vikings-and-gods__text {
    color: #c83c2a;
    font-weight: 700;
    font-size: 22px;
    position: absolute;
    top: 54%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 83%
}

.banner--vikings-and-gods__text p {
    margin: 0;
    display: inline-block
}

.banner--vikings-and-gods__text__right {
    float: right
}

.banner--vikings-and-gods__btn {
    -webkit-transform: none !important;
    transform: none !important;
    right: 5% !important
}

.banner--vikings-and-gods__label {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 12px 30px 10px;
    background: url(/images/img/assets/banner/banner--vikings-and-gods/green-arrow.png) no-repeat center;
    background-size: 100% 100%;
    font-weight: 700;
    color: #fff;
    text-shadow: 2px 2px 3px #000
}

@media screen and (max-width: 1200px) {
    .banner--vikings-and-gods__content {
        background-size: contain
    }

    .banner--vikings-and-gods__text {
        width: 87%;
        font-size: 19px
    }
}

@media screen and (max-width: 1024px) {
    .banner--vikings-and-gods__content {
        background-size: cover
    }

    .banner--vikings-and-gods__text {
        width: 95%;
        font-size: 23px
    }
}

@media screen and (max-width: 850px) {
    .banner--vikings-and-gods__content {
        background-image: url(/images/img/assets/banner/banner--vikings-and-gods/bkg-logo-mob.png);
        background-size: auto;
        background-position: 0 0
    }

    .banner--vikings-and-gods__content::before {
        top: auto;
        bottom: 15px
    }

    .banner--vikings-and-gods__text {
        width: auto;
        right: 10%;
        left: auto;
        top: 60px;
        -webkit-transform: none;
        transform: none
    }

    .banner--vikings-and-gods__text p {
        display: block
    }

    .banner--vikings-and-gods__text__left {
        font-size: 20px;
        color: #fff3db
    }

    .banner--vikings-and-gods__text__right {
        float: none;
        font-size: 17px
    }
}

@media screen and (max-width: 510px) {
    .banner--vikings-and-gods__text {
        right: 3%
    }
}

@media screen and (max-width: 460px) {
    .banner--vikings-and-gods__content {
        background-size: cover
    }

    .banner--vikings-and-gods__content::before {
        bottom: 4vw;
        width: 29vw;
        height: 5vw;
        left: 2vw;
        background-size: contain
    }

    .banner--vikings-and-gods__label {
        top: 1vw;
        right: 0;
        font-size: 4vw;
        padding: 3vw 4vw 3vw 6vw
    }

    .banner--vikings-and-gods__text {
        top: 13vw;
        right: 3vw
    }

    .banner--vikings-and-gods__text__left {
        font-size: 3.8vw
    }

    .banner--vikings-and-gods__text__right {
        font-size: 3.4vw
    }
}

.banner--wagerdown, .banner--wagerdown__content {
    width: 100%;
    height: 100%;
    max-height: 225px
}

.banner--wagerdown__content {
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden
}

.banner--wagerdown__girl {
    width: 50%;
    height: 90%;
    position: absolute;
    left: 2%;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(/images/img/assets/banner/banner--wagerdown/girl-arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.banner--wagerdown__description {
    position: absolute;
    width: 530px;
    height: 100%;
    right: 2%;
    top: 0;
    text-align: center;
    color: #fff;
    font-size: 24px
}

.banner--wagerdown__header {
    margin-top: 15px;
    margin-bottom: 15px
}

.banner--wagerdown__date {
    margin-top: 65px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400
}

.banner--wagerdown__button {
    left: 50%;
    bottom: auto !important
}

@media screen and (max-width: 900px) {
    .banner--wagerdown__description {
        width: 384px;
        right: 1%
    }

    .banner--wagerdown__header {
        font-size: 28px
    }
}

@media screen and (max-width: 720px) {
    .banner--wagerdown__description {
        width: 384px;
        font-size: 16px;
        right: 1%;
        top: 5%
    }
}

@media screen and (max-width: 670px) {
    .banner--wagerdown__description {
        width: 305px;
        right: 2%
    }

    .banner--wagerdown__header {
        font-size: 28px
    }
}

@media screen and (max-width: 518px) {
    .banner--wagerdown__girl {
        width: 60%;
        background-position: bottom
    }

    .banner--wagerdown__header {
        position: absolute;
        width: 390px;
        right: 3%;
        font-size: 28px;
        text-align: right
    }

    .banner--wagerdown__description {
        width: 190px
    }

    .banner--wagerdown__button {
        margin-top: 100px
    }

    .banner--wagerdown__date {
        margin-top: 141px
    }
}

@media screen and (max-width: 432px) {
    .banner--wagerdown__header {
        position: static;
        width: 100%;
        right: 0;
        font-size: 21px;
        text-align: center;
        margin-top: 0
    }

    .banner--wagerdown__girl {
        background-position: center
    }

    .banner--wagerdown .banner--wagerdown__description .banner--wagerdown__button {
        position: static !important;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        display: block;
        margin: 0 auto;
        width: 141px
    }

    .banner--wagerdown__date {
        margin-top: 5px
    }
}

@media screen and (max-width: 400px) {
    .banner--wagerdown__header {
        font-size: 18px
    }

    .banner--wagerdown__date {
        font-size: 17px
    }
}

@media screen and (max-width: 366px) {
    .banner--wagerdown__description {
        width: 148px
    }

    .banner--wagerdown__header {
        margin-bottom: 7px
    }
}

@media screen and (max-width: 350px) {
    .banner--wagerdown__header {
        font-size: 16px
    }

    .banner--wagerdown__date {
        font-size: 15px
    }
}

.banner--zoo, .banner--zoo__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.banner--zoo {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(/images/img/assets/banner/banner--zoo/animal.png), url(/images/img/assets/banner/banner--zoo/background.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.banner--zoo__img {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.banner--zoo__img img {
    margin-left: 10px
}

.banner--zoo__content {
    width: 403px;
    height: 170px;
    right: 0;
    position: absolute;
    top: 0
}

.banner--zoo__content .back__img {
    position: absolute;
    width: 100%;
    height: 95%
}

.banner--zoo__content .banner--zoo__text, .banner--zoo__content .banner--zoo__text .fond {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banner--zoo__content .banner--zoo__text {
    position: absolute;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.banner--zoo__content .banner--zoo__text h2 {
    background: -webkit-gradient(linear, left top, left bottom, from(#cd6100), color-stop(#cd6100), color-stop(#ff0), color-stop(#ff0), color-stop(#fff), color-stop(#ff0), color-stop(#cd6100), to(#cd6100));
    background: -webkit-linear-gradient(#cd6100, #cd6100, #ff0, #ff0, #fff, #ff0, #cd6100, #cd6100);
    background: linear-gradient(#cd6100, #cd6100, #ff0, #ff0, #fff, #ff0, #cd6100, #cd6100);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 3px 0
}

.banner--zoo__content .banner--zoo__text h3 {
    font-size: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#cd6100), color-stop(#cd6100), color-stop(#ff0), color-stop(#ff0), color-stop(#fff), color-stop(#ff0), color-stop(#ff0), to(#cd6100));
    background: -webkit-linear-gradient(#cd6100, #cd6100, #ff0, #ff0, #fff, #ff0, #ff0, #cd6100);
    background: linear-gradient(#cd6100, #cd6100, #ff0, #ff0, #fff, #ff0, #ff0, #cd6100);
    -webkit-background-clip: text;
    color: transparent;
    font-weight: 700;
    margin: 0 0 14px
}

.banner--zoo__content .banner--zoo__text h4 {
    color: #fff;
    font-size: 16px;
    margin: 0 0 12px
}

.banner--zoo__content .banner--zoo__text .fond {
    height: 32px;
    margin: 0 0 10px
}

.banner--zoo__content .banner--zoo__text .fond h5 {
    font-size: 16px;
    color: #fbbb4d;
    text-shadow: 1px 1px 1px #000;
    margin: 0 7px 5px 0
}

.banner--zoo__content .button {
    bottom: -20%
}

@media screen and (max-width: 1224px) {
    .banner--zoo__content .banner--zoo__text h2 {
        margin: 3.6vw 0 0;
        line-height: 1.1
    }
}

@media screen and (max-width: 770px) {
    .banner--zoo__content .button {
        -webkit-transform: none;
        transform: none;
        bottom: -23%;
        right: 3vw
    }
}

@media screen and (max-width: 700px) {
    .banner--zoo {
        background-image: url(/images/img/assets/banner/banner--zoo/background.jpg)
    }
}

@media screen and (max-width: 630px) {
    .banner--zoo {
        background-image: url(/images/img/assets/banner/banner--zoo/back__mobile.jpg);
        background-size: cover;
        background-position: bottom
    }

    .banner--zoo__img .pragmatic {
        position: absolute;
        bottom: 3%;
        width: 23%;
        height: auto
    }

    .banner--zoo__img .tournament {
        height: 39%
    }
}

@media screen and (max-width: 600px) {
    .banner--zoo__content {
        width: 76%;
        height: 80%;
        right: -6%
    }

    .banner--zoo__content .back__img {
        width: 92%;
        height: 95%
    }

    .banner--zoo__content .banner--zoo__text {
        height: 97%;
        width: 90%
    }

    .banner--zoo__content .banner--zoo__text h2 {
        font-size: 5.7vw;
        margin: 3.6vw 0 0
    }

    .banner--zoo__content .banner--zoo__text h3 {
        font-size: 5.3vw;
        margin: 0 0 1.9vw
    }

    .banner--zoo__content .banner--zoo__text h4 {
        font-size: 3vw;
        margin: 0 0 2vw
    }

    .banner--zoo__content .banner--zoo__text .fond {
        height: 5vw;
        margin: 0 0 1.2vw
    }

    .banner--zoo__content .banner--zoo__text .fond h5 {
        font-size: 3.1vw;
        margin: 0 1vw .7vw 0
    }

    .banner--zoo__content .button {
        right: 8vw;
        bottom: -20%
    }
}

@media screen and (max-width: 500px) {
    .banner--zoo__img .pragmatic {
        bottom: 4%
    }

    .banner--zoo__content {
        width: 80%;
        height: 77%;
        right: -7%
    }

    .banner--zoo__content .back__img, .banner--zoo__content .banner--zoo__text {
        height: 89%;
        width: 92%
    }

    .banner--zoo__content .banner--zoo__text .fond .many {
        width: 40%
    }

    .banner--zoo__content .button {
        right: 9vw;
        bottom: -23%;
        font-size: 4.1vw;
        padding: .1vw 1vw;
        width: 50vw;
        line-height: 10.2vw
    }

    .banner--zoo__content .button:after {
        width: 11.5vw
    }
}

.banner-express {
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden
}

.banner-express__image, .banner-express__image::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 614px
}

.banner-express__image img {
    width: 100%;
    height: 100%
}

.banner-express__image::after {
    content: "";
    top: 54%;
    left: 43%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    background-image: url(/images/img/assets/banner/banner-express/b--express__arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.banner-express__content {
    position: absolute;
    right: 10px;
    top: 0;
    width: 50%;
    height: 100%;
    text-align: center
}

.banner-express__text {
    color: #fff;
    font-size: 40px;
    font-family: sans-serif;
    font-weight: 400
}

.banner-express__text--accent {
    color: #d9ede9;
    text-shadow: 1px 1px 2px #1ea149, 0 0 1em #4dab99
}

@media only screen and (max-width: 1100px) {
    .banner-express__content {
        width: 55%;
        right: 10px
    }

    .banner-express__image::after {
        opacity: .8
    }
}

@media only screen and (max-width: 980px) {
    .banner-express__content {
        width: 50%;
        right: 10px
    }

    .banner-express__image::after {
        opacity: 1
    }
}

@media only screen and (max-width: 768px) {
    .banner-express__content {
        top: -30px
    }
}

@media only screen and (max-width: 1024px) {
    .banner-express__image::after {
        background-image: url(/images/img/assets/banner/banner-express/b--express__arrow--m.png);
        background-position: 50% 50%
    }
}

@media only screen and (max-width: 615px) {
    .banner-express__image::after {
        background-position: 12% 50%
    }
}

@media only screen and (max-width: 576px) {
    .banner-express__content {
        background-color: rgba(0, 0, 0, .15);
        -webkit-box-shadow: 0 0 1em 1em rgba(0, 0, 0, .15);
        box-shadow: 0 0 1em 1em rgba(0, 0, 0, .15)
    }

    .banner-express__image {
        width: 95%
    }
}

@media only screen and (max-width: 425px) {
    .banner-express {
        height: 44.6875vw;
        max-height: 225px
    }

    .banner-express__content {
        width: 59%;
        right: 0
    }

    .banner-express__text {
        font-size: 30px
    }
}

@media only screen and (max-width: 375px) {
    .banner-express__content {
        top: -24px
    }

    .banner-express__text {
        font-size: 27px
    }
}

@media only screen and (max-width: 320px) {
    .banner-express__text {
        font-size: 23px
    }
}

.banner-firsdeposit {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden;
    max-height: 225px
}

.banner-firsdeposit__main {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 510px;
    width: 100%;
    height: 100%;
    background: url(/images/img/assets/banner/banner-firsdeposit/b--firstdeposit__main.png) center no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.banner-firsdeposit__ball {
    -webkit-animation: 1.15s linear infinite both BallJumping;
    animation: 1.15s linear infinite both BallJumping;
    width: 38px;
    height: 38px;
    position: absolute;
    right: 15%;
    top: 19%;
    background: url(/images/img/assets/banner/banner-firsdeposit/b--firstdeposit__ball.png) center no-repeat;
    background-size: contain;
    -webkit-transform: translateY(2%) scaleY(.9) scaleX(1.05);
    transform: translateY(2%) scaleY(.9) scaleX(1.05)
}

.banner-firsdeposit__girl {
    position: absolute;
    top: 0;
    left: 66px;
    width: calc(19.1% * 5.61);
    height: 100%;
    background: url(/images/img/assets/banner/banner-firsdeposit/b--firstdeposit__girl.png) center no-repeat;
    background-size: contain;
    z-index: 444
}

.banner-firsdeposit__blink {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 510px;
    width: 100%;
    height: 80%;
    opacity: 0
}

.banner-firsdeposit__blink--1 {
    background: url(/images/img/assets/banner/banner-firsdeposit/b--firstdeposit__blink-1.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-animation: 2s linear infinite both Blinking1;
    animation: 2s linear infinite both Blinking1
}

.banner-firsdeposit__blink--2 {
    background: url(/images/img/assets/banner/banner-firsdeposit/b--firstdeposit__blink-2.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-animation: 2s linear infinite both Blinking2;
    animation: 2s linear infinite both Blinking2
}

.banner-firsdeposit__label {
    font-family: sans-serif;
    font-size: 60px;
    font-weight: 400;
    color: #fff;
    position: absolute;
    top: .5%;
    left: 5%
}

.banner-firsdeposit__cash {
    position: absolute;
    top: 50%;
    left: 4%;
    width: 286px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 466
}

.banner-firsdeposit__cash-item {
    font-family: sans-serif;
    font-size: 60px;
    font-weight: 400;
    color: #e21f00;
    text-shadow: 0 0 10px #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
    transform: translateY(-50%) translateX(-50%) scale(0);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in
}

.banner-firsdeposit__cash-item:nth-child(1) {
    -webkit-animation: 6s ease-in infinite both CashBlick1;
    animation: 6s ease-in infinite both CashBlick1
}

.banner-firsdeposit__cash-item:nth-child(2) {
    -webkit-animation: 6s ease-in infinite both CashBlick2;
    animation: 6s ease-in infinite both CashBlick2
}

.banner-firsdeposit__cash-item:nth-child(3) {
    -webkit-animation: 6s ease-in infinite both CashBlick3;
    animation: 6s ease-in infinite both CashBlick3
}

.banner-firsdeposit__text {
    font-family: sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    position: absolute;
    top: 70%;
    left: 4.5%
}

.banner-firsdeposit .js--useless {
    z-index: 800;
    opacity: 0
}

@media only screen and (max-width: 576px) {
    .banner-firsdeposit {
        height: 44.6875vw
    }

    .banner-firsdeposit__blink {
        -webkit-animation: none !important;
        animation: none !important;
        background: 0 0 !important
    }

    .banner-firsdeposit__main {
        background-position: 50px center
    }

    .banner-firsdeposit__ball {
        -webkit-animation: none;
        animation: none;
        right: 7%;
        top: 28%
    }

    .banner-firsdeposit__cash-item {
        -webkit-transform: translateY(0) translateX(0) scale(1);
        transform: translateY(0) translateX(0) scale(1);
        text-shadow: none
    }

    .banner-firsdeposit__label {
        font-size: 30px;
        left: 4%
    }

    .banner-firsdeposit__cash {
        left: 4%;
        top: 25%
    }

    .banner-firsdeposit__cash-item {
        font-size: 30px;
        left: 0;
        visibility: hidden
    }

    .banner-firsdeposit__cash-item:nth-child(1) {
        -webkit-animation: 5.5s ease-in infinite both CashSlide1;
        animation: 5.5s ease-in infinite both CashSlide1
    }

    .banner-firsdeposit__cash-item:nth-child(2) {
        -webkit-animation: 5.5s ease-in infinite both CashSlide2;
        animation: 5.5s ease-in infinite both CashSlide2
    }

    .banner-firsdeposit__cash-item:nth-child(3) {
        -webkit-animation: 5.5s ease-in infinite both CashSlide3;
        animation: 5.5s ease-in infinite both CashSlide3
    }

    .banner-firsdeposit__text {
        font-size: 16px;
        left: 4%;
        top: 50%
    }

    .banner-firsdeposit .button {
        right: auto;
        left: 100px
    }

    .banner-firsdeposit__girl {
        height: 120%;
        top: 8px
    }
}

@media only screen and (max-width: 375px) {
    .banner-firsdeposit__main {
        background-position: 50px center
    }

    .banner-firsdeposit__ball {
        right: 3%
    }

    .banner-firsdeposit .button {
        right: auto;
        left: 100px
    }

    .banner-firsdeposit__girl {
        height: 120%;
        top: 8px
    }
}

@media only screen and (max-width: 340px) {
    .banner-firsdeposit__ball {
        right: 1%;
        width: 33px;
        height: 33px
    }
}

.slick-active .banner-firsdeposit__ball {
    -webkit-animation: 1.25s linear infinite both BallJumping;
    animation: 1.25s linear infinite both BallJumping
}

.banner-ice-ice--yeti {
    background: url(/images/img/assets/banner/banner-ice-ice--yeti/background.jpg) no-repeat center;
    background-size: cover;
    height: 100%;
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banner-ice-ice--yeti__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.banner-ice-ice--yeti__logo .logo {
    z-index: 1
}

.banner-ice-ice--yeti__img {
    position: absolute;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: -25%;
    right: 0
}

.banner-ice-ice--yeti__img .fruits {
    width: 95%
}

.banner-ice-ice--yeti__mobile {
    display: none
}

.banner-ice-ice--yeti button {
    right: -2% !important
}

@media screen and (max-width: 1240px) {
    .banner-ice-ice--yeti {
        background-position: 19% 0
    }

    .banner-ice-ice--yeti__img {
        bottom: -16%;
        right: -8%
    }

    .banner-ice-ice--yeti__img .fruits {
        width: 80%
    }
}

@media screen and (max-width: 1100px) {
    .banner-ice-ice--yeti {
        background-position: 25% 0
    }

    .banner-ice-ice--yeti__img {
        bottom: -11%;
        right: -15%
    }

    .banner-ice-ice--yeti__img .fruits {
        width: 70%
    }

    .banner-ice-ice--yeti button {
        right: -8% !important
    }
}

@media screen and (max-width: 980px) {
    .banner-ice-ice--yeti__img {
        bottom: -11%;
        right: -9%
    }

    .banner-ice-ice--yeti__img .fruits {
        width: 80%
    }

    .banner-ice-ice--yeti button {
        right: -5% !important
    }
}

@media screen and (max-width: 815px) {
    .banner-ice-ice--yeti {
        background-position: 20% 0
    }

    .banner-ice-ice--yeti__logo {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-right: 3vw
    }

    .banner-ice-ice--yeti__logo .logo {
        margin-top: 3%
    }

    .banner-ice-ice--yeti__img {
        display: none
    }

    .banner-ice-ice--yeti__mobile {
        display: inline-block
    }

    .banner-ice-ice--yeti__mobile .mobile__backg {
        position: absolute;
        top: 0;
        width: 44%;
        right: 0;
        margin-top: -4%;
        margin-right: 7%
    }

    .banner-ice-ice--yeti__mobile .mobile__fruits {
        position: absolute;
        top: 0;
        width: 29%;
        right: 0;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        margin-top: 1%
    }

    .banner-ice-ice--yeti button {
        right: -8% !important
    }
}

@media screen and (max-width: 560px) {
    .banner-ice-ice--yeti {
        background: url(/images/img/assets/banner/banner-ice-ice--yeti/mobile.jpg) no-repeat center;
        background-position: 11% 8px;
        background-size: cover
    }

    .banner-ice-ice--yeti__logo {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-right: 3vw
    }

    .banner-ice-ice--yeti__img, .banner-ice-ice--yeti__mobile {
        display: none
    }

    .banner-ice-ice--yeti__logo .logo {
        width: 49%
    }

    .banner-ice-ice--yeti button {
        right: -85px !important;
        bottom: 5px !important
    }
}

.banner-payback {
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden
}

.banner-payback__image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 689px;
    -webkit-perspective: 500px;
    perspective: 500px
}

.banner-payback__bg {
    width: 100%;
    height: 100%
}

.banner-payback__shield {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.banner-payback__content {
    position: absolute;
    right: 34px;
    top: 0;
    width: 40%;
    height: 100%;
    text-align: center
}

.banner-payback__text {
    color: #fff;
    margin: 0;
    font-size: 40px;
    font-family: sans-serif;
    font-weight: 400
}

.banner-payback__text--accent {
    color: #d9ede9;
    text-shadow: 1px 1px 2px #1ea149, 0 0 1em #4dab99
}

@media only screen and (max-width: 1207px) {
    .banner-payback__content {
        width: 52%
    }
}

@media only screen and (max-width: 1024px) {
    .banner-payback__image {
        width: 422px
    }

    .banner-payback__bg {
        width: 100%;
        height: 100%
    }

    .banner-payback__ball {
        left: -37px
    }
}

@media only screen and (max-width: 732px) {
    .banner-payback__content {
        width: 80%;
        right: -40px
    }
}

@media only screen and (max-width: 576px) {
    .banner-payback__bg {
        opacity: .15
    }

    .banner-payback__ball {
        display: none
    }

    .banner-payback__shield {
        width: 27%;
        height: auto;
        left: 20%
    }
}

@media only screen and (max-width: 425px) {
    .banner-payback {
        height: 44.6875vw;
        max-height: 225px
    }

    .banner-payback__shield {
        left: 15%
    }

    .banner-payback__content {
        right: -8px
    }

    .banner-payback__hand {
        width: 130px
    }

    .banner-payback__text {
        font-size: 30px
    }
}

@media only screen and (max-width: 375px) {
    .banner-payback__hand {
        width: 115px
    }

    .banner-payback__text {
        font-size: 27px
    }
}

@media only screen and (max-width: 320px) {
    .banner-payback__hand {
        width: 100px
    }

    .banner-payback__text {
        font-size: 23px
    }
}

.banner-tournament-weekly {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(/images/img/assets/banner/banner-tournament-weekly/background.jpg) no-repeat center;
    overflow: hidden;
    background-size: cover;
    background-position: left
}

.banner-tournament-weekly__content {
    width: 100%;
    height: 100%;
    background: url(/images/img/assets/banner/banner-tournament-weekly/block_of_text.png) no-repeat 100% 50%;
    position: relative
}

.banner-tournament-weekly__content::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    width: 57px;
    height: 90px;
    background: url(/images/img/general/banners/tournametns/tournament.png) no-repeat center
}

.banner-tournament-weekly__rullete {
    margin-left: 30px;
    width: 582px;
    height: 100%;
    position: relative;
    background: url(/images/img/assets/banner/banner-tournament-weekly/rulet_back.png) no-repeat center
}

.banner-tournament-weekly__rullete::before {
    content: "";
    display: block;
    width: 300px;
    height: 300px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 19%;
    left: 49.1%;
    background: url(/images/img/assets/banner/banner-tournament-weekly/rulet.png) no-repeat center;
    animation-direction: reverse;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.banner-tournament-weekly__rullete::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background-image: url(/images/img/assets/banner/banner-tournament-weekly/girl.png), url(/images/img/assets/banner/banner-tournament-weekly/blick.png);
    background-position: 50% 100%;
    background-repeat: no-repeat
}

.banner-tournament-weekly__text {
    color: #24bb9d;
    position: absolute;
    top: 38%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 380px;
    font-weight: 700;
    text-align: center;
    font-size: 30px;
    text-shadow: 2px 2px 0 #000
}

.banner-tournament-weekly__text__span {
    display: block;
    text-align: center
}

.banner-tournament-weekly__text__span--bot {
    color: #db3a20
}

.owl-item.active .banner-tournament-weekly__rullete::before {
    -webkit-animation-name: banner-rullete-rotation;
    animation-name: banner-rullete-rotation
}

@media screen and (max-width: 900px) {
    .banner-tournament-weekly__rullete {
        width: 431px;
        position: absolute;
        bottom: 0;
        height: 166px;
        margin-left: 0;
        left: -40px;
        background-size: contain
    }

    .banner-tournament-weekly__rullete::before {
        width: 220px;
        height: 220px;
        top: 21%;
        background-size: contain
    }

    .banner-tournament-weekly__rullete::after {
        background-size: contain
    }
}

@media screen and (max-width: 670px) {
    .banner-tournament-weekly__rullete {
        background: url(/images/img/assets/banner/banner-tournament-weekly/rulet-mob.png) no-repeat bottom;
        background-size: contain;
        width: 60%;
        height: 71%
    }

    .banner-tournament-weekly__rullete::before {
        display: none
    }
}

@media screen and (max-width: 510px) {
    .banner-tournament-weekly__rullete {
        width: 71%;
        height: 71%
    }

    .banner-tournament-weekly__text {
        width: 58%;
        font-size: 5vw
    }

    .banner-tournament-weekly__content {
        background-size: 70%;
        background-position: 34vw 50%
    }

    .banner-tournament-weekly__content::after {
        width: 37px;
        height: 58px;
        left: 10px;
        background-size: contain
    }
}

.banner-welcome--bon {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden;
    max-height: 225px;
    font-size: 16px
}

.banner-welcome--bon__envelope {
    left: 2%;
    bottom: 0;
    width: 55%;
    height: 100%;
    position: absolute;
    background: url(/images/img/assets/banner/banner-welcome--bon/envlope.png) no-repeat center bottom;
    background-size: contain
}

.banner-welcome--bon__envelope--text {
    position: absolute;
    right: 8%;
    color: #fff;
    text-transform: uppercase;
    max-width: 10em;
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    top: 51%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner-welcome--bon__chip {
    right: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    position: absolute;
    background: url(/images/img/assets/banner/banner-welcome--bon/right-chip.png) no-repeat center bottom;
    background-size: contain
}

.welcome--bon__chip-wrap {
    position: absolute;
    width: 15em;
    right: 15%;
    top: 18%;
    text-align: center
}

.welcome--bon__chip-textup {
    display: block;
    color: #24bb9d;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 700
}

.welcome--bon__chip-textdown {
    font-weight: 700;
    font-size: 1.2em;
    margin-top: .4em;
    display: block;
    color: #fff
}

.banner-welcome--bon__chip .welcome--bon__chip-wrap .banner-welcome--bon__button {
    position: static !important;
    display: block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    margin: 1.7em auto 0
}

.banner-welcome--stars {
    top: 10%;
    position: absolute;
    height: 70%;
    left: 3%;
    width: 50%
}

.banner-welcome--star {
    position: absolute;
    background: url(/images/img/assets/banner/banner-welcome--bon/star.png) no-repeat center bottom;
    background-size: contain;
    width: 40px;
    height: 40px
}

.owl-item .banner-welcome--star {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.banner-welcome--star:nth-child(1) {
    top: 36%;
    left: 38%;
    -webkit-animation-name: welcome-star-1;
    animation-name: welcome-star-1
}

.banner-welcome--star:nth-child(2) {
    width: 50px;
    height: 50px;
    top: -7%;
    left: 35%;
    -webkit-animation-name: welcome-star-2;
    animation-name: welcome-star-2
}

.banner-welcome--star:nth-child(3) {
    width: 50px;
    height: 50px;
    top: -18%;
    left: 42%;
    -webkit-animation-name: welcome-star-3;
    animation-name: welcome-star-3
}

.banner-welcome--star:nth-child(4) {
    top: 46%;
    left: -5%;
    -webkit-animation-name: welcome-star-4;
    animation-name: welcome-star-4
}

.banner-welcome--star:nth-child(5) {
    top: 3%;
    left: 12%;
    -webkit-animation-name: welcome-star-5;
    animation-name: welcome-star-5
}

.banner-welcome--star:nth-child(6) {
    width: 50px;
    height: 50px;
    top: 69%;
    left: 57%;
    -webkit-animation-name: welcome-star-6;
    animation-name: welcome-star-6
}

.banner-welcome--star:nth-child(7) {
    width: 50px;
    height: 50px;
    top: 16%;
    left: 82%;
    -webkit-animation-name: welcome-star-7;
    animation-name: welcome-star-7
}

.banner-welcome--star:nth-child(8) {
    top: 34%;
    left: 13%;
    -webkit-animation-name: welcome-star-8;
    animation-name: welcome-star-8
}

@media screen and (max-width: 1280px) {
    .banner-welcome--bon__envelope {
        width: 566px
    }
}

@media screen and (max-width: 1180px) {
    .banner-welcome--bon__envelope {
        width: 498px;
        left: -4%
    }

    .banner-welcome--bon__envelope--text {
        top: 57%
    }

    .banner-welcome--bon__chip {
        width: 460px
    }

    .welcome--bon__chip-wrap {
        right: 13%
    }
}

@media screen and (max-width: 980px) {
    .banner-welcome--bon__chip {
        background-size: auto;
        width: 46%
    }

    .welcome--bon__chip-wrap {
        right: 6%
    }

    .banner-welcome--bon__envelope {
        left: 0
    }
}

@media screen and (max-width: 800px) {
    .banner-welcome--bon__chip {
        width: 49%;
        background-size: cover
    }
}

@media screen and (max-width: 768px) {
    .banner-welcome--bon__chip {
        background: 0 0
    }

    .banner-welcome--bon__envelope--text {
        top: 58%;
        right: 7%
    }
}

@media screen and (max-width: 700px) {
    .banner-welcome--bon__envelope--text, .banner-welcome--stars {
        display: none
    }

    .banner-welcome--bon__envelope {
        background-image: url(/images/img/assets/banner/banner-welcome--bon/enevlope-mob.png);
        width: 55%
    }
}

@media screen and (max-width: 480px) {
    .banner-welcome--bon__envelope {
        width: 50%;
        background-size: 81%
    }
}

@media screen and (max-width: 444px) {
    .welcome--bon__chip-wrap {
        top: 4vw;
        right: 0
    }

    .banner-welcome--bon__chip .welcome--bon__chip-wrap .banner-welcome--bon__button {
        margin-top: 2vw
    }
}

@media screen and (max-width: 400px) {
    .banner-welcome--bon {
        font-size: 14px
    }
}

@media screen and (max-width: 350px) {
    .banner-welcome--bon {
        font-size: 13px
    }

    .banner-welcome--bon__envelope {
        background-size: 100%;
        background-position: -12px 100%;
        width: 50%
    }
}

.bannner-virtualsport, .bannner-virtualsport__content {
    width: 100%;
    height: 100%;
    max-height: 225px
}

.bannner-virtualsport__content {
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: url(/images/img/general/virtualsport.jpg) no-repeat center top;
    background-size: cover;
    overflow: hidden
}

.bannner-virtualsport .button {
    -webkit-transform: none !important;
    transform: none !important;
    right: 45px
}

.bannner-virtualsport__header {
    color: #fff;
    text-align: center;
    font-size: 40px;
    margin-top: 35px;
    text-shadow: 1px 1px 1px #000
}

@media screen and (max-width: 900px) {
    .bannner-virtualsport__content {
        background-position: right center
    }
}

@media screen and (max-width: 600px) {
    .bannner-virtualsport__content {
        background-image: url(/images/img/general/virtualsport-mob2.jpg)
    }

    .bannner-virtualsport__header {
        font-size: 7vw;
        margin-top: 7vw
    }
}

@media screen and (max-width: 400px) {
    .bannner-virtualsport .button {
        right: 10px !important;
        bottom: 10px !important
    }
}

.games-promo, .games-promo__content {
    width: 100%;
    height: 100%;
    max-height: 225px
}

.games-promo__content {
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: url(/images/img/general/games-banner.jpg) no-repeat center top;
    background-size: cover;
    overflow: hidden
}

.games-promo__text {
    color: #fff;
    font-size: 40px;
    padding-left: 23%;
    margin-top: 40px;
    text-shadow: 3px 3px #000
}

.games-promo__button {
    right: -4% !important
}

@media screen and (max-width: 900px) {
    .games-promo__content {
        background-position: right center
    }

    .games-promo__text {
        padding-left: 10%
    }
}

@media screen and (max-width: 600px) {
    .games-promo {
        background-color: #000
    }

    .games-promo__content {
        background-color: #000;
        background-image: url(/images/img/general/livedilers-mob-min.webp);
        background-size: 103%;
        background-position: 50% 3%
    }

    .games-promo__text {
        position: absolute;
        top: 0;
        right: 7vw;
        font-size: 6vw;
        margin: 0;
        padding: 0
    }
}

@media screen and (max-width: 450px) {
    .games-promo__button {
        -webkit-transform: none !important;
        transform: none !important;
        left: auto !important;
        right: 5px !important;
        bottom: 5px !important
    }
}

.overplus__wrapper {
    padding: 0;
    position: relative;
    overflow: hidden;
    height: 214px;
    margin-right: 10px;
    -webkit-box-shadow: inset 0 0 8px 4px rgba(255, 0, 0, .45), 0 0 6px 1px red, 0 0 0 2px rgba(255, 177, 177, .9), 0 0 8px 4px rgba(255, 0, 0, .45), 0 0 8px 8px rgba(255, 0, 0, .15);
    box-shadow: inset 0 0 8px 4px rgba(255, 0, 0, .45), 0 0 6px 1px red, 0 0 0 2px rgba(255, 177, 177, .9), 0 0 8px 4px rgba(255, 0, 0, .45), 0 0 8px 8px rgba(255, 0, 0, .15);
    border-radius: 5px;
    color: #fff;
    text-align: center;
    width: 100%
}

.overplus__wrapper__title {
    font-size: 30px;
    font-weight: 400;
    padding-top: 10px;
    margin: 0 auto 10px;
    color: #daffbe;
    text-shadow: 0 1px 2px #6fff27, 0 0 .5em #6fff27, 0 0 1em #7ccf40
}

.overplus__wrapper__text {
    margin: 0 auto
}

.overplus__wrapper__text--sub {
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 5px
}

.overplus__wrapper__progress {
    display: block;
    background-color: #4d4d4d;
    height: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin: 10px auto 15px;
    width: 90%
}

.overplus__wrapper__progress-line {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background: -webkit-linear-gradient(top, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background: linear-gradient(to bottom, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    overflow: hidden
}

.overplus__wrapper__progress-line--complete {
    -webkit-box-shadow: inset 0 0 10px 2px #ff0908;
    box-shadow: inset 0 0 10px 2px #ff0908
}

.overplus__wrapper__progress-line--animate {
    -webkit-animation: ProgressBar linear 2.6s infinite forwards;
    animation: ProgressBar linear 2.6s infinite forwards
}

.overplus__progress-line--animate::before, .overplus__wrapper__progress-line--animate::before {
    content: "";
    display: block;
    width: 40px;
    height: 100%;
    background-color: rgba(255, 255, 255, .2);
    position: absolute;
    top: 0;
    left: -40px;
    -webkit-transform: skewX(-35deg);
    transform: skewX(-35deg);
    -webkit-animation: 1.1s linear infinite both LoadAnimation;
    animation: 1.1s linear infinite both LoadAnimation
}

.overplus__wrapper__present {
    visibility: hidden;
    display: inline-block;
    position: absolute;
    top: 63px;
    left: 50%;
    width: 95%;
    height: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #272634;
    z-index: 444
}

.overplus__wrapper__present--hidden {
    visibility: visible;
    display: inline-block
}

.overplus__wrapper__present--animate {
    display: block;
    visibility: visible
}

.overplus__wrapper__present--animate .overplus__wrapper__present-coins {
    -webkit-animation: CoinSpawn linear .42s 1 both;
    animation: CoinSpawn linear .42s 1 both
}

.overplus__wrapper__present--animate .overplus__wrapper__present-item {
    -webkit-animation: .42s linear 1 both PriseSpawn;
    animation: .42s linear 1 both PriseSpawn
}

.overplus__wrapper__present-coins {
    position: absolute;
    width: 100px;
    height: 50px;
    background: url(/images/img/assets/bonuses/bonus-2plus2/coins_bonus.png) center no-repeat;
    top: 70%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) skewX(0);
    transform: translateX(-50%) translateY(-50%) skewX(0)
}

.overplus__wrapper__present-item {
    position: absolute;
    width: 70px;
    height: 70px;
    background: url(/images/img/assets/bonuses/bonus-2plus2/presen_bonus.png) center no-repeat;
    top: 42.5%;
    right: 50%;
    -webkit-transform: translateX(50%) translateY(-50%) skewX(0);
    transform: translateX(50%) translateY(-50%) skewX(0)
}

.button_green.bonus__button.bonus-2plus2__btn {
    width: 90%
}

.hourBonusLine {
    margin-bottom: 5px
}

.bonus-timer__wrapper {
    height: 214px;
    margin-right: 10px;
    width: 100%;
    -webkit-box-shadow: inset 0 0 8px 4px rgba(255, 0, 0, .45), 0 0 6px 1px red, 0 0 0 2px rgba(255, 177, 177, .9), 0 0 8px 4px rgba(255, 0, 0, .45), 0 0 8px 8px rgba(255, 0, 0, .15);
    box-shadow: inset 0 0 8px 4px rgba(255, 0, 0, .45), 0 0 6px 1px red, 0 0 0 2px rgba(255, 177, 177, .9), 0 0 8px 4px rgba(255, 0, 0, .45), 0 0 8px 8px rgba(255, 0, 0, .15);
    border-radius: 5px;
    color: #fff;
    text-align: center;
    position: relative
}

.bonus-timer__percent {
    margin-top: 0;
    color: #e03d22;
    font-size: 30px;
    text-shadow: none;
    margin-bottom: 0;
    -webkit-animation-name: percentPulsing;
    animation-name: percentPulsing;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    line-height: 35px
}

.bonus-timer__text {
    margin: 0 15px
}

.bonus-timer__label {
    margin: 0 0 7px
}

.bonus-timer {
    margin: 0 auto 1.25em !important;
    text-align: center;
    width: auto;
    max-width: 167px
}

.bonus-timer .flip {
    width: 40px;
    height: 50px;
    padding: 0;
    line-height: 50px;
    margin: 0;
    border: 2px solid #f66;
    -webkit-box-shadow: inset 0 0 6px 2px red, 0 0 6px 2px red !important;
    box-shadow: inset 0 0 6px 2px red, 0 0 6px 2px red !important;
    border-radius: 8px !important
}

.bonus-timer .flip:first-child {
    margin-left: 0;
    border-right: none
}

.bonus-timer .flip:nth-child(2) {
    border-left: none
}

.bonus-timer .flip:nth-child(3) {
    margin-right: 7px
}

.bonus-timer .flip:last-child {
    margin-right: 0
}

.bonus-timer .flip * {
    line-height: 50px
}

.bonus-timer .flip .inn {
    font-size: 42px
}

.bonus-timer .flip-clock-divider {
    width: 0;
    height: 0
}

.bonus-timer .flip-clock-divider .flip-clock-label {
    color: #fff;
    top: 3.9em;
    right: 50% !important;
    -webkit-transform: translateX(157%);
    transform: translateX(157%);
    font-size: 14px;
    margin: 0;
    text-align: center
}

.bonus-timer .flip-clock-divider .flip-clock-dot {
    display: none;
    visibility: hidden
}

.bonus-timer .flip-clock-divider.seconds .flip-clock-label {
    -webkit-transform: translateX(145%);
    transform: translateX(145%)
}

.bonus-timer.flip-clock-wrapper ul li a div div.inn, .popup-firstdeposit__counter.flip-clock-wrapper ul li a div div.inn, .sq__time.flip-clock-wrapper ul li a div div.inn {
    background-color: #fff;
    color: #000;
    text-shadow: none
}

.button.button_green.bonus__button.bonus-timer__btn {
    width: 90%;
    margin-top: 30px
}

.layout--index .row .button.button_green.bonus__button.bonus-timer__btn {
    margin-top: 17px
}

.bonus-timer.hide-lables .flip-clock-label, .cashbox-radio input[type=radio] {
    display: none
}

.bonus-timer__custom-labels {
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 167px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.new__players__bonus {
    position: relative;
    margin: 0;
    color: #fff;
    background: url(/images/img/assets/bonuses/bonus-verif/monets-fall.png) center no-repeat;
    height: 214px;
    overflow-y: hidden
}

.new__players__bonus-form, .new__players__bonus-header {
    display: inline-block;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 400
}

.new__players__bonus-header {
    top: 10px;
    margin: 0;
    font-size: 1.2em;
    text-align: center;
    left: 50%;
    width: 200px
}

.new__players__bonus-form {
    bottom: 10px;
    left: 54%;
    width: 180px
}

.new__players__bonus-form a {
    color: #fff;
    text-decoration: none
}

.new__players__bonus-present {
    display: inline-block;
    background: url(/images/img/assets/bonuses/bonus-verif/red-shinig.png) center no-repeat;
    width: 180px;
    height: 180px;
    opacity: 0;
    -webkit-animation-name: shiningRed;
    animation-name: shiningRed;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.new__players__bonus-present, .new__players__bonus-present-img {
    position: absolute;
    left: 50%;
    top: 55%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.new__players__bonus-checkbox {
    -webkit-box-shadow: 0 0 6px 3px #dd3b20;
    box-shadow: 0 0 6px 3px #dd3b20;
    outline-color: #dd3b20;
    pointer-events: none
}

.new__players__bonus-checkbox:checked {
    -webkit-box-shadow: 0 0 6px 3px #24bb9d;
    box-shadow: 0 0 6px 3px #24bb9d;
    outline-color: #24bb9d
}

.new__players__bonus-mailLabel, .new__players__bonus-profileLabel {
    font-weight: 400;
    padding-left: 7px
}

.bonus--overplus {
    -webkit-box-shadow: inset 0 0 8px 4px rgba(255, 0, 0, .45), 0 0 6px 1px red, 0 0 0 2px rgba(255, 177, 177, .9), 0 0 8px 4px rgba(255, 0, 0, .45), 0 0 8px 8px rgba(255, 0, 0, .15);
    box-shadow: inset 0 0 8px 4px rgba(255, 0, 0, .45), 0 0 6px 1px red, 0 0 0 2px rgba(255, 177, 177, .9), 0 0 8px 4px rgba(255, 0, 0, .45), 0 0 8px 8px rgba(255, 0, 0, .15);
    width: 100%;
    height: 214px;
    margin-right: 10px;
    border-radius: 5px
}

.overplus {
    text-align: center;
    color: #fff;
    padding: 20px;
    position: relative;
    overflow: hidden
}

.overplus__title {
    font-size: 30px;
    font-weight: 400;
    margin: 0 auto 10px;
    color: #daffbe;
    text-shadow: 0 1px 2px #6fff27, 0 0 .5em #6fff27, 0 0 1em #7ccf40
}

.overplus__text {
    margin: 0 auto
}

.overplus__text--sub {
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 4px
}

.overplus__progress {
    display: block;
    background-color: #4d4d4d;
    height: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    margin: auto auto 16px;
    overflow: hidden
}

.overplus__progress-line {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background: -webkit-linear-gradient(top, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background: linear-gradient(to bottom, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    overflow: hidden
}

.overplus__progress-line--complete {
    -webkit-box-shadow: inset 0 0 10px 2px #ff0908;
    box-shadow: inset 0 0 10px 2px #ff0908
}

.overplus__progress-line--animate {
    -webkit-animation: ProgressBar linear 2.6s infinite forwards;
    animation: ProgressBar linear 2.6s infinite forwards
}

.overplus__present--animate {
    display: block;
    visibility: visible
}

.overplus__present--animate .overplus__present-coins {
    -webkit-animation: CoinSpawn linear .22s 1 both;
    animation: CoinSpawn linear .22s 1 both
}

.overplus__present--animate .overplus__present-item {
    -webkit-animation: .22s linear 1 both PriseSpawn;
    animation: .22s linear 1 both PriseSpawn
}

.overplus__present-coins {
    position: absolute;
    width: 100px;
    height: 50px;
    background: url(/images/img/coins_bonus.png) center no-repeat;
    top: 70%;
    left: 129%;
    -webkit-transform: translateX(-50%) translateY(-50%) skewX(-60deg);
    transform: translateX(-50%) translateY(-50%) skewX(-60deg)
}

.overplus__present-item {
    position: absolute;
    width: 70px;
    height: 70px;
    background: url(/images/img/presen_bonus.png) center no-repeat;
    top: 42.5%;
    right: 129%;
    -webkit-transform: translateX(50%) translateY(-50%) skewX(37deg);
    transform: translateX(50%) translateY(-50%) skewX(37deg)
}

.popup-emailverif__text {
    color: #fff;
    text-align: center;
    width: 80%;
    display: inline-block
}

.popup-emailverif__glowtext {
    font-size: 20px;
    width: 70%;
    display: inline-block;
    text-shadow: 1px 1px 2px #dd3b20, 0 0 1em #dd3b20;
    background: url(/images/img/transpernt_gits.png) no-repeat center;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

.popup-activebonus__glowtext b, .popup-emailverif__glowtext b {
    font-size: 22px
}

.popup-emailverif-btn {
    display: inline-block;
    width: 200px;
    margin-bottom: 10px;
    font-size: 18px;
    height: 40px;
    padding-top: 5px
}

.left-promo {
    background: #62605c;
    color: #fff !important;
    border-radius: 5px;
    margin-bottom: 10px
}

.left-emailverif__wrapper {
    border: 2px solid #4fc3aa;
    background: #363636;
    margin-top: 10px;
    -webkit-box-shadow: inset 0 0 8px 4px #338a79, 0 0 6px 1px #338a79;
    box-shadow: inset 0 0 8px 4px #338a79, 0 0 6px 1px #338a79;
    text-align: center;
    font-size: 16px
}

.left-emailverif__text {
    width: 90%;
    display: inline-block
}

.left-emailverif__glowtext {
    font-size: 20px;
    width: 80%;
    display: inline-block;
    text-shadow: 1px 1px 2px #dd3b20, 0 0 1em #dd3b20;
    background: url(/images/img/assets/bonuses/bonus150/transpernt_gits.png) no-repeat center;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

.left-emailverif__btn {
    font-size: 16px;
    margin-bottom: 15px
}

.left-emailverif__text-top {
    margin-bottom: 3px
}

.left-emailverif__text-bottom {
    margin-top: 3px
}

.sq {
    border-radius: 6px;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 10px
}

.sq__desctiption, .sq__title {
    margin: 0 0 .5em
}

.sq__desctiption strong, .sq__title strong {
    display: block;
    margin-top: 8px;
    text-align: center;
    letter-spacing: 1.7px;
    white-space: nowrap;
    cursor: default
}

.sq__desctiption strong, .sq__title, .sq__title strong {
    font-size: 1.55em;
    font-weight: 400;
    font-family: Impact;
    color: #d9ede9;
    text-shadow: 1px 1px 2px #1ea149, 0 0 1em #4dab99
}

.sq--mult {
    border: 2px solid #ff6565;
    -webkit-box-shadow: 0 0 .75em 1px red, inset 0 0 .75em 1px red;
    box-shadow: 0 0 .75em 1px red, inset 0 0 .75em 1px red
}

.sq__time {
    margin: auto auto 1.25em !important;
    width: auto
}

.sq__time .flip {
    width: 30px;
    height: 33px;
    padding: 0;
    line-height: 33px;
    margin: 0 2px
}

.sq__time .flip:first-child {
    margin-left: 0
}

.sq__time .flip:last-child {
    margin-right: 0
}

.sq__time .flip * {
    line-height: 33px
}

.sq__time .flip .inn {
    font-size: 32px
}

.sq__time .flip-clock-divider {
    width: 0;
    height: 0
}

.sq__time .flip-clock-divider.hours .flip-clock-label {
    right: -76px
}

.sq__time .flip-clock-divider.minutes .flip-clock-label {
    right: -80px
}

.sq__time .flip-clock-divider .flip-clock-label {
    color: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    top: 3.3em;
    right: -72px
}

.sq__time .flip-clock-divider .flip-clock-dot {
    display: none;
    visibility: hidden
}

.button--cashbox {
    width: 144px
}

.cashbox-carddate {
    position: relative
}

.cashbox-carddate__input {
    position: relative;
    max-width: 54px;
    background-color: inherit;
    border: 1px solid #c4c4c4;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    line-height: 28px;
    padding: 2px 10px 2px 15px
}

.cashbox-carddate__input::-webkit-input-placeholder {
    color: #a9a9a9
}

.cashbox-carddate__input:-ms-input-placeholder, .cashbox-carddate__input::-ms-input-placeholder {
    color: #a9a9a9
}

.cashbox-carddate__input::placeholder {
    color: #a9a9a9
}

.cashbox-carddate__input:focus {
    outline: 0
}

.cashbox-carddate__label {
    display: block;
    font-size: 10px;
    color: #fff;
    padding-bottom: 10px
}

.cashbox-carddate__separator {
    display: inline-block;
    margin: 0 4px
}

.cashbox-carddate__separator::after {
    content: "/";
    color: #fff
}

.cashbox-cardnumber {
    position: relative
}

.cashbox-cardnumber__input {
    position: relative;
    max-width: 257px;
    background-color: inherit;
    border: 1px solid #c4c4c4;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    line-height: 28px;
    padding: 2px 26px
}

.cashbox-cardnumber__input::-webkit-input-placeholder {
    color: #a9a9a9
}

.cashbox-cardnumber__input:-ms-input-placeholder, .cashbox-cardnumber__input::-ms-input-placeholder {
    color: #a9a9a9
}

.cashbox-cardnumber__input::placeholder {
    color: #a9a9a9
}

.cashbox-cardnumber__input:focus {
    outline: 0
}

.cashbox-cardnumber__label {
    display: block;
    font-size: 10px;
    color: #fff;
    padding-bottom: 10px
}

.cashbox-cardowner {
    position: relative
}

.cashbox-cardowner__input {
    position: relative;
    background-color: inherit;
    border: 1px solid #c4c4c4;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    line-height: 28px;
    padding: 2px 10px
}

.cashbox-cardowner__input::-webkit-input-placeholder {
    color: #a9a9a9
}

.cashbox-cardowner__input:-ms-input-placeholder, .cashbox-cardowner__input::-ms-input-placeholder {
    color: #a9a9a9
}

.cashbox-cardowner__input::placeholder {
    color: #a9a9a9
}

.cashbox-cardowner__input:focus {
    outline: 0
}

.cashbox-cardowner__label {
    display: block;
    font-size: 10px;
    color: #fff;
    padding-bottom: 10px
}

.cashbox-allinputs {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px
}

.cashbox-allinputs__field {
    width: 300px
}

.cashbox-allinputs__label {
    color: #fff
}

.cashbox-allinputs .select--phone {
    padding-top: 5px
}

.cashbox-allinputs .select__main {
    background-color: #262634
}

.cashbox-allinputs .select--phone .select__form, .cashbox-allinputs .select--phone .select__list {
    background-color: #262634;
    color: #fff
}

.cashbox-allinputs .cashbox-cardnumber__input {
    width: 100%;
    margin-top: 5px;
    max-width: 100%;
    padding: 2px 44px
}

.cashbox-allinputs .method-link {
    color: #fff;
    margin: 0
}

.popup-cashbox .cashbox-allinputs .select__main {
    background-color: #61605c
}

.popup-cashbox .cashbox-allinputs .select__form, .popup-cashbox .cashbox-allinputs .select__list {
    background-color: #61605c;
    color: #fff
}

.popup-cashbox .cashbox-allinputs .input--text::-webkit-input-placeholder {
    color: #ddd
}

.popup-cashbox .cashbox-allinputs .input--text:-ms-input-placeholder, .popup-cashbox .cashbox-allinputs .input--text::-ms-input-placeholder {
    color: #ddd
}

.popup-cashbox .cashbox-allinputs .input--text::placeholder {
    color: #ddd
}

@media screen and (max-width: 800px) {
    .cashbox-allinputs {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .cashbox-allinputs__label {
        display: block !important;
        font-size: 16px !important
    }
}

.cashbox-depositSum {
    position: relative
}

.cashbox-depositSum--rub::after {
    content: "RUB";
    position: absolute;
    right: 10px;
    bottom: 4px;
    color: #fff;
    font-size: 20px
}

.cashbox-depositSum--aud::after, .cashbox-depositSum--eur::after, .cashbox-depositSum--usd::after {
    content: "USD";
    position: absolute;
    right: 10px;
    bottom: 4px;
    color: #fff;
    font-size: 20px
}

.cashbox-depositSum--aud::after, .cashbox-depositSum--eur::after {
    content: "EUR"
}

.cashbox-depositSum--aud::after {
    content: "AUD"
}

.cashbox-depositSum--kzt::after, .cashbox-depositSum--try::after, .cashbox-depositSum--uah::after {
    content: "UAH";
    position: absolute;
    right: 10px;
    bottom: 4px;
    color: #fff;
    font-size: 20px
}

.cashbox-depositSum--kzt::after, .cashbox-depositSum--try::after {
    content: "TRY"
}

.cashbox-depositSum--kzt::after {
    content: "KZT"
}

.cashbox-depositSum__input {
    background-color: inherit;
    border: 1px solid #c4c4c4;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-align: right;
    line-height: 28px;
    padding: 2px 10px;
    width: 204px;
    font-size: 20px
}

.cashbox-depositSum__input::-webkit-input-placeholder {
    color: #a9a9a9
}

.cashbox-depositSum__input:-ms-input-placeholder, .cashbox-depositSum__input::-ms-input-placeholder {
    color: #a9a9a9
}

.cashbox-depositSum__input::placeholder {
    color: #a9a9a9
}

.cashbox-depositSum__input:focus {
    outline: 0
}

.cashbox-depositSum__input:focus + .cashbox-sum::after, .cashbox-sum__input:focus + .cashbox-sum::after {
    color: #fff
}

.cashbox-depositSum__label {
    display: block;
    color: #fff;
    text-align: left;
    margin-bottom: 6px
}

.cashbox-depositSum .deposit__dialog {
    position: absolute;
    top: calc(100% + 6px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 14;
    width: 300px;
    background-color: rgba(0, 0, 0, .9);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 1em 6px rgba(0, 0, 0, .35);
    box-shadow: 0 0 1em 6px rgba(0, 0, 0, .35);
    padding: .65em
}

.cashbox-depositSum .deposit__dialog-article {
    margin: 0;
    color: #fff;
    white-space: normal
}

.deposit__calc {
    margin-bottom: 5px;
    color: #fff;
    font-size: 0
}

.deposit__calc-btn {
    font-size: 16px;
    border: 0;
    background-color: transparent;
    border-radius: 50%;
    width: 1.15em;
    height: 1.15em;
    text-align: center;
    line-height: 1em;
    padding: 0;
    margin: 0 .15em
}

.deposit__calc-btn:focus {
    outline: 0
}

.deposit__calc-btn--plus {
    border: 1px solid green
}

.deposit__calc-btn--minus {
    border: 1px solid red
}

.deposit__calc-payment {
    font-size: 16px;
    display: inline-block;
    margin: 0 4px
}

@media only screen and (max-width: 1240px) {
    .cashbox-depositSum__input {
        width: 100% !important;
        padding-right: 50px
    }

    .cashbox-depositSum::after {
        right: 9px !important
    }
}

@media only screen and (max-width: 980px) {
    .deposit__dialog {
        left: 63% !important
    }
}

@media only screen and (max-width: 576px) {
    .cashbox-depositSum--aud::after, .cashbox-depositSum--eur::after, .cashbox-depositSum--kzt::after, .cashbox-depositSum--rub::after, .cashbox-depositSum--uah::after, .cashbox-depositSum--usd::after {
        right: 7px !important
    }

    .cashbox-depositSum__input, .deposit__dialog {
        width: 100% !important
    }

    .deposit__dialog {
        left: 0 !important;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        font-size: 12px
    }

    .deposit__calc-payment {
        font-size: 12px
    }
}

.cashbox-sum {
    position: relative
}

.cashbox-sum--rub::after {
    content: "RUB";
    position: absolute;
    right: 0;
    bottom: 4px;
    color: #fff
}

.cashbox-sum--eur::after, .cashbox-sum--usd::after {
    content: "USD";
    position: absolute;
    right: 0;
    bottom: 4px;
    color: #fff
}

.cashbox-sum--eur::after {
    content: "EUR"
}

.cashbox-sum--aud::after, .cashbox-sum--uah::after {
    content: "AUD";
    position: absolute;
    right: 0;
    bottom: 4px;
    color: #fff
}

.cashbox-sum--uah::after {
    content: "UAH"
}

.cashbox-sum--kzt::after, .cashbox-sum--try::after {
    content: "TRY";
    position: absolute;
    right: 0;
    bottom: 4px;
    color: #fff
}

.cashbox-sum--kzt::after {
    content: "KZT"
}

.cashbox-sum__input {
    background-color: inherit;
    border: 1px solid #c4c4c4;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    text-align: right;
    line-height: 28px;
    padding: 2px 10px;
    width: calc(100% - 50px);
    margin-right: 50px
}

.cashbox-sum__input::-webkit-input-placeholder {
    color: #a9a9a9
}

.cashbox-sum__input:-ms-input-placeholder, .cashbox-sum__input::-ms-input-placeholder {
    color: #a9a9a9
}

.cashbox-sum__input::placeholder {
    color: #a9a9a9
}

.cashbox-sum__input:focus, .cashbox-table__delete:focus, .cashbox-table__delete:hover {
    outline: 0
}

.cashbox-sum__label {
    display: block;
    font-size: 10px;
    color: #fff;
    padding-bottom: 10px
}

.cashbox-in__radios .cashbox-radio__item::after {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.cashbox-in__radios.radios-hide .cashbox-radio__item::after {
    opacity: 0;
    pointer-events: none
}

.cashbox-table__title {
    background: -webkit-linear-gradient(#424242 0, #343434 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: linear-gradient(#424242 0, #343434 100%);
    display: block;
    margin: 0;
    padding: 0;
    line-height: 35px;
    font-size: 1.25em;
    color: #fff;
    font-family: sans-serif;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 4px 4px 0 0
}

.cashbox-table__container {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 99%
}

.cashbox-table__container .cashbox-table__item--common:nth-child(odd) {
    background-color: #777 !important
}

.cashbox-table__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.cashbox-table__item--header {
    background-color: #363636;
    color: #fff;
    padding: 3px 0
}

.cashbox-table__item--common {
    background-color: inherit;
    border-bottom: 1px solid #c4c4c4;
    padding: 12px
}

.cashbox-table__cell {
    width: calc(100% / 6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    position: relative
}

.cashbox-table__delete {
    background-color: inherit;
    display: block;
    border: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cashbox-table__delete:focus rect, .cashbox-table__delete:hover rect {
    fill: #e45841
}

.cashbox-table__delete:active {
    outline: 0
}

.cashbox-table__delete:active rect {
    fill: #cc361d
}

.cashbox-table__delete-svg {
    display: block
}

.cashbox-table__delete-body {
    fill: #e03d22;
    -webkit-transition: fill .18s ease-in-out;
    transition: fill .18s ease-in-out
}

.cashbox-table__delete-cross {
    fill: #fff
}

@media only screen and (max-width: 576px) {
    .cashbox-table__delete {
        position: relative;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        margin: 2px auto 0;
        width: 16px;
        height: 16px
    }
}

.cashbox-in__radios, .cashbox-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cashbox-in__radios {
    width: 57%
}

.cashbox-radio {
    margin-right: 8px;
    display: -ms-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.cashbox-radio input[type=radio]:checked + .cashbox-radio__item::after {
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block
}

.cashbox-radio__item {
    width: 16px;
    height: 16px;
    border: 1px solid #c4c4c4;
    margin-right: 8px;
    border-radius: 100%;
    display: block;
    position: relative;
    cursor: pointer
}

.cashbox-radio__item::after {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background: -webkit-linear-gradient(top, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background: linear-gradient(to bottom, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    width: 13px;
    height: 13px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: none
}

.cashbox-radio__label {
    font-size: 1em;
    color: #fff;
    font-family: sans-serif;
    font-weight: 400;
    cursor: pointer
}

.cashbox-radio__label::-moz-selection {
    background-color: inherit
}

.cashbox-radio__label::selection {
    background-color: inherit
}

@media screen and (max-width: 1024px) {
    .cashbox-in__radios {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }
}

@media screen and (max-width: 620px) {
    .cashbox .cashbox-in__section .cashbox-radio {
        margin-right: 0 !important;
        font-size: 17px !important;
        width: 32% !important;
        text-align: left;
        margin-top: 5px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .cashbox .cashbox-in__section .cashbox-radio:nth-child(1), .cashbox .cashbox-in__section .cashbox-radio:nth-child(4) {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .cashbox .cashbox-in__section .cashbox-radio:nth-child(3), .cashbox .cashbox-in__section .cashbox-radio:nth-child(6) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .cashbox .cashbox-in__section .cashbox-radio .cashbox-radio__label {
        display: inline-block;
        width: 50%;
        font-size: 17px !important
    }

    .cashbox .cashbox-in__section .cashbox-radio .cashbox-radio__item {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.phone--cashbox {
    position: relative
}

.phone--cashbox__input {
    position: relative;
    background-color: inherit;
    border: 1px solid #c4c4c4;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    line-height: 28px;
    padding: 2px 10px
}

.phone--cashbox__input::-webkit-input-placeholder {
    color: #a9a9a9
}

.phone--cashbox__input:-ms-input-placeholder, .phone--cashbox__input::-ms-input-placeholder {
    color: #a9a9a9
}

.phone--cashbox__input::placeholder {
    color: #a9a9a9
}

.phone--cashbox__input:focus {
    outline: 0
}

.phone--cashbox__label {
    display: block;
    font-size: 10px;
    color: #fff;
    padding-bottom: 10px
}

.priselist {
    font-size: 20px
}

.priselist__list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside
}

.priselist__item {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    color: #fff;
    margin-top: 4px
}

.priselist__item:last-child {
    margin: 0
}

.priselist__item--active .priselist__item-percent, .priselist__item--active .priselist__item-status {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background-image: -webkit-linear-gradient(top, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background-image: linear-gradient(to bottom, #50c5ac 0, #3fa18d 50%, #2e7f70 100%)
}

.priselist__item-container {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.priselist__item-percent, .priselist__item-status {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background-image: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background-image: linear-gradient(to bottom, #424242 0, #343434 100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 0 10px;
    position: relative;
    margin-right: 28px
}

.priselist__item-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 35%;
    height: 54px;
    width: 100%
}

.priselist__item-percent::after, .priselist__item-status::after {
    content: "+";
    position: absolute;
    right: -18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.priselist__item-percent {
    line-height: 54px;
    text-align: center;
    width: 70px
}

.priselist__item-percent--n::after {
    display: none
}

.priselist__item-article {
    margin-left: 16px
}

.priselist__item-article span {
    font-size: 16px;
    display: block
}

.priselist__item-bonus {
    width: 54px;
    height: 54px;
    background-image: url(/images/img/assets/cashbox-forms/priselist/prs.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 4px;
    position: relative;
    -webkit-transition: -webkit-transform .2 ease-in-out;
    transition: transform .2 ease-in-out;
    transition: transform .2 ease-in-out, -webkit-transform .2 ease-in-out;
    cursor: pointer
}

.priselist__item-bonus:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    z-index: 4
}

.priselist__item-bonus:hover .priselist__item-bonus-popup {
    visibility: visible
}

.priselist__item-bonus-popup {
    position: absolute;
    top: calc(100% + 6px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    text-align: center;
    background: rgba(0, 0, 0, .9);
    z-index: 14;
    border-radius: 6px;
    padding: .5em 1.25em;
    white-space: nowrap;
    -webkit-box-shadow: 0 3px 1em 4px rgba(0, 0, 0, .35);
    box-shadow: 0 3px 1em 4px rgba(0, 0, 0, .35);
    visibility: hidden
}

@media only screen and (max-width: 1210px) {
    .priselist__item:last-child {
        margin-top: 4px
    }

    .priselist__item-status {
        max-width: 50%
    }

    .priselist__item-article {
        display: none
    }
}

@media only screen and (max-width: 576px) {
    .priselist__item {
        position: relative;
        border-radius: 6px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
        background-image: -webkit-linear-gradient(top, #424242 0, #343434 100%);
        background-image: linear-gradient(to bottom, #424242 0, #343434 100%)
    }

    .priselist__item:last-child {
        margin-top: 4px
    }

    .priselist__item--active {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
        background-image: -webkit-linear-gradient(top, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
        background-image: linear-gradient(to bottom, #50c5ac 0, #3fa18d 50%, #2e7f70 100%)
    }

    .priselist__item--active .priselist__item-percent, .priselist__item--active .priselist__item-status {
        background-image: none
    }

    .priselist__item--active .priselist__item-article::before {
        height: 1px;
        background-color: #fafafa
    }

    .priselist__item-container {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .priselist__item-bonus {
        display: none
    }

    .priselist__item-article {
        display: block;
        width: 100%;
        margin: 0;
        position: relative;
        padding: 10px 10px 10px 46px
    }

    .priselist__item-article::after {
        content: "";
        width: 32px;
        height: 32px;
        position: absolute;
        top: 50%;
        left: 6px;
        background-image: url(/images/img/assets/cashbox-forms/priselist/prs.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .priselist__item-article::before {
        content: "";
        display: block;
        position: absolute;
        top: -1px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 98%;
        height: 2px;
        background-color: #504f4d
    }

    .priselist__item-article span {
        line-height: 1.7em
    }

    .priselist__item-percent, .priselist__item-status {
        margin: 0;
        font-size: 16px;
        background-image: none
    }

    .priselist__item-percent::after, .priselist__item-status::after {
        display: none
    }

    .priselist__item-status {
        max-width: 100%;
        width: calc(100% - 70px)
    }

    .priselist__item-percent::before {
        content: "+"
    }
}

@media only screen and (max-width: 340px) {
    .priselist__item-article span, .priselist__item-status span {
        font-size: 14px
    }
}

.cashbox-bonuses .column {
    padding: 5px
}

.mobile-handle {
    display: none
}

.cashbox-summary .currency, .cashbox-summary .percent, .cashbox-summary .sum {
    font-weight: 900
}

.cashbox-bonuses, .nxt--popup__change-item bonus__button {
    width: 100%
}

.cashbox-bonuses .chashbox-arrows {
    display: none
}

.cashbox-bonuses .cashbox-bonus__cover {
    display: block;
    text-align: center
}

.cashbox-bonuses .cashbox-bonus__label {
    margin: 0;
    width: 100%
}

.cashbox-bonuses .cashbox-bonus {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border: 2px solid transparent;
    cursor: pointer
}

.cashbox-bonuses .cashbox-bonus.is-active {
    border: 2px solid #64e1c8 !important;
    -webkit-box-shadow: 0 0 .7em #24bb9d, inset 0 0 .7em #24bb9d;
    box-shadow: 0 0 .7em #24bb9d, inset 0 0 .7em #24bb9d
}

.cashbox-bonuses .cashbox-bonus__name {
    font-size: 16px;
    font-weight: bolder;
    margin: 0;
    text-align: center
}

.cashbox-bonuses .cashbox-bonus__more, .cashbox-bonuses .cashbox-bonus__refuse {
    margin: 8px 0 0;
    cursor: pointer;
    font-size: 12px;
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted
}

.cashbox-bonuses .cashbox-bonus__refuse {
    display: none
}

.cashbox-bonuses .cashbox-bonus__ribbon {
    position: absolute;
    display: block;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    min-width: 60px;
    top: 5px;
    right: -3px;
    background-image: url(/images/img/general/min-svg/red-label.svg);
    background-position: 50% -1px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: 12px;
    text-transform: uppercase
}

.cashbox-bonuses .cashbox-bonus__info {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#cdcdcd));
    background-image: -webkit-linear-gradient(#fefefe 0, #cdcdcd 100%);
    background-image: linear-gradient(#fefefe 0, #cdcdcd 100%);
    font-size: 13px;
    z-index: -1;
    opacity: 0;
    -webkit-transition-property: opacity, z-index;
    transition-property: opacity, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.cashbox-bonuses .cashbox-bonus__info .cashbox-bonus__description {
    margin: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.cashbox-bonuses .cashbox-bonus__info .cashbox-bonus__back {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    position: absolute;
    bottom: 14px;
    left: 50%;
    margin: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    cursor: pointer
}

.cashbox-bonuses .cashbox-bonus__controls .info-hide {
    display: block
}

.cashbox-bonuses .cashbox-bonus__controls .info-show {
    display: none
}

.cashbox-bonuses .cashbox-bonus.cashbox-bonus--nothanx .cashbox-bonus__name {
    color: #c80406
}

.cashbox-bonuses .cashbox-bonus.info {
    overflow: hidden
}

.cashbox-bonuses .cashbox-bonus.info .cashbox-bonus__info {
    opacity: 1;
    z-index: 1
}

@media (min-width: 1024px) {
    .cashbox-bonuses {
        border-top: 1px solid #fff
    }

    .cashbox-bonuses .columns {
        margin: 0 -5px
    }

    .cashbox-bonuses .column {
        min-height: 100%
    }

    .cashbox-bonuses .cashbox-bonus__cover {
        width: 100%
    }

    .cashbox-bonuses .cashbox-bonus__label {
        font-weight: 400;
        line-height: normal;
        font-size: 20px;
        color: #fff;
        margin: 1rem 0;
        margin-left: 5px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .cashbox-bonuses .cashbox-bonus {
        min-height: 140px;
        border-radius: 6px;
        background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#cdcdcd)), #c4c4c4;
        background: -webkit-linear-gradient(top, #fefefe 0, #cdcdcd 100%), #c4c4c4;
        background: linear-gradient(180deg, #fefefe 0, #cdcdcd 100%), #c4c4c4;
        padding: .75rem
    }

    .cashbox-bonuses .cashbox-bonus:hover {
        background: -webkit-gradient(linear, left bottom, left top, from(#fefefe), to(#cdcdcd)), #c4c4c4;
        background: -webkit-linear-gradient(bottom, #fefefe 0, #cdcdcd 100%), #c4c4c4;
        background: linear-gradient(0deg, #fefefe 0, #cdcdcd 100%), #c4c4c4;
        border-top-color: #cdcdcd
    }

    .cashbox-bonuses .cashbox-bonus__name {
        width: 100%
    }

    .cashbox-bonuses .cashbox-bonus--nothanx {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .cashbox-bonuses .cashbox-bonus.info .cashbox-bonus__controls .info-hide, .cashbox-bonuses .cashbox-bonus.is-active::after, .cashbox-bonuses .hide-mobile, .cashbox-summary__right {
        display: none
    }

    .cashbox-bonuses {
        padding-top: 20px;
        overflow-y: visible;
        width: 100%;
        position: fixed;
        z-index: 50200;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateZ(20px);
        transform: translateX(-50%) translateZ(20px);
        height: auto
    }

    .cashbox-bonuses .columns {
        width: 100%;
        height: 100%;
        max-height: 70vh;
        overflow-y: scroll;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-top: 1px solid #fff;
        -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .6);
        box-shadow: 0 0 1em rgba(0, 0, 0, .6);
        background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#cdcdcd)), #c4c4c4;
        background: -webkit-linear-gradient(top, #fefefe 0, #cdcdcd 100%), #c4c4c4;
        background: linear-gradient(180deg, #fefefe 0, #cdcdcd 100%), #c4c4c4;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0
    }

    .cashbox-bonuses .columns .column {
        padding: 0;
        width: 100%
    }

    .cashbox-bonuses .columns .column:last-child .cashbox-bonus::after {
        display: none !important
    }

    .cashbox-bonuses .cashbox-bonus {
        display: block;
        border: 0;
        padding: 10px
    }

    .cashbox-bonuses .cashbox-bonus::after {
        content: "";
        width: calc(100% - 1em);
        height: 2px;
        background-color: #c4c4c4;
        position: absolute;
        bottom: 0;
        display: block;
        margin: 0 auto
    }

    .cashbox-bonuses .cashbox-bonus.is-active, .cashbox-bonuses .cashbox-bonus:hover {
        border: 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .cashbox-bonuses .cashbox-bonus.is-active {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
        background-image: -webkit-linear-gradient(top, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
        background-image: linear-gradient(to bottom, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
        color: #fff
    }

    .cashbox-bonuses .cashbox-bonus.is-active .cashbox-bonus__refuse {
        visibility: visible;
        pointer-events: auto
    }

    .cashbox-bonuses .cashbox-bonus__label {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        background-color: #424242;
        color: #fff;
        text-align: center;
        font-size: 1em;
        margin-top: 0;
        line-height: 2em;
        border-bottom: 1px solid #4c4c4c;
        padding-top: 9px
    }

    .cashbox-bonuses .cashbox-bonus__cover {
        display: inline-block
    }

    .cashbox-bonuses .cashbox-bonus__name {
        display: inline-block;
        position: relative;
        top: -25px;
        margin-left: 10px
    }

    .cashbox-bonuses .cashbox-bonus__refuse {
        display: block;
        visibility: hidden;
        pointer-events: none;
        margin-left: 78px !important;
        padding: .4em
    }

    .cashbox-bonuses .cashbox-bonus__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: -30px;
        position: relative;
        top: 7px
    }

    .cashbox-bonuses .cashbox-bonus__more {
        padding: .4em
    }

    .cashbox-bonuses .cashbox-bonus__ribbon {
        padding: 7px 15px;
        right: 0;
        font-size: 14px;
        top: 3px
    }

    .cashbox-bonuses .cashbox-bonus--nothanx .cashbox-bonus__name {
        width: 100%;
        position: static;
        top: 0;
        padding: .5em 0;
        margin: 0;
        color: #000 !important;
        font-weight: 400;
        font-size: 13px;
        text-decoration: underline;
        -webkit-text-decoration-style: dotted;
        text-decoration-style: dotted
    }

    .cashbox-bonuses .cashbox-bonus__info {
        display: none;
        background: 0 0;
        position: static;
        opacity: 1;
        z-index: 1
    }

    .cashbox-bonuses .cashbox-bonus.info .cashbox-bonus__controls .info-show {
        display: block
    }

    .cashbox-bonuses .cashbox-bonus.info .cashbox-bonus__info {
        display: block;
        padding-top: 10px
    }

    .cashbox-bonuses .cashbox-bonus.info .cashbox-bonus__description {
        position: static;
        -webkit-transform: none;
        transform: none;
        text-align: left
    }

    .cashbox-bonuses .cashbox-bonus.info .cashbox-bonus__back, .mob-cashbox-bonuses.close .cashbox-bonus, .mob-cashbox-bonuses.single .cashbox-bonus {
        display: none
    }

    .cashbox-bonuses .chashbox-arrows, .mobile-handle {
        position: absolute;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #424242
    }

    .cashbox-bonuses .chashbox-arrows {
        display: block;
        pointer-events: none;
        top: 4px
    }

    .cashbox-bonuses .chashbox-arrows path {
        fill: #fff
    }

    .mobile-handle {
        top: 2px;
        border: 1px solid #fff;
        -webkit-box-shadow: 0 -.2em 1.5em rgba(0, 0, 0, .6);
        box-shadow: 0 -.2em 1.5em rgba(0, 0, 0, .6);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: -1
    }

    .mob-cashbox-bonuses.single .cashbox-bonus.is-active {
        display: block
    }

    .mob-cashbox-bonuses.close .chashbox-arrow-1, .mob-cashbox-bonuses.close .chashbox-arrow-2 {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .mob-cashbox-bonuses.close .chashbox-arrow-2 {
        -webkit-animation-name: cashbox-bonus-arrow-1;
        animation-name: cashbox-bonus-arrow-1
    }

    .mob-cashbox-bonuses.close .chashbox-arrow-1 {
        -webkit-animation-name: cashbox-bonus-arrow-2;
        animation-name: cashbox-bonus-arrow-2
    }

    .mob-cashbox-bonuses.open .chashbox-arrows {
        -webkit-transform: rotate(180deg) translateX(50%);
        transform: rotate(180deg) translateX(50%)
    }

    .mob-cashbox-bonuses.open .cashbox-bonus {
        display: block !important
    }
}

@media screen and (max-width: 480px) {
    .cahbox-summary__left {
        font-size: 16px
    }
}

@media screen and (max-width: 390px) {
    .cahbox-summary__left {
        font-size: 14px
    }
}

.cashbox-choice-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    color: #fff
}

.cashbox-choice-overlay.active {
    display: block
}

.lk-cashbox .cashbox.no-scroll {
    position: relative
}

.cashbox-choice__modal {
    width: 100%;
    height: auto;
    max-width: 450px;
    background: #62605c;
    position: absolute;
    top: 10vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    border-radius: 6px;
    border: 1px solid #d5d5d5
}

.cashbox-choice__modal__header {
    margin: 0;
    font-size: 20px;
    padding: 5px 0;
    line-height: 26px;
    font-weight: 400
}

.cashbox-choice__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.cashbox-choice__block_header {
    font-size: 16px;
    font-weight: 400;
    margin-top: 0
}

.cashbox-choice_item {
    border: 3px solid #e6644f;
    -webkit-box-shadow: 0 0 1em red, inset 0 0 1em red;
    box-shadow: 0 0 1em red, inset 0 0 1em red;
    border-radius: 6px;
    padding: 1em;
    background-color: #404040
}

.cashbox-choice_item span {
    font-size: 20px
}

.cashbox-choice_item .button {
    display: block;
    margin: 1em auto 0
}

.cashbox-choice_item--green {
    border-color: #39d9b9;
    -webkit-box-shadow: 0 0 1em #24bb9d, inset 0 0 1em #24bb9d;
    box-shadow: 0 0 1em #24bb9d, inset 0 0 1em #24bb9d
}

.cashbox-choice__modal__subheader {
    font-size: 16px;
    font-weight: 400
}

@media screen and (max-width: 450px) {
    .cashbox-choice__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .cashbox-choice_item {
        margin: 1em;
        max-width: 170px
    }

    .cashbox-choice__modal__header {
        padding: 4px 35px
    }
}

@media screen and (max-height: 500px) {
    .cashbox-choice__modal {
        top: 0 !important;
        height: calc(100vh - 50px);
        overflow-y: scroll
    }
}

.cashbox-deposit {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    font-size: 20px;
    width: 100%
}

.cashbox-deposit__bottom, .cashbox-deposit__header {
    padding: 5px 0
}

.cashbox-deposit__text {
    color: #fff
}

.cashbox-deposit__list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.cashbox-deposit__list-item {
    font-size: 16px;
    width: 33.33333%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .12);
    vertical-align: middle;
    padding: 6px 10px;
    white-space: nowrap
}

.cashbox-deposit__list-item:last-child {
    border-radius: 0 6px 6px 0;
    margin-left: 1px;
    width: calc(100% / 3 - 1px);
    line-height: 61px
}

.cashbox-deposit__list-item:first-child {
    border-radius: 6px 0 0 6px;
    margin-right: 1px;
    width: calc(100% / 3 - 1px)
}

.cashbox-deposit__list-item .button {
    width: 72%
}

@media only screen and (max-width: 1210px) {
    .cashbox-depositSum--eur::after, .cashbox-depositSum--rub::after, .cashbox-depositSum--uah::after, .cashbox-depositSum--usd::after {
        right: 20px
    }

    .cashbox-depositSum__input {
        padding-right: 50px
    }
}

@media only screen and (max-width: 576px) {
    .cashbox-deposit__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        background-color: rgba(0, 0, 0, .12);
        border-radius: 6px
    }

    .cashbox-deposit__list-item {
        background-color: transparent;
        margin: 0 !important;
        width: 50% !important
    }

    .cashbox-deposit__list-item:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .cashbox-deposit__list-item:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .cashbox-deposit__list-item:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .cashbox-deposit__list-item .button {
        width: 90%
    }
}

.cashbox-table__cell--common {
    position: relative
}

.main--lk .cashbox__nav--inner {
    margin-top: -15px
}

.cashbox__nav--inner {
    margin-top: -7px
}

.cashbox__nav--inner .cashbox__nav-list {
    margin: 0 auto;
    padding: 5px;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.cashbox__nav--inner.hidden {
    display: none
}

@media only screen and (max-width: 720px) {
    .cashbox-table .cashbox-table__cell {
        width: calc(100% / 5)
    }
}

@media only screen and (max-width: 560px) {
    .cashbox-table__item {
        padding-right: 0;
        padding-left: 0
    }

    .cashbox-table__cell {
        font-size: .6875em
    }
}

.cashbox-in {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    padding: 0 4px;
    font-size: 20px
}

.cashbox-in__header {
    text-align: left;
    color: #fff
}

.cashbox-in__section, .cashbox-in__submit {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cashbox-in__section {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    padding: 0 4px;
    width: 100%
}

.cashbox-in__submit {
    width: 40%
}

.cashbox-in__btn {
    margin-left: 16px
}

@media screen and (min-width: 374px) {
    .cahbox-summary__left .cahbox-summary--newline {
        display: inline-block
    }
}

@media only screen and (max-width: 1024px) {
    .cashbox-in__section {
        padding: 0
    }
}

@media only screen and (max-width: 448px) {
    .cashbox-in__submit .cashbox-sum {
        width: 47%
    }

    .cashbox-in__submit .cashbox-sum::after {
        right: -44px
    }
}

@media only screen and (max-width: 425px) {
    .cashbox-in, .cashbox-in__header {
        display: block
    }

    .cashbox-in__section {
        display: block;
        font-size: 14px
    }

    .cashbox-in__section .cashbox-radio {
        display: inline-block;
        font-size: 20px;
        width: calc(100% / 4) !important;
        margin: 0
    }

    .cashbox-in__section .cashbox-radio__item, .cashbox-in__section .cashbox-radio__label {
        display: inline-block
    }

    .cashbox-in__section .cashbox-in__submit {
        font-size: 0
    }

    .cashbox-in__section .cashbox-in__submit .cashbox-sum {
        display: inline-block;
        font-size: 20px;
        width: calc(100% / 2.5);
        margin-right: 8vw
    }

    .cashbox-in__section .cashbox-in__submit .cashbox-sum::after {
        right: -43px
    }

    .cashbox-in__section .cashbox-in__submit .cashbox-in__btn {
        margin-left: 16px;
        width: calc(100% / 2 - 16px);
        min-width: 120px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
        display: inline-block
    }
}

@media only screen and (max-width: 340px) {
    .cashbox-in, .cashbox-in__header {
        display: block
    }

    .cashbox-in__section {
        display: block;
        font-size: 14px
    }

    .cashbox-in__section .cashbox-radio {
        display: inline-block;
        font-size: 20px;
        width: calc(100% / 2) !important;
        margin: 0
    }
}

.cashbox-out, .cashbox-out__section--main, .cashbox-out__submit {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center
}

.cashbox-out {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 4px;
    font-size: 20px;
    margin: 10px auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cashbox-out__section--main, .cashbox-out__submit {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.cashbox-out__section--main {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cashbox-out__submit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cashbox-out__btn {
    margin-left: 16px;
    min-width: 143.47px
}

.cashbox-out__yum {
    margin-bottom: 7px
}

.cashbox-outmin, .cashbox-outmin__section--main, .cashbox-outmin__submit {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center
}

.cashbox-outmin {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    padding: 0 4px;
    font-size: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cashbox-outmin__section--main, .cashbox-outmin__submit {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.cashbox-outmin__section--main {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cashbox-outmin__submit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cashbox-outmin__btn {
    margin-left: 16px;
    min-width: 143.47px
}

.withdraw-ticket {
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    width: 100%;
    border-radius: 6px;
    padding: .5em;
    margin: -10px 0 5px
}

.withdraw-ticket__list {
    color: #c4c4c4;
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside
}

.withdraw-ticket__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.5em;
    border-bottom: 1px solid #c4c4c4;
    text-overflow: ellipsis
}

.withdraw-ticket__reject {
    display: block;
    text-align: center;
    color: #fff;
    margin-top: 5px;
    text-decoration: underline
}

@media screen and (max-width: 515px) {
    .cashbox-out__submit .cashbox-out__btn {
        width: calc(50% - 50px);
        min-width: auto
    }
}

@media only screen and (max-width: 705px) {
    .cashbox-outmin__adp {
        margin-bottom: 7px
    }
}

@media only screen and (max-width: 430px) {
    .withdraw-ticket {
        font-size: 15px;
        padding: 7px
    }
}

.progress {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 258px
}

.progress__item {
    width: calc(100% / 11);
    padding-right: 1px;
    padding-left: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    position: relative
}

.progress__item::before {
    content: "";
    text-align: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: calc(100% - 2px);
    display: block;
    color: #fff;
    background-color: #333;
    font-size: 14px;
    z-index: 57
}

.progress__item:nth-child(1)::before {
    content: "4-5"
}

.progress__item:nth-child(1) .progress__back {
    height: 14%
}

.progress__item:nth-child(1) .progress__back::after {
    content: "5%"
}

.progress__item:nth-child(2)::before {
    content: "6-7"
}

.progress__item:nth-child(2) .progress__back {
    height: 20%
}

.progress__item:nth-child(2) .progress__back::after {
    content: "10%"
}

.progress__item:nth-child(3)::before {
    content: "8-9"
}

.progress__item:nth-child(3) .progress__back {
    height: 27%
}

.progress__item:nth-child(3) .progress__back::after {
    content: "20%"
}

.progress__item:nth-child(4)::before {
    content: "10-11"
}

.progress__item:nth-child(4) .progress__back {
    height: 34%
}

.progress__item:nth-child(4) .progress__back::after {
    content: "30%"
}

.progress__item:nth-child(5)::before {
    content: "12-13"
}

.progress__item:nth-child(5) .progress__back {
    height: 42%
}

.progress__item:nth-child(5) .progress__back::after {
    content: "40%"
}

.progress__item:nth-child(6)::before {
    content: "14-15"
}

.progress__item:nth-child(6) .progress__back {
    height: 49%
}

.progress__item:nth-child(6) .progress__back::after {
    content: "50%"
}

.progress__item:nth-child(7)::before {
    content: "16"
}

.progress__item:nth-child(7) .progress__back {
    height: 59%
}

.progress__item:nth-child(7) .progress__back::after {
    content: "60%"
}

.progress__item:nth-child(8)::before {
    content: "17"
}

.progress__item:nth-child(8) .progress__back {
    height: 69%
}

.progress__item:nth-child(8) .progress__back::after {
    content: "70%"
}

.progress__item:nth-child(9)::before {
    content: "18"
}

.progress__item:nth-child(9) .progress__back {
    height: 78%
}

.progress__item:nth-child(9) .progress__back::after {
    content: "80%"
}

.progress__item:nth-child(10)::before {
    content: "19"
}

.progress__item:nth-child(10) .progress__back {
    height: 88%
}

.progress__item:nth-child(10) .progress__back::after {
    content: "90%"
}

.progress__item:nth-child(11)::before {
    content: "20+"
}

.progress__item:nth-child(11) .progress__back {
    height: 97%
}

.progress__item:nth-child(11) .progress__back::after {
    content: "100%"
}

.progress__item:hover .progress__back::after, .progress__item:hover::before {
    font-weight: 500;
    text-shadow: 0 0 1em #fff
}

.progress__item:hover .progress__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#489586), color-stop(50%, #338474), to(#26695c));
    background: -webkit-linear-gradient(top, #489586 0, #338474 50%, #26695c 100%);
    background: linear-gradient(to bottom, #489586 0, #338474 50%, #26695c 100%)
}

.progress__back, .progress__back::after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.progress__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background: -webkit-linear-gradient(top, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background: linear-gradient(to bottom, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    width: calc(100% - 2px);
    bottom: 18px;
    z-index: 55;
    border-radius: 5px 5px 0 0
}

.progress__back::after {
    content: "";
    white-space: nowrap;
    bottom: calc(100% + 4px);
    font-size: 14px;
    color: #fff
}

@media only screen and (max-width: 1240px) {
    .progress__back {
        bottom: 17px
    }

    .progress__item::before {
        font-size: 13px
    }
}

@media only screen and (max-width: 1161px) {
    .progress__back {
        bottom: 16px
    }

    .progress__back::after {
        font-size: 13px
    }

    .progress__item::before {
        font-size: 12px
    }
}

@media only screen and (max-width: 1084px) {
    .progress__back {
        bottom: 15px
    }

    .progress__back::after, .progress__item::before {
        font-size: 11px
    }
}

@media only screen and (max-width: 1024px) {
    .progress__back {
        bottom: 18px
    }

    .progress__back::after, .progress__item::before {
        font-size: 14px
    }
}

@media only screen and (max-width: 515px) {
    .progress__back {
        bottom: 17px
    }

    .progress__back::after, .progress__item::before {
        font-size: 13px
    }
}

@media only screen and (max-width: 483px) {
    .progress__back {
        bottom: 15px
    }

    .progress__back::after, .progress__item::before {
        font-size: 12px
    }
}

@media only screen and (max-width: 451px) {
    .progress {
        height: 220px
    }

    .progress__back {
        bottom: 14px
    }

    .progress__back::after, .progress__item::before {
        font-size: 11px
    }
}

@media only screen and (max-width: 397px) {
    .progress {
        height: 160px
    }

    .progress__back {
        bottom: 13px
    }

    .progress__back::after, .progress__item::before {
        font-size: 9px
    }
}

@media only screen and (max-width: 364px) {
    .progress__back {
        bottom: 11px
    }

    .progress__back::after, .progress__item::before {
        font-size: 9px
    }
}

@media only screen and (max-width: 332px) {
    .progress__back {
        bottom: 10px
    }

    .progress__back::after, .progress__item::before {
        font-size: 8px
    }
}

.progress_cash {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 258px
}

.progress_cash__item {
    width: calc(100% / 11);
    padding-right: 1px;
    padding-left: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    position: relative
}

.progress_cash__item::before {
    content: "";
    text-align: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: calc(100% - 2px);
    display: block;
    color: #fff;
    background-color: #333;
    font-size: 14px;
    z-index: 57
}

.progress_cash__item:nth-child(1)::before {
    content: "4-5"
}

.progress_cash__item:nth-child(1) .progress_cash__back {
    height: 14%
}

.progress_cash__item:nth-child(1) .progress_cash__back::after {
    content: "5%"
}

.progress_cash__item:nth-child(2)::before {
    content: "6-7"
}

.progress_cash__item:nth-child(2) .progress_cash__back {
    height: 20%
}

.progress_cash__item:nth-child(2) .progress_cash__back::after {
    content: "10%"
}

.progress_cash__item:nth-child(3)::before {
    content: "8-9"
}

.progress_cash__item:nth-child(3) .progress_cash__back {
    height: 27%
}

.progress_cash__item:nth-child(3) .progress_cash__back::after {
    content: "15%"
}

.progress_cash__item:nth-child(4)::before {
    content: "10-11"
}

.progress_cash__item:nth-child(4) .progress_cash__back {
    height: 34%
}

.progress_cash__item:nth-child(4) .progress_cash__back::after {
    content: "20%"
}

.progress_cash__item:nth-child(5)::before {
    content: "12-13"
}

.progress_cash__item:nth-child(5) .progress_cash__back {
    height: 42%
}

.progress_cash__item:nth-child(5) .progress_cash__back::after {
    content: "25%"
}

.progress_cash__item:nth-child(6)::before {
    content: "14-15"
}

.progress_cash__item:nth-child(6) .progress_cash__back {
    height: 49%
}

.progress_cash__item:nth-child(6) .progress_cash__back::after {
    content: "30%"
}

.progress_cash__item:nth-child(7)::before {
    content: "16"
}

.progress_cash__item:nth-child(7) .progress_cash__back {
    height: 59%
}

.progress_cash__item:nth-child(7) .progress_cash__back::after {
    content: "35%"
}

.progress_cash__item:nth-child(8)::before {
    content: "17"
}

.progress_cash__item:nth-child(8) .progress_cash__back {
    height: 69%
}

.progress_cash__item:nth-child(8) .progress_cash__back::after {
    content: "40%"
}

.progress_cash__item:nth-child(9)::before {
    content: "18"
}

.progress_cash__item:nth-child(9) .progress_cash__back {
    height: 78%
}

.progress_cash__item:nth-child(9) .progress_cash__back::after {
    content: "45%"
}

.progress_cash__item:nth-child(10)::before {
    content: "19"
}

.progress_cash__item:nth-child(10) .progress_cash__back {
    height: 88%
}

.progress_cash__item:nth-child(10) .progress_cash__back::after {
    content: "50%"
}

.progress_cash__item:nth-child(11)::before {
    content: "20+"
}

.progress_cash__item:nth-child(11) .progress_cash__back {
    height: 97%
}

.progress_cash__item:nth-child(11) .progress_cash__back::after {
    content: "55%"
}

.progress_cash__item:hover .progress_cash__back::after, .progress_cash__item:hover::before {
    font-weight: 500;
    text-shadow: 0 0 1em #fff
}

.progress_cash__item:hover .progress_cash__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#489586), color-stop(50%, #338474), to(#26695c));
    background: -webkit-linear-gradient(top, #489586 0, #338474 50%, #26695c 100%);
    background: linear-gradient(to bottom, #489586 0, #338474 50%, #26695c 100%)
}

.progress_cash__back, .progress_cash__back::after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.progress_cash__back {
    background: -webkit-gradient(linear, left top, left bottom, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background: -webkit-linear-gradient(top, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background: linear-gradient(to bottom, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    width: calc(100% - 2px);
    bottom: 18px;
    z-index: 55;
    border-radius: 5px 5px 0 0
}

.progress_cash__back::after {
    content: "";
    white-space: nowrap;
    bottom: calc(100% + 4px);
    font-size: 14px;
    color: #fff
}

@media only screen and (max-width: 1240px) {
    .progress_cash__back {
        bottom: 17px
    }

    .progress_cash__item::before {
        font-size: 13px
    }
}

@media only screen and (max-width: 1161px) {
    .progress_cash__back {
        bottom: 16px
    }

    .progress_cash__back::after {
        font-size: 13px
    }

    .progress_cash__item::before {
        font-size: 12px
    }
}

@media only screen and (max-width: 1084px) {
    .progress_cash__back {
        bottom: 15px
    }

    .progress_cash__back::after, .progress_cash__item::before {
        font-size: 11px
    }
}

@media only screen and (max-width: 1024px) {
    .progress_cash__back {
        bottom: 18px
    }

    .progress_cash__back::after, .progress_cash__item::before {
        font-size: 14px
    }
}

@media only screen and (max-width: 515px) {
    .progress_cash__back {
        bottom: 17px
    }

    .progress_cash__back::after, .progress_cash__item::before {
        font-size: 13px
    }
}

@media only screen and (max-width: 483px) {
    .progress_cash__back {
        bottom: 15px
    }

    .progress_cash__back::after, .progress_cash__item::before {
        font-size: 12px
    }
}

@media only screen and (max-width: 451px) {
    .progress_cash {
        height: 220px
    }

    .progress_cash__back {
        bottom: 14px
    }

    .progress_cash__back::after, .progress_cash__item::before {
        font-size: 11px
    }
}

@media only screen and (max-width: 397px) {
    .progress_cash {
        height: 160px
    }

    .progress_cash__back {
        bottom: 13px
    }

    .progress_cash__back::after, .progress_cash__item::before {
        font-size: 9px
    }
}

@media only screen and (max-width: 364px) {
    .progress_cash__back {
        bottom: 11px
    }

    .progress_cash__back::after, .progress_cash__item::before {
        font-size: 9px
    }
}

@media only screen and (max-width: 332px) {
    .progress_cash__back {
        bottom: 10px
    }

    .progress_cash__back::after, .progress_cash__item::before {
        font-size: 8px
    }
}

.file, .file__button {
    background-color: inherit;
    cursor: pointer
}

.file {
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    border: 1px solid #c4c4c4;
    position: relative
}

.file:hover .file__button-logo {
    fill: #4eddc1
}

.file__button {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0;
    color: #fff;
    padding: 0
}

.file__button:focus, .file__text:focus, .input--text:focus {
    outline: 0
}

.file__button-logo {
    -webkit-transition: fill .25s ease-in;
    transition: fill .25s ease-in;
    fill: #24bb9d;
    width: 20px;
    height: 20px
}

.file__button-logo--load {
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.file__text, .input--text {
    line-height: 29px;
    padding: 2px 10px;
    width: 100%;
    color: #fff
}

.file__text {
    cursor: pointer;
    background-color: inherit;
    border: 0
}

.input--text {
    background-color: transparent;
    border: 1px solid #c4c4c4;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wrong-date_text {
    display: none;
    position: absolute;
    z-index: 300
}

.input--text.wrong-birthdate {
    border-color: red
}

.input--text.wrong-birthdate + .wrong-date_text {
    display: block
}

.fullreg__field-birthdate {
    position: relative
}

.fullreg__field-birthdate .wrong-date_text {
    margin: 0;
    font-size: 12px;
    top: 36px;
    right: 10px;
    color: red
}

.lk-profile__item .wrong-date_text {
    top: 10px
}

.wrong-input {
    border-color: red !important
}

.textarea {
    background-color: transparent;
    border: 1px solid #c4c4c4;
    border-radius: 6px;
    line-height: 29px;
    padding: 2px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #fff
}

.select--phone .select__form:focus, .select--phone .select__item--search input:focus, .select--phone .select__list:focus, .textarea:focus {
    outline: 0
}

.textarea::-webkit-scrollbar {
    display: none
}

.select {
    display: block;
    position: relative;
    width: 100%;
    cursor: pointer
}

.select ::-moz-selection {
    background-color: transparent;
    z-index: -1
}

.select ::selection {
    background-color: transparent;
    z-index: -1
}

.select__main {
    padding: 0;
    display: block;
    background-color: #262634;
    position: relative;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.select__main:focus {
    outline-color: #24bb9d
}

.select__main::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 100%;
    border-left: 1px solid #c4c4c4;
    background-image: url(/images/img/assets/form/select/down-arrow.svg);
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat
}

.select__form, .select__list {
    width: 100%;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select__form {
    background-color: #262634;
    line-height: 29px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #c4c4c4;
    padding: 2px 10px
}

.select__list {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    margin: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    background-color: rgba(38, 38, 52, .97);
    border: 1px solid #fff;
    z-index: 16000;
    padding: 5px;
    -webkit-box-shadow: 0 10px 12px 1px rgba(0, 0, 0, .32);
    box-shadow: 0 10px 12px 1px rgba(0, 0, 0, .32);
    max-height: 187px;
    overflow-x: hidden
}

.select__list::-webkit-scrollbar {
    display: none;
    width: 0
}

.select__list--hidden {
    visibility: hidden;
    display: none
}

.select__item {
    padding: 5px;
    margin-bottom: 4px;
    border-radius: 2px;
    color: #ddd
}

.select__item--active, .select__item:hover {
    color: #fff
}

.select__item:focus {
    outline: 0;
    background-color: rgba(36, 187, 157, .7);
    color: #fff
}

.input_disabled .select__main::after {
    border: 0;
    background: 0 0
}

.lk-profile__disabled input {
    color: #777
}

.select--phone {
    margin-bottom: 1em;
    text-align: left
}

.select--phone .select__main {
    background-color: transparent;
    position: relative;
    cursor: pointer
}

.select--phone .select__main::after {
    display: none
}

.select--phone .select__main-logo {
    display: block;
    background-color: #ddd;
    position: absolute;
    left: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select--phone .select__form {
    padding-left: 40px;
    cursor: text
}

.select--phone .select__form::-moz-selection {
    background-color: #24bb9d;
    z-index: auto
}

.select--phone .select__form::selection {
    background-color: #24bb9d;
    z-index: auto
}

.select--phone .select__form, .select--phone .select__list {
    background-color: #fff;
    color: #222
}

.select--phone .select__list {
    display: none
}

.select--phone .select__list::-webkit-scrollbar {
    display: block;
    width: 6px
}

.select--phone .select__list::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px
}

.select--phone .select__item {
    color: #222;
    position: relative;
    z-index: 16
}

.select--phone .select__item:hover {
    background-color: #f7f7f7;
    color: #222;
    position: relative
}

.select--phone .select__item-logo {
    display: inline-block;
    position: relative;
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
    z-index: -1;
    cursor: default
}

.select--phone .select__item-text {
    position: relative;
    z-index: -1
}

.select--phone .select__item--search {
    border-bottom: 1px solid #afafaf;
    position: relative
}

.select--phone .select__item--search input {
    border: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000
}

.select--phone .select__item--search::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/images/img/assets/form/select--phone/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popup-cashbox .select--phone .select__item {
    color: #fff
}

.popup-cashbox .select--phone .select__item:hover {
    background-color: #24bb9d
}

.fullreg .select--phone .select__item:focus, .popup-cashbox .select--phone .select__item:focus {
    background-color: #24bb9d
}

.fullreg .select--phone .select__form {
    background-color: inherit;
    color: #fff
}

.fullreg .select--phone {
    margin-bottom: 4px
}

.fullreg .select--phone .select__list {
    background-color: #262634;
    color: #fff
}

.fullreg .select--phone .select__item, .lk-cashbox .select--phone .select__item, .lk-cashbox .select--phone .select__list {
    color: #fff
}

.fullreg .select--phone .select__item:hover {
    background-color: #24bb9d
}

.lk-cashbox .select--phone .select__item:focus {
    background-color: #24bb9d
}

.lk-cashbox .select--phone .select__item:hover {
    background-color: #24bb9d
}

.select--phone > .select__list {
    display: none
}

.select--phone[data-open=true] > .select__list {
    display: block
}

.touch-promo-header {
    display: block;
    position: fixed;
    top: -46px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 200;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.25, .1, .89, 1.43);
    transition-timing-function: cubic-bezier(.25, .1, .89, 1.43);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    opacity: 0
}

.touch-promo-header.open {
    -webkit-transform: translateY(92px) !important;
    transform: translateY(92px) !important
}

.touch-promo-header.open svg {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.touch-promo-header.open svg path {
    -webkit-animation: none;
    animation: none
}

.touch-promo-header__userlist {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 44px;
    border-bottom: 1px solid #656565
}

.touch-promo-header__userlist__item {
    text-align: right;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.touch-promo-header__userlist__item__name {
    color: #fff;
    display: block;
    width: 100%
}

.touch-promo-header__userlist__item__value {
    width: 100%;
    color: #24bb9d;
    display: block
}

.touch-promo-header .singleclick-cashbox {
    width: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    background: 0 0;
    padding: 3px 0 0;
    margin: 0 auto;
    max-width: 344px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 37px
}

.touch-promo-header .singleclick-cashbox .singleclick-cashbox__btn {
    padding: 0;
    width: 35px;
    margin-right: -2px;
    margin-left: 3px;
    background-position: center
}

.touch-promo-header .singleclick-cashbox .singleclick-cashbox__wrapper {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    background-color: inherit;
    padding-top: 4px
}

.touch-promo-header .singleclick-cashbox .button.button_green {
    padding: 0 10px
}

.touch-promo-header .singleclick-cashbox .singleclick-cashbox__input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.touch-promo-header__handle {
    position: absolute;
    width: 90px;
    height: 40px;
    overflow: hidden;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    bottom: 0
}

.touch-promo-header__handle__wrapper {
    background-color: #343434;
    position: absolute;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    left: 50%;
    top: -22px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.touch-promo-header__handle__wrapper svg {
    position: relative;
    top: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.touch-promo-header__handle__wrapper svg .chashbox-arrow-1, .touch-promo-header__handle__wrapper svg .chashbox-arrow-2 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.touch-promo-header__handle__wrapper svg .chashbox-arrow-2 {
    -webkit-animation-name: cashbox-bonus-arrow-1;
    animation-name: cashbox-bonus-arrow-1
}

.touch-promo-header__handle__wrapper svg .chashbox-arrow-1 {
    -webkit-animation-name: cashbox-bonus-arrow-2;
    animation-name: cashbox-bonus-arrow-2
}

.touch-promo-header .language-select {
    position: relative;
    top: auto;
    right: auto;
    background: 0 0;
    height: 40px !important
}

.touch-promo-header .language-select .language-select-current {
    height: 100% !important;
    padding-right: 0
}

.touch-promo-header .language-select .language-select-current::before {
    top: 18px
}

.touch-promo-header .language-select.language-select--opened .language-select-current::before {
    top: 9px !important
}

.touch-promo-header.no-single-click-promo {
    top: 1px !important
}

.touch-promo-header.no-single-click-promo .singleclick-cashbox {
    display: none !important
}

.touch-promo-header.no-single-click-promo.open {
    -webkit-transform: translateY(45px) !important;
    transform: translateY(45px) !important
}

.touch-promo-header.no-single-click-promo .touch-promo-header__userlist {
    border: 0
}

@media screen and (min-width: 1025px) {
    .touch-promo-header {
        display: none
    }
}

.lk-bonuses__input {
    background-color: inherit;
    border: 1px solid #fff;
    border-radius: 6px;
    line-height: 28px;
    padding: 2px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 20px
}

.lk-bonuses__article, .lk-bonuses__header {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.lk-bonuses__header {
    margin-bottom: 20px
}

.lk-bonuses__article {
    max-width: 720px;
    color: #fff;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1em;
    font-family: sans-serif;
    position: relative
}

.lk-bonuses__article-content {
    width: calc(90% - 120px)
}

.lk-bonuses__article-figure {
    max-width: 110px;
    margin: 0 16px
}

.lk-bonuses__article-text {
    margin: 0 0 43px
}

.lk-bonuses__article-footer {
    width: 100%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

@media only screen and (max-width: 720px) {
    .lk-bonuses__article {
        width: 100%
    }

    .lk-bonuses__article-content {
        width: 100%;
        max-width: 500px;
        text-align: center
    }

    .lk-bonuses__article-footer {
        margin: auto
    }
}

@media only screen and (max-width: 661px) {
    .lk-bonuses__article-figure {
        position: absolute;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .lk-bonuses__input {
        margin: 0
    }

    .lk-bonuses__article {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .lk-bonuses__article-content {
        width: 100%
    }

    .lk-bonuses__article-text {
        max-width: 291px;
        margin: auto auto 16px
    }

    .lk-bonuses__article-figure {
        width: 100px;
        height: 100px;
        top: 65%;
        left: 6%
    }

    .lk-bonuses__article-footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin: 0
    }

    .lk-bonuses__article-footer .button, .lk-bonuses__article-footer .lk-bonuses__input, .lk-bonuses__article-footer .lk-bonuses__label {
        width: 51%;
        max-width: 253px;
        text-align: center;
        margin-bottom: 16px
    }
}

@media only screen and (max-width: 375px) {
    .lk-bonuses__article-figure {
        width: 80px;
        height: 80px;
        top: 63%;
        left: 4%
    }

    .lk-bonuses__article-footer .button, .lk-bonuses__article-footer .lk-bonuses__input, .lk-bonuses__article-footer .lk-bonuses__label {
        width: 60%
    }
}

@media only screen and (max-width: 325px) {
    .lk-bonuses__article-figure {
        top: 63%;
        left: -1%
    }

    .lk-bonuses__article-footer .button, .lk-bonuses__article-footer .lk-bonuses__input, .lk-bonuses__article-footer .lk-bonuses__label {
        width: 63%
    }
}

.faq ol li, .faq ul li, .lk-feedback {
    overflow: hidden
}

.lk-feedback__article {
    color: #fff;
    text-align: center;
    max-width: 720px;
    display: block;
    margin: 0 auto 1.5em
}

.lk-feedback__main {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.lk-feedback__item {
    margin-bottom: 16px;
    max-width: 249px
}

.lk-feedback__area {
    margin-bottom: 16px
}

.lk-feedback__form, .lk-feedback__form-fieldset {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.lk-feedback__form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 320px;
    position: relative;
    z-index: 44;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.lk-feedback__form-fieldset {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%
}

.lk-feedback__itextarea {
    height: 195px;
    max-height: 195px
}

@media only screen and (max-width: 500px) {
    .lk-feedback__main {
        position: relative;
        overflow: hidden
    }

    .lk-feedback__image {
        width: 260px;
        position: absolute;
        left: 50%;
        bottom: 33px;
        -webkit-transform: translateX(-50%) translateY(50%);
        transform: translateX(-50%) translateY(50%);
        opacity: .5;
        z-index: 2
    }

    .lk-feedback .button {
        width: 163px
    }
}

@media only screen and (max-width: 485px) {
    .lk-feedback__form {
        display: block
    }
}

.loto__section-title {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    margin: 0 0 12px 25px
}

.faq ol, .faq ul, .loto .loto__list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside
}

.loto .loto__list-item, .loto__progress {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.loto .loto__list-item {
    width: 20%;
    padding: 12px 20px
}

.loto__progress {
    padding: 0 25px;
    margin-bottom: 20px
}

.loto__progress-list {
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    max-width: 560px;
    margin: auto 0 auto auto
}

.loto__progress .lk__progress {
    width: 100%;
    margin: 28px auto 12px
}

.loto__progress .lk__progress-label {
    font-size: 16px;
    left: 50%;
    bottom: calc(100% + 12px);
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.loto__progress .button {
    width: 50%
}

.loto__progress-item {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.loto__progress-item--red .lk__progress-event {
    background: -webkit-gradient(linear, left top, left bottom, from(#de3c21), to(#b41b0f));
    background: -webkit-linear-gradient(top, #de3c21 0, #b41b0f 100%);
    background: linear-gradient(to bottom, #de3c21 0, #b41b0f 100%)
}

@supports (display:flex) {
    .loto .loto__list, .loto__progress-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .loto__progress-list {
        max-width: 560px;
        margin: auto
    }
}

@media only screen and (max-width: 768px) {
    .loto .loto__list-item {
        width: 25%
    }
}

@media only screen and (max-width: 576px) {
    .loto__section-title {
        margin: 0;
        text-align: center
    }

    .loto .loto__list {
        width: calc(100% + 12px);
        margin-left: -6px
    }

    .loto .loto__list-item {
        width: 50%
    }

    .loto__progress-item, .loto__progress-list {
        display: block;
        margin: auto
    }

    .loto__progress-item:first-child {
        padding-bottom: 20px;
        margin-top: 40px
    }

    .loto__progress-item .button {
        width: 100%;
        margin-top: 18px
    }

    .loto__progress .lk__progress {
        width: 140%;
        max-width: 200%;
        height: 26px;
        -webkit-transform: translateX(-15%);
        transform: translateX(-15%)
    }
}

@media only screen and (max-width: 366px) {
    .loto .loto__list-item {
        width: 50%;
        padding: 12px 0
    }
}

.lk-profile, .lk-profile__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.lk-profile {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 50%;
    margin: auto;
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.input_disabled input, .lk-profile__disabled .lk-profile__textarea {
    color: #777
}

.lk-profile__item {
    width: 100%;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.lk-profile__item .select--phone .select__form {
    background-color: transparent;
    color: #777
}

.lk-profile__item-text {
    color: #d7361e;
    font-family: sans-serif;
    font-size: 1.25em;
    text-align: center;
    white-space: nowrap;
    -webkit-transform: translate(25%);
    transform: translate(25%)
}

.lk-profile__item--textarea {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.lk-profile__item--submit {
    padding-right: 10%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.lk-profile__item .lk-status {
    max-width: 300px
}

.lk-profile__item .phone-logo {
    width: 33px;
    height: 33px;
    background-color: red;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 11
}

.lk-profile .phone--Verified, .lk-profile .phone--notVerified {
    padding-right: 37px
}

.lk-profile .phone--Verified .lk-profile__forms, .lk-profile .phone--notVerified .lk-profile__forms {
    max-width: 263px
}

.lk-profile .phone--Verified .phone-logo, .lk-profile .phone--notVerified .phone-logo {
    background-color: #3d3d3d;
    background-image: url(/images/img/assets/lk/lk-status/lk-status__notverify.svg);
    border: 1px solid #777;
    background-size: 65%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px
}

.lk-profile .phone--Verified .phone-logo {
    background-color: #43aa95;
    background-image: url(/images/img/assets/lk/lk-status/lk-status__verify.svg);
    border: #43aa95
}

.lk-profile__label {
    color: #fff;
    font-size: 1em
}

.lk-profile__button {
    width: 180px
}

.lk-profile__forms, .lk-profile__forms--phone {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    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
}

.lk-profile__forms {
    max-width: 300px
}

.lk-profile__forms .lk-link {
    color: #fff;
    display: inline-block;
    width: 100%
}

.lk-profile__forms--phone {
    display: -ms-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center
}

.lk-profile__forms-btn {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    color: #24bb9d;
    text-decoration: underline;
    border: 0;
    -webkit-transition: color .18s linear;
    transition: color .18s linear
}

.lk-profile__forms-btn:hover {
    color: #50c8aa
}

.lk-profile__textarea {
    height: 85px;
    max-height: 85px
}

.lk-status.lk-status--phone.lk-status--verify .lk-status__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.lk-status.lk-status--phone.lk-status--verify .lk-status__logo {
    margin-right: 4px
}

.lk-status.lk-status--phone.lk-status--verify .lk-status__edit {
    margin-left: 4px
}

@media only screen and (max-width: 1240px) {
    .lk-profile {
        max-width: 80%;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (max-width: 980px) {
    .lk-profile {
        max-width: 50%;
        -webkit-transform: translateX(-15%);
        transform: translateX(-15%)
    }
}

@media only screen and (max-width: 932px) {
    .lk-profile {
        max-width: 70%
    }
}

@media only screen and (max-width: 686px) {
    .lk-profile__item-text {
        white-space: normal;
        -webkit-transform: translateX(25%);
        transform: translateX(25%)
    }
}

@media only screen and (max-width: 670px) {
    .lk-profile {
        max-width: 100%
    }

    .lk-profile, .lk-profile__item--submit, .lk-profile__item-text {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .lk-profile__item-text {
        white-space: normal
    }

    .lk-profile__item--submit {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 0
    }
}

@media only screen and (max-width: 444px) {
    .lk-profile__textarea {
        font-size: 17px !important
    }

    .lk-profile__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .lk-profile__item .lk-status {
        width: 60%;
        font-size: .75em
    }

    .lk-profile .phone--Verified, .lk-profile .phone--notVerified, .lk-profile__item--submit {
        padding-right: 0
    }

    .lk-profile__forms {
        width: 60%;
        font-size: .75em
    }

    .lk-profile__forms--phone {
        max-width: 100%;
        width: 100%;
        display: -ms-flex !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lk-profile__label {
        width: 40%;
        font-size: .75em
    }
}

@media only screen and (max-width: 425px) {
    .lk-profile {
        display: block
    }

    .lk-profile__id {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .lk-profile__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 0
    }

    .lk-profile__item .lk-status {
        vertical-align: middle
    }

    .lk-profile__item .lk-status__faq, .lk-profile__item .lk-status__logo, .lk-profile__item .lk-status__main {
        font-size: 12px;
        display: inline-block
    }

    .lk-profile__item .lk-status__main {
        vertical-align: bottom
    }

    .lk-profile__item--submit {
        text-align: center
    }

    .lk-profile__label {
        font-size: 12px;
        display: inline-block
    }

    .lk-profile__forms {
        font-size: 12px
    }

    .lk-profile__textarea {
        vertical-align: middle
    }
}

@media only screen and (max-width: 380px) {
    .lk-profile__item .lk-status__main {
        font-size: 10px
    }
}

.phone-status {
    width: 100%;
    max-width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.phone-status .phone-status__icon, .phone-status .phone-status__text {
    height: 35px;
    border-radius: 6px;
    color: #777;
    border: 1px solid #c4c4c4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.phone-status .phone-status__icon {
    width: 35px;
    margin-right: 5px
}

.phone-status .phone-status__text {
    width: calc(100% - 40px)
}

.phone-status .phone-status__edit {
    display: none
}

.lk-security__recovery, .lk-security__recovery-item {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.lk-security__recovery {
    margin: auto;
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%
}

.lk-security__recovery-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.lk-security__recovery-item:last-child {
    margin: 20px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lk-security__recovery-label {
    color: #fff;
    font-size: 1em;
    width: 50%
}

.lk-security__button {
    -webkit-transform: translateX(85%);
    transform: translateX(85%)
}

.lk-security .popup__password {
    width: 50%
}

.lk-security__forms1 {
    background-color: inherit;
    border: 1px solid #c4c4c4;
    border-radius: 6px !important;
    line-height: 29px;
    padding: 2px 10px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff !important
}

@media only screen and (max-width: 1200px) {
    .lk-security__recovery {
        width: 60%
    }
}

@media only screen and (max-width: 1074px) {
    .lk-security__recovery {
        width: 70%
    }

    .lk-security__button, .lk-security__recovery {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (max-width: 720px) {
    .lk-security__recovery {
        width: 85%
    }
}

@media only screen and (max-width: 615px) {
    .lk-table__cell--common {
        font-size: .75em
    }
}

@media only screen and (max-width: 576px) {
    .lk-security__recovery {
        width: 100%
    }
}

@media only screen and (max-width: 456px) {
    .lk-security__recovery {
        width: 100%
    }

    .lk-security__recovery-item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .lk-security__recovery-label {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }

    .lk-security .popup__password {
        width: 80%
    }
}

@media only screen and (max-width: 494px) {
    .lk-security .lk-table__item--common {
        padding: 0 !important
    }

    .lk-security .lk-table__cell {
        width: calc(100% / 3) !important;
        overflow: hidden
    }

    .lk-security .lk-table__cell:nth-child(2) {
        border-left: none
    }

    .lk-security .lk-table__cell:first-child {
        display: none
    }
}

@media only screen and (max-width: 480px) {
    .lk-security .lk-security__recovery {
        display: block
    }

    .lk-security .lk-security__recovery-label {
        line-height: 40px
    }

    .lk-security .lk-security__recovery-item {
        display: block;
        text-align: center
    }

    .lk-security .lk-security__recovery-item .popup__password {
        display: inline-block
    }

    .lk-security .lk-table__container {
        display: block
    }
}

.lk-status {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 230;
    width: 100%
}

.lk-status__logo, .lk-status__main {
    border: 1px solid #777;
    border-radius: 4px
}

.lk-status__logo {
    width: 28px;
    height: 28px;
    background-size: 65%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.lk-status__main {
    width: calc(100% - 68px);
    line-height: 28px;
    text-align: center;
    padding: 0 1em;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lk-status__main::before {
    content: attr(data-accaunt-status)
}

.lk-status__edit, .lk-status__faq {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 28px;
    height: 28px;
    background-color: #43aa95;
    border: 1px solid #43aa95;
    border-radius: 4px;
    fill: #43aa95;
    cursor: pointer;
    -webkit-transition: fill .2s ease-in-out;
    transition: fill .2s ease-in-out;
    position: relative
}

.lk-status__edit:hover, .lk-status__faq:hover {
    background-color: #72c7b6
}

.lk-status__edit::before, .lk-status__faq::before {
    content: "?";
    display: block;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 16px
}

.lk-status__edit::before {
    content: ""
}

.lk-status__tooltip {
    display: block;
    width: 305px;
    position: absolute;
    top: 100%;
    left: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 15px;
    overflow: hidden;
    background-color: #62605c;
    border-radius: 4px;
    z-index: 230;
    -webkit-box-shadow: 0 6px 4px 4px rgba(0, 0, 0, .25);
    box-shadow: 0 6px 4px 4px rgba(0, 0, 0, .25)
}

.lk-status__tooltip-text {
    color: #fff;
    font-size: 11px
}

.lk-status__tooltip-close {
    fill: #c1c1c1;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 5px;
    right: 5px;
    -webkit-transition: fill .15s ease-in;
    transition: fill .15s ease-in;
    cursor: pointer
}

.lk-status__tooltip-close:hover {
    fill: #9b9b9b
}

.lk-status--verify .lk-status__logo {
    background-color: #43aa95;
    background-image: url(/images/img/assets/lk/lk-status/lk-status__verify.svg);
    border-color: #43aa95
}

.lk-status--verify .lk-status__main {
    background-color: #43aa95;
    border-color: #43aa95;
    color: #fff
}

.lk-status--verify .lk-status__main::before {
    content: attr(data-status-verifed)
}

.lk-status--verify .lk-status__edit {
    background-color: #43aa95;
    border-color: #43aa95;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/images/img/assets/lk/lk-status/edit.svg)
}

.lk-status--notverify .lk-status__logo {
    background-color: #3d3d3d;
    background-image: url(/images/img/assets/lk/lk-status/lk-status__notverify.svg);
    border-color: #787878
}

.lk-status--notverify .lk-status__main {
    background-color: #3d3d3d;
    border-color: #787878;
    color: #fff
}

.lk-status--notverify .lk-status__main::before {
    content: attr(data-status-unverifed)
}

.lk-status--retry .lk-status__logo {
    background-color: #e03d22;
    background-image: url(/images/img/assets/lk/lk-status/retry.svg);
    border-color: red
}

.lk-status--retry .lk-status__main {
    color: #fff
}

.lk-status--retry .lk-status__main::before {
    content: attr(data-status-retry)
}

.lk-status--retry .lk-status__faq, .lk-status--retry .lk-status__main {
    background-color: #e03d22;
    border-color: red
}

.lk-status--inprocess .lk-status__logo {
    background-color: silver;
    background-image: url(/images/img/assets/lk/lk-status/lk-status__verify.svg);
    border-color: silver
}

.lk-status--inprocess .lk-status__main {
    background-color: silver;
    border-color: silver;
    color: #000
}

.lk-status--inprocess .lk-status__main::before {
    content: attr(data-status-inprogress)
}

@media only screen and (max-width: 1240px) {
    .lk-status__tooltip {
        top: calc(100% + 10px);
        left: auto;
        right: 0
    }
}

@media only screen and (max-width: 340px) {
    .lk-status--notverify .lk-status__main {
        font-size: 10px
    }
}

.lk-status--phone.lk-status--notverify .lk-status__main {
    width: calc(100% - 36px)
}

.lk-status--phone.lk-status--notverify .lk-status__edit {
    display: none
}

.lk-table__title {
    background: -webkit-linear-gradient(#424242 0, #343434 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: linear-gradient(#424242 0, #343434 100%);
    display: block;
    margin: 0;
    padding: 0;
    line-height: 35px;
    font-size: 1.25em;
    color: #fff;
    font-family: sans-serif;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 4px 4px 0 0;
    border-radius: 6px 6px 0 0
}

.lk-table__container, .lk-table__item {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lk-table__container {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.lk-table__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.lk-table__item--header {
    background-color: #6a6a6a;
    color: #fff;
    padding: 4px 0;
    font-size: .75em
}

.lk-table__item--common {
    background-color: inherit;
    border-bottom: 1px solid #c4c4c4
}

.lk-table__cell {
    width: calc(100% / 6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.lk-table__cell--common {
    border-left: 1px solid #777;
    padding: 10px 4px
}

.lk-table__cell--common:first-child {
    border-left: none
}

.lk-table--bonuses__title {
    background: -webkit-linear-gradient(#424242 0, #343434 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: linear-gradient(#424242 0, #343434 100%);
    display: block;
    margin: 0;
    padding: 0;
    line-height: 35px;
    font-size: 1.25em;
    color: #fff;
    font-family: sans-serif;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 6px 6px 0 0
}

.lk-table--bonuses__title--mobile {
    border-radius: 6px 6px 0 0 !important
}

.lk-table--bonuses__action {
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: 100%;
    box-sizing: 100%;
    margin: 14px 0 0;
    position: relative
}

.lk-table--bonuses__action::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url(/images/img/general/arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 48%;
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg)
}

.lk-table--bonuses__action-item {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    color: #fff;
    margin-bottom: 14px;
    text-align: left
}

.lk-table--bonuses__action-item:nth-child(even) {
    text-align: center
}

.lk-table--bonuses__action-item:nth-child(2) {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lk-table--bonuses__action-item:last-child {
    width: 100%;
    text-align: center
}

.lk-table--bonuses__action-item .lk__progress {
    max-width: 116px
}

.lk-table--bonuses__container, .lk-table--bonuses__item {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lk-table--bonuses__container {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.lk-table--bonuses__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.lk-table--bonuses__item--header {
    background-color: #6a6a6a;
    color: #fff;
    padding: 4px 0;
    font-size: .75em
}

.lk-table--bonuses__item--common {
    background-color: inherit;
    border-bottom: 1px solid #c4c4c4
}

.lk-table--bonuses__cell {
    width: calc(100% / 6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    position: relative;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lk-table--bonuses__cell--common {
    border-left: 1px solid #777;
    padding: 10px 4px
}

.lk-table--bonuses__cell--common:first-child {
    border-left: none
}

.lk-table--bonuses__footer {
    background-color: #797979;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 15px;
    border-radius: 0 0 6px 6px
}

.lk-table--bonuses__link {
    color: #fff;
    font-size: .75em;
    text-decoration: underline
}

.lk-table--bonuses__page {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 20%
}

.lk-table--bonuses__page-item {
    color: #fff;
    font-size: .75em;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% / 8);
    text-align: center
}

.lk-table--bonuses__page-item--active, .lk-table--bonuses__page-item:hover {
    color: #24bb9d
}

@media only screen and (max-width: 1024px) {
    .lk-table--bonuses .button {
        padding-right: 6px;
        padding-left: 6px;
        font-size: .875em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 576px) {
    .lk-table--bonuses__page {
        width: 40%
    }
}

@media only screen and (max-width: 660px) {
    .lk-table--bonuses__cell--common {
        font-size: .75em
    }
}

@media only screen and (min-width: 576px) {
    .lk-table--bonuses__action--hidden, .lk-table--bonuses__title--mobile {
        display: none;
        visibility: none
    }
}

@media only screen and (max-width: 576px) {
    .lk-table--bonuses .button {
        padding: 0 12px;
        font-size: 1em
    }

    .lk-table--bonuses__title {
        border-radius: 6px;
        margin-bottom: 10px
    }

    .lk-table--bonuses__item .lk-table--bonuses__cell {
        font-size: 1em;
        width: calc(100% / 3) !important
    }

    .lk-table--bonuses__item .lk-table--bonuses__cell:nth-child(3), .lk-table--bonuses__item .lk-table--bonuses__cell:nth-child(4), .lk-table--bonuses__item .lk-table--bonuses__cell:nth-child(5), .lk-table--bonuses__item .lk-table--bonuses__cell:nth-child(7), .lk-table--bonuses__item .lk-table--bonuses__cell:nth-child(8) {
        display: none
    }

    .lk-table--bonuses__item .lk-table--bonuses__cell--common:nth-child(2) {
        font-size: 0
    }

    .lk-table--bonuses__item .lk-table--bonuses__cell--common:nth-child(2)::before {
        content: "";
        display: block;
        width: 22px;
        height: 22px;
        background-image: url(/images/img/general/arrow.png);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%
    }
}

@media only screen and (max-width: 370px) {
    .lk-table--bonuses .lk-table--bonuses__action {
        display: block;
        font-size: 0
    }

    .lk-table--bonuses .lk-table--bonuses__action-item {
        font-size: 16px;
        display: inline-block;
        width: 50%;
        vertical-align: middle
    }

    .lk-table--bonuses .lk-table--bonuses__action-item--last {
        display: block;
        width: auto;
        text-align: center
    }

    .lk-table--bonuses .lk-table--bonuses__action-item .lk__progress {
        display: inline-block;
        text-align: center
    }

    .lk-table--bonuses .lk-table--bonuses__container {
        display: block
    }
}

.lk-table.freespins {
    margin-top: 10px
}

.lk-table.freespins .lk-table__cell--common {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.lk-table.freespins .lk-table__cell--common .time {
    display: block;
    width: 100%;
    text-align: center
}

.lk-table.freespins .header-mob-text {
    display: none
}

.lk-table.freespins .lk-table--bonuses__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 600px) {
    .lk-table.freespins .lk-table__item .lk-table__cell:last-child {
        display: none
    }

    .lk-table.freespins .lk-table__cell {
        width: calc(100% / 4)
    }
}

@media screen and (max-width: 420px) {
    .lk-table.freespins .lk-table__item .lk-table__cell:first-child {
        width: calc(100% / 8)
    }

    .lk-table.freespins .header-full-text {
        display: none
    }

    .lk-table.freespins .header-mob-text {
        display: inline-block
    }

    .lk-table.freespins .button_red {
        padding: 0 4px
    }
}

.lk-table--transaction__title {
    background: -webkit-linear-gradient(#424242 0, #343434 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: linear-gradient(#424242 0, #343434 100%);
    display: block;
    margin: 0;
    padding: 0;
    line-height: 35px;
    font-size: 1.25em;
    color: #fff;
    font-family: sans-serif;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 6px 6px 0 0
}

.lk-table--transaction__container, .lk-table--transaction__item {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lk-table--transaction__container {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.lk-table--transaction__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.lk-table--transaction__item--header {
    background-color: #6a6a6a;
    color: #fff;
    padding: 4px 0;
    font-size: .75em
}

.lk-table--transaction__item--common {
    background-color: inherit;
    border-bottom: 1px solid #c4c4c4
}

.lk-table--transaction__cell {
    width: calc(100% / 6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.lk-table--transaction__cell--header-max {
    background-image: url(/images/img/assets/lk/lk-table--transaction/arrowUp.svg)
}

.lk-table--transaction__cell--header-min {
    background-image: url(/images/img/assets/lk/lk-table--transaction/arrowDown.svg)
}

.lk-table--transaction__cell--common {
    border-left: 1px solid #777;
    padding: 10px 4px
}

.lk-table--transaction__cell--common:first-child {
    border-left: none
}

.lk-table--transaction__cell--invoice::before {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    left: 15%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.lk-table--transaction__cell[data-invoice="Баланс Казино"]::before {
    background-image: url(/images/img/assets/lk/lk-table--transaction/balance.svg)
}

.lk-table--transaction__cell[data-invoice=Pincoins]::before {
    background-image: url(/images/img/assets/lk/lk-table--transaction/pincoins.svg)
}

.lk-table--transaction__cell[data-invoice="Бонусы"]::before {
    background-image: url(/images/img/assets/lk/lk-table--transaction/bonus.svg)
}

.lk-table--transaction__cell[data-invoice=transfer]::before {
    background-image: url(/images/img/assets/lk/lk-table--transaction/transfer.svg)
}

.lk-table--transaction__footer {
    background-color: #797979;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 15px;
    border-radius: 0 0 6px 6px
}

.lk-table--transaction__link {
    color: #fff;
    font-size: .75em;
    text-decoration: underline
}

.lk-table--transaction__page {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 14%
}

.lk-table--transaction__page-arrow, .lk-table--transaction__page-item {
    color: #fff;
    font-size: .75em;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.lk-table--transaction__page-arrow:hover {
    color: #24bb9d
}

@media only screen and (max-width: 576px) {
    .lk-table--transaction__page {
        width: 40%
    }
}

@media only screen and (max-width: 1279px) {
    .lk-table--transaction__cell--invoice::before {
        left: 20px
    }
}

@media only screen and (max-width: 1144px) {
    .lk-table--transaction__cell--invoice::before {
        left: 12px
    }
}

@media only screen and (max-width: 1024px) {
    .lk-table--transaction__cell--invoice::before {
        left: 8px
    }
}

@media only screen and (max-width: 980px) {
    .lk-table--transaction__cell--invoice::before {
        left: 10%
    }
}

@media only screen and (max-width: 830px) {
    .lk-table--transaction__cell--invoice::before {
        left: 5%
    }
}

@media only screen and (max-width: 740px) {
    .lk-table--transaction__cell--invoice::before {
        display: none;
        visibility: hidden
    }
}

@media only screen and (max-width: 677px) {
    .lk-table--transaction__cell {
        font-size: .875em
    }
}

@media only screen and (max-width: 375px) {
    .lk-table--transaction__cell {
        font-size: 12px
    }

    .lk-table--transaction__container {
        display: block
    }
}

@media only screen and (max-width: 576px) {
    .lk-table--transaction__container {
        display: block
    }
}

.lk__balance, .lk__balance-line {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.lk__balance-line {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    border-bottom: 1px solid #656565;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lk__balance-line:last-child {
    border: 0
}

.lk__balance-col {
    width: calc(100% / 5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12.5px 0;
    position: relative
}

.lk__balance-col.switcher .lk__balance-label {
    font-size: .625em;
    text-align: center
}

.lk__balance-col.switcher .userbar__item-switcher, .lk__balance-line.lk__balance-line--singleclick .userbar__item-switcher {
    height: 30px
}

.lk__balance-col:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.lk__balance-coins, .lk__balance-label {
    width: 100%;
    color: #fff;
    display: block;
    font-size: 1.25em
}

.lk__balance-coins {
    color: #24bb9d;
    font-size: 1em
}

.lk__balance-input {
    background-color: inherit;
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 6px;
    color: #fff;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right
}

.lk__balance-input:focus {
    outline: 0
}

.lk__balance-input_error {
    border-color: #bc2502;
    position: relative
}

.lk__balance-link {
    color: #24bb9d
}

.lk__balance-button {
    white-space: nowrap
}

.lk__balance-alert, .lk__balance-alert::before {
    background-color: #fff;
    position: absolute;
    left: 50%
}

.lk__balance-alert {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    font-size: .625em;
    color: #b41b0f;
    padding: 6px 10px;
    white-space: nowrap;
    border-radius: 5px;
    line-height: 10px;
    text-align: center;
    z-index: 444
}

.lk__balance-alert::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    bottom: calc(100% - 10px);
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    z-index: -1
}

.lk__balance-alert-link {
    text-decoration: underline;
    color: #b41b0f
}

.lk__balance-line.lk__balance-line--singleclick .lk__balance-input {
    line-height: 15px;
    margin-top: 27px;
    text-align: center;
    font-size: 16px;
    padding: 6px
}

.lk__balance-line.lk__balance-line--singleclick .lk__progress-label {
    bottom: 47px;
    left: 4px
}

.lk__balance-line.lk__balance-line--singleclick .lk__balance-link {
    padding-top: 20px
}

.lk__balance-line.lk__balance-line--singleclick .userbar__item-switcher-inner::before {
    top: -6px
}

@media only screen and (max-width: 1024px) {
    .lk__balance-button_transfer {
        font-size: 15px !important;
        padding-right: 6px !important;
        padding-left: 6px !important
    }
}

@media only screen and (max-width: 767px) {
    .lk__balance-button_transfer {
        font-size: 16px !important
    }

    .lk__balance-line.lk__balance-line--singleclick .lk__balance-col:nth-child(4), .lk__balance-line.lk__balance-line--singleclick .lk__balance-col:nth-child(5), .lk__balance-line:nth-child(2) .lk__balance-col:nth-child(4), .lk__balance-line:nth-child(3) .lk__balance-col:nth-child(4), .lk__balance-line:nth-child(4) .lk__balance-col:nth-child(4), .lk__balance-line:nth-child(5) .lk__balance-col:nth-child(4) {
        padding: 0
    }

    .lk__balance-col {
        padding: 8px 0
    }

    .lk__balance-col:nth-child(1), .lk__balance-col:nth-child(2), .lk__balance-col:nth-child(3), .lk__balance-col:nth-child(5) {
        width: calc(100% / 12 * 6)
    }

    .lk__balance-col:nth-child(3), .lk__balance-col:nth-child(4) {
        width: 50% !important
    }

    .lk__balance-col:nth-child(4) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .lk__balance-col:nth-child(3) .lk__balance-button, .lk__balance-col:nth-child(4) .lk__balance-button {
        width: 226.6px;
        max-width: 100%
    }

    .lk__balance-col:nth-child(3), .lk__balance-col:nth-child(5) {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 0;
        padding-right: 9px
    }

    .lk__balance-col:nth-child(5) {
        padding-left: 9px
    }

    .lk__balance-col:nth-child(5) .lk__balance-button {
        padding-left: 21.07px;
        padding-right: 21.07px
    }

    .lk__balance-col_link {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .lk__balance-line.lk__balance-line--singleclick .lk__balance-link {
        padding-top: 0
    }

    .lk__balance-line.lk__balance-line--singleclick .lk__balance-cardwrap {
        position: relative;
        width: 100%
    }

    .lk__balance-line.lk__balance-line--singleclick .lk__progress-label {
        bottom: 36px;
        left: 1px
    }

    .lk__balance-line.lk__balance-line--singleclick .lk__balance-col_link {
        text-align: left !important
    }
}

@media only screen and (max-width: 440px) {
    .lk__balance-alert {
        -webkit-transform: translateX(-65%);
        transform: translateX(-65%)
    }
}

@media only screen and (max-width: 375px) {
    .lk__balance {
        display: block
    }

    .lk__balance-line {
        display: block;
        font-size: 0
    }

    .lk__balance-line:nth-child(1), .lk__balance-line:nth-child(2) {
        position: relative
    }

    .lk__balance-line:nth-child(1) .lk__balance-col:nth-child(4), .lk__balance-line:nth-child(2) .lk__balance-col:nth-child(4) {
        left: 0;
        bottom: 0;
        height: 53px;
        text-align: center
    }

    .lk__balance-line:nth-child(2) .lk__balance-col:nth-child(3), .lk__balance-line:nth-child(3) .lk__balance-col:nth-child(3), .lk__balance-line:nth-child(4) .lk__balance-col:nth-child(3), .lk__balance-line:nth-child(5) .lk__balance-col:nth-child(3) {
        text-align: left
    }

    .lk__balance-col {
        font-size: 16px;
        display: inline-block;
        vertical-align: middle
    }

    .lk__balance-col button {
        padding: 0 2px
    }

    .lk__balance-col:nth-child(1), .lk__balance-col:nth-child(2) {
        width: 50%
    }

    .lk__balance-col:nth-child(3) {
        text-align: right;
        padding: 8px 2px
    }

    .lk__balance-col:nth-child(5) {
        text-align: left;
        padding: 0
    }

    .lk__balance-line.lk__balance-line--singleclick .lk__balance-col:nth-child(4) {
        padding-top: 16px
    }
}

.lk__progress {
    width: 100%;
    height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: inherit;
    border: 1px solid #fff;
    position: relative;
    border-radius: 4px;
    max-width: 200px
}

.lk__progress-percent {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    z-index: 44
}

.lk__progress-percent::-moz-selection {
    background-color: transparent
}

.lk__progress-percent::selection {
    background-color: transparent
}

.lk__progress-event {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background: -webkit-linear-gradient(right, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background: linear-gradient(to left, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    z-index: 36;
    border-radius: 3px 0 0 3px
}

.lk__progress-label {
    font-size: .625em;
    color: #fff;
    position: absolute;
    display: block;
    left: 0;
    bottom: calc(100% + 2px)
}

.lk__progress-label::-moz-selection {
    background-color: transparent
}

.lk__progress-label::selection {
    background-color: transparent
}

.lk__progress.lk__progress__alert .lk__progress-event {
    background: #db3a20
}

.popup--aftrlndg, .popup--aftrlndg-700::before {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.popup--aftrlndg {
    color: #fff !important;
    border-radius: 5px;
    text-align: center;
    background: url(/images/img/assets/popup/popup-700rub/aftrlndg-bg.png) no-repeat center;
    border: 2px solid #3fa18d;
    -webkit-box-shadow: 0 0 0 2px #217e6b, 0 0 2em 16px rgba(84, 180, 163, .5);
    box-shadow: 0 0 0 2px #217e6b, 0 0 2em 16px rgba(84, 180, 163, .5);
    width: 450px;
    z-index: 14000;
    background-size: cover
}

.popup--aftrlndg-700::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/images/img/assets/popup/popup-700rub/aftrlndg-layout.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 700px 700px;
    z-index: 13000
}

.popup--aftrlndg-700 .popup__title {
    height: 35px;
    line-height: 35px;
    background: 0 0;
    position: relative;
    font-size: 20px;
    color: #d9ede9;
    text-shadow: 1px 1px 2px #1ea149, 0 0 1em #4dab99;
    padding-top: 5px
}

.popup--deposit__sum {
    font-size: 20px;
    color: #ff6e6e;
    text-shadow: 1px 1px 2px red, 0 0 1em #d31614
}

.popup--aftrlndg-700 .popup__block {
    max-width: 336px;
    margin: 0 auto 15px
}

.popup--aftrlndg-700 .popup__content {
    padding-top: 10px
}

.popup--aftrlndg-700 .popup__header-close {
    top: 22px !important
}

.popup--aftrlndg-700__button {
    margin-top: 10px;
    width: 200px
}

@media screen and (max-width: 500px) {
    .popup--aftrlndg-700::before {
        display: none
    }
}

@media screen and (max-width: 450px) {
    .popup--aftrlndg {
        max-width: 95%
    }
}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 5033;
    color: #fff;
    min-width: 300px;
    max-width: 450px;
    width: 100%;
    border-radius: 6px;
    display: block;
    background-color: #62605c;
    max-height: 98%;
    border: 1px solid #d5d5d5;
    -webkit-box-shadow: 0 0 1em .5em rgba(0, 0, 0, .4);
    box-shadow: 0 0 1em .5em rgba(0, 0, 0, .4)
}

.popup--hidden {
    display: none;
    visibility: hidden
}

.popup__wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 13px
}

.popup__link {
    color: #41c9af;
    text-decoration: underline
}

.popup__link--dotted {
    margin-bottom: 10px;
    text-decoration: none;
    border-bottom: 1px dotted #41c9af
}

.popup__article {
    font-family: sans-serif;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    margin: 0 0 10px
}

.popup__balance {
    display: block;
    font-size: 1.25em;
    font-family: sans-serif;
    color: #bc2502;
    text-align: center;
    margin-bottom: 10px
}

.popup__button--single, .popup__ctrl {
    width: 72%;
    margin-bottom: 10px
}

.popup__ctrl {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup__ctrl .button {
    width: calc(50% - 8px)
}

.popup__ctrl--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 576px) {
    .popup {
        width: calc(100% - 20px) !important;
        overflow-x: hidden
    }
}

.popup__ctrl--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 280px;
    margin: 10px auto
}

.popup__ctrl--flex button.is-text {
    background: 0 0;
    border: 0;
    text-decoration: underline;
    margin: 1em 0
}

.popup__ctrl--flex button.is-text[disabled=disabled] {
    text-decoration: none;
    color: #d3d3d3
}

.popup__ctrl--flex button.is-text.is-small {
    font-size: .8em
}

.popup-promo {
    width: calc(100% - 20px);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 9000;
    background: #62605c;
    color: #fff !important;
    border-radius: 5px
}

.popup-activebonus__wrapper {
    border: 2px solid #fff;
    background: #15141f;
    background: -webkit-gradient(linear, left top, left bottom, from(#112539), to(#11151f));
    background: -webkit-linear-gradient(top, #112539, #11151f);
    background: linear-gradient(180deg, #112539, #11151f);
    -webkit-box-shadow: 0 0 8px 4px #dd3b20, inset 0 0 8px 4px #dd3b20;
    box-shadow: 0 0 8px 4px #dd3b20, inset 0 0 8px 4px #dd3b20;
    text-align: center
}

.popup-activebonus-title {
    text-transform: uppercase;
    text-align: center;
    width: 80%;
    margin: 8px auto 0
}

.popup-activebonus__text {
    color: #fff;
    text-align: center;
    width: 80%;
    display: inline-block
}

.popup-activebonus__glowtext {
    font-size: 20px;
    width: 70%;
    display: inline-block;
    text-shadow: 1px 1px 2px #dd3b20, 0 0 1em #dd3b20;
    background: url(/images/img/general/transpernt_gits.png) no-repeat center;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

.popup-activebonus-btn {
    display: inline-block;
    width: 200px;
    font-size: 18px;
    height: 40px;
    margin-bottom: 20px
}

.popup-activebonus-title {
    padding-top: 10px
}

.popup-activebonus__wrapper-close {
    width: 22px;
    height: 22px;
    position: absolute !important;
    right: 3% !important;
    top: 3% !important;
    background-image: url(/images/img/general/min-svg/bonus__close.svg) !important;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    z-index: 3026;
    cursor: pointer
}

.popup--auth {
    text-align: center;
    border: 1px solid #d5d5d5;
    overflow-x: hidden
}

.popup--auth .button.button_green.popup-button--reg {
    display: block;
    text-align: center;
    margin: auto
}

.popup--auth .popup__header {
    margin-bottom: 20px
}

.popup--auth .popup-form--auth {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 0 10px
}

.popup--auth__title {
    margin: 0 0 10px;
    font-family: sans-serif;
    font-size: 1.25em;
    font-weight: 400
}

.popup--auth__text {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 0 10px
}

@media only screen and (max-width: 576px) {
    .popup--auth {
        width: calc(100% - 20px) !important
    }
}

.popup-firstdeposit {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 450px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 15000;
    text-align: center;
    color: #fff;
    border: 2px solid #3fa18d;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 0 2px #217e6b, 0 0 2em 16px rgba(84, 180, 163, .5);
    box-shadow: 0 0 0 2px #217e6b, 0 0 2em 16px rgba(84, 180, 163, .5);
    background-image: url(/images/img/assets/popup/popup-firstdeposit/popup__deposit-roll.png), url(/images/img/assets/popup/popup-firstdeposit/popup__deposit-jack.png), url(/images/img/assets/popup/popup-firstdeposit/popup__deposit-bg.png) !important;
    background-size: 46%, 38%, cover !important;
    background-position: bottom left, center right, center !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    padding-bottom: 10px
}

.popup-firstdeposit__close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 7px;
    right: 7px;
    cursor: pointer !important;
    z-index: 16000
}

.popup-firstdeposit__close--line {
    width: 90%;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: #d9ede9;
    -webkit-box-shadow: 1px 1px 6px #1ea149;
    box-shadow: 1px 1px 6px #1ea149
}

.popup-firstdeposit__close--line:last-child {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.popup-firstdeposit__content {
    padding-top: 20px;
    background: url(/images/img/assets/popup/popup-firstdeposit/popup__deposit.png) no-repeat;
    background-position: 50% 90%
}

.popup-firstdeposit__header {
    height: 35px;
    line-height: 35px;
    background: 0 0;
    position: relative;
    font-size: 20px;
    color: #d9ede9;
    margin: 0;
    text-shadow: 1px 1px 2px #1ea149, 0 0 1em #4dab99;
    font-weight: 400
}

.popup-firstdeposit__text {
    max-width: 378px;
    white-space: normal;
    font-size: 16px;
    margin: 0 auto
}

.popup-firstdeposit__sum {
    font-size: 20px;
    color: #ff6e6e;
    text-shadow: 1px 1px 2px red, 0 0 1em #d31614
}

.popup-firstdeposit__counter {
    margin: 0 auto 1.25em !important;
    text-align: center;
    width: auto;
    max-width: 175px
}

.popup-firstdeposit__counter .flip {
    width: 40px;
    height: 50px;
    padding: 0;
    line-height: 50px;
    margin: 0;
    border: 2px solid #f66;
    -webkit-box-shadow: inset 0 0 6px 2px red, 0 0 6px 2px red !important;
    box-shadow: inset 0 0 6px 2px red, 0 0 6px 2px red !important;
    border-radius: 8px !important
}

.popup-firstdeposit__counter .flip:first-child {
    margin-left: 0;
    border-right: none
}

.popup-firstdeposit__counter .flip:nth-child(2) {
    border-left: none
}

.popup-firstdeposit__counter .flip:nth-child(3) {
    margin-right: 7px
}

.popup-firstdeposit__counter .flip:last-child {
    margin-right: 0
}

.popup-firstdeposit__counter .flip * {
    line-height: 50px
}

.popup-firstdeposit__counter .flip .inn {
    font-size: 42px
}

.popup-firstdeposit__counter .flip-clock-divider {
    width: 0;
    height: 0
}

.popup-firstdeposit__counter .flip-clock-divider .flip-clock-label {
    color: #fff;
    top: 4.1em;
    right: 50% !important;
    -webkit-transform: translateX(170%);
    transform: translateX(170%);
    font-size: 14px;
    margin: 0;
    text-align: center
}

.popup-firstdeposit__counter .flip-clock-divider .flip-clock-dot {
    display: none;
    visibility: hidden
}

.popup-firstdeposit__counter .flip-clock-divider.seconds .flip-clock-label {
    -webkit-transform: translateX(150%);
    transform: translateX(150%)
}

.button_green.popup-firstdeposit-btn.button {
    width: 200px;
    margin-top: 20px
}

@media screen and (max-width: 460px) {
    .popup-firstdeposit {
        width: 95%
    }
}

.popup--bank {
    overflow-x: visible !important
}

.popup--bank__form {
    max-width: 300px;
    margin: 0 auto;
    padding: 15px 0 10px
}

.popup--bank .select {
    margin: 0 0 10px
}

.popup--bank .input--text, .popup--bank .select__form {
    background-color: #fff;
    border-radius: 3px;
    padding: 10px;
    color: #000;
    font-size: 1em;
    line-height: normal
}

.popup--bank .select .select__list {
    background-color: #fff
}

.popup--bank .select .select__list .select__item, .popup--profile .select .select__list .select__item {
    color: #000
}

.popup--bank .input--text {
    margin: 0 0 10px
}

.popup--bank .wrong-date_text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popup--bank .popup-button--reg {
    display: block;
    margin: 0 auto
}

.popup--bank .popup-button--reg::after, .popup--profile .popup-button--reg::after {
    right: calc(50% - 26px)
}

.popup_bank-overlay {
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, .8);
    z-index: 30000;
    position: fixed;
    left: 0;
    min-height: 600px;
    top: 0
}

.popup_bank-overlay.hide {
    display: none !important;
    visibility: hidden
}

.popup_bank-label {
    margin: -7px 0 3px
}

.fullreg__field-choosebank {
    position: relative
}

.fullreg__field-choosebank .wrong_text {
    display: none;
    pointer-events: none
}

.fullreg__field-choosebank.alert .wrong_text {
    display: block;
    color: red;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 45px;
    height: 45px;
    width: 100%;
    text-align: center
}

.fullreg__field-choosebank.alert .fullreg__input-choosebank {
    border: 1px solid red
}

.popup--bank.hide {
    display: none;
    visibility: hidden
}

@media screen and (max-width: 375px) {
    .popup--bank__form {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-height: 470px) {
    .popup--bank {
        height: 100%;
        top: 0 !important;
        overflow-x: visible !important;
        overflow-y: scroll !important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.popup-verif__wrapper {
    max-width: 455px;
    height: 313px;
    border: 4px solid #dd3b20;
    background: url(/images/img/assets/popup/popup-nodep/monets-bgr.png) no-repeat;
    background-color: #11141e;
    background-position: bottom;
    -webkit-box-shadow: 0 0 4px 1px #dd3b20, inset 0 0 4px 1px #dd3b20;
    box-shadow: 0 0 4px 1px #dd3b20, inset 0 0 4px 1px #dd3b20
}

.popup-verif-title {
    text-transform: uppercase;
    text-align: center;
    width: 80%;
    margin: 8px auto 0
}

.popup-verif__content-header {
    display: block;
    text-align: center;
    font-size: .8em
}

.vetif__popup-description {
    text-align: center;
    font-size: 10px;
    width: 80%;
    display: inline-block;
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.vetif__popup_checkbox-wrapp-2 {
    margin-top: 15px
}

.vetif__popup-button {
    width: 200px
}

.vetif__popup-button__wrapper {
    position: absolute;
    bottom: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.verif_popup-cross {
    color: #fff !important;
    top: 9px
}

.vetif__popup_checkbox-label {
    padding-left: 15px
}

.vetif__popup__bonus-form {
    bottom: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.vetif__popup-present {
    top: 40%
}

.vetif__popup-present-img {
    top: 105px
}

.popup-verif__close {
    top: 20px !important
}

@media screen and (max-width: 380px) {
    .popup-verif__wrapper {
        height: 335px
    }

    .vetif__popup-present-img {
        top: 120px
    }

    .vetif__popup__bonus-form {
        bottom: 116px
    }

    .vetif__popup-description {
        margin-bottom: 1px;
        bottom: 46px
    }
}

.nxt--popup__change-row {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.nxt--popup__change-cell::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: calc(100% - 2px);
    width: 42px;
    background: url(/images/img/arrow.png) center no-repeat;
    background-size: contain
}

.nxt--popup__change-item .button.bonus__button {
    width: calc(100% - 10px);
    max-width: 130px;
    line-height: 40px;
    margin-top: 3px;
    margin-bottom: 3px
}

.popup .popup__pincoins-exchange {
    line-height: 50px
}

@media only screen and (max-width: 425px) {
    .nxt--popup__change {
        font-size: 14px
    }
}

@media only screen and (max-width: 320px) {
    .nxt--popup__change-item br {
        display: block
    }

    .nxt--popup__change-item--disable {
        font-size: 12px
    }
}

.nxt--popup__link {
    color: #24bb9d;
    border-bottom: 1px dotted #41c9af;
    cursor: pointer
}

.nxt--popup__change-table {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nxt--popup__change-column {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% / 3);
    padding: 0;
    margin: 0;
    display: block;
    list-style: none
}

.nxt--popup__change-column .nxt--popup__change-item:nth-child(3), .nxt--popup__change-column .nxt--popup__change-item:nth-child(5), .nxt--popup__change-column .nxt--popup__change-item:nth-child(7), .nxt--popup__change-column .nxt--popup__change-item:nth-child(9), .nxt--popup__change-row:nth-child(11), .nxt--popup__change-row:nth-child(13), .nxt--popup__change-row:nth-child(15), .nxt--popup__change-row:nth-child(17), .nxt--popup__change-row:nth-child(3), .nxt--popup__change-row:nth-child(5), .nxt--popup__change-row:nth-child(7), .nxt--popup__change-row:nth-child(9) {
    background-color: #777
}

.nxt--popup__change-item, .nxt--popup__change-row {
    display: -ms-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nxt--popup__change-row {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    list-style: none
}

.nxt--popup__change-row .nxt--popup__change-item {
    width: 33.33333%
}

.nxt--popup__change-item {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    max-height: 45px
}

.nxt--popup__change-item--disable, .nxt--popup__change-item--head {
    color: #24bb9d
}

.nxt--popup__change-cell, .nxt--popup__change-footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.nxt--popup__change-cell {
    -webkit-appearance: none !important;
    display: block;
    border-radius: 6px;
    border: 1px solid #bc2502;
    color: #fff;
    line-height: 35px;
    width: calc(100% - 10px);
    white-space: nowrap;
    background: #de3c21 -webkit-gradient(linear, left top, left bottom, from(#de3c21), to(#b41b0f));
    background: #de3c21 -webkit-linear-gradient(top, #de3c21 0, #b41b0f 100%);
    background: #de3c21 linear-gradient(to bottom, #de3c21 0, #b41b0f 100%);
    cursor: pointer;
    max-width: 130px;
    position: relative
}

.nxt--popup__change-footer {
    width: 100%;
    padding: 13.5px 0
}

@media only screen and (max-width: 425px) {
    .nxt--popup__change {
        font-size: 14px
    }
}

@media only screen and (max-width: 320px) {
    .nxt--popup__change-item br {
        display: block
    }

    .nxt--popup__change-item--disable {
        font-size: 12px
    }
}

.popup--profile__form {
    max-width: 300px;
    margin: 0 auto;
    padding: 20px 0 10px
}

.popup--profile .select {
    margin: 0 0 10px
}

.popup--profile .input--text, .popup--profile .select__form {
    background-color: #fff;
    border-radius: 3px;
    padding: 10px;
    color: #000;
    font-size: 1em;
    line-height: normal
}

.popup--profile .select .select__list {
    background-color: #fff
}

.popup--profile .input--text {
    margin: 0 0 10px
}

.popup--profile .wrong-date_text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popup--profile .popup-button--reg {
    display: block;
    margin: 0 auto
}

@media screen and (max-width: 375px) {
    .popup--profile__form {
        padding-left: 20px;
        padding-right: 20px
    }
}

.popup--reg {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-x: hidden;
    max-height: 98%;
    border: 1px solid #d5d5d5
}

.popup--reg::-webkit-scrollbar {
    position: fixed;
    width: 0;
    width-display: none
}

.popup--reg__title {
    margin: 0 0 10px;
    font-family: sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    text-align: center
}

.popup--reg__text {
    display: inline-block;
    text-align: center;
    margin: 0 0 10px
}

.popup--reg__footer {
    text-align: justify;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 228px;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (width: 768px) and (height: 1024px) {
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5)
    }
}

@media only screen and (max-width: 1024px) {
    .popup--reg {
        top: 390px
    }
}

@media only screen and (width: 320px) and (height: 480px) {
    .popup--reg .popup-checklist__text {
        font-size: 14px
    }

    .popup--reg .popup-sociallist__item {
        width: calc(100% / 6);
        padding: 0
    }

    .popup--reg .popup-sociallist__link {
        width: 40px;
        height: 40px
    }
}

@media only screen and (max-width: 320px) and (height: 568px) {
    .popup--reg .popup-checklist__text {
        font-size: 14px
    }
}

@media only screen and (width: 375px) {
    .popup--reg .popup-checklist__text {
        font-size: 14px
    }
}

@media only screen and (min-height: 640px) {
    .popup--reg {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: translateX(-50%) translateY(-50%) scale(1)
    }
}

@media only screen and (max-width: 576px) {
    .popup--reg {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        display: block;
        text-align: center
    }
}

@media only screen and (max-height: 680px) {
    .popup--reg {
        display: block;
        text-align: center
    }

    .popup--reg .popup-form--reg {
        display: inline-block;
        text-align: center
    }
}

@media only screen and (max-height: 550px) {
    .popup--reg {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 3px
    }
}

.popup-recovery {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.popup-recovery__title {
    margin: 0 0 10px;
    font-family: sans-serif;
    font-size: 1.25em;
    font-weight: 400
}

.popup-recovery__text {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 0 10px
}

.popup-regcellphone {
    text-align: center
}

.popup-regcellphone .popup__header {
    margin-bottom: 3px
}

.popup-regcellphone__form {
    margin: auto;
    text-align: center
}

.input--phone__label {
    font-size: 15px;
    margin-top: -5px;
    margin-bottom: 10px
}

.popup--replacement {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.popup--replacement__title {
    margin: 0 0 10px;
    font-family: sans-serif;
    font-size: 1.25em;
    font-weight: 400
}

.popup--replacement__text {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 0 10px
}

.popup-social {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.popup-social__title {
    margin: 0 0 10px;
    font-family: sans-serif;
    font-size: 1.25em;
    font-weight: 400
}

.popup-social__text {
    width: 100%;
    display: block;
    margin: 0 0 10px;
    text-align: center
}

@media only screen and (max-width: 576px) {
    .popup--auth {
        width: calc(100% - 20px) !important
    }
}

.popup-button--reg {
    font-size: 1.25em !important;
    width: 250px;
    line-height: 46px !important;
    margin-bottom: 10px;
    margin-top: 15px
}

.popup-button--reg::after {
    height: 100% !important;
    width: 54px !important
}

.popup-checklist {
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: block;
    text-align: left;
    max-width: 320px;
    margin: auto
}

.popup-checklist__item {
    margin-bottom: 14px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 12px
}

.popup-checklist__checkbox {
    width: 13px;
    height: 13px;
    margin-top: 2px;
    vertical-align: middle
}

.popup-checklist__text {
    width: calc(100% - 19px);
    vertical-align: top
}

.popup__currency {
    width: 100%;
    list-style: none;
    padding: 0;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 8px
}

.popup__currency, .popup__currency-item, .popup__currency-label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.popup__currency-item {
    width: calc(100% / 4)
}

.popup__currency-label {
    width: 100%;
    padding: 0 10px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.popup__currency-image {
    width: 25px;
    height: 34px;
    cursor: pointer
}

.popup__currency-image[alt=USD] {
    height: 38px !important
}

.popup__currency-radio {
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px)
}

.popup__currency-radio:focus {
    outline: 0
}

.popup-form--auth__pswrd {
    margin-bottom: 10px;
    text-align: center;
    width: 100%
}

@media only screen and (max-width: 450px) {
    .popup-form--recovery {
        padding: 0;
        width: 93.33333333333333%
    }
}

.popup-form--reg {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 356px;
    margin: auto;
    padding-left: 3px
}

.popup-form--reg .button.button_red.popup-button--reg, .popup-form--reg .popup-input, .popup-form--reg .popup__password, .popup-form--reg .select {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 320px
}

.popup-form--reg .popup__currency {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px
}

@media only screen and (max-width: 576px) {
    .popup-form--reg {
        max-width: 95%
    }
}

.select--currency {
    display: block;
    position: relative;
    width: 100%;
    cursor: pointer
}

.select--currency__placeholder {
    position: absolute;
    width: 100%
}

.select--currency ::select--currencyion {
    background-color: transparent;
    z-index: -1
}

.select--currency__main {
    padding: 0;
    display: block;
    background-color: #262634;
    position: relative;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 6px
}

.select--currency__main:focus {
    outline: 0
}

.select--currency__main::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 100%;
    border-left: 1px solid #c4c4c4;
    background-image: url(/images/img/assets/form/select/down-arrow.svg);
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat
}

.select--currency__form, .select--currency__list {
    width: 100%;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select--currency__form {
    background-color: #262634;
    line-height: 29px;
    cursor: pointer;
    color: #fff;
    visibility: hidden;
    border: 1px solid #c4c4c4;
    padding: 2px 10px
}

.select--currency__list {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    margin: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    background-color: rgba(38, 38, 52, .97);
    border: 1px solid #fff;
    z-index: 16000;
    padding: 5px;
    -webkit-box-shadow: 0 10px 12px 1px rgba(0, 0, 0, .32);
    box-shadow: 0 10px 12px 1px rgba(0, 0, 0, .32);
    max-height: 187px;
    overflow-x: hidden
}

.select--currency__list::-webkit-scrollbar {
    display: none;
    width: 0
}

.select--currency__list--hidden {
    visibility: hidden;
    display: none
}

.select--currency__item {
    padding: 5px;
    margin-bottom: 4px;
    border-radius: 2px;
    color: #ddd
}

.select--currency__item--active, .select--currency__item:hover {
    color: #fff
}

.select--currency__item:focus {
    outline: 0;
    background-color: rgba(36, 187, 157, .7);
    color: #fff
}

.input_disabled {
    pointer-events: none
}

.input_disabled .select--currency__main::after {
    border: 0;
    background: 0 0
}

.currency--item__wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.currency--item__wrapper * {
    pointer-events: none
}

.select--currency--item__icon {
    margin-left: 5px;
    height: 25px;
    width: 25px
}

.select--currency--item__name {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 0 5px;
    margin: 0 5px
}

.item__icon--rub {
    background: url(/images/img/general/min-svg/symbol-RUB.svg) no-repeat center;
    background-size: 80%
}

.item__icon--usd {
    background: url(/images/img/general/min-svg/symbol-USD.svg) no-repeat center;
    background-size: 100%
}

.item__icon--aud {
    background: url(/images/img/general/min-svg/symbol-AUD.svg) no-repeat center;
    background-size: 100%
}

.item__icon--eur {
    background: url(/images/img/general/min-svg/symbol-EUR.svg) no-repeat center;
    background-size: 80%
}

.item__icon--uah {
    background: url(/images/img/general/min-svg/symbol-UAH.svg) no-repeat center;
    background-size: 60%
}

.item__icon--try {
    background: url(/images/img/general/min-svg/symbol-try.svg) no-repeat center;
    background-size: 60%
}

.item__icon--kzt {
    background: url(/images/img/general/min-svg/symbol-kzt.svg) no-repeat center;
    background-size: 70%
}

.select--currency__list .select--currency--item__icon {
    margin-left: -5px
}

.select--currency__item--active {
    background-color: #24bb9d
}

.gamepage__aside .select--currency__placeholder, .popup .select--currency__placeholder {
    top: -1px
}

.gamepage__aside .select--currency, .popup .select--currency {
    max-width: 320px;
    margin: 0 auto 10px;
    border-radius: 3px
}

.gamepage__aside .select--currency__main, .popup .select--currency__main {
    border-radius: 3px;
    height: 43px;
    background-color: #fff;
    color: #000
}

.gamepage__aside .select--currency--item__name, .popup .select--currency--item__name {
    border-color: #000
}

.gamepage__aside .select--currency__list, .popup .select--currency__list {
    background-color: #fff
}

.gamepage__aside .select--currency__item, .popup .select--currency__item {
    color: #000
}

.gamepage__aside .item__icon--rub, .popup .item__icon--rub {
    background: url(/images/img/general/min-svg/symbol-rub-w.svg) no-repeat center;
    background-size: 80%
}

.gamepage__aside .item__icon--usd, .popup .item__icon--usd {
    background: url(/images/img/general/min-svg/symbol-usd-w.svg) no-repeat center;
    background-size: 100%
}

.gamepage__aside .item__icon--aud, .popup .item__icon--aud {
    background: url(/images/img/general/min-svg/symbol-aud-w.svg) no-repeat center;
    background-size: 100%
}

.gamepage__aside .item__icon--eur, .popup .item__icon--eur {
    background: url(/images/img/general/min-svg/symbol-eur-w.svg) no-repeat center;
    background-size: 80%
}

.gamepage__aside .item__icon--uah, .popup .item__icon--uah {
    background: url(/images/img/general/min-svg/symbol-uah-w.svg) no-repeat center;
    background-size: 60%
}

.gamepage__aside .item__icon--try, .popup .item__icon--try {
    background: url(/images/img/general/min-svg/symbol-try-w.svg) no-repeat center;
    background-size: 60%
}

.gamepage__aside .item__icon--kzt, .popup .item__icon--kzt {
    background: url(/images/img/general/min-svg/symbol-kzt-w.svg) no-repeat center;
    background-size: 70%
}

.fullreg__item .select--currency {
    border: 1px solid #c4c4c4;
    border-radius: 6px
}

.popup-form--social .select--currency {
    max-width: 100%
}

.gamepage__aside .select--currency__list, .gamepage__aside .select--currency__main {
    font-size: 13px
}

.popup-form--replacement {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0 65px;
    padding-top: 10px !important;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.popup-form--replacement__pswrd {
    margin-bottom: 10px;
    text-align: center;
    width: 100%
}

@media only screen and (max-width: 450px) {
    .popup-form--replacement {
        padding: 0;
        width: 93.33333333333333%
    }
}

.popup-form--social {
    width: 100%;
    -webkit-box-sizing: border-box;
    display: block;
    padding: 0 40px;
    box-sizing: border-box;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 450px) {
    .popup-form--social {
        padding: 0;
        width: 93.33333333333333%
    }
}

.popup-form--recovery {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0 65px;
    padding-top: 10px !important;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.popup-form--recovery__sub {
    text-align: center;
    color: #fff;
    margin: 0 0 10px
}

@media only screen and (max-width: 450px) {
    .popup-form--recovery {
        padding: 0;
        width: 93.33333333333333%
    }
}

.popup__header {
    display: block;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    width: 100%;
    border-radius: 6px 6px 0 0;
    position: relative;
    padding: 0
}

.popup__header-text {
    font-size: 1.25em;
    font-family: sans-serif;
    white-space: nowrap;
    line-height: 35px;
    margin: 0;
    font-weight: 400
}

.popup__header--reg {
    line-height: 50px
}

.popup__header-close {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url(/images/img/general/min-svg/cross.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 44
}

@media screen and (max-width: 575px) {
    .popup__header-close {
        height: 20px;
        width: 20px
    }
}

.popup-input {
    border: 1px solid #afafaf;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 10px;
    color: #000;
    font-size: 1em;
    margin-bottom: 10px
}

.popup-input::-webkit-input-placeholder {
    color: #afafaf
}

.popup-input:-ms-input-placeholder, .popup-input::-ms-input-placeholder {
    color: #afafaf
}

.popup-input::placeholder {
    color: #afafaf
}

.popup-input:focus {
    outline: 0;
    -webkit-box-shadow: inset 2px 2px 8px 2px rgba(0, 0, 0, .25);
    box-shadow: inset 2px 2px 8px 2px rgba(0, 0, 0, .25)
}

.popup-sociallist, .popup-sociallist__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.popup-sociallist {
    margin: auto auto 10px;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    display: -ms-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 282px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.popup-sociallist__item {
    width: 33.33333%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative
}

.popup-sociallist__link {
    border: 0;
    width: 60px;
    height: 60px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    border-radius: 4px
}

.popup-sociallist__link:focus {
    outline: 0
}

.popup-sociallist__link::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/img/general/min-svg/social-mailru.svg);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 22
}

.popup-sociallist__link--vk {
    background: -webkit-gradient(linear, left bottom, left top, from(#345b84), color-stop(50%, #4e76a1), to(#668bb3));
    background: -webkit-linear-gradient(bottom, #345b84 0, #4e76a1 50%, #668bb3 100%);
    background: linear-gradient(0deg, #345b84 0, #4e76a1 50%, #668bb3 100%)
}

.popup-sociallist__link--vk:hover {
    background-color: #41648b
}

.popup-sociallist__link--vk::before {
    background-image: url(/images/img/general/min-svg/social-vk.svg);
    background-size: 75%
}

.popup-sociallist__link--facebook {
    background: -webkit-gradient(linear, left bottom, left top, from(#2a406b), color-stop(50%, #3c5a96), to(#527aca));
    background: -webkit-linear-gradient(bottom, #2a406b 0, #3c5a96 50%, #527aca 100%);
    background: linear-gradient(0deg, #2a406b 0, #3c5a96 50%, #527aca 100%)
}

.popup-sociallist__link--facebook:hover {
    background-color: #314a7e
}

.popup-sociallist__link--facebook::before {
    background-image: url(/images/img/general/min-svg/social-facebook.svg);
    background-size: 75%;
    background-position: 115% 95%
}

.popup-sociallist__link--ok {
    background: -webkit-gradient(linear, left bottom, left top, from(#ae5d20), color-stop(50%, #f28431), to(#ffa765));
    background: -webkit-linear-gradient(bottom, #ae5d20 0, #f28431 50%, #ffa765 100%);
    background: linear-gradient(0deg, #ae5d20 0, #f28431 50%, #ffa765 100%)
}

.popup-sociallist__link--ok:hover {
    background-color: #e5720b
}

.popup-sociallist__link--ok::before {
    background-image: url(/images/img/general/min-svg/social-odnoklassniki.svg);
    background-size: 75%
}

.popup-sociallist__link--mail {
    background: -webkit-gradient(linear, left bottom, left top, from(#193454), color-stop(50%, #234771), to(#335c8d));
    background: -webkit-linear-gradient(bottom, #193454 0, #234771 50%, #335c8d 100%);
    background: linear-gradient(0deg, #193454 0, #234771 50%, #335c8d 100%)
}

.popup-sociallist__link--mail:hover {
    background-color: #193557
}

.popup-sociallist__link--mail::before {
    background-image: url(/images/img/general/min-svg/social-mailru.svg);
    background-size: 75%
}

.popup-sociallist__link--google {
    background: -webkit-gradient(linear, left bottom, left top, from(#ad2d23), color-stop(50%, #da4f45), to(#dd655c));
    background: -webkit-linear-gradient(bottom, #ad2d23 0, #da4f45 50%, #dd655c 100%);
    background: linear-gradient(0deg, #ad2d23 0, #da4f45 50%, #dd655c 100%)
}

.popup-sociallist__link--google:hover {
    background-color: #ca3124
}

.popup-sociallist__link--google::before {
    background-image: url(/images/img/general/min-svg/social-google.svg);
    background-size: 75%
}

.popup-sociallist__link--yandex {
    background: -webkit-gradient(linear, left bottom, left top, from(#c42423), color-stop(50%, #e43433), to(#eb5251));
    background: -webkit-linear-gradient(bottom, #c42423 0, #e43433 50%, #eb5251 100%);
    background: linear-gradient(0deg, #c42423 0, #e43433 50%, #eb5251 100%)
}

.popup-sociallist__link--yandex:hover {
    background-color: #d61f18
}

.popup-sociallist__link--yandex::before {
    background-image: url(/images/img/general/min-svg/social-yandex.svg);
    background-size: 40%
}

@media only screen and (max-width: 380px) {
    .popup-sociallist {
        max-width: 295px
    }

    .popup-sociallist__item {
        width: 16.66667%
    }

    .popup-sociallist__link {
        width: 38px;
        height: 38px
    }
}

.popup__title-promo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    border: 2px solid #fd6d75;
    -webkit-box-shadow: inset 0 0 16px 1px rgba(250, 7, 15, .85), inset 0 0 0 1px #fa070f, 0 0 0 1px #fa070f, 0 0 16px 1px rgba(250, 7, 15, .85);
    box-shadow: inset 0 0 16px 1px rgba(250, 7, 15, .85), inset 0 0 0 1px #fa070f, 0 0 0 1px #fa070f, 0 0 16px 1px rgba(250, 7, 15, .85);
    width: 100%;
    position: relative;
    z-index: 800
}

.popup__title-promo-text {
    font-size: 20px;
    margin: 0;
    text-align: center;
    line-height: 43px;
    white-space: nowrap
}

@media only screen and (max-width: 480px) {
    .popup__title-promo-text {
        font-size: 16px
    }
}

.popup__nav {
    margin-bottom: 1em;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.popup__nav-list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    font-size: 0
}

.popup__nav-text {
    display: inline-block;
    position: relative;
    color: #a9a9a9
}

.popup__nav-item {
    display: inline-block;
    text-align: center;
    font-size: 20px;
    line-height: 2em;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%)
}

.popup__nav-item--active {
    background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#232222));
    background: -webkit-linear-gradient(top, #313131 0, #232222 100%);
    background: linear-gradient(to bottom, #313131 0, #232222 100%)
}

.popup__nav-item--active .popup__nav-text, .tabs .tab.is-active a {
    color: #fff
}

.popup__nav-item--active .popup__nav-text::before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: -14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #24bb9d;
    border-radius: 50%
}

.popup__password {
    margin-bottom: 10px;
    width: 100%;
    position: relative
}

.popup__password-form {
    border: 1px solid #afafaf;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 10px;
    color: #000;
    font-size: 1em;
    position: relative;
    z-index: 477
}

.popup__password-form::-webkit-input-placeholder {
    color: #afafaf
}

.popup__password-form:-ms-input-placeholder, .popup__password-form::-ms-input-placeholder {
    color: #afafaf
}

.popup__password-form::placeholder {
    color: #afafaf
}

.popup__password-form:focus {
    outline: 0;
    -webkit-box-shadow: inset 2px 2px 8px 2px rgba(0, 0, 0, .25);
    box-shadow: inset 2px 2px 8px 2px rgba(0, 0, 0, .25)
}

.popup__password-read {
    background: inherit;
    border: 0;
    padding: 0;
    position: absolute;
    height: 20px;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 788
}

.popup__password-read:focus {
    outline: 0
}

.popup__password-read::-moz-selection {
    background-color: inherit
}

.popup__password-read::selection {
    background-color: inherit
}

.popup__password-read:hover .show-password__popup {
    display: block
}

.popup__password-read:hover .popup__password-tooltip {
    display: block !important;
    visibility: visible !important
}

.popup__password-read:hover svg path, .show-password:hover svg path {
    fill: #7d7d7b
}

.popup__password-read svg, .show-password svg {
    width: 29px
}

.popup__password-read svg path, .show-password svg path {
    fill: #afafaf
}

.popup__password-tooltip {
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: .625em;
    white-space: nowrap;
    padding: 6px 10px;
    border-radius: 5px;
    background-color: #f4f4f4;
    color: #b41b0f;
    display: none;
    visibility: hidden;
    z-index: 44
}

.popup__password-tooltip:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: #f4f4f4;
    position: absolute;
    bottom: calc(100% - 9px);
    left: 50%;
    z-index: -1;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.popup-notif-gift {
    background-image: url(/images/img/assets/popup-notifs/popup-notif-gift/plain_gifts.png);
    background-position: 9% 50%
}

.popup-notif-jackpot {
    background-image: url(/images/img/assets/popup-notifs/popup-notif-jackpot/popup-notice-jackpot.png);
    background-position: 13px 50%
}

.popup-notif-jackpot .popup-notif__close::after, .popup-notif-jackpot .popup-notif__close::before, .popup-notif-pin .popup-notif__close::after, .popup-notif-pin .popup-notif__close::before {
    background-color: gold;
    -webkit-box-shadow: 0 0 6px gold;
    box-shadow: 0 0 6px gold
}

.popup-notif .popup-notif-jackpot__text {
    font-size: 15px;
    -webkit-box-shadow: 0 0 6px gold, 0 0 6px gold, 0 0 6px gold, 0 0 12px gold, inset 0 0 6px gold, inset 0 0 6px gold, inset 0 0 6px gold, inset 0 0 12px gold;
    box-shadow: 0 0 6px gold, 0 0 6px gold, 0 0 6px gold, 0 0 12px gold, inset 0 0 6px gold, inset 0 0 6px gold, inset 0 0 6px gold, inset 0 0 12px gold;
    margin: 8px 10px;
    border: 1px solid #fff7a7;
    border-radius: 7px;
    padding: 15px 0 15px 130px
}

@media screen and (max-width: 500px) {
    .popup-notif-jackpot {
        background: 0 0
    }

    .popup-notif .popup-notif-jackpot__text {
        padding: 23px
    }

    .popup-notif .popup-notif-jackpot__text br {
        display: none
    }
}

.popup-notifs-activ__btn {
    width: 100%;
    display: block
}

.popup-notif {
    color: #fff;
    position: fixed;
    width: 438px;
    top: 85px;
    right: -500px;
    background-repeat: no-repeat;
    background-position: 13% 50%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 15000;
    border-radius: 5px;
    display: none
}

.popup-notif-newticket {
    background-image: url(/images/img/assets/popup-notifs/popup-notif-newticket/ny-ticket.png)
}

.popup-notif__text {
    -webkit-box-shadow: 0 0 6px red, 0 0 6px red, 0 0 6px red, 0 0 12px red, inset 0 0 6px red, inset 0 0 6px red, inset 0 0 6px red, inset 0 0 12px red;
    box-shadow: 0 0 6px red, 0 0 6px red, 0 0 6px red, 0 0 12px red, inset 0 0 6px red, inset 0 0 6px red, inset 0 0 6px red, inset 0 0 12px red;
    margin: 8px 10px;
    border: 1px solid #f88;
    border-radius: 7px;
    padding: 35px 0 35px 130px
}

.popup-notif__close {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 15px;
    right: 15px;
    cursor: pointer
}

.popup-notif__close::after, .popup-notif__close::before {
    display: block;
    position: absolute;
    content: "";
    width: 90%;
    height: 2px;
    background-color: #777;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    top: 50%
}

.popup-notif__close::after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.popup-notif--animated {
    -webkit-animation-name: popup-notif;
    animation-name: popup-notif;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    display: block
}

@media screen and (max-width: 1024px) {
    .popup-notif {
        top: 50px
    }
}

@media screen and (max-width: 460px) {
    .popup-notif {
        max-width: 95%
    }
}

.popup-notif-pin {
    background-image: url(/images/img/assets/popup-notifs/popup-notif-pinwin/popup-notice-pincoins.png);
    background-position: 13px 50%
}

.popup-notif-pin__text {
    font-size: 15px;
    -webkit-box-shadow: 0 0 6px gold, 0 0 6px gold, 0 0 6px gold, 0 0 12px gold, inset 0 0 6px gold, inset 0 0 6px gold, inset 0 0 6px gold, inset 0 0 12px gold;
    box-shadow: 0 0 6px gold, 0 0 6px gold, 0 0 6px gold, 0 0 12px gold, inset 0 0 6px gold, inset 0 0 6px gold, inset 0 0 6px gold, inset 0 0 12px gold;
    margin: 8px 10px;
    border: 1px solid #fff7a7;
    border-radius: 7px;
    padding: 15px 0 15px 130px
}

.svg-partners:hover .svg-partners__circle {
    opacity: 1
}

.svg-partners__circle {
    fill: #38b399;
    opacity: .5;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.promo-diagram__item {
    -webkit-transition: fill .45s ease-in-out;
    transition: fill .45s ease-in-out
}

.promo-diagram__item_active {
    fill: url(#activeColor) !important
}

.promo-diagram__text {
    -webkit-transition: fill .45s ease-in-out;
    transition: fill .45s ease-in-out
}

.promo-diagram__text_active {
    text-shadow: 0 0 2.5em #fff;
    font-weight: 500
}

.promo-diagram__bonus {
    -webkit-transition: fill .45s ease-in-out;
    transition: fill .45s ease-in-out
}

.promo-diagram__bonus_active {
    text-shadow: 0 0 2.5em #fff;
    font-weight: 600
}

.burger {
    width: 36px;
    height: 36px;
    background-color: inherit;
    border: 2px solid #e03d22;
    border-radius: 3px;
    padding: 4px 2px;
    cursor: pointer;
    margin: 0 8px 0 0;
    z-index: 878889
}

.burger_active .burger__item:first-child {
    -webkit-transform: translateY(2px) rotate(135deg);
    transform: translateY(2px) rotate(135deg)
}

.burger_active .burger__item:nth-child(2) {
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
    display: none
}

.burger_active .burger__item:last-child {
    -webkit-transform: translateY(-2px) rotate(45deg);
    transform: translateY(-2px) rotate(45deg)
}

.burger:focus, .burger__item:focus {
    outline: 0
}

.burger__item {
    display: block;
    background-color: #a9a9a9;
    height: 4px;
    width: 100%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.burger__item:first-child {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.burger__item:nth-child(2) {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.burger__item:last-child {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.button {
    color: #fff;
    font-size: 16px;
    padding: 0 12px;
    text-align: center;
    line-height: 35px;
    white-space: nowrap;
    border: 0;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    z-index: 4
}

.button::-moz-selection {
    background-color: transparent
}

.button::selection {
    background-color: transparent
}

.button:focus {
    outline: 0
}

.button::after {
    overflow: hidden
}

.button_red {
    background: -webkit-gradient(linear, left top, left bottom, from(#de3c21), to(#b41b0f));
    background: -webkit-linear-gradient(top, #de3c21 0, #b41b0f 100%);
    background: linear-gradient(to bottom, #de3c21 0, #b41b0f 100%);
    border: 1px solid #bc2502
}

.button_green {
    background: -webkit-gradient(linear, left top, left bottom, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background: -webkit-linear-gradient(top, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background: linear-gradient(to bottom, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    border: 1px solid #55a399
}

.button--disable, .button_grey {
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    border: 1px solid #787878
}

.button--disable::after, .button::after, .button_grey::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: calc(50% - 16px);
    background-image: url(/images/img/general/arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    width: 31px
}

.button_grey::after {
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important
}

.button--disable {
    cursor: default
}

.button--disable::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-name: none !important;
    animation-name: none !important
}

.button--animate::after {
    -webkit-animation-name: btnanimate;
    animation-name: btnanimate;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.promo-bonus-added.alarm-popup {
    -webkit-animation-name: border-to-red;
    animation-name: border-to-red;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse
}

.promo-bonus-added.alarm-popup.it-open {
    -webkit-animation: none;
    animation: none;
    border-color: #eb8676;
    -webkit-box-shadow: 0 0 8px 2px red, inset 0 0 8px 2px red;
    box-shadow: 0 0 8px 2px red, inset 0 0 8px 2px red;
    height: 219px
}

.promo-bonus-added.alarm-popup.it-open, .promo-bonus-added.alarm-popup.it-open .button-popup-alert__icon {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.promo-bonus-added.alarm-popup.it-open .button {
    margin-top: 10px;
    min-width: 90%
}

.promo-bonus-added.alarm-popup .button-popup-alert__icon {
    background-image: url(/images/img/assets/ui/button-popup-alert/exclamation-mark.png);
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    width: 36px;
    background-size: 86%;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (max-width: 1023px) {
    .promo-bonus-added.alarm-popup.it-open {
        height: 280px
    }

    .promo-bonus-added.alarm-popup.it-open .promo-bonus-added-content {
        max-width: 250px;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .promo-bonus-added.alarm-popup.it-open .promo-bonus-added-gift {
        top: 83px
    }

    .promo-bonus-added.alarm-popup.it-open .button-popup-alert__icon {
        top: 45%
    }
}

.show-password {
    background: inherit;
    border: 0;
    position: relative;
    padding: 0
}

.show-password:focus {
    outline: 0
}

.show-password::-moz-selection {
    background-color: inherit
}

.show-password::selection {
    background-color: inherit
}

.show-password:hover .show-password__popup {
    display: block
}

.show-password__popup, .show-password__popup:after {
    background-color: #d4341d;
    position: absolute;
    left: 50%
}

.show-password__popup {
    top: calc(100% + 5px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: .625em;
    white-space: nowrap;
    padding: 6px 10px;
    border-radius: 5px;
    display: none
}

.show-password__popup:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    bottom: calc(100% - 9px);
    z-index: 16;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.game-search, .game-search__vendors {
    display: none
}

@media screen and (max-width: 768px) {
    .aside__nav-item--search {
        padding-right: 25px;
        background-size: 15px !important
    }

    .aside__nav-item--form__close {
        display: none;
        width: 30px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: url(/images/img/general/min-svg/cross.svg) no-repeat center;
        z-index: 200;
        background-size: 50%;
        border: 0
    }

    .aside__nav-item--form__close:focus, .game-search__vendors.hidden .burger__vendors--line:focus {
        outline: 0
    }

    .game-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .game-search__vendors, .game-search__vendors--list {
        background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
        background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
        background: linear-gradient(to bottom, #424242 0, #343434 100%);
        border-radius: 6px
    }

    .game-search__vendors {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
        line-height: 35px;
        height: 35px;
        cursor: pointer;
        width: calc(50% - 10px);
        position: relative
    }

    .game-search__vendors--item.new::after, .game-search__vendors.hidden .game-search__vendors--list {
        display: none
    }

    .game-search__vendors--list {
        margin: 0;
        text-indent: 0;
        list-style: none;
        list-style-position: outside;
        position: absolute;
        width: calc(100% - 14px);
        max-height: 165px;
        min-height: 35px;
        overflow-y: scroll;
        overflow-x: hidden;
        top: 36px;
        left: 0;
        padding: 0 7px;
        -webkit-box-shadow: 0 .3em 1em rgba(0, 0, 0, .7);
        box-shadow: 0 .3em 1em rgba(0, 0, 0, .7);
        z-index: 100
    }

    .game-search__vendors--item {
        width: 100%;
        border-bottom: 2px solid #656565;
        line-height: 45px;
        cursor: pointer;
        position: relative
    }

    .game-search__vendors--item::after {
        content: "";
        position: absolute;
        height: 30px;
        width: 30px;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        top: 50%;
        right: 50%;
        background: url(/images/img/general/arrow.png) no-repeat center;
        background-size: contain;
        pointer-events: none
    }

    .game-search__vendors--item.new::before {
        content: "";
        background: url(/images/img/general/ribbon-new-menu.svg) no-repeat center;
        position: absolute;
        width: 55px;
        height: 29px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        right: -40px;
        top: 45%;
        pointer-events: none
    }

    .game-search__vendors--item a {
        color: #fff;
        display: inline-block;
        width: 100%;
        height: 100%;
        text-decoration: none
    }

    .game-search__vendors--item a.new::after {
        content: "NEW";
        color: #e03d22;
        font-style: italic;
        position: relative;
        top: -5px;
        font-size: 15px;
        left: 5px;
        font-weight: 700;
        z-index: 500;
        pointer-events: none
    }

    .game-search__vendors--item:last-child {
        border: 0
    }

    .game-search__vendors .burger__vendors {
        display: inline-block;
        width: 20px;
        height: 5px;
        position: relative;
        margin: 0 7px
    }

    .game-search__vendors .burger__vendors--line {
        height: 2px;
        display: block;
        background-color: #fff;
        width: 100%;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
        z-index: -1
    }

    .game-search__vendors .burger__vendors--line:first-child {
        -webkit-transform: translateY(1px) rotate(135deg);
        transform: translateY(1px) rotate(135deg)
    }

    .game-search__vendors .burger__vendors--line:nth-child(2) {
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
        display: none
    }

    .game-search__vendors .burger__vendors--line:last-child {
        -webkit-transform: translateY(-1px) rotate(45deg);
        transform: translateY(-1px) rotate(45deg)
    }

    .game-search__vendors.hidden .burger__vendors--line:first-child {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    .game-search__vendors.hidden .burger__vendors--line:nth-child(2) {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        display: block
    }

    .game-search__vendors.hidden .burger__vendors--line:last-child {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    .search-input-mob {
        -ms-flex-preferred-size: calc(50%);
        flex-basis: calc(50%);
        width: calc(50%);
        height: 35px;
        margin-bottom: 10px
    }

    .search-input-mob .aside__nav-item--form {
        height: 45px;
        width: 100%
    }

    .search-input-mob .aside__nav-item--form .aside__nav-item--search {
        width: 100%;
        line-height: 25px;
        height: 35px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 16px;
        background-size: 20px;
        background-position: 6px 50%;
        padding-left: 30px
    }
}

@media screen and (max-width: 460px) {
    .aside__nav-item--search {
        font-size: 14px !important;
        padding: 2px 21px 2px 25px !important;
        text-overflow: ellipsis
    }
}

@media screen and (max-width: 350px) {
    .game-search__vendors .game-search__vendors--text {
        font-size: 14px
    }
}

@media screen and (max-width: 330px) {
    .game-search__vendors .game-search__vendors--text {
        font-size: 13px
    }
}

.singleclick-cashbox.hide {
    display: none !important
}

.singleclick-cashbox {
    display: none;
    position: relative
}

.singleclick-cashbox__wrapper {
    position: absolute;
    z-index: 500;
    width: 305px;
    height: 52px;
    background-color: #424242;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 39px;
    left: -12px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.singleclick-cashbox__input {
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
    text-align: right;
    padding-right: 5px;
    background-color: #424242;
    color: #fff;
    border: 1px solid #ddd;
    max-width: 70px;
    outline: 0
}

.singleclick-cashbox__input::-webkit-input-placeholder {
    color: #aaa;
    font-weight: 700
}

.singleclick-cashbox__input:-ms-input-placeholder, .singleclick-cashbox__input::-ms-input-placeholder {
    color: #aaa;
    font-weight: 700
}

.singleclick-cashbox__input::placeholder {
    color: #aaa;
    font-weight: 700
}

.singleclick-cashbox__input[type=number]::-webkit-inner-spin-button, .singleclick-cashbox__input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.singleclick-cashbox__label {
    color: #fff;
    padding: 5px 5px 5px 8px;
    font-weight: 700
}

.singleclick-cashbox .button.button_green {
    padding: 0 10px
}

.singleclick-cashbox__btn {
    height: 28px;
    width: 43px;
    border: 0;
    background: url(/images/img/general/min-svg/wallet.svg) no-repeat left 50%
}

.singleclick-cashbox__btn:focus {
    outline: 0
}

.singleclick-cashbox__btn::after {
    -webkit-transition: all .2s;
    transition: all .2s;
    position: absolute;
    top: 14px;
    right: 0;
    border-bottom: 5px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #fff;
    content: "";
    height: 0;
    width: 0
}

.header .singleclick-cashbox {
    display: block
}

.singleclick-cashbox.active .singleclick-cashbox__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.singleclick-cashbox.active .singleclick-cashbox__btn::after {
    border-bottom: 5px solid #24bb9d;
    border-top: 5px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 8px
}

@media screen and (max-width: 1024px) {
    .singleclick-cashbox, .singleclick-cashbox .singleclick-cashbox__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .singleclick-cashbox {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: calc(100% - 14px);
        background-color: #424242;
        padding: 11px 7px 7px;
        margin-top: -2px;
        margin-bottom: 0
    }

    .singleclick-cashbox .singleclick-cashbox__wrapper {
        position: static;
        height: auto
    }

    .singleclick-cashbox__label {
        display: inline-block;
        vertical-align: middle;
        font-weight: 400;
        margin-left: 4px;
        margin-right: 6px;
        position: relative
    }

    .singleclick-cashbox__input {
        font-size: 18px !important;
        line-height: 31px !important;
        height: 31px !important;
        vertical-align: middle
    }

    .singleclick-cashbox__btn {
        width: 50px;
        padding-right: 0;
        pointer-events: none;
        background-position: center
    }

    .singleclick-cashbox__btn::after {
        display: none
    }
}

@media screen and (max-width: 360px) {
    .singleclick-cashbox__btn {
        width: 36px
    }

    .singleclick-cashbox .button.button_green {
        padding: 0 5px
    }
}

@media screen and (max-width: 340px) {
    .singleclick-cashbox__wrapper {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .singleclick-cashbox .button.button_green {
        padding: 0 3px
    }

    .singleclick-cashbox__label {
        margin: 0;
        padding-left: 3px
    }

    .singleclick-cashbox__input {
        max-width: 65px
    }
}

.switch, .switch::after, .switch::before {
    width: 54px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center
}

.switch {
    background-color: inherit;
    border: 0;
    background-image: url(/images/img/general/switch_disable.png);
    background-size: 54px 24px;
    z-index: 800;
    position: relative
}

.switch::after, .switch::before {
    content: "";
    display: block;
    position: absolute
}

.switch::before {
    right: -14px;
    z-index: 1200;
    -webkit-transition: all .22s linear;
    transition: all .22s linear;
    top: 3.45px;
    background-image: url(/images/img/general/switch_dot.png)
}

.switch::after {
    top: 1px;
    left: -.5px;
    background-image: url(/images/img/general/switch_color.png)
}

.switch_disable::before {
    right: 17px
}

.switch_disable::after {
    display: none
}

.switch:focus, .switch_disable:focus {
    outline: 0
}

.switch__alert, .switch__alert::before {
    background-color: #d4341d;
    position: absolute;
    left: 50%
}

.switch__alert {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: calc(100% + 5px);
    z-index: 444;
    font-size: .625em;
    color: #fff;
    padding: 12px;
    white-space: nowrap;
    border-radius: 5px;
    line-height: 7px
}

.switch__alert::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    bottom: calc(100% - 9px);
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.switch__alert-link {
    text-decoration: underline;
    color: #fff
}

@media only screen and (max-width: 1024px) {
    .switch__alert {
        z-index: 34445;
        font-size: 1em;
        left: 62.6%;
        top: 78%;
        padding-left: 6px;
        padding-right: 6px
    }
}

.userbar__item-switcher, .userbar__item-switcher-inner, .userbar__item-switcher-peg {
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.userbar__item-switcher {
    width: 45px !important;
    min-width: 45px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative
}

.userbar__item-switcher input {
    opacity: 0
}

.userbar__item-switcher-inner, .userbar__item-switcher-peg {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.userbar__item-switcher-peg {
    background-color: #676767;
    border: 2px solid #5c5c5c;
    border-bottom: 2px solid #737373;
    border-top: 2px solid #444;
    height: 14px;
    width: 90%;
    left: 50%;
    border-radius: 9px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1), inset 0 0 7px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1), inset 0 0 7px 2px rgba(0, 0, 0, .7)
}

.userbar__item-switcher-inner {
    height: 13px;
    width: 13px;
    left: 8px;
    border-radius: 50%;
    background: -webkit-radial-gradient(center, ellipse, #000 0, #000 20%, #d8dcdc 22%, #d8dcdc 100%);
    background: radial-gradient(ellipse at center, #000 0, #000 20%, #d8dcdc 22%, #d8dcdc 100%);
    -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.userbar__item-switcher input:checked ~ .userbar__item-switcher-peg, .userbar__item-switcher--active .userbar__item-switcher-peg {
    background-color: #3fa18d
}

.userbar__item-switcher input:checked ~ .userbar__item-switcher-peg .userbar__item-switcher-inner, .userbar__item-switcher--active .userbar__item-switcher-peg .userbar__item-switcher-inner {
    left: calc(100% - 7px)
}

.userbar__item-switcher__label {
    color: #fff;
    font-size: 12px;
    margin-left: .5rem
}

.userbar__item-switcher__label.hide {
    display: none
}

.header-with-lines, .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.header-with-lines {
    position: relative;
    white-space: nowrap;
    color: #fff;
    margin: 1em 0
}

.header-with-lines:after, .header-with-lines:before {
    content: "";
    background: #f96464;
    height: 1px;
    display: inline-block;
    width: 50%;
    margin-top: .55em;
    border: 1px solid #e03d22;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 20px red;
    box-shadow: 0 0 20px red
}

.header-with-lines:before {
    margin-right: 1rem
}

.header-with-lines:after {
    margin-left: 1rem
}

.header-with-lines.is-2 {
    font-size: 16px
}

@media all and (min-width: 768px) {
    .header-with-lines.is-2 {
        font-size: 20px
    }
}

.header-with-lines.is-3, .tabs .tab {
    font-size: 16px
}

.tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#333)), #000;
    background: -webkit-linear-gradient(top, #424242 0, #333 100%), #000;
    background: linear-gradient(180deg, #424242 0, #333 100%), #000;
    height: 36px;
    line-height: 36px
}

@media all and (min-width: 1023px) {
    .tabs {
        border-radius: 6px 6px 0 0
    }
}

.tabs .tab {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    font-weight: 700
}

@media all and (min-width: 768px) {
    .tabs .tab {
        font-size: 20px
    }
}

.tabs .tab a {
    color: #c4c4c4;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block
}

.tabs .tab.is-active {
    border-bottom: 2px solid #24bb9d
}

.tournament-card {
    position: relative;
    background: #424242;
    border-radius: 6px;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tournament-card.is-current:after, .tournament-card.is-upcoming:after {
    content: "";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    position: absolute;
    border-radius: 6px;
    border: 2px solid #5ae9cc
}

.tournament-card.is-upcoming:after {
    border: 2px solid #f96464;
    -webkit-box-shadow: 0 0 0 1px #e03d22, 0 0 0 1px #e03d22 inset, 0 0 1em #e03d22, inset 0 0 1em #e03d22;
    box-shadow: 0 0 0 1px #e03d22, 0 0 0 1px #e03d22 inset, 0 0 1em #e03d22, inset 0 0 1em #e03d22
}

.tournament-card-header {
    width: 100%;
    margin: 0;
    height: 54px;
    line-height: 54px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(46.96%, #424242), to(#333)) no-repeat;
    background: -webkit-linear-gradient(top, #424242 46.96%, #333 100%) no-repeat;
    background: linear-gradient(180deg, #424242 46.96%, #333 100%) no-repeat;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #fff;
    border-radius: 6px 6px 0 0;
    cursor: pointer
}

.tournament-card-cover {
    width: 100%;
    margin: .5rem;
    border-radius: 6px;
    background: gray;
    position: relative;
    overflow: hidden;
    padding-top: 62%
}

@media all and (min-width: 1023px) {
    .tournament-card-cover {
        padding-top: 20%
    }
}

.tournament-card.is-closed .tournament-card-cover:after, .tournament-card.is-free .tournament-card-cover:after, .tournament-card.is-paid .tournament-card-cover:after, .tournament-card.is-upcoming .tournament-card-cover:after {
    content: "";
    width: 57px;
    height: 90px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -3px;
    left: .5rem
}

.tournament-card.is-closed .tournament-card-cover:after {
    background-image: url(/images/img/assets/tournaments/tournament-card/closed.png)
}

.tournament-card.is-closed .tournament-card-cover:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 6px;
    background: rgba(0, 0, 0, .7)
}

.tournament-card.is-free .tournament-card-cover:after {
    background-image: url(/images/img/assets/tournaments/tournament-card/free.png)
}

.tournament-card.is-paid .tournament-card-cover:after {
    background-image: url(/images/img/assets/tournaments/tournament-card/paid.png)
}

.tournament-card.is-upcoming .tournament-card-cover:after {
    background-image: url(/images/img/assets/tournaments/tournament-card/upcoming.png)
}

.tournament-card-prise {
    width: 100%;
    border-bottom: 1px solid #5e5e5e;
    color: #fff
}

@media all and (min-width: 1024px) {
    .tournament-card-prise {
        margin: 1rem 0;
        padding: 1rem;
        width: auto;
        border: 0;
        border-right: 1px solid #5e5e5e;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 18rem
    }
}

.tournament-card-prise__header, .tournament-card-prise__sum {
    text-align: center;
    font-size: 16px;
    margin: .5rem 0
}

.tournament-card-prise__sum {
    font-size: 20px;
    font-weight: 700
}

@media all and (min-width: 768px) {
    .tournament-card-prise__sum {
        font-size: 30px
    }
}

.tournament-card-timer {
    width: 100%;
    border-bottom: 1px solid #5e5e5e;
    color: #fff
}

.tournament-card-timer__past-date {
    font-size: 18px;
    font-weight: 400;
    margin: 0
}

@media all and (min-width: 1024px) {
    .tournament-card-timer {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 1rem 0;
        padding: 1rem;
        width: auto;
        border: 0;
        border-right: 1px solid #5e5e5e;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.tournament-card-timer__header {
    text-align: center;
    font-size: 16px;
    margin: .5rem 0
}

.tournament-card-timer__time {
    width: 300px;
    min-height: 64px;
    position: relative;
    text-align: center;
    font-size: 20px;
    margin: .5rem auto;
    font-weight: 700
}

@media all and (min-width: 768px) {
    .tournament-card-timer__time {
        font-size: 30px
    }
}

.layout--tournament .winners img, .layout--tournaments .winners img, .tournament-card-description, .tournaments-gamepage__pic img {
    width: 100%
}

.tournament-card-description__about {
    display: none
}

.tournament-card-description__more, .tournament-card-description__participate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1rem
}

.tournament-card-description__more a {
    color: #fff
}

.tournament-card-description__participate .button {
    min-width: 200px
}

@media all and (min-width: 1024px) {
    .tournament-card-description {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 1rem
    }

    .tournament-card-description__about {
        display: block;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        color: #fff
    }

    .tournament-card-description__about p {
        margin: .5em 0
    }

    .tournament-card-description__more {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0
    }

    .tournament-card-description__participate {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
        margin-bottom: 0
    }
}

.tournament-card-gamelist, .tournament-countdown span.flip-clock-label {
    display: none
}

@media (min-width: 1024px) {
    .tournament-card-gamelist {
        display: block;
        width: 100%;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin: .5rem;
        border-top: 1px solid #5e5e5e
    }
}

.tournament-card-gamelist__header {
    text-align: center;
    margin: 1em 0;
    font-size: 16px
}

.countdown-section .tournament-card-timer.past .tournament-card-timer__time, .tournament-card.is-closed .tournament-card-timer__time {
    min-height: auto
}

.tournament-card.is-closed .tournament-card-cover {
    -webkit-filter: brightness(60%);
    filter: brightness(60%)
}

.tournament-card-timer__header__upcoming-date {
    display: block;
    margin-top: 10px
}

.tournament-card__player-rank {
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    border-top: 1px solid #5e5e5e;
    margin: 15px 0 0
}

@media screen and (max-width: 1023px) {
    .tournament-card__player-rank {
        display: none
    }
}

.tournament-card__player-rank__item {
    min-width: 25%;
    max-width: 30%
}

.tournament-card__player-rank__item__header {
    margin-top: 10px;
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    margin-bottom: 10px
}

.tournament-card__player-rank__item__value {
    margin-top: 0;
    font-size: 16px;
    font-weight: 700
}

.closed-tournaments .owl-stage-outer:before, .current-tournaments .owl-stage-outer:before, .upcoming-tournaments .owl-stage-outer:before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background: linear-gradient(to right, rgba(0, 0, 0, .5), transparent);
    z-index: 2
}

.closed-tournaments .owl-stage-outer:after, .current-tournaments .owl-stage-outer:after, .upcoming-tournaments .owl-stage-outer:after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, .3)));
    background: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .3));
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, .3));
    z-index: 2
}

@media (min-width: 1024px) {
    .countdown-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .countdown-section .tournament-card-timer {
        padding-left: 0;
        border-right: 0
    }
}

.tournament-countdown.flip-clock-wrapper {
    position: absolute;
    left: -170px;
    top: -34px;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.tournament-countdown.flip-clock-wrapper ul:nth-child(n+4) li a div div.inn {
    font-size: 1em;
    background-color: #cdcdcd;
    color: #333
}

.tournament-countdown.flip-clock-wrapper ul, .tournament-countdown.flip-clock-wrapper ul li a div div.inn {
    border-radius: 8px
}

.tournament-countdown.flip-clock-wrapper ul li a div.down {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.tournament-countdown .flip-clock-dot {
    background: #cdcdcd
}

.tournament-countdown-labels {
    margin: -24px auto 1em;
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media screen and (max-width: 1023px) {
    .tournaments__mobile-timer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        widht: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .tournaments__mobile-timer span {
        font-size: 30px;
        line-height: 30px
    }

    .tournaments__mobile-timer span:not(.tour-mob__sep) {
        color: #000;
        background-color: #fff;
        padding: 8px 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 10px #000;
        box-shadow: 0 0 10px #000
    }

    .tournaments__mobile-timer span.tour-mob__sep {
        margin-top: -5px;
        margin-left: 2px;
        margin-right: 4px
    }

    .tournaments__mobile-timer span.tour-mob__days {
        color: #fff;
        background-color: #000
    }

    .tournament-card-timer__time {
        width: 100%;
        max-width: 243px
    }
}

@media screen and (max-width: 374px) {
    .tournament-card-timer__time {
        width: 100%
    }

    .tournament-card-timer__time .tournament-countdown.flip-clock-wrapper {
        -webkit-transform: scale(.35) translateX(-148%);
        transform: scale(.35) translateX(-148%);
        left: 50%
    }

    .tournament-card-timer .tournament-countdown-labels {
        width: 89%;
        max-width: 220px;
        font-size: 14px
    }

    .tournament-card-timer .tournament-card-timer__time {
        max-width: 220px
    }
}

.tournament-game {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.tournament-game:hover {
    z-index: 2
}

.tournament-game-cover {
    margin: 4px;
    display: block;
    position: relative;
    padding: 75% 0 0;
    border-radius: 6px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 47px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 47px rgba(0, 0, 0, .5)
}

.tournament-game-cover.random-game-cover {
    text-align: center
}

.tournament-game-cover.random-game-cover .random-game__img {
    height: 60%;
    -o-object-fit: contain;
    object-fit: contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: randomgame 3s infinite linear;
    animation: randomgame 3s infinite linear
}

.tournament-game-cover .tournament-game-control {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.tournament-game-cover .tournament-game-control .button {
    min-width: 120px;
    cursor: pointer
}

.tournament-game-cover:hover .tournament-game-control {
    opacity: 1
}

.tournament-game-cover .games__item-favorite {
    position: absolute;
    bottom: 4px;
    right: 4px;
    top: unset
}

.tournament-game-cover__img {
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.tournament-game-cover__caption {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(84.53%, #000));
    background: -webkit-linear-gradient(top, transparent 0, #000 84.53%);
    background: linear-gradient(180deg, transparent 0, #000 84.53%);
    padding: 24px 8px 4px 8px
}

.tournament-gamelist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 1024px) {
    .tournament-gamelist .tournament-game {
        max-width: calc(100% / 6);
        min-width: calc(100% / 6)
    }
}

.tournament-table {
    color: #fff;
    font-weight: 700;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-collapse: separate;
    text-align: center
}

.tournament-table td, .tournament-table th {
    border-radius: 6px;
    border: 2px solid #262634;
    padding: .5em 0
}

@media (max-width: 768px) {
    .tournament-table td:nth-of-type(4), .tournament-table th:nth-of-type(4) {
        display: none
    }
}

.tournament-table td:first-of-type, .tournament-table th {
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#333)), #000;
    background: -webkit-linear-gradient(top, #424242 0, #333 100%), #000;
    background: linear-gradient(180deg, #424242 0, #333 100%), #000
}

.tournament-table td {
    background: #5e5e5e
}

.tournament-adaptive-table {
    display: table;
    color: #fff;
    font-weight: 700;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-collapse: separate;
    text-align: center
}

.tournament-adaptive-table .thead {
    display: table-header-group
}

.tournament-adaptive-table .tbody {
    display: table-row-group
}

.tournament-adaptive-table .tr {
    display: table-row
}

.tournament-adaptive-table .td, .tournament-adaptive-table .th {
    display: table-cell;
    border-radius: 6px;
    border: 2px solid #262634;
    padding: .5em 0
}

.tournament-adaptive-table .td:first-of-type, .tournament-adaptive-table .th {
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#333)), #000;
    background: -webkit-linear-gradient(top, #424242 0, #333 100%), #000;
    background: linear-gradient(180deg, #424242 0, #333 100%), #000
}

.tournament-adaptive-table .td {
    background: #5e5e5e
}

@media (max-width: 768px) {
    .tournament-adaptive-table {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .tournament-adaptive-table .tbody, .tournament-adaptive-table .thead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 50%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tournament-adaptive-table .tr {
        display: block;
        width: 100%
    }

    .tournament-adaptive-table .td, .tournament-adaptive-table .th {
        display: block
    }
}

.winners-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layout--tournament .winners, .layout--tournaments .winners {
    width: 408px;
    max-width: 100%;
    padding: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.layout--tournament .winners .winners-table, .layout--tournaments .winners .winners-table {
    margin-top: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    color: #fff
}

.layout--tournament .winners .winners-table .winner-prise, .layout--tournaments .winners .winners-table .winner-prise {
    font-size: 16px
}

.layout--tournament .winners .winners-table .winner-prise:after, .layout--tournaments .winners .winners-table .winner-prise:after {
    content: "";
    background: #5ae9cc;
    height: 1px;
    display: block;
    width: 100%;
    margin: .55em 0;
    border: 1px solid #24bb9d;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 20px #24bb9d;
    box-shadow: 0 0 20px #24bb9d
}

.layout--tournament .winners .winners-table .winner-name .cell-title, .layout--tournament .winners .winners-table .winner-result .cell-title, .layout--tournaments .winners .winners-table .winner-name .cell-title, .layout--tournaments .winners .winners-table .winner-result .cell-title {
    font-size: 12px;
    font-weight: 700;
    color: #a9a9a9
}

.layout--tournament .winners .winners-table .winner-name .cell-content, .layout--tournament .winners .winners-table .winner-result .cell-content, .layout--tournaments .winners .winners-table .winner-name .cell-content, .layout--tournaments .winners .winners-table .winner-result .cell-content {
    font-size: 12px;
    font-weight: 700
}

@media (max-width: 768px) {
    .layout--tournament .winners .winners-table .winner-name .cell-content, .layout--tournament .winners .winners-table .winner-result .cell-content, .layout--tournaments .winners .winners-table .winner-name .cell-content, .layout--tournaments .winners .winners-table .winner-result .cell-content {
        display: block
    }
}

.has-text-green {
    color: #24bb9d
}

@media (max-width: 768px) {
    .tournament-prises {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .tournament-rules {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
        text-align: justify;
        padding: 0 7px
    }

    .tournament-prises, .tournament-rules {
        max-height: 55px;
        overflow: hidden;
        -webkit-transition: max-height .5s;
        transition: max-height .5s
    }

    .tournament-prises.is-active, .tournament-rules.is-active {
        max-height: 9999px
    }

    .tournament-prises.is-active .header-with-lines:after, .tournament-rules.is-active .header-with-lines:after {
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg)
    }

    .tournament-prises .header-with-lines, .tournament-rules .header-with-lines {
        text-decoration: underline;
        border-top: 1px solid #5e5e5e;
        border-bottom: 1px solid #5e5e5e;
        display: block;
        text-align: center;
        cursor: pointer;
        margin: 4px 0;
        padding: 1em 0
    }

    .tournament-prises .header-with-lines:before, .tournament-rules .header-with-lines:before {
        display: none
    }

    .tournament-prises .header-with-lines:after, .tournament-rules .header-with-lines:after {
        width: 6px;
        height: 6px;
        background: 0 0;
        border: 0;
        border-top: 2px solid #5e5e5e;
        border-left: 2px solid #5e5e5e;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 8px;
        -webkit-transform: rotateZ(225deg);
        transform: rotateZ(225deg)
    }
}

.tournaments-gamepage {
    margin-bottom: 10px
}

.tournaments-gamepage__card {
    display: none
}

.tournaments-gamepage__card .button {
    margin-top: 27px !important;
    margin-bottom: 10px !important
}

.tournaments-gamepage__card.show {
    display: block
}

.tournaments-gamepage__header {
    color: #fff;
    text-decoration: underline;
    margin: -5px 0 0;
    font-size: 20px
}

.tournaments-gamepage__pic {
    margin-top: 10px;
    height: 75px;
    background-color: #6f6f6f;
    border-radius: 7px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tournaments-gamepage__timer__label {
    font-size: 12px;
    font-weight: 400;
    margin: 10px 0 0
}

.tournaments-gamepage .tournament-card-timer__time {
    width: auto;
    min-height: 47px
}

.tournaments-gamepage .tournament-card-timer__time .tournament-countdown.flip-clock-wrapper {
    -webkit-transform: scale(.32) translateX(-50%);
    transform: scale(.32) translateX(-50%);
    left: -119px !important;
    top: -46px
}

.tournaments-gamepage .tournament-countdown-labels {
    width: auto !important;
    padding-left: 3px
}

.tournaments-gamepage .tournament-countdown-labels span {
    width: calc(100% / 4);
    text-align: center;
    font-size: 12px !important
}

.tournaments-gamepage__player {
    display: none;
    margin-top: 10px;
    margin-bottom: -10px
}

.tournaments-gamepage__player p {
    margin: 0;
    line-height: 33px;
    text-align: left;
    border-top: 1px solid #c4c4c4;
    font-size: 18px
}

.tournaments-gamepage .tournaments-gamepage__card.active .button {
    display: none
}

.tournaments-gamepage .tournaments-gamepage__card.active .tournaments-gamepage__player {
    display: block
}

.tournaments-gamepage .tournaments-gamepage_dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 10px
}

.tournaments-gamepage .tournaments-gamepage_dots .tournaments-gamepage_dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #333;
    position: relative;
    cursor: pointer
}

.tournaments-gamepage .tournaments-gamepage_dots .tournaments-gamepage_dot:not(:last-child) {
    margin-right: 9px
}

.tournaments-gamepage .tournaments-gamepage_dots .tournaments-gamepage_dot.active .tournaments-gamepage_dot_inner {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #24bb9d;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tournaments-gamepage__card.new-year-one .tournaments-gamepage__pic {
    background: url(/images/img/general/banners/tournametns/ny-one/tour-ny-one-gampage-cover.jpg) no-repeat 50% -1px;
    background-size: cover
}

.tournaments-slider__wrapper {
    min-height: 400px;
    width: 100%;
    margin: 0 auto;
    background-color: #262634;
    padding-bottom: 10px
}

.tournaments-slider__wrapper .tournaments-slider {
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100%
}

.tournaments-slider__wrapper .tournaments-slider .slider__item {
    height: 400px
}

@media screen and (max-width: 768px) {
    .tournaments-slider__wrapper {
        max-height: 250px;
        min-height: auto;
        height: 100%
    }

    .tournaments-slider__wrapper .tournaments-slider .slider__item {
        max-height: 250px
    }
}

.dropdown-balance {
    position: relative;
    min-width: 115px;
    padding-right: 15px
}

.dropdown-balance.show::after, .dropdown-balance::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.dropdown-balance::after {
    -webkit-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 0;
    content: "";
    height: 0;
    width: 0;
    top: 14px;
    border-bottom: 5px solid transparent;
    border-top: 5px solid #fff
}

.dropdown-balance__label {
    color: #fff;
    display: block
}

.dropdown-balance__value {
    color: #24bb9d;
    white-space: nowrap
}

.dropdown-balance.show .dropdown-balance__list {
    display: block
}

.dropdown-balance.show::after {
    border-bottom: 5px solid #24bb9d;
    border-top: 5px solid transparent;
    top: 8px
}

.dropdown-balance__list {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    position: absolute;
    z-index: 200;
    top: 40px;
    right: 6px;
    background-color: #3c3c3c;
    -webkit-box-shadow: 0 -2px 9px 1px rgba(0, 0, 0, .4);
    box-shadow: 0 -2px 9px 1px rgba(0, 0, 0, .4);
    display: none
}

.dropdown-balance__list__item {
    line-height: 1.1;
    cursor: pointer;
    position: relative
}

.dropdown-balance__list__item.off {
    pointer-events: none
}

.dropdown-balance__list__item.off .dropdown-point {
    display: none !important
}

.dropdown-balance__list__item.off span {
    color: #a9a9a9 !important
}

.dropdown-balance__list .dropdown-balance__list__item {
    border-bottom: 2px solid #444;
    padding-left: 30px;
    padding-bottom: 4px;
    margin: 5px 10px 5px 8px
}

.dropdown-balance__list .dropdown-balance__list__item:last-child {
    border: 0
}

.dropdown-balance__list .dropdown-balance__list__item.active .dropdown-point::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #24bb9d;
    position: absolute;
    left: 2px;
    top: 2px
}

.dropdown-balance__list .dropdown-balance__list__item .dropdown-point {
    display: inline-block;
    height: 11px;
    width: 11px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

.mobile__header.with-balance-dropdown {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    min-width: 123px;
    padding-left: 5px;
    font-size: 16px !important
}

.mobile__header.with-balance-dropdown .dropdown-balance__list {
    right: -4px;
    top: 44px
}

.mobile__header.with-balance-dropdown .dropdown-balance__list .dropdown-balance__list__item {
    padding-left: 40px
}

.bonus-flipclock {
    background: url(/images/img/assets/bonus-timers/modules/bonus-flipclock/free-spins.png) no-repeat top, -webkit-radial-gradient(#fff 10%, transparent 60%) no-repeat top;
    background: url(/images/img/assets/bonus-timers/modules/bonus-flipclock/free-spins.png) no-repeat top, radial-gradient(#fff 10%, transparent 60%) no-repeat top;
    background-size: contain !important;
    position: relative;
    height: 300px;
    width: 300px;
    margin: 0 auto 20px
}

.bonus-flipclock .bonus-flipclock__value {
    position: absolute;
    top: 184px;
    right: 17.5%;
    color: #24bb9d;
    font-size: 55px;
    text-shadow: 4px 4px #000;
    text-align: center;
    width: 80px
}

.bonus-flipclock .bonus-flipclock__text {
    padding-top: 283px;
    font-size: 21px
}

.bonus-flipclock .bonus-flipclock__date {
    font-size: 21px
}

.bonus-flipclock.main-timer.timer-active, .bonus-flipclock.timer-active {
    background: url(/images/img/assets/bonus-timers/modules/bonus-flipclock/free-spins.png) no-repeat top, -webkit-radial-gradient(#24bb9d 10%, transparent 60%) no-repeat top;
    background: url(/images/img/assets/bonus-timers/modules/bonus-flipclock/free-spins.png) no-repeat top, radial-gradient(#24bb9d 10%, transparent 60%) no-repeat top
}

.bonus-flipclock.main-timer {
    background-size: 100% 360px !important;
    height: 400px;
    width: 350px;
    padding-bottom: 30px;
    background: url(/images/img/assets/bonus-timers/modules/bonus-flipclock/free-spins.png) no-repeat top, -webkit-radial-gradient(#fff 10%, transparent 60%) no-repeat top;
    background: url(/images/img/assets/bonus-timers/modules/bonus-flipclock/free-spins.png) no-repeat top, radial-gradient(#fff 10%, transparent 60%) no-repeat top
}

.bonus-flipclock.main-timer .bonus-flipclock__value {
    position: absolute;
    top: 224px;
    right: 20%;
    color: #24bb9d;
    font-size: 67px;
    text-shadow: 4px 4px #000;
    text-align: center;
    width: 80px
}

.bonus-flipclock.main-timer .bonus-flipclock__text {
    padding-top: 350px;
    font-size: 21px
}

.bonus-flipclock.main-timer .bonus-flipclock__date {
    font-size: 21px
}

.bonus-flipclock-self, .bonus-flipclock.timer-active .bonus-flipclock__date, .bonus-flipclock.timer-hold .bonus-flipclock__date {
    display: none
}

.bonus-flipclock.timer-active, .bonus-flipclock.timer-hold {
    padding-bottom: 0
}

.bonus-flipclock.timer-active .bonus-flipclock-self, .bonus-flipclock.timer-hold .bonus-flipclock-self {
    display: block;
    position: absolute;
    margin: 0 auto !important;
    width: 255px;
    left: 50%;
    bottom: -70px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.bonus-flipclock.timer-active .bonus-flipclock-self .flip {
    border: 2px solid #24bb9d;
    -webkit-box-shadow: inset 0 0 6px 2px #24bb9d, 0 0 6px 2px #24bb9d !important;
    box-shadow: inset 0 0 6px 2px #24bb9d, 0 0 6px 2px #24bb9d !important
}

.bonus-flipclock.timer-active .bonus-flipclock-self .flip, .bonus-flipclock.timer-hold .bonus-flipclock-self .flip {
    width: 40px;
    height: 50px;
    padding: 0;
    line-height: 50px;
    margin: 0;
    border-radius: 8px !important
}

.bonus-flipclock.timer-active .bonus-flipclock-self .flip:first-child, .bonus-flipclock.timer-hold .bonus-flipclock-self .flip:first-child {
    margin-left: 0;
    border-right: none
}

.bonus-flipclock.timer-active .bonus-flipclock-self .flip:nth-child(2), .bonus-flipclock.timer-hold .bonus-flipclock-self .flip:nth-child(2) {
    border-left: none
}

.bonus-flipclock.timer-active .bonus-flipclock-self .flip:nth-child(3), .bonus-flipclock.timer-active .bonus-flipclock-self .flip:nth-child(6), .bonus-flipclock.timer-hold .bonus-flipclock-self .flip:nth-child(3), .bonus-flipclock.timer-hold .bonus-flipclock-self .flip:nth-child(6) {
    margin-right: 7px
}

.bonus-flipclock.timer-active .bonus-flipclock-self .flip:last-child, .bonus-flipclock.timer-hold .bonus-flipclock-self .flip:last-child {
    margin-right: 0
}

.bonus-flipclock.timer-active .bonus-flipclock-self .flip *, .bonus-flipclock.timer-hold .bonus-flipclock-self .flip * {
    line-height: 50px
}

.bonus-flipclock.timer-active .bonus-flipclock-self .flip .inn, .bonus-flipclock.timer-hold .bonus-flipclock-self .flip .inn {
    font-size: 42px
}

.bonus-flipclock.timer-active .bonus-flipclock-self .flip-clock-divider, .bonus-flipclock.timer-hold .bonus-flipclock-self .flip-clock-divider {
    width: 0;
    height: 0
}

.bonus-flipclock.timer-active .bonus-flipclock-self .flip-clock-divider .flip-clock-label, .bonus-flipclock.timer-hold .bonus-flipclock-self .flip-clock-divider .flip-clock-label {
    color: #fff;
    top: 3.9em;
    right: 50% !important;
    -webkit-transform: translateX(157%);
    transform: translateX(157%);
    font-size: 14px;
    margin: 0;
    text-align: center
}

.bonus-flipclock.timer-active .bonus-flipclock-self .flip-clock-divider .flip-clock-dot, .bonus-flipclock.timer-hold .bonus-flipclock-self .flip-clock-divider .flip-clock-dot {
    display: none;
    visibility: hidden
}

.bonus-flipclock-self .flip-clock-divider.seconds .flip-clock-label {
    -webkit-transform: translateX(145%);
    transform: translateX(145%)
}

.bonus-flipclock-self .flip-clock-divider.days .flip-clock-label {
    -webkit-transform: translateX(180%) !important;
    transform: translateX(180%) !important
}

.bonus-flipclock-self.flip-clock-wrapper ul li a div div.inn {
    background-color: #cdcdcd;
    color: #333;
    text-shadow: none
}

.bonus-flipclock.main-timer.timer-active, .bonus-flipclock.main-timer.timer-hold {
    padding-bottom: 75px
}

.bonus-flipclock.timer-hold .bonus-flipclock-self .flip {
    border: 2px solid #bbb;
    -webkit-box-shadow: inset 0 0 6px 2px #fff, 0 0 6px 2px #fff !important;
    box-shadow: inset 0 0 6px 2px #fff, 0 0 6px 2px #fff !important
}

.bonus-flipclock__shadow {
    display: none;
    position: absolute;
    z-index: 2000;
    width: 100%;
    height: 100%;
    background: -webkit-radial-gradient(rgba(0, 0, 0, .9), transparent 75%) no-repeat center 40px;
    background: radial-gradient(rgba(0, 0, 0, .9), transparent 75%) no-repeat center 40px;
    top: 0;
    left: 0
}

.bonus-flipclock__shadow .bonus-flipclock__shadow--btn {
    position: absolute;
    top: 62%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.bonus-flipclock:hover .bonus-flipclock__shadow {
    display: block
}

.bonus-flipclock.main-timer:hover .bonus-flipclock__shadow {
    display: none
}

.bonus-flipclock__shadow--btn {
    padding: 0 32px
}

@media screen and (max-width: 374px) {
    .bonus-flipclock.main-timer {
        background: url(/images/img/assets/bonus-timers/modules/bonus-flipclock/free-spins.png) no-repeat top, -webkit-radial-gradient(#fff 0, transparent 134px) no-repeat top;
        background: url(/images/img/assets/bonus-timers/modules/bonus-flipclock/free-spins.png) no-repeat top, radial-gradient(#fff 0, transparent 134px) no-repeat top;
        background-size: contain !important;
        position: relative;
        height: 300px;
        width: 300px;
        margin: 0 auto 20px
    }

    .bonus-flipclock.main-timer .bonus-flipclock__value {
        position: absolute;
        top: 184px;
        right: 17.5%;
        color: #e01015;
        font-size: 55px;
        text-shadow: 4px 4px #000;
        text-align: center;
        width: 80px
    }

    .bonus-flipclock.main-timer .bonus-flipclock__text {
        padding-top: 283px;
        font-size: 21px
    }

    .bonus-flipclock.main-timer .bonus-flipclock__date {
        font-size: 21px
    }
}

.gamepage__aside .popup-form--auth .button_green.popup-button--reg {
    margin-bottom: 10px
}

.gamepage__aside, .gamepage__main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gamepage__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gamepage__main .button {
    width: 100%
}

.gamepage__main iframe {
    border: 0;
    width: 100%;
    height: 100%
}

.gamepage__aside {
    padding: 10px;
    color: #fff;
    overflow-x: hidden;
    width: 247px;
    background: rgba(0, 0, 0, .7)
}

.gamepage__aside::-webkit-scrollbar {
    position: fixed;
    display: none
}

.gamepage__aside .logo {
    display: block;
    margin-top: 0;
    margin-bottom: auto
}

.gamepage__aside .logo img {
    display: block;
    margin: auto
}

.gamepage__aside .button {
    display: block;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0;
    margin-top: auto
}

.gamepage__aside-backbtn {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.gamepage__userbar {
    padding-bottom: 50px
}

.gamepage__userbar .bonus__button {
    margin: 0 auto;
    margin-top: 2rem
}

.gamepage__userbar-title {
    color: #fff;
    text-shadow: 0 0 1em #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#343434));
    background: -webkit-linear-gradient(top, #424242 0, #343434 100%);
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px;
    border-radius: 6px;
    padding: 17.5px 10px;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 0;
    cursor: default;
    text-align: center
}

.gamepage__userbar-title::-moz-selection {
    background-color: transparent
}

.gamepage__userbar-title::selection {
    background-color: transparent
}

.gamepage__userbar-list {
    padding: 0;
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    margin: 0 0 10px
}

.gamepage__userbar-item {
    display: block;
    line-height: 1.6em;
    text-align: left
}

.gamepage__userbar-item span:last-child {
    float: right
}

.gamepage__userbar-singleclick {
    padding-bottom: 10px
}

.gamepage__userbar-singleclick__header {
    text-align: center;
    margin: .7em 0
}

.gamepage__userbar-singleclick-field {
    background: url(/images/img/general/min-svg/wallet.svg) no-repeat left 50%;
    margin-bottom: .7em;
    padding-left: 42px
}

.gamepage__userbar-singleclick-input {
    text-align: right;
    padding-right: .3em;
    border-radius: 4px;
    border: 0;
    line-height: 30px;
    color: #000;
    font-size: 20px;
    max-width: 168px;
    width: 130px
}

.gamepage__userbar-singleclick-input:focus {
    outline: 0
}

.gamepage__userbar-singleclick-input[type=number]::-webkit-inner-spin-button, .gamepage__userbar-singleclick-input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.gamepage__userbar-singleclick-label {
    text-align: center;
    display: inline-block;
    margin-left: 12px
}

@media screen and (max-height: 830px) {
    .gamepage__aside-backbtn {
        position: static;
        -webkit-transform: translate(0);
        transform: translate(0);
        width: 100% !important;
        margin-top: 5px
    }

    .gamepage__userbar {
        padding-bottom: 0
    }
}

.striked-title {
    text-align: center;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(48%, transparent), color-stop(48%, #fff), color-stop(53%, #fff), color-stop(53%, transparent));
    background-image: -webkit-linear-gradient(bottom, transparent 48%, #fff 48%, #fff 53%, transparent 53%);
    background-image: linear-gradient(to top, transparent 48%, #fff 48%, #fff 53%, transparent 53%);
    font-size: 16px;
    margin-top: 1em;
    margin-bottom: .3em;
    text-shadow: 0 0 1em #fff
}

.striked-title span {
    background: #0c0c11;
    padding: 0 8px
}

.nexa-jackpot {
    text-align: center;
    margin: 0;
    color: #d01918;
    font-size: 24px
}

.faq {
    color: #fff;
    font-size: 1em
}

.faq ::-moz-selection {
    background-color: transparent
}

.faq ::selection {
    background-color: transparent
}

.faq__content {
    padding-left: 1em;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation-name: faqShow;
    animation-name: faqShow;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: relative;
    z-index: 10;
    margin-bottom: 2em
}

.faq__content ol, .faq__content ul {
    padding-left: 1.25em
}

.faq__content ol li, .faq__content ul li {
    margin-bottom: .55em
}

.faq__content ol li::before {
    margin-right: 1.25em
}

.faq__content ol li:nth-child(1)::before {
    content: "1)"
}

.faq__content ol li:nth-child(2)::before {
    content: "2)"
}

.faq__content ol li:nth-child(3)::before {
    content: "3)"
}

.faq__content ol li:nth-child(4)::before {
    content: "4)"
}

.faq__content ol li:nth-child(5)::before {
    content: "5)"
}

.faq__content ol li:nth-child(6)::before {
    content: "6)"
}

.faq__content ol li:nth-child(7)::before {
    content: "7)";
    margin-right: 2em
}

.faq__content ol li:nth-child(8)::before {
    content: "8)"
}

.faq h2, .faq h3:not(.article__label-dec), .faq h4, .faq h5 {
    font-size: 1.25em;
    padding-top: 1em;
    padding-bottom: .25em;
    margin: 0 0 .75em;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: color .17s ease-in-out;
    transition: color .17s ease-in-out;
    background-color: #262634
}

.faq h2:not(h2,h1)::before, .faq h3:not(.article__label-dec):not(h2,h1)::before, .faq h4:not(h2,h1)::before, .faq h5:not(h2,h1)::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: .8em;
    background-image: url(/images/img/assets/form/select/arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 160%;
    height: 1em;
    width: 1em;
    margin-top: -6px;
    -webkit-transition: -webkit-transform .16s linear;
    transition: transform .16s linear;
    transition: transform .16s linear, -webkit-transform .16s linear;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.faq__trigger {
    position: relative;
    z-index: 40
}

.faq__trigger--active {
    color: #ddd
}

.faq__trigger--active::before {
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important
}

.faq h2 {
    color: #24bb9d
}

.faq .hidden {
    display: none
}

.faq__nav {
    margin-bottom: 1.25em
}

.faq__nav-item {
    line-height: 2.25em
}

.faq__nav-link {
    text-decoration: none;
    color: #24bb9d
}

.faq__nav-link:hover {
    color: #28d0af
}

.faq__search label {
    margin-right: .5em
}

.faq__search .input--text {
    display: inline-block;
    width: auto
}

@media screen and (min-width: 980px) {
    article.faq {
        padding-left: 10px
    }
}

@media only screen and (max-width: 576px) {
    .faq__content {
        padding-left: 0
    }
}

.newyear-banner-tour-second {
    background: url(/images/img/general/banners/tournametns/ny-two/ny-two-bkg.jpg) no-repeat center;
    height: 100%;
    width: 100vw;
    background-size: cover;
    background-position: bottom
}

.newyear-banner-tour-second__content {
    margin: 0 auto;
    height: 100%;
    width: 100%;
    z-index: 6
}

.newyear-banner-tour-second__wrapper {
    max-width: 1280px;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.newyear-banner-tour-first {
    background: url(/images/img/general/banners/tournametns/ny-one/background-tournametns-ny.jpg) no-repeat center;
    height: 100%;
    width: 100vw;
    background-size: cover
}

.newyear-banner-tour-first__content {
    margin: 0 auto;
    background-image: url(/images/img/general/banners/tournametns/ny-one/snow-present.png), url(/images/img/general/banners/tournametns/ny-one/piper.png);
    background-position: 50% 100%, calc((100vw - 1280px) / 2) 100%;
    background-repeat: no-repeat;
    background-size: contain, 340px;
    height: 100%;
    width: 100%;
    z-index: 6
}

@media screen and (min-width: 2000px) {
    .newyear-banner-tour-first__content {
        background-position: 50% 110%, calc((100vw - 1280px) / 2) 100%
    }
}

.newyear-banner-tour-first__wrapper {
    max-width: 1280px;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-image: url(/images/img/general/banners/tournametns/ny-one/satan.png), url(/images/img/general/banners/tournametns/ny-one/nyy-bawl.png);
    background-position: calc(96%) 20%, calc(100% - 300px) 93%;
    background-repeat: no-repeat
}

.newyear-banner-tour-first__text {
    max-width: 603px;
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;
    color: #fff;
    font-weight: 900;
    font-size: 72px;
    text-shadow: 2px 2px 2px #000
}

.newyear-banner-tour-first__text svg {
    position: relative;
    top: 2px
}

.newyear-banner-tour-first__text p {
    margin: 0
}

.newyear-banner-tour-first__text .green-text {
    color: #24bb9d
}

.newyear-banner-tour-first__text .tournament-date {
    font-size: 36px;
    margin: 0
}

.newyear-banner-tour-first__text .tournament-text {
    color: #fff !important
}

.slider__item .button.newyear-banner-tour-first__btn {
    -webkit-transform: none;
    transform: none;
    bottom: 20px;
    padding: .4rem 2rem;
    width: auto
}

@media screen and (max-width: 1280px) {
    .newyear-banner-tour-first__content {
        background-position: 50% 100%, 7px 100%
    }
}

@media screen and (max-width: 768px) {
    .newyear-banner-tour-first__wrapper {
        background: 0 0
    }

    .newyear-banner-tour-first__text {
        font-size: 5vw
    }

    .newyear-banner-tour-first__text svg {
        width: 19vw;
        height: 5vw;
        top: .9vw
    }

    .newyear-banner-tour-first__text .tournament-date {
        font-size: 4vw
    }

    .newyear-banner-tour-first__content {
        background-size: contain, 221px
    }
}

@media screen and (max-width: 450px) {
    .newyear-banner-tour-first {
        background-position: left;
        background: url(/images/img/general/banners/tournametns/ny-one/ny-bkg-mob.jpg) no-repeat center
    }

    .newyear-banner-tour-first__text {
        font-size: 29px !important;
        width: 260px;
        float: right;
        font-weight: 400 !important
    }

    .newyear-banner-tour-first__text svg {
        width: 107px;
        height: 30px;
        top: 4px
    }

    .newyear-banner-tour-first__text .tournament-date {
        font-size: 18px
    }

    .slider__item .button.newyear-banner-tour-first__btn {
        bottom: 60px
    }
}

.loto__item {
    width: 151px;
    height: 254px;
    margin: auto;
    -webkit-transition: -webkit-box-shadow, -webkit-transform .2s ease-in-out;
    transition: box-shadow, transform .2s ease-in-out;
    transition: box-shadow, transform .2s ease-in-out, -webkit-box-shadow, -webkit-transform .2s ease-in-out;
    position: relative;
    cursor: pointer
}

.loto__item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 28px 0 24px -20px rgba(0, 0, 0, .25), -28px 0 24px -20px rgba(0, 0, 0, .25);
    box-shadow: 28px 0 24px -20px rgba(0, 0, 0, .25), -28px 0 24px -20px rgba(0, 0, 0, .25)
}

.loto__item-wrapper {
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #767672;
    padding: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 12px);
    height: calc(100% - 24px);
    background-color: #61615c
}

.loto__item-header {
    text-align: center;
    font-size: 16px;
    margin-bottom: .25em
}

.loto__item-header-title {
    font-weight: 600;
    margin-bottom: .25em
}

.loto__item-header-number, .loto__item-header-title {
    display: block;
    color: #fff;
    line-height: 1em
}

.loto__item-main {
    border-radius: 50%;
    width: 114px;
    height: 114px;
    border: 2px solid #fff;
    font-size: 16px;
    display: block;
    margin: 8px auto;
    position: relative
}

.loto__item .button {
    width: 100%
}

.loto__item-label {
    display: none;
    visibility: hidden;
    width: 100%;
    height: 37px;
    background-image: url(/images/img/general/min-svg/logo_casino.svg);
    background-size: contain;
    background-position: 4px center;
    background-repeat: no-repeat
}

.loto__item--win .loto__item-wrapper {
    border-color: rgba(255, 255, 255, .8)
}

.loto__item--win .loto__item-main {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#0d68b2), to(#1e1f42));
    background-image: -webkit-linear-gradient(bottom, #0d68b2 0, #1e1f42 100%);
    background-image: linear-gradient(to top, #0d68b2 0, #1e1f42 100%);
    display: none;
    visibility: hidden
}

.loto__item--win .loto__item-main--won {
    display: block !important;
    visibility: visible !important;
    overflow: visible !important
}

.loto__item--win .loto__item-logo, .loto__item--win .loto__item-sum {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loto__item--win .loto__item-logo {
    width: 102px;
    display: block;
    margin: auto;
    -webkit-animation: openTicket .33s ease-in both;
    animation: openTicket .33s ease-in both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    top: 32%;
    left: 53%
}

.loto__item--win .loto__item-sum {
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
    font-size: 20px;
    z-index: 20;
    top: 70%;
    left: 50%
}

.loto__item--win .loto__item-label {
    display: block;
    visibility: visible
}

.loto__item--win .button {
    display: none !important;
    visibility: hidden !important
}

.loto__item-main {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#50c5ac), color-stop(50%, #3fa18d), to(#2e7f70));
    background-image: -webkit-linear-gradient(bottom, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    background-image: linear-gradient(to top, #50c5ac 0, #3fa18d 50%, #2e7f70 100%);
    overflow: hidden
}

.loto__item-main--won {
    display: none;
    visibility: hidden
}

.loto__item-lg {
    width: 120px;
    position: absolute;
    display: block;
    margin: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loto__item-lg.slot {
    width: 83%
}

.loto__item-lg.automat {
    width: 85%
}

.loto__item-lg.cards {
    width: 95%
}

.tournament-card .ny-one-tour-card {
    height: 100%;
    width: 100%;
    background: url(/images/img/general/banners/tournametns/ny-one/nyy-bawl.png), url(/images/img/general/banners/tournametns/ny-one/satan.png), url(/images/img/general/banners/tournametns/ny-one/snow-and-piper.png), url(/images/img/general/banners/tournametns/ny-one/background-tournametns-ny.jpg);
    background-size: auto, 174px 234px, cover, cover;
    background-repeat: no-repeat;
    background-position: center, 20% 50%, 50% 7px, center
}

@media screen and (max-width: 1024px) {
    .tournament-card .ny-one-tour-card {
        background: url(/images/img/general/banners/tournametns/ny-one/satan.png), url(/images/img/general/banners/tournametns/ny-one/snow-and-piper.png), url(/images/img/general/banners/tournametns/ny-one/background-tournametns-ny.jpg);
        background-size: 115px 152px, cover, cover;
        background-position: 30% 50%, 90% 7px, center;
        background-repeat: no-repeat
    }
}

@media screen and (max-width: 370px) {
    .tournament-card .ny-one-tour-card {
        background: url(/images/img/general/banners/tournametns/ny-one/snow-and-piper.png), url(/images/img/general/banners/tournametns/ny-one/background-tournametns-ny.jpg);
        background-size: cover, cover;
        background-position: 90% 7px, center;
        background-repeat: no-repeat
    }
}

@media print {
    .page {
        padding: 0
    }

    .header {
        display: none !important
    }

    .article nav, .aside, .row {
        display: none
    }

    .article * {
        color: #000 !important
    }

    .article li {
        margin-left: 0 !important
    }

    .article .lk-table__item {
        border: 1px solid #000
    }

    .article .button, .footer {
        display: none
    }
}

/*! jQuery UI - v1.9.1 - 2012-10-25
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    zoom: 1
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    zoom: 1
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible
}

.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-icons-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary, .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary {
    left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a, .ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px
}

.ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-close:hover {
    padding: 0
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto;
    zoom: 1
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    width: 100%
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    zoom: 1;
    font-weight: 400
}

.ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-focus {
    font-weight: 400;
    margin: -1px
}

.ui-menu .ui-state-disabled {
    font-weight: 400;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

* html .ui-tooltip {
    background-image: none
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: 700
}

.ui-widget-header a {
    color: #222
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #555
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #999;
    background: #dadada url(/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/images/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
    background-image: url(/images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(/images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(/images/ui-icons_888888_256x240.png)
}

.ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(/images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(/images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(/images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #aaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc
}

.flip-clock-wrapper a:hover {
    color: #fff
}

.flip-clock-wrapper ul {
    list-style: none
}

.flip-clock-wrapper.clearfix:after, .flip-clock-wrapper.clearfix:before {
    content: " ";
    display: table
}

.flip-clock-wrapper.clearfix:after {
    clear: both
}

.flip-clock-wrapper {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none
}

.flip-clock-meridium {
    background: 0 0 !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important
}

.flip-clock-meridium a {
    color: #313333
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: 100%;
    margin: 1em
}

.flip-clock-wrapper:after, .flip-clock-wrapper:before {
    content: " ";
    display: table
}

.flip-clock-wrapper:after {
    clear: both
}

.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 5px;
    width: 60px;
    height: 90px;
    font-size: 80px;
    font-weight: 700;
    line-height: 87px;
    border-radius: 6px;
    background: #000
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 87px;
    text-decoration: none !important
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0 !important;
    overflow: visible !important;
    cursor: default !important
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden;
    outline: 1px solid transparent
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0
}

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #ccc;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
    font-size: 70px
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0
}

.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3
}

.flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .7)
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd .5s .5s linear both;
    -moz-animation: asd .5s .5s linear both;
    animation: asd .5s .5s linear both;
    z-index: 5
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 100px
}

.flip-clock-divider:first-child {
    width: 0
}

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    left: 5px
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -86px;
    color: #000;
    text-shadow: none
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -88px
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px
}

.flip-clock-dot.top {
    top: 30px
}

.flip-clock-dot.bottom {
    bottom: 30px
}

@-webkit-keyframes asd {
    0% {
        z-index: 2
    }
    20% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2
    }
    20% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2
    }
    20% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}

@keyframes asd {
    0% {
        z-index: 2
    }
    20% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn .5s .5s linear both;
    -moz-animation: turn .5s .5s linear both;
    animation: turn .5s .5s linear both
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg)
    }
    100% {
        -webkit-transform: rotateX(0)
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg)
    }
    100% {
        -moz-transform: rotateX(0)
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg)
    }
    100% {
        -o-transform: rotateX(0)
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg)
    }
    100% {
        transform: rotateX(0)
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 .5s linear both;
    -moz-animation: turn2 .5s linear both;
    animation: turn2 .5s linear both
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0)
    }
    100% {
        -webkit-transform: rotateX(-90deg)
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0)
    }
    100% {
        -moz-transform: rotateX(-90deg)
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0)
    }
    100% {
        -o-transform: rotateX(-90deg)
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0)
    }
    100% {
        transform: rotateX(-90deg)
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, #000));
    background: linear, top, rgba(0, 0, 0, .1) 0, #000 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
    background: linear, to bottom, rgba(0, 0, 0, .1) 0, #000 100%;
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, #000));
    background: linear, top, rgba(0, 0, 0, .1) 0, #000 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
    background: linear, to bottom, rgba(0, 0, 0, .1) 0, #000 100%;
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .3s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(100%, rgba(0, 0, 0, .1)));
    background: linear, top, #000 0, rgba(0, 0, 0, .1) 100%;
    background: -o-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
    background: -ms-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
    background: linear, to bottom, #000 0, rgba(0, 0, 0, .1) 100%;
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(100%, rgba(0, 0, 0, .1)));
    background: linear, top, #000 0, rgba(0, 0, 0, .1) 100%;
    background: -o-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
    background: -ms-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
    background: linear, to bottom, #000 0, rgba(0, 0, 0, .1) 100%;
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .2s linear both
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

body {
    font-family: Arial
}

.header {
    padding: 5px
}

.content_text {
    color: #e4e4e4;
    padding: 0 25px;
    text-align: justify
}

.label_39 {
    display: none
}

#trustwaveSealImage {
    display: none
}

.gamepage__aside {
    background: #262634 !important
}

.nav__link:hover {
    color: #e4e4e4;
    transition: .3s
}

._orinationRight_25.wrap_mW {
    display: none
}

#telephone_menu {
    display: none;
    background: linear-gradient(to bottom, #424242 0, #343434 100%);
    border-radius: 6px;
    padding: 5px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 1.2em
}

#open_game {
    text-decoration: none
}

.button {
    cursor: pointer
}

.review_container {
    border: 2px solid #ccc;
    background-color: #eee;
    border-radius: 5px;
    padding: 16px;
    margin: 16px 0;
    color: #595959
}

.review_container::after {
    content: "";
    clear: both;
    display: table
}

.review_container img {
    float: left;
    margin-right: 20px;
    border-radius: 50%
}

.review_container span {
    font-size: 20px;
    margin-right: 15px;
    color: #505050
}

@media (max-width: 500px) {
    .review_container {
        text-align: center
    }

    .review_container img {
        margin: auto;
        float: none;
        display: block
    }
}

a {
    color: #24bb9d
}

@media (max-width: 450px) {
    .footer__middle-wrapper {
        display: none
    }

    #telephone_menu {
        display: block
    }

    .jackpot {
        display: none
    }

    .gamepage__aside {
        width: 95%
    }

    .game_page {
        margin-top: 23% !important
    }

    .gamepage__aside .button {
        display: none
    }

    #open_game {
        width: 100% !important
    }

    .main iframe {
        height: 200px !important
    }

    .tournament-card-timer {
        display: none !important
    }

    .nav__list {
        margin-top: 15%;
        margin-left: -50px
    }

    .nav {
        margin-right: 7vw;
        margin-top: 15%
    }

    #proms {
        width: 100% !important
    }

    .container_table {
        overflow-x: scroll
    }
}

.banner--pin-up-bet {
    position: relative;
    max-height: 225px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(/images/img/assets/banner/banner--pin-up-bet/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner--pin-up-bet__text {
    position: absolute;
    right: 10%;
    top: 5%
}

.banner--pin-up-bet__text h2 {
    padding: 0;
    color: #fff;
    letter-spacing: 1.4px;
    margin: 0 0 10px
}

.banner--pin-up-bet__text .pin-up-bet {
    width: 281px;
    margin: 0 0 4px auto;
    display: block
}

.banner--pin-up-bet__text .victory, .banner--pin-up-bet__text h2 {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    text-align: right
}

.banner--pin-up-bet__text .victory .white {
    color: #fff
}

.banner--pin-up-bet__text .victory .red {
    color: #ff3a1a
}

.banner--pin-up-bet__text .victory .green {
    color: #03a98f
}

.banner--pin-up-bet button {
    right: 1% !important
}

.banner--pin-up-bet .girl {
    position: absolute;
    left: 3%;
    width: 459px
}

.banner--pin-up-bet .girl__mob, .pncforbet__date br {
    display: none
}

@media screen and (max-width: 1240px) {
    .banner--pin-up-bet__text {
        right: 6.2%
    }

    .banner--pin-up-bet button {
        right: -37px !important
    }

    .banner--pin-up-bet .girl {
        width: 439px;
        bottom: 0
    }
}

@media screen and (max-width: 980px) {
    .banner--pin-up-bet__text {
        right: 6.7%
    }

    .banner--pin-up-bet button {
        right: -3% !important
    }
}

@media screen and (max-width: 840px) {
    .banner--pin-up-bet button {
        right: -4.5% !important
    }
}

@media screen and (max-width: 740px) {
    .banner--pin-up-bet__text {
        right: 3.7%;
        top: 15%
    }

    .banner--pin-up-bet__text .pin-up-bet {
        width: 225px
    }

    .banner--pin-up-bet__text .victory, .banner--pin-up-bet__text h2 {
        font-size: 24px
    }

    .banner--pin-up-bet button {
        right: -64px !important
    }

    .banner--pin-up-bet .girl {
        left: 0;
        width: 413px
    }
}

@media screen and (max-width: 570px) {
    .banner--pin-up-bet button {
        right: -85px !important;
        bottom: 5px !important
    }

    .banner--pin-up-bet .girl {
        display: none
    }

    .banner--pin-up-bet .girl__mob {
        display: block;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        position: absolute;
        left: -53%;
        bottom: -47.4%;
        width: 104vw
    }

    .banner--pin-up-bet__text {
        right: 10px;
        top: 0;
        -webkit-transform: translate(0, 18%);
        transform: translate(0, 18%)
    }

    .banner--pin-up-bet__text h2 {
        font-size: 18px;
        letter-spacing: 1px
    }

    .banner--pin-up-bet__text .pin-up-bet {
        width: 176px
    }

    .banner--pin-up-bet__text .victory {
        font-size: 18px
    }
}

@media screen and (max-width: 360px) and (max-height: 640px) {
    .banner--pin-up-bet {
        background-size: auto 150%;
        background-position: 29% -1%
    }

    .banner--pin-up-bet__text {
        -webkit-transform: translate(0, 6%);
        transform: translate(0, 6%)
    }

    .banner--pin-up-bet__text h2 {
        margin-bottom: 5px
    }

    .banner--pin-up-bet__text .pin-up-bet {
        margin-bottom: 0
    }
}

@media screen and (max-width: 350px) {
    .banner--pin-up-bet__text {
        -webkit-transform: translate(0, 8%);
        transform: translate(0, 8%)
    }

    .banner--pin-up-bet__text h2 {
        margin-bottom: 7px
    }

    .banner--pin-up-bet__text .pin-up-bet {
        margin-bottom: 1px
    }
}

.banner-welcome--bon {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(#11141e), color-stop(25%, #131a27), color-stop(50%, #131d2f), color-stop(75%, #132032), to(#11263a));
    background: -webkit-linear-gradient(bottom, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    background: linear-gradient(to top, #11141e 0, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%);
    overflow: hidden;
    max-height: 225px;
    font-size: 16px
}

.banner-welcome--bon__envelope {
    left: 2%;
    bottom: 0;
    width: 55%;
    height: 100%;
    position: absolute;
    background: url(/images/img/assets/banner/banner-welcome--bon/envlope.png) no-repeat center bottom;
    background-size: contain
}

.banner-welcome--bon__envelope--text {
    position: absolute;
    right: 8%;
    color: #fff;
    text-transform: uppercase;
    max-width: 10em;
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    top: 51%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner-welcome--bon__chip {
    right: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    position: absolute;
    background: url(/images/img/assets/banner/banner-welcome--bon/right-chip.png) no-repeat center bottom;
    background-size: contain
}

.welcome--bon__chip-wrap {
    position: absolute;
    width: 15em;
    right: 15%;
    top: 18%;
    text-align: center
}

.welcome--bon__chip-textup {
    display: block;
    color: #24bb9d;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 700
}

.welcome--bon__chip-textdown {
    font-weight: 700;
    font-size: 1.2em;
    margin-top: .4em;
    display: block;
    color: #fff
}

.banner-welcome--bon__chip .welcome--bon__chip-wrap .banner-welcome--bon__button {
    position: static !important;
    display: block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    margin: 1.7em auto 0
}

.banner-welcome--stars {
    top: 10%;
    position: absolute;
    height: 70%;
    left: 3%;
    width: 50%
}

.banner-welcome--star {
    position: absolute;
    background: url(/images/img/assets/banner/banner-welcome--bon/star.png) no-repeat center bottom;
    background-size: contain;
    width: 40px;
    height: 40px
}

.owl-item .banner-welcome--star {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.banner-welcome--star:nth-child(1) {
    top: 36%;
    left: 38%;
    -webkit-animation-name: welcome-star-1;
    animation-name: welcome-star-1
}

.banner-welcome--star:nth-child(2) {
    width: 50px;
    height: 50px;
    top: -7%;
    left: 35%;
    -webkit-animation-name: welcome-star-2;
    animation-name: welcome-star-2
}

.banner-welcome--star:nth-child(3) {
    width: 50px;
    height: 50px;
    top: -18%;
    left: 42%;
    -webkit-animation-name: welcome-star-3;
    animation-name: welcome-star-3
}

.banner-welcome--star:nth-child(4) {
    top: 46%;
    left: -5%;
    -webkit-animation-name: welcome-star-4;
    animation-name: welcome-star-4
}

.banner-welcome--star:nth-child(5) {
    top: 3%;
    left: 12%;
    -webkit-animation-name: welcome-star-5;
    animation-name: welcome-star-5
}

.banner-welcome--star:nth-child(6) {
    width: 50px;
    height: 50px;
    top: 69%;
    left: 57%;
    -webkit-animation-name: welcome-star-6;
    animation-name: welcome-star-6
}

.banner-welcome--star:nth-child(7) {
    width: 50px;
    height: 50px;
    top: 16%;
    left: 82%;
    -webkit-animation-name: welcome-star-7;
    animation-name: welcome-star-7
}

.banner-welcome--star:nth-child(8) {
    top: 34%;
    left: 13%;
    -webkit-animation-name: welcome-star-8;
    animation-name: welcome-star-8
}

@media screen and (max-width: 1280px) {
    .banner-welcome--bon__envelope {
        width: 566px
    }
}

@media screen and (max-width: 1180px) {
    .banner-welcome--bon__envelope {
        width: 498px;
        left: -4%
    }

    .banner-welcome--bon__envelope--text {
        top: 57%
    }

    .banner-welcome--bon__chip {
        width: 460px
    }

    .welcome--bon__chip-wrap {
        right: 13%
    }
}

@media screen and (max-width: 980px) {
    .banner-welcome--bon__chip {
        background-size: auto;
        width: 46%
    }

    .welcome--bon__chip-wrap {
        right: 6%
    }

    .banner-welcome--bon__envelope {
        left: 0
    }
}

@media screen and (max-width: 800px) {
    .banner-welcome--bon__chip {
        width: 49%;
        background-size: cover
    }
}

@media screen and (max-width: 768px) {
    .banner-welcome--bon__chip {
        background: 0 0
    }

    .banner-welcome--bon__envelope--text {
        top: 58%;
        right: 7%
    }

    .content_text table tr td:not(:first-child):not(:last-child) {
        display: none
    }

    .content_text table tr th:not(:first-child):not(:last-child) {
        display: none
    }
}

@media screen and (max-width: 700px) {
    .banner-welcome--bon__envelope--text, .banner-welcome--stars {
        display: none
    }

    .banner-welcome--bon__envelope {
        background-image: url(../img/assets/banner/banner-welcome--bon/enevlope-mob.png);
        width: 55%
    }
}

@media screen and (max-width: 480px) {
    .banner-welcome--bon__envelope {
        width: 50%;
        background-size: 81%
    }
}

@media screen and (max-width: 444px) {
    .welcome--bon__chip-wrap {
        top: 4vw;
        right: 0
    }

    .banner-welcome--bon__chip .welcome--bon__chip-wrap .banner-welcome--bon__button {
        margin-top: 2vw
    }
}

@media screen and (max-width: 400px) {
    .banner-welcome--bon {
        font-size: 14px
    }
}

@media screen and (max-width: 350px) {
    .banner-welcome--bon {
        font-size: 13px
    }

    .banner-welcome--bon__envelope {
        background-size: 100%;
        background-position: -12px 100%;
        width: 50%
    }
}

.sidebar__item--reg a:before {
    background: url(/images/img/general/sidebar/next.svg) no-repeat center;
    content: "";
    display: inline-block;
    width: 27px;
    height: 27px;
    position: relative;
    top: 50%;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 5px
}

#faq .question:hover {
    cursor: pointer;
    background: #4f4f82;
    transition: .3s
}

#faq .question {
    display: block;
    background: #3f3f58;
    padding: 15px;
    transition: .3s
}

#faq .answer p {
    padding: 15px;
    margin: unset !important;
    background: #333348;
    font-style: italic
}

#faq .item:hover {
    border: 1px solid #4f4f82
}

#faq .item {
    border: 1px solid #454561
}

#faq .h {
    padding: 15px;
    font-size: 20px
}