* {
    font-family: Arial,sans-serif
}

*,::before,::after {
    box-sizing: border-box
}

body,p,figure,ul,li {
    margin: 0;
    padding: 0
}

::selection {
    background: #3f51b5;
    color: #fff
}

body {
    -webkit-font-smoothing: antialiased;
    background: #3a4954;
    min-width: 320px;
    overflow-x: hidden;
    overflow-y: scroll;
    font-size: 1rem;
    font-family: sans-serif;
    text-rendering: optimizeLegibility;
    line-height: 1.5rem
}

a {
    color: #e90936
}

img {
    max-width: 100%;
    height: auto
}

details summary {
    list-style: none
}

details summary::-webkit-details-marker {
    display: none
}

div#toc_10 {
    font-size: 20px
}

details:focus,summary:focus {
    outline: 0
}

.container {
    max-width: 1160px;
    margin: 0 auto;
    overflow-x: hidden;
    position: relative
}

.z-depth-1 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.bold {
    font-weight: bold
}

.m-10 {
    margin: 10px 0
}

.m-15 {
    margin: 10px 0
}

.m-20 {
    margin: 10px 0
}

.dtls-menu-wrp summary.burger-btn {
    width: 38px;
    height: 34px;
    display: inline-block;
    position: absolute;
    z-index: 9;
    right: 10px;
    top: 10px
}

.toc-wrp {
    margin-top: 15px
}

.dtls-menu-wrp summary.burger-btn::after {
    content: "☰";
    display: inline-block;
    width: 36px;
    height: 34px;
    line-height: 32px;
    font-size: 22px;
    background: #e1e1e1;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    font-family: sans-serif;
    font-weight: 900;
    background-color: #e44f5b;
    margin: 0
}

.dtls-menu-wrp[open] summary::after {
    content: "✕"
}

.dtls-menu-wrp .menu {
    display: flex;
    flex-flow: column wrap;
    position: absolute;
    justify-content: space-around;
    margin: 15px 0;
    top: 25px;
    right: 12px;
    z-index: 9;
    text-align: center;
    background: #445058;
    width: 200px;
    padding: 10px 0
}

.dtls-menu-wrp .menu a {
    padding: 10px;
    color: #fff;
    font-size: 1.1rem;
    text-transform: uppercase
}

.dtls-menu-wrp .menu .b-lnk {
    padding: 10px;
    text-shadow: 0 0 40px #0afbda;
    color: #0afbda
}

@media screen and (min-width: 1161px) {
    .dtls-menu-wrp summary.burger-btn {
        display:none
    }

    .dtls-menu-wrp .menu {
        flex-flow: row nowrap;
        position: static;
        width: 100%;
        margin: 10px auto;
        box-shadow: none;
        padding: 0
    }
}

.first-block {
    display: flex;
    flex-flow: column wrap;
    padding: 8px;
    background: #fff;
    color: #222;
    border-radius: 3px;
    text-align: center
}

.first-block-ch-1 {
    height: 78px
}

.first-block-ch-1 .figure-img {
    max-width: 164px;
    height: 74px
}

.first-block-name {
    line-height: 1.4
}

.visit {
    width: 90%;
    max-width: 300px;
    color: #000;
    font-weight: 700;
    font-size: 17px;
    padding: 4px 0 7px 0;
    margin: 12px 0 5px 0;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    background-color: #ffd167;
    box-shadow: 0 0 2px #ffd167,inset 0 -4px 1px #84610f
}

.visit:hover {
    background-color: #ffc107;
    box-shadow: 0 0 2px #bababa,inset 0 -4px 1px #75580a
}

.visit:active {
    color: #fff
}

.rating-casino {
    display: inline-block;
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    padding: 14px;
    border: 2px solid #e90936;
    border-radius: 50%
}

.rating {
    position: relative;
    width: 130px;
    height: 35px;
    margin: 5px auto
}

.rating__best {
    background: url("../images/stars.png") no-repeat;
    width: 130px;
    height: 35px;
    position: absolute;
    background-size: 130px 210px
}

.rating__current {
    background: url("../images/stars.png") 0 -35px no-repeat;
    height: 35px;
    position: absolute;
    background-size: 130px 210px
}

@media screen and (min-width: 1161px) {
    .first-block {
        flex-flow:row nowrap;
        padding: 15px 5px
    }

    .first-block-ch-1 {
        align-self: center;
        position: relative;
        left: 10px;
        bottom: 15px;
        width: 164px;
        height: 78px
    }

    .first-block-ch-3 {
        width: 440px;
        border-left: 1px solid #dee2e6;
        text-align: center
    }

    .rating-text {
        font-size: 12px
    }
}

.slots-info {
    text-align: center;
    margin: 60px 0 30px 0
}

.s-ico {
    display: inline-block;
    height: 25px;
    font-size: 16px;
    z-index: 9;
    position: relative;
    padding: 0 18px 0 53px;
    text-transform: uppercase;
    font-weight: 500;
    font-weight: bold;
    white-space: nowrap
}

.s-ico.inf {
    background: #f5f5f5 url("../fonts/list-solid.svg") 14px center no-repeat
}

.s-ico.pay {
    background: #f5f5f5 url("../fonts/money-check-alt-solid.svg") 10px center no-repeat
}

.s-ico.pm {
    background: #f5f5f5 url("../fonts/receipt-solid.svg") 20px center no-repeat
}

.line-gray {
    border-bottom: 1px solid #bfcdd6;
    display: block;
    position: relative;
    top: 13px
}

.details-table {
    border-collapse: collapse;
    width: 100%;
    margin: 20px 0 30px
}

.detail .circle {
    width: 10px;
    height: 10px;
    margin: 0 5%;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid
}

.circle.yellow {
    border-color: #ffd167
}

.circle.red {
    border-color: #f84448
}

.circle.blue {
    border-color: #0068bf
}

.detail:nth-child(odd) {
    background: #fff
}

.detail:nth-child(even) {
    background: #f7fafc
}

.details-table td {
    padding: 12px 7px
}

.details-table td:first-of-type {
    width: 300px
}

.promocode-wrp {
    display: flex;
    flex-direction: column;
    margin: 13px 0 0 0;
    margin: 35px auto;
    max-width: 260px;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center
}

#cupon {
    border: 0;
    padding: 5px;
    text-align: center;
    width: 250px;
    font-size: 18px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 3px;
    margin-bottom: 9px;
    height: 37px
}

#cupon:focus {
    outline: 0
}

#cupon_btn {
    background-color: #ffd167;
    box-shadow: 0 0 2px #ffd167,inset 0 -4px 1px #84610f;
    color: #000;
    cursor: pointer;
    border: 0;
    padding: 5px 5px 7px 5px;
    width: 250px;
    font-size: 18px;
    border-radius: 3px;
    font-weight: bold;
    height: 37px
}

#cupon_btn:hover {
    background-color: #ffc107;
    box-shadow: 0 0 2px #bababa,inset 0 -4px 1px #75580a
}

#cupon_btn:focus {
    outline: 0
}

.ch {
    white-space: pre
}

.finans-block {
    padding: 5px
}

.f-row {
    display: flex
}

.f-row div:first-of-type {
    min-width: 120px;
    text-align: center;
    display: inline-block
}

.f-cell {
    background: #fff;
    padding: 7px;
    margin: 5px;
    flex-flow: row wrap
}

.f-cell:last-of-type {
    width: 100%
}

.f-ico {
    width: 28px;
    height: 28px;
    background-size: contain;
    display: inline-block
}

.time {
    background: url("../fonts/clock-regular.svg") center center no-repeat
}

.deposit {
    background: url("../fonts/sign-in-alt-solid.svg") center center no-repeat
}

.withdraw {
    background: url("../fonts/sign-out-alt-solid.svg") center center no-repeat
}

.wallet {
    background: url("../fonts/wallet-solid.svg") center center no-repeat
}

.credit-card {
    background: url("../fonts/credit-card-regular.svg") center center no-repeat
}

.f-ico+span {
    display: block
}

.f-type {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center
}

.badge-zzz {
    color: #333;
    padding: 2px 5px;
    border-radius: 10px;
    font-size: smaller;
    border: 1px solid rgba(54,53,53,.225)
}

.toc-wrp {
    background: #fff;
    padding: 15px 25px;
    border-radius: 10px;
    box-shadow: 0 1px 0 0 #d7d8db,0 0 0 1px #e3e4e8
}

.toc-wrp .toc-head {
    font-size: 18px
}

.toc-wrp ol {
    counter-reset: li;
    margin: 15px 0;
    padding: 0 0 0 1rem;
    list-style: none
}

.toc-wrp li {
    display: flex;
    margin: 7px 0
}

.toc-wrp li::before {
    counter-increment: li;
    content: counters(li,".") ". ";
    margin-right: 7px;
    font-size: 14px
}

.toc-wrp li a {
    display: inline;
    color: #000;
    text-decoration: none;
    font-size: 14px
}

.toc-wrp li a:hover {
    color: #e90936
}

.toc-list-dtls ol {
    padding: 0;
    margin: 10px 0
}

details summary {
    list-style: none
}

details summary::-webkit-details-marker {
    display: none
}

details:focus,summary:focus {
    outline: 0
}

details[open] summary::after {
    content: "-"
}

.mobile-grid {
    text-align: center;
    display: flex;
    flex-flow: column wrap;
    margin: 15px 0 0 0
}

@media screen and (min-width: 1161px) {
    .mobile-grid {
        flex-flow:row nowrap
    }
}

.mobile-grid-item {
    margin: 12px 0;
    margin: auto;
    background: #fff;
    padding: 60px;
    border-radius: 10px;
    width: 48%
}

.mobile-grid-item .android {
    background: url("../images/android.jpg") center center no-repeat;
    width: 200px
}

.mobile-grid-item .appstore {
    background: url("../images/app-store.jpg") center center no-repeat;
    width: 200px
}

.mobile-grid-item .mob-link {
    display: inline-block;
    background-size: contain;
    height: 54px;
    color: transparent;
    border-radius: 10px
}

.mobile-grid-item .mob-link::selection {
    color: transparent
}

.mobile-grid-item .mob-name {
    margin: 10px 0;
    font-size: 20px
}

.mobile-grid-item .content {
    font-size: 16px;
    margin: 0 10px;
    line-height: 1.3
}

.card {
    border-collapse: collapse;
    background: #24323c;
    color: #fff;
    padding: 20px;
    display: block;
    border-radius: 3px;
    margin: 20px 0 0 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.card tbody {
    display: block
}

.card-logo {
    text-align: center;
    font-weight: bold;
    color: #3b958b;
    line-height: 1
}

.card-logo .card-label-text {
    font-size: 1.25rem
}

.card-logo .act {
    font-size: 1.6rem;
    line-height: 1.5
}

.card-body {
    display: flex;
    align-items: center;
    justify-content: center
}

.card-body-inf {
    align-self: flex-start;
    min-width: 110px;
    display: none
}

.card-body-descr {
    padding: 0 20px 0;
    font-size: 1.093rem
}

.card-body-descr .card-heading {
    margin-bottom: 12px
}

.card-body-descr .card-heading a {
    font-family: "Roboto Slab",serif;
    color: #fff200;
    text-shadow: 2px 1px #e44f5b;
    font-size: 1.45rem;
    text-decoration: none
}

.card-body-descr .card-heading a:hover {
    text-decoration: underline
}

.card-body-descr .card-heading a:active {
    color: #e90936
}

.card-body-descr .card-text .card-text-spr {
    margin: 0 0 10px 0;
    display: inline-block
}

.button {
    width: 200px;
    background: #ffd167;
    color: #000;
    font-weight: bold;
    display: block;
    text-align: center;
    border-radius: 4px;
    padding: 10px;
    position: relative;
    margin: 0 auto;
    text-decoration: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.button:hover {
    background-color: #ffc107
}

.button:active {
    color: #fff
}

.promocode-i {
    background: url("../fonts/coupon.svg") no-repeat;
    width: 54px;
    height: 53px;
    background-size: 100%;
    margin: 0 auto 5px auto
}

.bonus-i {
    background: url("../fonts/cashback.svg") no-repeat;
    width: 50px;
    height: 50px;
    background-size: 100%;
    margin: 0 auto 5px auto
}

@media screen and (max-width: 1160px) {
    .card {
        padding:10px 0 30px 0
    }

    .card-body {
        flex-flow: column wrap;
        text-align: center
    }

    .card-body-inf {
        align-self: initial;
        padding: 12px 18px;
        display: none
    }

    .card-text {
        margin: 15px 0
    }
}

.text-blk {
    padding-left: 7px;
    padding: 15px;
    margin-top: 15px;
    color: #fff;
    letter-spacing: 1px
}

.text-blk h2,.text-blk .h2 {
    margin: 30px 0 0 0;
    font-weight: bold;
    color: #fff200;
    text-shadow: 2px 1px #e44f5b
}

.text-blk h3,.text-blk .h3 {
    margin: 20px 0 0 0;
    font-weight: bold;
    color: #fff200;
    text-shadow: 2px 1px #e44f5b
}

.text-blk p {
    margin: 10px 0;
    font-family: "Open Sans",sans-serif
}

.text-blk ul {
    margin: 0 0 0 30px;
    font-family: "Open Sans",sans-serif
}

.text-blk ol {
    font-family: "Open Sans",sans-serif
}

.text-blk table td {
    font-family: "Open Sans",sans-serif
}

.text-blk table tr:first-child {
    color: #e44f5b
}

.text-blk ul li {
    margin: 7px 0
}

.std-table {
    border-collapse: collapse;
    margin: 0 auto
}

.std-table td {
    border: 1px solid #000;
    padding: 5px 15px
}

.img-obj {
    display: block;
    margin: 20px auto
}

.faq-wrp .answ {
    margin: 5px 0
}

.faq-wrp p {
    margin: 5px 0
}

.h3 {
    font-size: 1.17em
}

.page-footer {
    text-align: center;
    background-color: #0a0a0a;
    color: #9990ca;
    padding: 20px 20px 0;
    border-top: 1px solid #9990ca
}

.page-footer .lead {
    margin: 10px 0;
    border-bottom: 1px solid #9990ca
}

.video-container {
    margin: 30px auto;
    position: relative;
    padding-bottom: 48%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 90%
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hide {
    display: none
}

html,body,div,span,h1,a,img,b,i,ul,li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

body {
    line-height: 1
}

ul {
    color: inherit;
    list-style: disc
}

@font-face {
    font-family: "Saxony-Bold";
    src: url("../fonts/Saxony-Bold.eot");
    src: url("../fonts/Saxony-Bold.woff2") format("woff2"),url("../fonts/Saxony-Bold.woff") format("woff"),url("../fonts/Saxony-Bold.ttf") format("truetype"),url("../fonts/Saxony-Bold.svg#Saxony-Bold") format("svg"),url("../fonts/Saxony-Bold.eot#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/RobotoRegular.eot");
    src: url("../fonts/RobotoRegular.eot#iefix") format("embedded-opentype"),url("../fonts/RobotoRegular.woff") format("woff"),url("../fonts/RobotoRegular.ttf") format("truetype"),url("../fonts/RobotoRegular.svg#RobotoRegular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/RobotoBold.eot");
    src: url("../fonts/RobotoBold.eot") format("embedded-opentype"),url("../fonts/RobotoBold.woff2") format("woff2"),url("../fonts/RobotoBold.woff") format("woff"),url("../fonts/RobotoBold.ttf") format("truetype"),url("../fonts/RobotoBold.svg#RobotoBold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/RobotoItalic.eot");
    src: url("../fonts/RobotoItalic.eot") format("embedded-opentype"),url("../fonts/RobotoItalic.woff2") format("woff2"),url("../fonts/RobotoItalic.woff") format("woff"),url("../fonts/RobotoItalic.ttf") format("truetype"),url("../fonts/RobotoItalic.svg#RobotoItalic") format("svg");
    font-weight: normal;
    font-style: italic;
    font-display: swap
}

i {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    flex-shrink: 0
}

i.info {
    background-image: url("../fonts/information.svg");
    opacity: .75
}

i.icon-plus {
    background-image: url("../fonts/icon-plus.svg")
}

i.icon-minus {
    background-image: url("../fonts/icon-minus.svg")
}

i.icon-casino-type {
    background-image: url("../images/tip-casino.png")
}

i.icon-calendar {
    background-image: url("../images/data-osnovaniya.png")
}

i.icon-telephone {
    background-image: url("../images/telefon.png")
}

i.icon-mail {
    background-image: url("../images/pochta.png")
}

i.icon-internet {
    background-image: url("../images/opera.png")
}

i.icon-money-bag {
    background-image: url("../images/licenziya-2.png")
}

i.icon-time {
    background-image: url("../images/vremya-vyvoda.png")
}

i.icon-money-limit {
    background-image: url("../images/limit-vyvoda-2.png")
}

i.icon-deposit {
    background-image: url("../images/sposoby-depozita-2.png")
}

i.icon-verification {
    background-image: url("../images/verifikaciya.png")
}

i.icon-speed {
    background-image: url("../images/skorost-vyvoda.png")
}

i.icon-jackpot {
    background-image: url("../images/jekpot.png")
}

i.icon-rtp {
    background-image: url("../images/rtp.png")
}

i.icon-games {
    background-image: url("../images/kolichestvo-igr.png")
}

i.icon-slots {
    background-image: url("../images/vsego-igr.png")
}

i.icon-mobv {
    background-image: url("../images/prilozhenie.png")
}

i.icon-currency {
    background-image: url("../images/valyuta.png")
}

i.icon-application {
    background-image: url("../images/application.png")
}

i.icon-country {
    background-image: url("../images/coronavirus.png")
}

i.icon-lang {
    background-image: url("../images/translate.png")
}

i.icon-bonus {
    background-image: url("../images/bonus.png")
}

i.icon-fs {
    background-image: url("../images/freespiny.png")
}

i.icon-wager {
    background-image: url("../images/vejger.png")
}

.i-windows,.i-apple,.i-android {
    display: block;
    width: 32px;
    height: 32px;
    -webkit-background-size: cover;
    background-size: cover;
    filter: drop-shadow(0 0 1px rgba(0,0,0,.5))
}

.i-windows {
    background-image: url("../fonts/logo_1.svg")
}

.i-apple {
    background-image: url("../images/ios.png")
}

.i-android {
    background-image: url("../images/ios.png")
}

.casino-opwrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-family: "Oswald",sans-serif
}

.download {
    display: flex;
    height: max-content
}

.rating {
    position: relative;
    width: 130px;
    height: 35px
}

.rating__best {
    background: url("../images/stars_1.png") no-repeat;
    width: 130px;
    height: 35px;
    position: absolute;
    background-size: 130px 210px
}

.rating__star {
    width: 26px;
    height: 35px;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.rating__star_1 {
    left: 0
}

.rating__star_2 {
    left: 26px
}

.rating__star_3 {
    left: 52px
}

.rating__star_4 {
    left: 78px
}

.rating__star_5 {
    left: 104px
}

.rating__current {
    background: url("../images/stars_1.png") 0 -35px no-repeat;
    height: 35px;
    position: absolute;
    background-size: 130px 210px
}

* {
    box-sizing: border-box
}

img {
    max-width: 100%;
    vertical-align: top
}

a {
    text-decoration: none;
    outline: 0;
    color: #3f51b5;
    transition: color 300ms ease-out
}

a:hover {
    color: #a989e1
}

h1 {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
    text-align: center
}

h1:first-child {
    margin-top: 0
}

h1 {
    margin-top: 15px;
    margin-bottom: 10px
}

h1 {
    font-size: 25px;
    margin-top: 0
}

h1:first-of-type {
    margin-top: 0
}

i {
    font-style: italic
}

b {
    font-weight: bold
}

body {
    font: 14px "Roboto",Arial,sans-serif;
    line-height: 1.4;
    min-width: 320px
}

.container {
    max-width: 1370px;
    margin: 0 auto
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    padding: 5px 10px;
    border: 0;
    border-radius: 3px;
    color: #232323;
    background: rgba(0,0,0,.07);
    cursor: pointer;
    transition: background 200ms linear
}

.btn:hover {
    color: #bcffee;
    background: #1fb992
}

.btn.btn-green {
    background: 0;
    border: 2px solid #fff200;
    color: #fff200;
    font-size: 1rem;
    transition: all 200ms linear;
    text-transform: uppercase
}

.btn-icon::after {
    position: absolute;
    color: rgba(0,0,0,.3);
    top: 0;
    right: 0;
    width: 35px;
    background: rgba(0,0,0,.1);
    font-size: 35px;
    line-height: .9;
    height: 100%
}

.btn.btn-green:hover {
    transform: scale(1.1);
    filter: brightness(110%)
}

.btn.btn-red {
    background: 0;
    border: 2px solid #e44f5b;
    color: #e44f5b;
    font-size: 1rem;
    transition: all 200ms linear;
    text-transform: uppercase
}

.btn.btn-red:hover {
    transform: scale(1.1);
    filter: brightness(110%)
}

.block-white {
    background: #24323c;
    padding: 15px 25px;
    margin: 15px 0 0 0
}

.stars-wrap .rating__current,.stars-wrap .rating__best {
    background-size: 130px 105px
}

.stars-wrap .rating,.stars-wrap .rating__current,.stars-wrap .rating__star,.stars-wrap .rating__best {
    height: 25px
}

.param-title {
    font-size: 28px;
    font-weight: bold;
    margin: 5px;
    font-family: "Roboto Slab",serif;
    color: #fff;
    text-shadow: 3px 2px #679ede
}

.breadcrumbs ul {
    display: flex
}

.breadcrumbs li {
    margin-right: 10px;
    color: #699292;
    text-transform: uppercase
}

.breadcrumbs li:last-of-type {
    margin-right: 0
}

.breadcrumbs a {
    color: #699292
}

.breadcrumbs a:hover {
    color: #ce0012
}

.update-date {
    color: #699292;
    text-transform: uppercase
}

.download {
    display: flex;
    height: max-content;
    position: relative
}

.download-right {
    min-width: 150px;
    padding: 10px;
    display: flex;
    justify-content: space-evenly;
    border-radius: 0 10px 10px 0
}

.casino-header {
    background-color: #0a0a0a;
    background-size: 400px 400px;
    backdrop-filter: blur(7px)
}

.casino-header .casino-header-info {
    padding-bottom: 25px;
    max-width: 1260px;
    margin: 0 auto;
    display: flex
}

.casino-header .left-block {
    width: 20%;
    margin-right: 1em
}

.casino-header .casino-header-top {
    display: flex;
    justify-content: space-between;
    padding: 20px 10px;
    font-size: 12px
}

.casino-header .casino-logo {
    flex: 0 0 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 171px;
    padding: 5px;
    margin-right: 15px;
    position: relative;
    border-radius: 5px;
    width: 100%
}

.casino-header .casino-title {
    color: #fff;
    font-size: 25px;
    text-align: left;
    font-family: "Roboto Slab",serif;
    text-shadow: 3px 2px #679ede
}

.casino-header .right-block {
    width: 78%
}

.download-wrapper {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.casino-header .our-opinion {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 0;
    border-radius: 4px
}

.bonuses-list {
    flex: 0 0 450px;
    position: relative;
    overflow: hidden;
    outline: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 15px
}

#quip-add-comment-qcom {
    margin-bottom: 15px
}

.bonus-item {
    position: relative;
    display: block;
    background-color: #24323c;
    background-size: 400px 400px;
    border-radius: 10px;
    overflow: hidden;
    outline: 0;
    width: 32%;
    border: #fff200 solid 2px
}

.bonus-item .info {
    float: right;
    position: absolute;
    top: 10px;
    right: 0
}

.bonus-item .bonus-type {
    flex: 0 0 50%;
    padding: 20px 50px 20px 50px;
    font-size: 19px;
    line-height: 1.2;
    font-weight: bold;
    font-style: italic;
    color: white
}

.bonus-item .bonus-info {
    flex: 1 1 auto;
    background-color: #24323c;
    background-image: url("../images/translucent-fibres.png");
    padding: 15px 20px 15px 50px;
    border-top: #fff200 solid 1px
}

.bonus-item .param-row {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 1.1;
    margin-bottom: 3px
}

.bonus-item .param-row:last-of-type {
    margin-bottom: 0
}

.bonus-item .param-name {
    color: #fff;
    text-transform: uppercase
}

.bonus-item .param-value {
    text-align: right;
    color: #0afbda
}

.bonus-item .stamp {
    position: absolute;
    left: 70%;
    top: 10px;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    background: url("../fonts/stamp.svg") no-repeat;
    background-size: contain;
    color: #0071ff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    padding: 8px
}

.bonus-item .btn-wrap {
    text-align: center;
    margin-top: 10px
}

.bonus-item .btn {
    padding: 10px 15px;
    font-size: 14px
}

.casino-header .btn {
    display: block;
    width: 100%;
    padding: 13px 20px;
    margin: 5px 0;
    text-align: center
}

.casino-header .chi-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    width: 70%
}

.casino-header .list {
    flex: 0 1 48%;
    color: #f1f200
}

.casino-header .list .caption {
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto Slab",serif
}

.casino-header .list .caption.plus {
    color: #67c600;
    border-bottom: 1px solid #67c600
}

.casino-header .list .caption.minus {
    color: #fbae01;
    border-bottom: 1px solid #fbae01
}

.casino-header .list li {
    margin-bottom: 5px
}

.casino-header .list li:last-of-type {
    margin-bottom: 0
}

.casino-header .list i {
    width: 15px;
    height: 15px;
    margin-bottom: -2px
}

.casino-header .list i.icon-minus {
    width: 12px;
    height: 12px
}

.casino-bottom-params {
    justify-content: space-around
}

.param-tit {
    width: 48%;
    display: inline-block;
    text-align: center
}

.table-f,.table-s {
    width: 48%;
    display: inline-table;
    margin: auto 10px
}

.casino-bottom-params .params-column {
    flex: 1 1 40%;
    margin: 0 15px
}

.casino-bottom-params .param-row {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.2;
    min-height: 32px;
    justify-content: space-between;
    background: transparent url("../images/dotted.png") repeat-x 0 19px
}

.casino-bottom-params .param-row .param {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0 5px
}

.casino-bottom-params .param-row .value {
    color: #000;
    font-weight: 600;
    margin-left: 10px;
    background: #fff;
    padding: 0 5px;
    text-align: end;
    max-width: 49%
}

.casino-info-bottom {
    padding: 10px;
    margin-top: 15px
}

.casino-info-bottom .casino-info-row {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    border: 1px solid #dce7ee;
    border-radius: 4px;
    background: #fff;
    padding: 13px
}

.casino-info-bottom .casino-info-row .param-row {
    display: flex;
    align-items: center;
    font-size: 22px;
    line-height: 1.1
}

.casino-info-bottom .casino-info-row .param-row .param {
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-right: 10px
}

.casino-info-bottom .casino-info-row .param-row .value {
    color: #db4040
}

.casino-info-bottom .casino-info-row .param-row i {
    width: 30px;
    height: 30px
}

a {
    text-decoration: none !important
}

@media(max-width: 768px) {
    .reg-button {
        display:block;
        margin: 20px auto !important;
        width: 90% !important
    }

    .table-f {
        margin-bottom: 10px
    }

    .table-f,.table-s {
        width: 95%
    }

    .table-f tr td:first-child,.table-s tr td:first-child {
        width: 50%
    }

    .table-f tr td:last-child,.table-s tr td:last-child {
        width: 50%
    }

    .param-tit {
        display: none
    }

    .mobile-grid-item {
        margin: 12px auto;
        background: #fff;
        padding: 60px;
        border-radius: 10px;
        width: 90%
    }

    .casino-bottom-params .param-row {
        margin: 10px 0
    }

    .casino-header .casino-header-top {
        display: block
    }

    .casino-header .casino-header-info {
        display: block;
        padding: 10px
    }

    .mb {
        display: block !important
    }

    .mw {
        width: 100% !important
    }

    .casino-info-bottom .casino-info-row {
        justify-content: initial
    }

    .casino-info-bottom .casino-info-row .param-row {
        font-size: 14px
    }

    .casino-header {
        background: #222
    }

    .block-white {
        margin: 0;
        padding: 0;
        box-shadow: none
    }

    .game.sn-viewport--in {
        width: 47% !important
    }

    .game__button .button {
        width: 30% !important
    }

    .casino-header .list .caption.minus {
        margin-top: 1em
    }

    .casino-header .casino-title {
        font-size: 16px;
        text-align: center;
        margin-top: .5em
    }

    table:not(.details-table,.card) tr td:not(:nth-child(1)):not(:nth-child(2)) {
        display: none
    }

    .casino-info-bottom .casino-info-row .param-row {
        width: 100%;
        display: flex;
        justify-content: space-between
    }
}

.first-block {
    margin-bottom: 15px
}

.casino-header {
    background-color: #3d4347
}

.answ {
    display: none;
    padding: 10px;
    background: #efefef;
    border: 1px solid #fff
}

.qst {
    padding: 10px;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 5px;
    cursor: pointer;
    margin: unset !important
}

.spons_list {
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0 0 5px;
    font-size: 0;
    text-align: center;
    margin-left: -20px
}

.spons_item {
    vertical-align: top;
    display: inline-block;
    white-space: nowrap;
    list-style-type: none
}

.spons_item:before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    height: 25px
}

.logospart {
    background-image: url("../images/sprite-partners.png");
    background-size: 1215px 1100px
}

.logospart.icon-partner-microgaming:hover {
    width: 170px;
    height: 60px;
    background-position: -175px -390px
}

.logospart.icon-partner-microgaming {
    width: 170px;
    height: 60px;
    background-position: -175px -390px
}

.logospart.icon-partner-netent:hover {
    width: 125px;
    height: 60px;
    background-position: -799px -845px
}

.logospart.icon-partner-netent {
    width: 125px;
    height: 60px;
    background-position: -799px -845px
}

.logospart.icon-partner-playtech:hover {
    width: 156px;
    height: 60px;
    background-position: -619px -325px
}

.logospart.icon-partner-playtech {
    width: 156px;
    height: 60px;
    background-position: -619px -325px
}

.logospart.icon-partner-yggdrasil:hover {
    width: 178px;
    height: 60px;
    background-position: -436px 0
}

.logospart.icon-partner-yggdrasil {
    width: 178px;
    height: 60px;
    background-position: -436px 0
}

.logospart.icon-partner-quickspin:hover {
    width: 134px;
    height: 60px;
    background-position: -784px -520px
}

.logospart.icon-partner-quickspin {
    width: 134px;
    height: 60px;
    background-position: -784px -520px
}

.logospart.icon-partner-playngo:hover {
    width: 134px;
    height: 60px;
    background-position: -784px -650px
}

.logospart.icon-partner-playngo {
    width: 134px;
    height: 60px;
    background-position: -784px -650px
}

.logospart.icon-partner-thunderkick:hover {
    width: 165px;
    height: 60px;
    background-position: -175px -455px
}

.logospart.icon-partner-thunderkick {
    width: 165px;
    height: 60px;
    background-position: -175px -455px
}

.logospart.icon-partner-evolution-gaming:hover {
    width: 131px;
    height: 60px;
    background-position: -273px -780px
}

.logospart.icon-partner-evolution-gaming {
    width: 131px;
    height: 60px;
    background-position: -273px -780px
}

.logospart.icon-partner-elk:hover {
    width: 103px;
    height: 60px;
    background-position: -583px -975px
}

.logospart.icon-partner-elk {
    width: 103px;
    height: 60px;
    background-position: -583px -975px
}

.logospart.icon-partner-playson:hover {
    width: 170px;
    height: 60px;
    background-position: 0 -455px
}

.logospart.icon-partner-playson {
    width: 170px;
    height: 60px;
    background-position: 0 -455px
}

.logospart.icon-partner-booongo:hover {
    width: 145px;
    height: 60px;
    background-position: -302px -715px
}

.logospart.icon-partner-booongo {
    width: 145px;
    height: 60px;
    background-position: -302px -715px
}

.logospart.icon-partner-red-tiger:hover {
    width: 159px;
    height: 60px;
    background-position: -619px -65px
}

.logospart.icon-partner-red-tiger {
    width: 159px;
    height: 60px;
    background-position: -619px -65px
}

.logospart.icon-partner-push-gaming:hover {
    width: 181px;
    height: 60px;
    background-position: -186px -325px
}

.logospart.icon-partner-push-gaming {
    width: 181px;
    height: 60px;
    background-position: -186px -325px
}

.logospart.icon-partner-isoftbet:hover {
    width: 117px;
    height: 60px;
    background-position: 0 -910px
}

.logospart.icon-partner-isoftbet {
    width: 117px;
    height: 60px;
    background-position: 0 -910px
}

.logospart.icon-partner-pragmatic-play:hover {
    width: 146px;
    height: 60px;
    background-position: 0 -715px
}

.logospart.icon-partner-pragmatic-play {
    width: 146px;
    height: 60px;
    background-position: 0 -715px
}

.logospart.icon-partner-habanero:hover {
    width: 208px;
    height: 60px;
    background-position: -223px 0
}

.logospart.icon-partner-habanero {
    width: 208px;
    height: 60px;
    background-position: -223px 0
}

.logospart.icon-partner-ainsworth:hover {
    width: 160px;
    height: 60px;
    background-position: -165px -520px
}

.logospart.icon-partner-ainsworth {
    width: 160px;
    height: 60px;
    background-position: -165px -520px
}

.logospart.icon-partner-2by2:hover {
    width: 128px;
    height: 60px;
    background-position: -403px -845px
}

.logospart.icon-partner-2by2 {
    width: 128px;
    height: 60px;
    background-position: -403px -845px
}

.logospart.icon-partner-genesis:hover {
    width: 140px;
    height: 60px;
    background-position: -784px -260px
}

.logospart.icon-partner-genesis {
    width: 140px;
    height: 60px;
    background-position: -784px -260px
}

.logospart.icon-partner-rabcat:hover {
    width: 56px;
    height: 60px;
    background-position: -405px -1040px
}

.logospart.icon-partner-rabcat {
    width: 56px;
    height: 60px;
    background-position: -405px -1040px
}

.logospart.icon-partner-1x2-gaming:hover {
    width: 124px;
    height: 60px;
    background-position: -931px -195px
}

.logospart.icon-partner-1x2-gaming {
    width: 124px;
    height: 60px;
    background-position: -931px -195px
}

.logospart.icon-partner-foxium:hover {
    width: 149px;
    height: 60px;
    background-position: 0 -650px
}

.logospart.icon-partner-foxium {
    width: 149px;
    height: 60px;
    background-position: 0 -650px
}

.logospart.icon-partner-lightning-box:hover {
    width: 98px;
    height: 60px;
    background-position: -1061px -130px
}

.logospart.icon-partner-lightning-box {
    width: 98px;
    height: 60px;
    background-position: -1061px -130px
}

.logospart.icon-partner-iron-dog:hover {
    width: 65px;
    height: 60px;
    background-position: -142px -1040px
}

.logospart.icon-partner-iron-dog {
    width: 65px;
    height: 60px;
    background-position: -142px -1040px
}

.logospart.icon-partner-relax-gaming:hover {
    width: 118px;
    height: 60px;
    background-position: -931px -780px
}

.logospart.icon-partner-relax-gaming {
    width: 118px;
    height: 60px;
    background-position: -931px -780px
}

.logospart.icon-partner-bla-bla-bla-studios:hover {
    width: 132px;
    height: 60px;
    background-position: 0 -780px
}

.logospart.icon-partner-bla-bla-bla-studios {
    width: 132px;
    height: 60px;
    background-position: 0 -780px
}

.logospart.icon-partner-big-time-gaming:hover {
    width: 190px;
    height: 60px;
    background-position: -195px -195px
}

.logospart.icon-partner-big-time-gaming {
    width: 190px;
    height: 60px;
    background-position: -195px -195px
}

.logospart.icon-partner-nolimit-city:hover {
    width: 130px;
    height: 60px;
    background-position: -679px -780px
}

.logospart.icon-partner-nolimit-city {
    width: 130px;
    height: 60px;
    background-position: -679px -780px
}

.logospart.icon-partner-igrosoft:hover {
    width: 108px;
    height: 60px;
    background-position: -357px -975px
}

.logospart.icon-partner-igrosoft {
    width: 108px;
    height: 60px;
    background-position: -357px -975px
}

.logospart.icon-partner-plank:hover {
    width: 100px;
    height: 60px;
    background-position: -1061px -65px
}

.logospart.icon-partner-plank {
    width: 100px;
    height: 60px;
    background-position: -1061px -65px
}

.logospart.icon-partner-booming-games:hover {
    width: 120px;
    height: 60px;
    background-position: -931px -455px
}

.logospart.icon-partner-booming-games {
    width: 120px;
    height: 60px;
    background-position: -931px -455px
}

.logospart.icon-partner-endorphina:hover {
    width: 139px;
    height: 60px;
    background-position: -784px -325px
}

.logospart.icon-partner-endorphina {
    width: 139px;
    height: 60px;
    background-position: -784px -325px
}

.logospart.icon-partner-blueprint:hover {
    width: 177px;
    height: 60px;
    background-position: -436px -130px
}

.logospart.icon-partner-blueprint {
    width: 177px;
    height: 60px;
    background-position: -436px -130px
}

.logospart.icon-partner-hacksaw-gaming:hover {
    width: 153px;
    height: 60px;
    background-position: -619px -520px
}

.logospart.icon-partner-hacksaw-gaming {
    width: 153px;
    height: 60px;
    background-position: -619px -520px
}

.logospart.icon-partner-red-rake:hover {
    width: 115px;
    height: 60px;
    background-position: -120px -975px
}

.logospart.icon-partner-red-rake {
    width: 115px;
    height: 60px;
    background-position: -120px -975px
}

.logospart.icon-partner-bet2tech:hover {
    width: 116px;
    height: 60px;
    background-position: -122px -910px
}

.logospart.icon-partner-bet2tech {
    width: 116px;
    height: 60px;
    background-position: -122px -910px
}

.logospart.icon-partner-tom-horn:hover {
    width: 148px;
    height: 60px;
    background-position: -460px -650px
}

.logospart.icon-partner-tom-horn {
    width: 148px;
    height: 60px;
    background-position: -460px -650px
}

.logospart.icon-partner-studio-canal:hover {
    width: 187px;
    height: 60px;
    background-position: -192px -260px
}

.logospart.icon-partner-studio-canal {
    width: 187px;
    height: 60px;
    background-position: -192px -260px
}

.logospart.icon-partner-poshfriends:hover {
    width: 87px;
    height: 60px;
    background-position: -1061px -780px
}

.logospart.icon-partner-poshfriends {
    width: 87px;
    height: 60px;
    background-position: -1061px -780px
}

.logospart.icon-partner-crown:hover {
    width: 49px;
    height: 60px;
    background-position: -1166px 0
}

.logospart.icon-partner-crown {
    width: 49px;
    height: 60px;
    background-position: -1166px 0
}

table {
    width: 100%;
    text-align: center;
    border: #fff200 solid 2px
}

table:not(.details-table,.card,.table-f,.table-s) tr:first-child {
    font-weight: bold;
    color: #e44f5b
}

.table-f tr td:first-child,.table-s tr td:first-child {
    text-align: left;
    width: 40%;
    color: #e44f5b;
    font-weight: bold
}

.table-f tr td:last-child,.table-s tr td:last-child {
    text-align: right
}

table:not(.details-table,.card) tr td {
    padding: 10px;
    font-family: "Open Sans",sans-serif;
    border: #fff200 solid 1px
}

blockquote {
    padding: 20px 20px 20px 40px;
    border: #fff200 solid 1px;
    background: #24323c;
    font-style: italic;
    position: relative
}

blockquote:before {
    content: " ";
    background-image: url("../images/512x512.png");
    background-size: cover;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 5px
}

ul:not(.list ul,#breadcrumbs) li {
    padding: 7px 7px 7px 25px;
    position: relative
}

a,div,span {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: 0;
    box-sizing: border-box
}

a {
    text-decoration: none;
    cursor: pointer
}

a,div,span {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: 0;
    box-sizing: border-box
}

a {
    text-decoration: none;
    cursor: pointer
}

a,div {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: 0;
    box-sizing: border-box
}

a {
    text-decoration: none;
    cursor: pointer
}

a,div,span {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: 0;
    box-sizing: border-box
}

a {
    text-decoration: none;
    cursor: pointer
}

a,div {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: 0;
    box-sizing: border-box
}

a {
    text-decoration: none;
    cursor: pointer
}

.button,.button--md {
    min-width: 152px;
    min-height: var(--button-min-heigth);
    position: relative;
    padding: 19px 38px 18px;
    border-radius: var(--button-border-radius);
    line-height: 1;
    box-sizing: border-box;
    font-size: var(--main-font-size);
    text-transform: var(--button-text-transform);
    cursor: pointer;
    transition: .3s
}

.button--md {
    min-width: 110px;
    min-height: 40px;
    padding: 11px 25px 9px;
    font-size: var(--text-size--sm)
}

.button,.button--green {
    color: var(--primary-button-text-color);
    background-color: var(--primary-button-bg);
    border: 0;
    font-weight: 700;
    box-shadow: none;
    text-transform: var(--button-text-transform)
}

.button--green:hover,.button:hover {
    background-color: var(--primary-button-hover-bg)
}

.button--green:active,.button:active {
    background-color: var(--primary-button-pressed-bg);
    color: var(--primary-button-pressed-color);
    box-shadow: none
}

.button--green:disabled,.button:disabled {
    background-color: var(--primary-button-disabled-bg) !important;
    color: var(--primary-button-disabled-color) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    cursor: default
}

div {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: 0;
    box-sizing: border-box
}

.game:not(.game--mobile):hover .game__overlay {
    opacity: 1
}

.game__title {
    color: var(--accent-1-title-color);
    font-weight: 400;
    font-family: var(--main-fonts);
    font-size: var(--text-size--sm);
    line-height: 1.4;
    margin-bottom: 12px;
    display: block;
    text-align: center
}

.game__overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgba(0,0,0,.85);
    left: 0;
    top: 0;
    opacity: 0;
    transition: .3s;
    border-radius: 15px;
    position: absolute;
    width: 100%;
    height: 100%
}

.game__demo {
    color: var(--tertiary-text-color);
    font-weight: 400;
    font-family: var(--main-fonts);
    font-size: var(--text-size--xs);
    line-height: 1.4;
    text-transform: uppercase;
    line-break: 1;
    margin-top: 12px;
    border-bottom: 1px solid var(--tertiary-border-color)
}

.game__button .button {
    display: flex;
    justify-content: center;
    align-items: center
}

@media(min-width: 520px) {
    .game__demo {
        margin-top:15px
    }
}

@media(min-width: 992px) {
    .game__button .button {
        font-size:var(--text-size--l);
        line-height: 23px;
        min-width: 160px;
        min-height: 50px
    }
}

.button,.button--md {
    min-width: 152px;
    min-height: var(--button-min-heigth);
    position: relative;
    padding: 19px 38px 18px;
    border-radius: var(--button-border-radius);
    line-height: 1;
    box-sizing: border-box;
    font-size: var(--main-font-size);
    text-transform: var(--button-text-transform);
    cursor: pointer;
    transition: .3s
}

.button--md {
    min-width: 110px;
    min-height: 40px;
    padding: 11px 25px 9px;
    font-size: var(--text-size--sm)
}

.button,.button--green {
    color: var(--primary-button-text-color);
    background-color: var(--primary-button-bg);
    border: 0;
    font-weight: 700;
    box-shadow: none;
    text-transform: var(--button-text-transform)
}

.button--green:hover,.button:hover {
    background-color: var(--primary-button-hover-bg)
}

.button--green:active,.button:active {
    background-color: var(--primary-button-pressed-bg);
    color: var(--primary-button-pressed-color);
    box-shadow: none
}

.button--green:disabled,.button:disabled {
    background-color: var(--primary-button-disabled-bg) !important;
    color: var(--primary-button-disabled-color) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    cursor: default
}

.game.sn-viewport--in {
    width: 18%;
    position: relative;
    margin: 5px
}

.games-wrp {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
    flex-wrap: wrap
}

.game__img {
    border-radius: 15px
}

.game__button a {
    background: #9a51e2;
    border-radius: 15px;
    color: #fff;
    text-transform: uppercase
}

.game__button a:hover {
    background: #ff9800
}

.game__title {
    color: #fff;
    font-weight: bold;
    font-size: 18px
}

div.quip-comment {
    margin-top: 20px;
    padding: 15px !important;
    background: #fff;
    border: 1px solid #efefef
}

.quip-add-comment textarea {
    width: 100%;
    padding: 0;
    border: #e1e1e1 1px solid
}

.quip-fld {
    margin: 5px 0
}

.quip-add-comment input[type=text] {
    border: #e1e1e1 1px solid !important
}

.quip-comment button {
    padding: 10px 20px;
    background: #5bb44f;
    border: 0;
    color: #fff
}

.quip-comment-body {
    background: #fff;
    margin-top: 10px
}

.quip-comment-text p {
    padding: 1em !important;
    background: #e6dfee
}

.quip-allowed-tags {
    display: none
}

#breadcrumbs {
    display: flex;
    position: absolute;
    top: 0;
    left: 5%
}

#breadcrumbs li,#breadcrumbs li a {
    color: #b2bec6
}

#breadcrumbs li {
    margin: 10px 10px 10px 0
}

section {
    padding-bottom: 15px;
    background-image: url("../images/bg-game1.webp");
    background-size: inherit;
    background-attachment: fixed
}

.bpKSm {
    border-bottom: 1px solid #9990ca;
    padding: 20px 0;
    background: #0a0a0a
}

.XGpVq {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(158px,1fr))
}

.XGpVq,.XGpVq div {
    -ms-flex-align: center;
    align-items: center
}

.XGpVq div {
    justify-self: center;
    height: 55px;
    display: -ms-flexbox;
    display: flex;
    margin: auto 30px
}

.XGpVq div img {
    max-width: 100%
}

._1NtgB {
    margin: auto;
    width: 45px;
    height: 45px;
    border: 3px solid #614ad3;
    font-weight: 700;
    font-size: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #614ad3;
    margin-top: 10px;
    border-radius: 360px
}

a.button {
    font-size: 22px;
    font-weight: 600;
    width: 100%;
    color: #675784;
    background-color: #fff200;
    padding: 10px 20px;
    box-shadow: 2px 3px 13px #0bb350;
    border: 0;
    border-radius: 5px;
    margin: 20px 0;
    position: relative
}

a.button:hover {
    background-color: #675784;
    box-shadow: 2px 3px 13px #675784;
    color: #fff200
}

.table-f tr,.table-s tr {
    height: 58px
}

@media all {
    footer {
        display: block
    }

    .pjaoyzmeerncta {
        background-color: #36434d
    }

    .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo {
        display: flex;
        justify-content: space-around;
        width: 100%;
        height: 100%
    }

    .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo_c_oimtjeomz {
        margin-top: 50px;
        margin-bottom: 50px;
        flex-basis: 100px;
        height: 15px
    }

    .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo_c_olmijnokz {
        position: relative;
        display: block;
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: .9rem
    }

    .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo_c_olmijnokz::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%
    }

    .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo_c_otmejxotz {
        position: absolute;
        top: 0;
        left: 50%;
        margin: 0 0 0 -44px;
        padding: 30px 0 0 0;
        width: 88px;
        color: #fff;
        opacity: .4;
        transition: all .1s ease-in-out
    }

    .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .vjioszae-riccaosni::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1570px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 47px;
        width: 49px;
        margin: -23.5px 0 0 -24.5px
    }

    .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .mjaoezsetrrcoa-siicnoonc::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1046px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 40px;
        width: 67px;
        margin: -20px 0 0 -33.5px
    }

    .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .qjiowzie-riccaosni::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1317px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 46px;
        width: 44px;
        margin: -23px 0 0 -22px
    }

    .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .wjeobzmeornceays-iincoocno::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1619px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 45px;
        width: 45px;
        margin: -22.5px 0 0 -22.5px
    }

    .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .yjaonzdeerxc-awsailnloecto-mijcoozne::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1666px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 43px;
        width: 38px;
        margin: -21.5px 0 0 -19px
    }

    .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .sjkorzielrlc-aiscionno::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1486px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 26px;
        width: 76px;
        margin: -13px 0 0 -38px
    }

    .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .njeotzeelrlcears-iincoocno::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1088px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 19px;
        width: 107px;
        margin: -9.5px 0 0 -53.5px
    }

    .pjroozveirdcears-ilnioscto {
        padding: 5px 0 0 0;
        text-align: center;
        background: #3a4954
    }

    .pjroozveirdcears-ilnioscto_m_jiotzeemr {
        display: inline-block;
        padding: 0 20px 40px 20px;
        vertical-align: middle;
        transition: .2s
    }

    .pjroozveirdcears-ilnioscto_m_jiotzeemr:hover {
        transform: scale(1.05)
    }

    .cjeorzteirfciacsaitneo-cloimsjto {
        text-align: center;
        background: #3a4954
    }

    .cjeorzteirfciacsaitneo-cloimsjto_z_eirtceams {
        display: inline-block;
        padding: 0 15px;
        vertical-align: middle;
        transition: .2s
    }

    .cjeorzteirfciacsaitneo-cloimsjto_z_eirtceams:hover {
        transform: scale(1.05)
    }

    .ijcoozne-rbceatssionfotc,.ijcoozne-rbciagstiinmoecgoammjionzge,.ijcoozne-rccuarsaicnaooc,.ijcoozne-reclaks,.ijcoozne-rnceaxstigneonc,.ijcoozne-rpcaagsii,.ijcoozne-rqcuaisciknfoicroem,.ijcoozne-rqcuaisciknsopcionm,.ijcoozne-rtchausnidneorckoimcjko {
        display: block
    }

    .ijcoozne-rqcuaisciknfoicroem {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1365px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 92px
    }

    .ijcoozne-rnceatseinnto {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1109px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 91px
    }

    .ijcoozne-rycgagsdirnaosciolm {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1711px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 132px
    }

    .ijcoozne-rqcuaisciknsopcionm {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1399px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 24px;
        width: 100px
    }

    .ijcoozne-rccuarsaicnaooc {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -268px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 58px;
        width: 50px
    }

    .ijcoozne-rictaescihnloacbosm {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -991px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 53px;
        width: 53px
    }

    .ijcoozne-rpcaagsii {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1211px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 53px;
        width: 53px
    }

    .ijcoozne-rccoamsoidnoo {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -219px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 47px;
        width: 119px
    }

    .ijcoozne-racsaksgianmobcloemrjso {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -34px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 47px;
        width: 142px
    }

    .ijcoozne-rpcuasshignaomcionmgj {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1300px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 15px;
        width: 140px
    }

    .ijcoozne-rnceaxstigneonc {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1143px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 116px
    }

    .ijcoozne-reclaks {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -328px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 81px
    }

    .ijcoozne-rtchausnidneorckoimcjko {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1536px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 103px
    }

    .ijcoozne-rpclaasyinngooc {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1266px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 116px
    }

    .ijcoozne-racmaastiinco {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 0;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 104px
    }

    .ijcoozne-rbciagstiinmoecgoammjionzge {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -117px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 127px
    }

    .ijcoozne-rbceatssionfotc {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -83px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 84px
    }

    .ajsokzgearmcbalseirnso-cloimnjko {
        font-size: .8rem
    }

    .fjooozteerrc-aisnifnoorcmoamtjioozne {
        display: flex;
        justify-content: space-around;
        background-color: #36434d;
        padding: 40px 0 45px 0;
        color: #a6a6a6;
        font-family: "Roboto Slab"
    }

    .ijmopzoerrtcaansti-nkoncoowm_j_otzietrlcea {
        text-transform: uppercase;
        font-size: 1.8rem
    }

    .ijmopzoerrtcaansti-nkoncoowm_j_olzienrkc {
        padding-top: 20px
    }

    .ijmopzoerrtcaansti-nkoncoowm_j_olzienrkc .ljionzke {
        display: block;
        padding: 8px 0;
        color: #a6a6a6;
        text-decoration: underline
    }

    .sjiotzee-ricnafsoirnmoactoimojno {
        flex-basis: 650px;
        text-align: center;
        line-height: 1.8;
        color: #fff200
    }

    .fjooozteerrc_a_ssioncoicaolm-jboozxe {
        padding-top: 45px
    }

    .fjooozteerrc_a_ssioncoicaolm-jboozxe .sjoocziearlc-atsiitnloec {
        text-transform: uppercase;
        text-align: left
    }

    .fjooozteerrc_a_ssioncoicaolm-jboozxe .sjoocziearlc-aiscionno {
        display: flex;
        padding-top: 30px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .vjioszae-riccaosni::before {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1312px;
            height: 47px;
            width: 48.5px
        }

        .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .mjaoezsetrrcoa-siicnoonc::before {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -809px;
            height: 40px;
            width: 67.5px
        }

        .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .qjiowzie-riccaosni::before {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1072px;
            height: 46.5px;
            width: 44px
        }

        .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .wjeobzmeornceays-iincoocno::before {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1360px;
            height: 45px;
            width: 45px
        }

        .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .yjaonzdeerxc-awsailnloecto-mijcoozne::before {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1406px;
            height: 43px;
            width: 38px
        }

        .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .sjkorzielrlc-aiscionno::before {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1237px;
            height: 26px;
            width: 76px
        }

        .pjaoyzmeerncta .pjaoyzmeerncta-sbionxo .njeotzeelrlcears-iincoocno::before {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -850px;
            height: 19px;
            width: 107px
        }

        .ijcoozne-rqcuaisciknfoicroem {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1120px;
            height: 32px;
            width: 92px
        }

        .ijcoozne-rnceatseinnto {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -870px;
            height: 32px;
            width: 91px
        }

        .ijcoozne-rycgagsdirnaosciolm {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1450px;
            height: 32px;
            width: 132px
        }

        .ijcoozne-rqcuaisciknsopcionm {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1153px;
            height: 24px;
            width: 100px
        }

        .ijcoozne-rccuarsaicnaooc {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -261px;
            height: 58.5px;
            width: 50px
        }

        .ijcoozne-rictaescihnloacbosm {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -755px;
            height: 53px;
            width: 53px
        }

        .ijcoozne-rpcaagsii {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -969px;
            height: 53px;
            width: 53px
        }

        .ijcoozne-rccoamsoidnoo {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -213px;
            height: 47px;
            width: 119px
        }

        .ijcoozne-racsaksgianmobcloemrjso {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -33px;
            height: 47px;
            width: 142px
        }

        .ijcoozne-rpcuasshignaomcionmgj {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1056px;
            height: 15px;
            width: 140px
        }

        .ijcoozne-rnceaxstigneonc {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -903px;
            height: 32px;
            width: 116px
        }

        .ijcoozne-reclaks {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -321px;
            height: 32px;
            width: 81px
        }

        .ijcoozne-rtchausnidneorckoimcjko {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1279px;
            height: 32px;
            width: 103px
        }

        .ijcoozne-rpclaasyinngooc {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1023px;
            height: 32px;
            width: 116px
        }

        .ijcoozne-racmaastiinco {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 0;
            height: 32px;
            width: 104px
        }

        .ijcoozne-rbciagstiinmoecgoammjionzge {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -114px;
            height: 32px;
            width: 127px
        }

        .ijcoozne-rbceatssionfotc {
            background-image: url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -81px;
            height: 32px;
            width: 84px
        }
    }

    @media only screen and (max-width: 1280px) {
        .fjooozteerrc-aisnifnoorcmoamtjioozne {
            flex-wrap:wrap;
            padding-bottom: 75px
        }
    }

    @media only screen and (max-width: 960px) {
        .pjaoyzmeerncta-sbionxo {
            flex-wrap:wrap
        }
    }

    @media only screen and (max-width: 768px) {
        .fjooozteerrc-aisnifnoorcmoamtjioozne {
            flex-direction:column;
            align-items: center
        }

        .fjooozteerrc-aisnifnoorcmoamtjioozne .sjiotzee-ricnafsoirnmoactoimojno {
            display: none
        }
    }
}

@media all {
    .text-blk a {
        color: #e44f5b
    }

    .text-blk a:hover {
        color: #fff200
    }

    .reg-button {
        font-size: 30px;
        font-weight: 600;
        width: 100%;
        color: #fff;
        background-color: #fff200;
        padding: 10px 20px;
        box-shadow: 2px 3px 13px #0bb350;
        border: 0;
        border-radius: 5px;
        margin: 20px 0;
        position: relative
    }

    button:hover {
        background-color: #675784;
        box-shadow: 2px 3px 13px #675784
    }

    .reg-button a {
        color: #675784
    }

    button:hover a {
        color: #fff200
    }
}

@media all {
    .game-logo {
        width: 100%;
        height: 100%
    }

    .grid-item {
        position: relative;
        width: 235px;
        height: 150px;
        border: 1px solid #426b7d;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 8px;
        -webkit-transition: .5s;
        transition: .5s
    }

    .grid-item__demo-title {
        position: absolute;
        width: 45px;
        bottom: 10%;
        left: 50%;
        display: block;
        text-decoration: underline;
        margin-left: -20px;
        text-align: center;
        z-index: 20;
        font-size: 16px;
        font-size: 1.6rem
    }

    .grid-item::after,.grid-item::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: .4s;
        transition: .4s;
        z-index: 15
    }

    .grid-item::before {
        border-bottom: 4px solid #9e7ac2;
        border-left: 4px solid #9e7ac2;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }

    .grid-item::after {
        border-top: 4px solid #9e7ac2;
        border-right: 4px solid #9e7ac2;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .grid-item:hover::after,.grid-item:hover::before {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .grid-item:hover {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    .grid-item:hover .game-hover-effect {
        opacity: 1;
        visibility: visible
    }

    .grid-item:hover .game-logo {
        -webkit-filter: brightness(30%);
        filter: brightness(30%)
    }

    .game-hover-effect {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: visibility 0s,opacity .4s linear;
        transition: visibility 0s,opacity .4s linear
    }

    .game-hover-effect .play-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        background: url("../images/play-for_real.png") no-repeat center center;
        background-size: cover;
        width: 50px;
        height: 35px;
        z-index: 20;
        -webkit-transition: .2s;
        transition: .2s;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .game-hover-effect .play-icon:hover {
        -webkit-transform: scale(1.15) translate(-45%,-45%);
        transform: scale(1.15) translate(-45%,-45%)
    }

    .game-hover-effect .left-figure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        width: max-content;
        height: fit-content;
        padding: 7px 7px 20px 7px;
        background-color: #9e7ac2;
        -webkit-clip-path: polygon(0 0,100% 0,100% 68%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 68%,0 100%);
        font-size: 12px;
        font-size: 1.2rem;
        z-index: 10;
        font-family: OpenSans
    }

    .game-hover-effect .left-figure__link {
        padding-top: 5px;
        -webkit-transform: scaleY(1.3);
        transform: scaleY(1.3);
        font-family: "Open Sans",sans-serif;
        font-size: 11px;
        color: #fff
    }

    .pop-image {
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 90%;
        height: 40%
    }

    @media only screen and (max-width: 1280px) {
        .grid-item {
            width:190px;
            height: 125px;
            border: 1px solid #426b7d;
            margin: 5px
        }
    }

    @media only screen and (max-width: 1024px) {
        .grid-item {
            width:180px;
            height: 120px;
            border: 1px solid #426b7d;
            margin: 5px
        }
    }

    @media only screen and (max-width: 480px) {
        .grid-item {
            width:157px;
            height: 105px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 3px
        }

        .grid-item:nth-child(2n) {
            margin-right: 0
        }
    }
}

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

@media only screen and (max-width: 960px) {
    #footer-big {
        display:none
    }
}

@media all {
    .is-nav-active {
        text-shadow: 0 0 40px #0afbda;
        text-shadow: 0 0 40px #0afbda;
        color: #0afbda
    }

    .payment {
        background-color: #36434d
    }

    .payment .payment-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-around;
        width: 100%;
        height: 100%
    }

    .payment .payment-box__item {
        margin-top: 50px;
        margin-bottom: 50px;
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
        height: 15px
    }

    .payment .payment-box__link {
        position: relative;
        display: block;
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 9px;
        font-size: .9rem
    }

    .payment .payment-box__link::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%
    }

    .payment .payment-box__text {
        position: absolute;
        top: 0;
        left: 50%;
        margin: 0 0 0 -44px;
        padding: 30px 0 0 0;
        width: 88px;
        color: #fff;
        opacity: .4;
        -webkit-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
        font-size: 14px
    }

    .payment .payment-box .visa-icon::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1570px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 47px;
        width: 49px;
        margin: -23.5px 0 0 -24.5px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .payment .payment-box .visa-icon::before {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1312px;
            height: 47px;
            width: 48.5px
        }
    }

    .payment .payment-box .maestro-icon::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1046px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 40px;
        width: 67px;
        margin: -20px 0 0 -33.5px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .payment .payment-box .maestro-icon::before {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -809px;
            height: 40px;
            width: 67.5px
        }
    }

    .payment .payment-box .qiwi-icon::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1317px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 46px;
        width: 44px;
        margin: -23px 0 0 -22px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .payment .payment-box .qiwi-icon::before {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1072px;
            height: 46.5px;
            width: 44px
        }
    }

    .payment .payment-box .webmoney-icon::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1619px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 45px;
        width: 45px;
        margin: -22.5px 0 0 -22.5px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .payment .payment-box .webmoney-icon::before {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1360px;
            height: 45px;
            width: 45px
        }
    }

    .payment .payment-box .yandex-wallet-icon::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1666px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 43px;
        width: 38px;
        margin: -21.5px 0 0 -19px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .payment .payment-box .yandex-wallet-icon::before {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1406px;
            height: 43px;
            width: 38px
        }
    }

    .payment .payment-box .skrill-icon::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1486px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 26px;
        width: 76px;
        margin: -13px 0 0 -38px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .payment .payment-box .skrill-icon::before {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1237px;
            height: 26px;
            width: 76px
        }
    }

    .payment .payment-box .neteller-icon::before {
        opacity: .4;
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1088px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 19px;
        width: 107px;
        margin: -9.5px 0 0 -53.5px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .payment .payment-box .neteller-icon::before {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -850px;
            height: 19px;
            width: 107px
        }
    }

    .nav-footer-mob {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        min-width: 300px;
        background: #24323c;
        z-index: 100
    }

    .nav-footer-mob__item {
        display: table-cell;
        width: 1%;
        text-align: center
    }

    .nav-footer-mob__item:nth-child(1) .nav-footer-mob__link {
        font-size: 15px;
        font-size: 1.5rem
    }

    .nav-footer-mob__item:last-child {
        position: relative;
        margin: 0;
        padding: 0
    }

    .nav-footer-mob__link {
        display: block;
        background: #24323c;
        font-family: "Roboto Slab Bold";
        letter-spacing: 1px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 50px;
        font-size: 18px;
        font-size: 1.8rem
    }

    .nav-footer-mob__link:hover {
        color: #0afbda
    }

    .nav-mob-icon {
        position: absolute;
        width: 100%;
        height: 50px;
        background: #24323c
    }

    .nav-mob-icon::after,.nav-mob-icon::before {
        content: "";
        position: absolute;
        right: 10px;
        width: 30px;
        height: 4px;
        background: #e44f5b
    }

    .nav-mob-icon::before {
        top: 15px
    }

    .nav-mob-icon::after {
        bottom: 15px
    }

    .nav-mob-icon-line {
        position: absolute;
        top: 45%;
        right: 10px;
        width: 30px;
        height: 4px;
        background: #e44f5b
    }

    #footer-mob {
        display: none
    }

    .provider-list {
        padding: 60px 0 0 0;
        text-align: center
    }

    .provider-list__item {
        display: inline-block;
        padding: 0 20px 40px 20px;
        vertical-align: middle;
        -webkit-transition: .2s;
        transition: .2s
    }

    .provider-list__item:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .certificate-list {
        text-align: center
    }

    .certificate-list__item {
        display: inline-block;
        padding: 10px 15px;
        vertical-align: middle;
        -webkit-transition: .2s;
        transition: .2s
    }

    .certificate-list__item:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .icon-betsoft,.icon-bigtimegaming,.icon-curacao,.icon-elk,.icon-nextgen,.icon-pagi,.icon-quickfire,.icon-quickspin,.icon-thunderkick {
        display: block
    }

    .icon-quickfire {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1365px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 92px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-quickfire {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1120px;
            height: 32px;
            width: 92px
        }
    }

    .icon-netent {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1109px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 91px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-netent {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -870px;
            height: 32px;
            width: 91px
        }
    }

    .icon-yggdrasil {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1711px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 132px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-yggdrasil {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1450px;
            height: 32px;
            width: 132px
        }
    }

    .icon-quickspin {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1399px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 24px;
        width: 100px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-quickspin {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1153px;
            height: 24px;
            width: 100px
        }
    }

    .icon-curacao {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -268px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 58px;
        width: 50px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-curacao {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -261px;
            height: 58.5px;
            width: 50px
        }
    }

    .icon-itechlabs {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -991px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 53px;
        width: 53px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-itechlabs {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -755px;
            height: 53px;
            width: 53px
        }
    }

    .icon-pagi {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1211px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 53px;
        width: 53px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-pagi {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -969px;
            height: 53px;
            width: 53px
        }
    }

    .icon-comodo {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -219px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 47px;
        width: 119px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-comodo {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -213px;
            height: 47px;
            width: 119px
        }
    }

    .icon-askgamblers {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -34px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 47px;
        width: 142px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-askgamblers {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -33px;
            height: 47px;
            width: 142px
        }
    }

    .icon-pushgaming {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1300px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 15px;
        width: 140px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-pushgaming {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1056px;
            height: 15px;
            width: 140px
        }
    }

    .icon-nextgen {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1143px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 116px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-nextgen {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -903px;
            height: 32px;
            width: 116px
        }
    }

    .icon-elk {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -328px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 81px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-elk {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -321px;
            height: 32px;
            width: 81px
        }
    }

    .icon-thunderkick {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1536px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 103px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-thunderkick {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1279px;
            height: 32px;
            width: 103px
        }
    }

    .icon-playngo {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -1266px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 116px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-playngo {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -1023px;
            height: 32px;
            width: 116px
        }
    }

    .icon-amatic {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 0;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 104px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-amatic {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 0;
            height: 32px;
            width: 104px
        }
    }

    .icon-bigtimegaming {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -117px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 127px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-bigtimegaming {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -114px;
            height: 32px;
            width: 127px
        }
    }

    .icon-betsoft {
        display: block;
        background-image: url("../images/images-list-sbdc922acb5.png");
        background-position: 0 -83px;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 32px;
        width: 84px
    }

    @media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
        .icon-betsoft {
            background-image:url("../images/images-list-2x-sfbb8908541.png");
            background-size: 142px 1482px;
            background-position: 0 -81px;
            height: 32px;
            width: 84px
        }
    }

    .askgamblers-link {
        font-size: .8rem
    }

    .footer__social-box {
        padding-top: 45px
    }

    .footer__social-box .social-title {
        text-transform: uppercase;
        text-align: left
    }

    .footer__social-box .social-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 30px
    }

    .tournament {
        font-family: "Roboto Slab Bold";
        text-transform: uppercase;
        font-size: 1.5rem
    }

    @media only screen and (max-width: 1690px) {
        .nav-footer-mob {
            display:block
        }
    }

    @media only screen and (max-width: 960px) {
        .payment-box {
            -ms-flex-wrap:wrap;
            flex-wrap: wrap
        }

        #footer-mob {
            display: block
        }
    }

    @media only screen and (max-width: 768px) {
        .footer-mob {
            font-family:Oswald,sans-serif
        }

        .footer-information-mob {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            background: #2c2c2c;
            padding: 30px 0
        }

        .provider-list-mob {
            background: #000
        }

        .important-know-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content: space-around
        }

        .important-know-mob {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .important-know-mob__title {
            color: #666;
            text-transform: uppercase;
            font-size: 2rem
        }

        .important-know-mob__link {
            padding-top: 20px
        }

        .important-know-mob__link .link {
            display: block;
            padding: 8px 0;
            color: #a6a6a6;
            text-decoration: underline;
            font-size: 1.6rem
        }

        .social-box-mob .social-title {
            color: #666;
            font-size: 1.6rem
        }

        .certificate-list-mob {
            background: #000;
            padding-bottom: 25px
        }

        .site-information-mob {
            text-align: center;
            padding: 20px 20px 60px;
            line-height: 1.8;
            background: #2c2c2c;
            font-size: 11px;
            font-size: 1.1rem;
            color: #fff
        }
    }

    @media only screen and (max-width: 480px) {
        .important-know-box {
            display:block
        }

        .footer-information-mob {
            padding-left: 15%
        }
    }

    .ya-share2__container_size_m .ya-share2__icon {
        height: 24px !important;
        width: 24px !important
    }

    .ya-share2__list_direction_horizontal>.ya-share2__item {
        margin: 0 5px !important
    }

    .ya-share2__badge {
        border-radius: 3px !important
    }
}

.ya-share2,.ya-share2 * {
    line-height: normal
}

.ya-share2 :link:hover,.ya-share2 :visited:hover {
    color: #000 !important
}

.ya-share2__container_size_m {
    font-size: 13px
}

.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
    height: 24px;
    width: 24px;
    background-size: 24px 24px
}

.ya-share2__container_size_m .ya-share2__title {
    line-height: 24px
}

.ya-share2__container_size_m .ya-share2__badge+.ya-share2__title {
    margin-left: 10px
}

.ya-share2__list.ya-share2__list_direction_horizontal {
    margin-top: -2px
}

.ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 2px 4px 0 0
}

.ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item:last-child {
    margin-right: 0
}

.ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item>.ya-share2__link>.ya-share2__title {
    display: none
}

.ya-share2__container,.ya-share2__container .ya-share2__item {
    font-family: "YS Text",Arial,sans-serif
}

.ya-share2__list,.ya-share2__badge,.ya-share2__icon {
    display: inline-block;
    vertical-align: top
}

.ya-share2__title {
    display: inline-block;
    vertical-align: bottom
}

.ya-share2__list {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.ya-share2__link {
    display: block
}

.ya-share2__item {
    display: inline-block;
    font-family: "YS Text",Arial,sans-serif
}

.ya-share2__item:not(.ya-share2__item_more):hover,.ya-share2__item:not(.ya-share2__item_more):focus {
    cursor: pointer;
    opacity: .85
}

.ya-share2__item:not(.ya-share2__item_more):active {
    opacity: .7
}

.ya-share2__link {
    text-decoration: none;
    white-space: nowrap
}

.ya-share2__badge {
    border-radius: 4px;
    color: #fff;
    overflow: hidden;
    position: relative
}

.ya-share2__title {
    color: #000
}

.ya-share2__item_service_facebook .ya-share2__badge {
    background-color: #3b5998
}

.ya-share2__item_service_twitter .ya-share2__badge {
    background-color: #00aced
}

.ya-share2__item_service_vkontakte .ya-share2__badge {
    background-color: #4680c2
}

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500");@font-face {
    font-family: SF UI Display;
    font-display: swap;
    src: url("../fonts/SFUIDisplay-Black.woff2") format("woff2"),url("../fonts/SFUIDisplay-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: ALS Rubl;
    font-display: swap;
    src: url("../fonts/ALSRubl.woff2") format("woff2"),url("../fonts/ALSRubl.woff") format("woff"),url("../fonts/ALSRubl.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

*,:after,:before {
    box-sizing: inherit
}

html {
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    height: 100%
}

@media(-ms-high-contrast:active),(-ms-high-contrast:none) {
    html {
        display: flex;
        flex-direction: column
    }
}

body {
    flex-direction: column;
    margin: 0;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-decoration-skip: objects;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent
}

:focus {
    outline: 0
}

blockquote,dd,dl,figure,p {
    margin: 0
}

blockquote,q {
    quotes: none
}

ol,ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

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

h1,h2,h3,h4,h5,h6,th {
    font-weight: inherit
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-size: inherit
}

audio,img,video {
    display: block
}

iframe,img {
    border: 0
}

a {
    background-color: transparent;
    color: inherit
}

a,abbr {
    text-decoration: none
}

abbr {
    border: 0
}

b,strong {
    font-weight: inherit
}

dfn,em,i {
    font-style: inherit
}

mark {
    background-color: transparent;
    color: inherit
}

small,sub,sup {
    font-size: inherit
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button,input,optgroup,select,textarea {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    font: inherit;
    color: inherit;
    letter-spacing: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-align: left;
    text-transform: none
}

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

textarea {
    resize: none;
    overflow-y: auto;
    overflow-x: hidden
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border: 0;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 0
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

[type=search] {
    outline: 0
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    padding: 0;
    white-space: normal
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .2;
    transition: opacity .3s
}

:-moz-placeholder,::-moz-placeholder {
    color: inherit;
    opacity: .2;
    transition: opacity .3s
}

:-ms-input-placeholder {
    color: inherit;
    opacity: .2;
    transition: opacity .3s
}

:focus::-webkit-input-placeholder {
    opacity: 0
}

:focus:-moz-placeholder,:focus::-moz-placeholder {
    opacity: 0
}

:focus:-ms-input-placeholder {
    opacity: 0
}

.hidden,[hidden] {
    display: none
}

.disabled,:disabled {
    cursor: not-allowed
}

::-ms-clear {
    display: none
}

:-webkit-autofill {
    box-shadow: inset 0 0 0 100px #fff;
    -webkit-text-fill-color: currentColor
}

.check-item__ico,.input-item-wrap__bg,.switch__hidden-wrap {
    box-shadow: inset 0 3px 3px 0 #bfbfbf
}

.slider__wrapper-link:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40%;
    background: linear-gradient(180deg,transparent,#051126 65%)
}

.check-item__ico-bg,.game-search__border,.input-item-wrap,.open-shelf-info,.pregame-section__promo-item,.progressbar__decor,.registration-block__panel,.shelf-info__cont-bg,.shelf-info__top,.switch,.user-panel__promo-decor,.welcome-pack-page__shadow-wrapper {
    padding: 2px;
    background-image: linear-gradient(#080e17,#294374)
}

.payment-suggestion-sum__item {
    padding: 1px;
    border-radius: 5px;
    background: linear-gradient(180deg,#3a4b69 0,#132341 26%,#132341 79%,#3a4b69)
}

.pay-item__bg,.payment-suggestion-sum__bg {
    background-image: linear-gradient(#1a2d4e,#0e1f3e);
    border-radius: inherit
}

.check-item__ico-bg,.header__open-menu,.input-item-wrap__ico,.input-item-wrap__ico-right,.v-link__ico {
    -moz-user-select: none
}

.check-item:active,.input-item-tel:active,.input-item:active {
    background-color: transparent
}

body {
    display: flex;
    min-height: 100%;
    background-color: #000;
    font-family: Arial,sans-serif;
    font-weight: 400;
    color: #fff
}

@media screen and (min-width: 1366px) {
    body {
        background-image:url("../images/main-bg.png");
        background-position: top;
        background-size: 1920px auto;
        background-attachment: fixed;
        background-repeat: no-repeat
    }
}

.rouble,.rub .currency:after {
    font-family: ALS Rubl,sans-serif
}

.rub .currency:after {
    content: "i";
    font-weight: 700
}

.usd .currency:after {
    content: "$";
    font-weight: 700
}

.container {
    width: 100%;
    padding: 0 8px;
    margin: 0 auto
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .container {
        padding:0 16px
    }
}

.common-success {
    color: #13b300
}

.common-attention {
    color: #ffc400
}

.common-error {
    color: #f04d30
}

.common-undefined {
    color: #8893a8
}

.common-good {
    color: #189ff2
}

.common-warning {
    color: #ff9800
}

.text-currency:before {
    font-weight: 400
}

.text-currency.rub:before {
    content: "i";
    font-family: ALS Rubl,sans-serif
}

.text-currency.usd:before {
    content: "$"
}

.flip-list-move {
    transition: transform 1s
}

#supportTrigger {
    display: none !important
}

[class*=icon-] {
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.icon-home {
    background-image: url("../fonts/home.2d15c39948c6d590b3e52cc9815aa33a.svg")
}

.icon-home-active {
    background-image: url("../fonts/home-active.94338b37ba01b67badc5984f11805be9.svg")
}

.icon-klubnichka {
    background-image: url("../fonts/klubnichka.ccdc2391fc405676de9c457ef02f1214.svg")
}

.icon-klubnichka-active {
    background-image: url("../fonts/klubnichka-active.deeb16fb1a69b560ddc729d1de2a8f51.svg")
}

.icon-promo {
    background-image: url("../fonts/promo.abc51abfaa7f7842b5b6a247c0a9eeb5.svg")
}

.icon-promo-active {
    background-image: url("../fonts/promo-active.5d4477bcbf2c122612e9ec3a05b336b8.svg")
}

.icon-cashier {
    background-image: url("../fonts/cashier.9a80e50830c845bd0ce19ebd27a9a405.svg")
}

.icon-cashier-active {
    background-image: url("../fonts/cashier-active.3abe3318ee79679acb422f1335a18ea8.svg")
}

.icon-game-slot {
    background-image: url("../fonts/game-slot.b06ca1d5dfcebfc3fbb99f94cfc46544.svg")
}

.icon-game-slot-active {
    background-image: url("../fonts/game-slot-active.0b7ce49fce526a1492cf2d9f6c9a56e2.svg")
}

.icon-tournament {
    background-image: url("../fonts/tournament.84360e9ac766e868baba858198c4249c.svg")
}

.icon-tournament-active {
    background-image: url("../fonts/tournament-active.5f5fdcf4f18fc421f4aed6513815d5b3.svg")
}

.icon-lottery {
    background-image: url("../fonts/lottery.b55e943c43c9172bb8b5f0f11b67cc8b.svg")
}

.icon-lottery-active {
    background-image: url("../fonts/lottery-active.b3a53979435ca7ca907e396e44895d3f.svg")
}

.icon-my-profile {
    background-image: url("../fonts/my-profile.1e0bb21912796c2522252703825750da.svg")
}

.icon-my-profile-active {
    background-image: url("../fonts/my-profile-active.3da32179f856a38397a9ff89c3da6787.svg")
}

.icon-rating {
    background-image: url("../fonts/rating.70d66232fb64bdd79373867400563a28.svg")
}

.icon-rating-active {
    background-image: url("../fonts/rating-active.d303aff052643a2e5492e365a27f1df5.svg")
}

.icon-live {
    background-image: url("../fonts/live.d861424f052cfd698eb598af83518bf1.svg")
}

.icon-live-active {
    background-image: url("../fonts/live-active.ea71db7d9a2b81d1a42848ce74cb8fe6.svg")
}

.icon-support {
    background-image: url("../fonts/support.3fb42f924efbac4aa03895d46931bf85.svg")
}

.icon-support-active {
    background-image: url("../fonts/support-active.ed757caade26a128ae2498a29e102141.svg")
}

.icon-footer-vk {
    background-image: url("../fonts/footer-vk.cf4f9dc56795e5b82df38a90493e93fd.svg")
}

.icon-footer-viber {
    background-image: url("../fonts/footer-viber.svg")
}

.icon-footer-telegram {
    background-image: url("../fonts/footer-telegram.svg")
}

.icon-footer-fb {
    background-image: url("../fonts/footer-fb.07f818814214967ccb51f57d4a7bb04f.svg")
}

.icon-footer-instagram {
    background-image: url("../fonts/footer-instagram.b0905567f4b0c112355ef975e5487e73.svg")
}

.icon-footer-ok {
    background-image: url("../fonts/footer-ok.b42175a95e286a2f54b579c865598dc0.svg")
}

.icon-footer-twitter {
    background-image: url("../fonts/footer-twitter.b6aadbe785ca6debb31dee34c6b5991d.svg")
}

.icon-footer-gplus {
    background-image: url("../fonts/footer-gplus.f2623bc6a294e75db926c85c0675c278.svg")
}

.icon-vk {
    background-image: url("../fonts/vk.671462afd4a9cb4dc7d42d01965a257f.svg")
}

.icon-facebook {
    background-image: url("../fonts/facebook.b6e723d6c42843555c5696ec9a3c35e5.svg")
}

.icon-google {
    background-image: url("../fonts/google.8bef65c88376e471155551b4b1ed4939.svg")
}

.icon-mail {
    background-image: url("../fonts/mail.9985e23fa4d4a84418c8621bac6767c1.svg")
}

.icon-ok {
    background-image: url("../fonts/ok.d7fe90d3b67e255c832046ac99e2f29c.svg")
}

.icon-ya {
    background-image: url("../fonts/ya.ae017f0123db1e3c8ef43a1d243c77e5.svg")
}

.icon-pass {
    background-image: url("../fonts/pass.c68c3068c187384f38da3f822044d5e7.svg")
}

.icon-video,.icon-video-player {
    background-image: url("../fonts/video.282c5d2c020aa84cd279c074731afe4b.svg")
}

.icon-refresh-video {
    background-image: url("../fonts/refresh-video.404d128d8673f18fe9ab9831160e7f1c.svg")
}

.icon-volume-high {
    background-image: url("../fonts/volume-high.060aeb2e726bb467bd553ca8b338c303.svg")
}

.icon-volume-mute {
    background-image: url("../fonts/volume-mute.02c04905d027a88b3749f340bc5df16a.svg")
}

.icon-gift-min {
    background-image: url("../fonts/gift-min.2a5a21a05d26ca3492b070365a36f24f.svg")
}

.icon-gift-strip {
    background-image: url("../fonts/gift-strip.bda58907c493cc2a9c5444262ce16f50.svg")
}

.icon-turn-phone {
    background-image: url("../fonts/turn-phone.52234dbfb83ca4a7420b1e32150885a8.svg")
}

.icon-number-bg-3 {
    background-image: url("../fonts/number-bg-3.9471ce8da277bfab514efa7f97220ce0.svg")
}

.icon-win-tournament {
    background-image: url("../fonts/win-tournament.492fe09629a2c7fc8c3013e78dd8b42f.svg")
}

.icon-win-lottery {
    background-image: url("../fonts/win-lottery.3eaa7a9d630ba93a8e2ef8ff86ca8fab.svg")
}

.icon-star-active {
    background-image: url("../images/star-active.png")
}

.icon-star {
    background-image: url("../fonts/star.d3a7e1f8889228b876934f3659fd8479.svg")
}

.icon-game-slot-filter {
    background-image: url("../fonts/game-slot-filter.263ffd8d8273e0b616530c5715509c2e.svg")
}

.icon-game-slot-filter-active {
    background-image: url("../fonts/game-slot-filter-active.506b4eed184a5b91dd02f69e840fd495.svg")
}

.icon-roulette {
    background-image: url("../fonts/roulette.869610b511e8b6653a606f44ddc15349.svg")
}

.icon-roulette-active {
    background-image: url("../fonts/roulette-active.f442f7b019f63174517a477f2907b35e.svg")
}

.icon-game-for-bonus {
    background-image: url("../fonts/game-for-bonus.23c262699f31f1783aa982ec24d99456.svg")
}

.icon-game-for-bonus-active {
    background-image: url("../fonts/game-for-bonus-active.23f66f95e8ffb4434a24a33cd3e82a3c.svg")
}

.icon-card-game {
    background-image: url("../fonts/card-game.7d06e36c024b2b25e7c193ecc485f364.svg")
}

.icon-card-game-active {
    background-image: url("../fonts/card-game-active.f74f1b4bb83b1fc60c797c4749f43847.svg")
}

.icon-by-manufactory {
    background-image: url("../fonts/by-manufactory.3e2548c5ed7d39b8e698bbb6a4e44aa0.svg")
}

.icon-by-manufactory-active {
    background-image: url("../fonts/by-manufactory-active.f12f607a289e942ea55c25fa074a408c.svg")
}

.icon-sms {
    background-image: url("../fonts/sms.01eedc03d906bee2f482ffdb8337cf7a.svg")
}

.btn__ico .icon-refresh {
    background-image: url("../fonts/refresh-2.d5b5305a4e7c59b4b3b6f5f6f6a70e13.svg")
}

.icon-arrow-bottom {
    background-image: url("../fonts/arrow-bottom.debfe58cc31f676281841898b1cf7489.svg")
}

.icon-gift-x {
    background-image: url("../fonts/gift-x.db5e9ff67e439335c45ab2853563fda4.svg")
}

.icon-gift {
    background-image: url("../fonts/gift.d4591b40b12fa9e425fa9c484c11af83.svg")
}

.icon-fire {
    background-image: url("../fonts/fire.89a89a481322f836d7c1f8f293c3db58.svg")
}

.icon-percent {
    background-image: url("../fonts/percent.29ba77a062890726472246177dacb1fc.svg")
}

.icon-one-click-suc {
    background-image: url("../images/one-cllick-suc.8d46677096c07663ecd34818b4a4eb6f.png")
}

.icon-one-click-err {
    background-image: url("../images/one-click-err.34b8e4fec928cba07d535773f1605653.png")
}

.icon-first-deposit-bonus {
    background-image: url("../fonts/first-deposit-bonus.2a5a21a05d26ca3492b070365a36f24f.svg")
}

.icon-search {
    background-image: url("../fonts/search.473f20a7175f60a70dd5b1679aaf3a7d.svg")
}

.icon-gift-menu {
    background-image: url("../images/gift-menu.png")
}

.icon-help-menu {
    background-image: url("../images/help-menu.36efe282ebdfb8eaeda36088a6b5d1fc.png")
}

.icon-games {
    background-image: url("../images/games.png")
}

.icon-down {
    background-image: url("../images/down.png")
}

.icon-otz {
    background-image: url("../images/otz.png")
}

.icon-home-quick-nav {
    background-image: url("../fonts/home-quick-nav.d74020cb172d1f06a7a491fbd0774ec6.svg")
}

.icon-actions {
    background-image: url("../fonts/actions.svg")
}

.icon-bonus-motiv {
    background-image: url("../fonts/bonus-motiv-2.fd56880b1a6b77dee6e59859faa7bc5e.svg")
}

.icon-register-bonus {
    background-image: url("../fonts/bonus-motiv.svg")
}

.icon-search-base {
    background-image: url("../fonts/search-base.3093d39bc31249c09bf502281209fca1.svg")
}

.icon-search-blue {
    background-image: url("../fonts/search-blue.3782c0ba33b04c634da6760a2621cf6a.svg")
}

.icon-search-games {
    background-image: url("../fonts/search-games.3782c0ba33b04c634da6760a2621cf6a.svg")
}

.icon-close {
    background-image: url("../fonts/close.18833c374407830dd75e4a04d665d5d6.svg")
}

.icon-forward {
    background-image: url("../fonts/arrow-forward.c9b13f592b6bf1bc371420aa064edaf8.svg")
}

.icon-popup-close {
    background-image: url("../fonts/popup-close.05d3da6c8c49de413c87ffcfce2325f1.svg")
}

.icon-popup-close-hover {
    background-image: url("../fonts/popup-close-hover.82c6f04592b5ac5b20b8fc19e18f42b8.svg")
}

.icon-popup-close-active {
    background-image: url("../fonts/popup-close-active.adc4580d08f8b1633086ebc8e010e7d4.svg")
}

.icon-close-grey {
    background-image: url("../fonts/close-grey.d77c1980d0abb5b9e6b755ad46a71193.svg")
}

.icon-help {
    background-image: url("../fonts/help.ae592b6ca2727e90a5fe992100c6e25d.svg")
}

.icon-about {
    background-image: url("../fonts/about.152fae64d1285a5f97e04d3a6c6315df.svg")
}

.icon-antiban {
    background-image: url("../fonts/antiban.ed2405395b2d50f206cde0bac33e1b10.svg")
}

.icon-back {
    background-image: url("../fonts/bread_back.svg")
}

.icon-blue-repeat {
    background-image: url("../fonts/blue-repeat.6b16d5ccf8b343d46a05bdde4d9ed189.svg")
}

.icon-card {
    background-image: url("../fonts/card.221d434387fc8155119e10f17f5c34d0.svg")
}

.icon-cup {
    background-image: url("../images/cup.e20502b05ef9bf01e5391726b734171b.png")
}

.icon-delete {
    background-image: url("../fonts/delete.2700eef1c553e4098c1ffebc247b3e57.svg")
}

.icon-deposit-label {
    background-image: url("../fonts/deposit-label.843dffb3c609c4f825f39cf673d76a34.svg")
}

.icon-document {
    background-image: url("../fonts/document.e19b51516daef75d83f8afeff1d0380a.svg")
}

.icon-edit {
    background-image: url("../fonts/edit.d0354675419a584c76116f6ee19a85a5.svg")
}

.icon-error {
    background-image: url("../fonts/error.9b4c6c1ebf8bb2294012503a4b22b497.svg")
}

.icon-eye {
    background-image: url("../fonts/eye.9cfb673dc203f8316dd8ab2338f4f341.svg")
}

.icon-faq {
    background-image: url("../fonts/faq.3fb42f924efbac4aa03895d46931bf85.svg")
}

.icon-favorites {
    background-image: url("../images/favorites.ce0d3f6ec53a06255bece777e3e27971.png")
}

.icon-full-ver {
    background-image: url("../fonts/full-ver.ea208695366762e734b46b9917ec053e.svg")
}

.icon-gift-mini {
    background-image: url("../fonts/gift-mini.68a41e61a8ff8107328aeaa332ed7d98.svg")
}

.icon-ico-card {
    background-image: url("../fonts/ico-card.06c307c8159eeefb4b920983349dc933.svg")
}

.icon-img-delete-first {
    background-image: url("../fonts/img-delete-first.2700eef1c553e4098c1ffebc247b3e57.svg")
}

.icon-img-delete-second {
    background-image: url("../fonts/img-delete-second.06ce0880c4303323c5a76ff29ede7d05.svg")
}

.icon-mail-load {
    background-image: url("../fonts/load.9ccf7edf07223ec7a2e3e2503036e6ae.svg")
}

.icon-mail-base {
    background-image: url("../fonts/mail-base.c6eb01d111343e30996d0c1c81a418d3.svg")
}

.icon-mail-ico {
    background-image: url("../fonts/mail-ico.00f1d74b217981d9c74e76932903deb1.svg")
}

.icon-medal {
    background-image: url("../fonts/medal.c566e5d3b5082e057ec8f2990ca98e5f.svg")
}

.icon-okk {
    background-image: url("../fonts/okk.414dd354cf9c806dc929496e9bb8d397.svg")
}

.icon-password {
    background-image: url("../fonts/password.1c19fb460da37118bc9e69a034cd9d29.svg")
}

.icon-phone {
    background-image: url("../fonts/phone.e4b338ccddd57182a338950e895b99da.svg")
}

.icon-price-four {
    background-image: url("../fonts/price-four.9d95d919903f2ac71f87a855b0de9db5.svg")
}

.icon-process {
    background-image: url("../fonts/process.a8a9552989c3ee02c1a960f41958327a.svg")
}

.icon-red-repeat {
    background-image: url("../fonts/red-repeat.519febc7da62f7d81fd8558f1f622ee8.svg")
}

.icon-rate-gold {
    background-image: url("../fonts/rate-gold.d387c64f788b45154ef42a98f54b91df.svg")
}

.icon-refresh {
    background-image: url("../fonts/refresh.8d0ad4a0655695861c3e386a3e326f0b.svg")
}

.icon-rules {
    background-image: url("../fonts/rules.1bd5f4a65fa96bc1bc908e0e8eeaf19b.svg")
}

.icon-sale {
    background-image: url("../images/sale.f392b6ffe750149ecb75b9029b25acec.png")
}

.icon-telegram {
    background-image: url("../fonts/telegram.c53252448c5ea0013ab382b776dc2791.svg")
}

.icon-ticket {
    background-image: url("../fonts/ticket.11669bb41d2da23206c32c30931a6c39.svg")
}

.icon-money {
    background-image: url("../fonts/money.544bdb3ba1a85de6ab746f8830ff163f.svg")
}

.icon-viber {
    background-image: url("../fonts/viber.878a58cb85f897170fb2a497a461b23d.svg")
}

.icon-warning {
    background-image: url("../fonts/warning.3ca94fce5075e5bd794bba0f75c0b030.svg")
}

.icon-web-card {
    background-image: url("../images/web-card.67c114d017c14407947da641924a8a21.png")
}

.icon-winner {
    background-image: url("../fonts/winner.b0999ca3e9307b53df3b56bd3a3828c2.svg")
}

.icon-favorite {
    background-image: url("../fonts/favorite.ae3b09f61457825213e8d32223a1a538.svg")
}

.icon-favorite-active {
    background-image: url("../fonts/favorite-active.cbb51b4be3201938c22bc157af4875e2.svg")
}

.icon-number-bg {
    background-image: url("../fonts/number-bg.1b9d2f8cf36e67b21761a5005c6f447e.svg")
}

.icon-ticket-all {
    background-image: url("../images/ticket-all.35675db113b8fe45e7f4c399b991272d.png")
}

.icon-arrow-down-fill-white {
    background-image: url("../fonts/arrow-down-fill-white.7e44ede8733ec23f8c3b2a0f2068f33a.svg")
}

.icon-arrow-down-fill {
    background-image: url("../fonts/arrow-down-fill.9f8c20f64db1a5c8a0d7955c3f50727f.svg")
}

.icon-win-label {
    background-image: url("../images/win-label.0b6c6d269fcca4c1406281d8f99f1523.png")
}

.icon-arrow-text {
    background-image: url("../fonts/arrow-text.2202e42cb42005b9b4a15b7c9c516b09.svg")
}

.icon-radio-dot:after {
    background-image: url("../fonts/radio-dot.bf230a0989c4fec552a3a4a9352f0881.svg")
}

.icon-check-ok:after {
    background-image: url("../fonts/check-ok.6a5283ec2b36f8664b72befd4c92366b.svg")
}

.icon-game-hall {
    background-image: url("../fonts/game-hall.af796fe471d7736566b5e34c59092c54.svg")
}

.icon-arrow-slide-right {
    background-image: url("../fonts/arrow-slide-right.dfae16077260c410510516565da0dba1.svg")
}

.icon-game-tab-winners-active {
    background-image: url("../fonts/game-tab-winners-active.ac97d71067159d98747fe3b58cdebd5f.svg")
}

.icon-game-tab-tournament-active {
    background-image: url("../fonts/game-tab-tournament-active.2eab03743ac8304d4a80b9961f593ee5.svg")
}

.icon-game-tab-strawberry-active {
    background-image: url("../fonts/game-tab-strawberry-active.7364db58879234a55e7e0849660ccfbe.svg")
}

.icon-game-tab-winners {
    background-image: url("../fonts/game-tab-winners.ba8627c89e2cb5854e220dd9cdd60b02.svg")
}

.icon-game-tab-tournament {
    background-image: url("../fonts/game-tab-tournament.ac398bb2d93c690100d45ff436c41f34.svg")
}

.icon-game-tab-strawberry {
    background-image: url("../fonts/game-tab-strawberry.1bb8e50ac2424fbe412f16e56365ced1.svg")
}

.icon-one-click-success {
    background-image: url("../fonts/one-click-success.cfcae934722097f8b4dcbca443133a10.svg")
}

.icon-one-click-error {
    background-image: url("../fonts/one-click-error.682f976d4c66d4354963a05c6293b2b8.svg")
}

.icon-slider-prev {
    background-image: url("../fonts/slider-prev.9616a8a7624a45fd5d5dfaa8f6e44cb5.svg")
}

.icon-slider-next {
    background-image: url("../fonts/arrow-slide-right.dfae16077260c410510516565da0dba1.svg")
}

.icon-slider-left-3 {
    background-image: url("../fonts/slider-left-3.8a348eaaae3abafc4ec21f71510305ec.svg")
}

.icon-slider-right-3 {
    background-image: url("../fonts/slider-right-3.975ef3c696af048dffdb8ec1f52a0e8d.svg")
}

.icon-slider-prev-2 {
    background-image: url("../fonts/slider-prev-2.40661d2a0461ee1935645e4aa279cd7d.svg")
}

.icon-slider-next-2 {
    background-image: url("../fonts/slider-next-2.36bf40883a6ea6b1fde074fe1226c652.svg")
}

.icon-help-rotate {
    background-image: url("../images/help-rotate.4153a7f2a02ad3cbc1dd87731fc5251c.png")
}

.icon-stack-cashier {
    background-image: url("../fonts/stack-cashier.664ec344e25ceeead998e8d4cac52265.svg")
}

.icon-arrow-right {
    background-image: url("../fonts/arrow-right.ae9eb07af74c4bf540cd9855c83bd3e5.svg")
}

.icon-share-btn {
    background-image: url("../fonts/share-btn.601695928c8f6c36b019fc5afb49be2f.svg")
}

.icon-add-home-screen {
    background-image: url("../fonts/add-home-screen.6c2e43d84feca1fe69ef54a4bcabca35.svg")
}

.icon-support-call {
    background-image: url("../fonts/support-call.bac85ae1bec9c495784a130a4824209e.svg")
}

.icon-support-chat {
    background-image: url("../fonts/support-chat.096bf35ed27015cb45997e08158c75d0.svg")
}

.icon-support-facebook {
    background-image: url("../fonts/support-facebook.32038c95f178bf0445682f729c64b864.svg")
}

.icon-support-telegram {
    background-image: url("../fonts/support-telegram.d24ec98170b200d43dc4fc6ad81b3f62.svg")
}

.icon-support-viber {
    background-image: url("../fonts/support-viber.880def62a35cf43e7aaf00347cd045d0.svg")
}

.icon-support-whats-app {
    background-image: url("../fonts/support-whats-app.81f786b9c873839333b805f536cb5e7b.svg")
}

.v-button {
    position: relative;
    display: block;
    flex-shrink: 0;
    min-width: 80px;
    padding: 0 16px;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.8)
}

.v-button.v-button--first {
    background-image: linear-gradient(180deg,#33c600,#206400)
}

@media(hover) {
    .v-button.v-button--first: hover {
        background-image:linear-gradient(180deg,#3eed00,#329c00)
    }
}

.v-button.v-button--first:active {
    background-image: linear-gradient(0deg,#206400 .01%,#2aa300);
    color: hsla(0,0%,100%,.7)
}

.v-button.v-button--second {
    background-image: linear-gradient(180deg,#ea2626,#641800)
}

@media(hover) {
    .v-button.v-button--second: hover {
        background-image:linear-gradient(180deg,#ff1a1a,#a82800)
    }
}

.v-button.v-button--second:active {
    background-image: linear-gradient(0deg,#ea2626 .01%,#641800);
    color: hsla(0,0%,100%,.7)
}

.v-button.v-button--third {
    background-image: linear-gradient(180deg,#00659e,#00396c);
    box-shadow: 0 4px 4px rgba(0,0,0,.25),inset 0 4px 4px hsla(0,0%,100%,.25)
}

@media(hover) {
    .v-button.v-button--third: hover {
        background-image:linear-gradient(180deg,#0890dd,#005bac)
    }
}

.v-button.v-button--third:active {
    background-image: linear-gradient(0deg,#00396c .01%,#005585);
    color: hsla(0,0%,100%,.7)
}

.v-button.v-button--full {
    min-width: 100%
}

.v-button.v-button--long,.v-button.v-button--long-response {
    min-width: 200px
}

@media screen and (max-width: 1023px) {
    .v-button.v-button--long-response {
        min-width:auto
    }
}

@media screen and (max-width: 1023px) and (min-width:480px) {
    .v-button.v-button--long-response {
        min-width:200px
    }
}

.v-button.v-button--big,.v-button.v-button--big-response {
    min-width: 240px
}

@media screen and (max-width: 1023px) {
    .v-button.v-button--big-response {
        min-width:200px
    }
}

.v-button.disabled,.v-button[disabled] {
    opacity: .3;
    cursor: not-allowed;
    pointer-events: none
}

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

.v-button__ico {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.3))
}

.v-button.v-button--counter {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    line-height: inherit;
    height: 48px;
    padding: 0 12px
}

.v-button.v-button--counter:after,.v-button.v-button--counter:before {
    transform: none
}

.v-button__timer-text {
    display: block;
    font-size: 12px;
    line-height: 17px;
    color: hsla(0,0%,100%,.8);
    font-weight: 400
}

.v-button__text.v-button__text--small {
    display: block;
    text-transform: lowercase;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    opacity: .8
}

.v-link {
    display: inline-flex;
    align-items: center;
    color: #32a2f4;
    cursor: pointer;
    font-size: 14px
}

.v-link:active {
    opacity: .8
}

@media(hover) {
    .v-link: hover {
        text-decoration:underline
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .v-link:not(.v-link.v-link--icon-small) .v-link__ico {
        width:24px;
        height: 24px
    }
}

.v-link__ico {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.game-page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: #111526
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .game-page {
        padding:0 40px 40px
    }
}

@media screen and (min-height: 1200px) {
    .game-page {
        bottom:0;
        height: 748px;
        margin: auto
    }
}

.game-page__content {
    display: flex;
    height: 100%
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .game-page__content {
        height:calc(100% - 40px)
    }
}

.game-page__top-menu-wrap {
    width: calc(100% - 520px);
    margin: 0 auto;
    height: 40px
}

@media screen and (min-height: 1200px) {
    .game-page__top-menu-wrap {
        margin-right:0;
        width: calc(100% - 260px)
    }
}

.game-page__top-menu-wrap.game-page__top-menu-wrap--full-screen {
    margin-right: 0;
    width: calc(100% - 260px)
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .game-page__left-block {
        height:100%
    }
}

.game-page__left-block-wrap {
    width: 260px;
    flex-shrink: 0
}

.game-page__iframe-decor {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.game-page__make-dep-modal {
    display: flex;
    flex-direction: column;
    padding-top: 14px;
    height: 100%;
    background-color: #112852
}

@media screen and (min-width: 568px) {
    .game-page__make-dep-modal {
        padding-top:0
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .game-page__make-dep-modal {
        padding-top:14px
    }
}

.game-page__iframe {
    position: relative;
    z-index: 0;
    display: block;
    height: 100%;
    width: 100vw
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .game-page__iframe {
        width:100%
    }
}

.game-page__right-block-wrap {
    flex-shrink: 0;
    width: 260px;
    height: 100%;
    background-image: linear-gradient(180deg,#111526,#112852 5%)
}

.game-tabs__content {
    height: calc(100% - 44px);
    overflow: hidden
}

.game-page__close-tab {
    display: none
}

@media screen and (min-width: 1366px) {
    .game-page__close-tab {
        display:flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 32px;
        height: 64px;
        right: 8px;
        bottom: 0;
        top: 0;
        margin: auto 0;
        background: #112852;
        border-radius: 0 100% 100% 0/0 50% 50% 0;
        cursor: pointer
    }
}

@media screen and (min-width: 1366px) {
    .game-page__close-tab-arrow {
        width:24px;
        height: 24px;
        margin: auto;
        transform: rotate(180deg);
        transform-origin: 40% 50% 0;
        transition: transform .3s
    }
}

.game-page__close-tab-arrow.game-page__close-tab-arrow--rotate {
    transform: rotate(0)
}

.game-page__make-dep-btn {
    position: fixed;
    z-index: 7;
    top: calc(100% - 64px);
    left: 16px
}

@media screen and (min-width: 410px) {
    .game-page__make-dep-btn {
        top:calc(100% - 72px);
        left: 24px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .game-page__make-dep-btn {
        top:calc(100% - 112px);
        left: 44px
    }
}

@media screen and (min-device-height: 800px) and (max-height:500px) and (orientation:landscape) {
    .game-page__make-dep-btn.game-page__make-dep-btn--safari {
        left:20px;
        top: 20px
    }
}

.game-top-menu {
    display: none;
    height: 100%
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .game-top-menu {
        display:flex;
        justify-content: space-between;
        padding: 0 8px
    }
}

.game-top-menu__icon {
    width: 20px;
    height: 20px
}

.game-top-menu__favourite-btn {
    display: flex
}

.game-top-menu__game-name {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 700
}

.game-top-menu__link,.game-top-menu__quick-links-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.game-top-menu__link:last-child {
    margin-left: 16px
}

.game-top-menu__link-text {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px
}

.add-to-favourite {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(hover) {
    .add-to-favourite: hover .add-to-favourite__tool-tip {
        display:block
    }

    .add-to-favourite:hover .add-to-favourite__star-ico--static {
        display: none
    }

    .add-to-favourite:hover .add-to-favourite__star-ico--hover {
        display: block;
        opacity: .8
    }
}

.add-to-favourite:active {
    opacity: .8
}

.add-to-favourite.active .add-to-favourite__star-ico--static,.add-to-favourite:active .add-to-favourite__tool-tip {
    display: none
}

.add-to-favourite.active .add-to-favourite__star-ico--hover {
    display: block
}

.add-to-favourite__star-ico {
    width: 18px;
    height: 18px
}

.add-to-favourite__star-ico--hover {
    display: none
}

.add-to-favourite__tool-tip {
    position: absolute;
    z-index: 2;
    bottom: -50%;
    left: -50%;
    display: none;
    padding: 4px 16px;
    font-size: 12px;
    color: #314874;
    line-height: 16px;
    border-radius: 5px;
    background-color: #becddb;
    white-space: nowrap
}

.add-to-favourite__tool-tip:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    width: 10px;
    height: 10px;
    background-color: #becddb
}

.user-panel {
    display: none
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .user-panel {
        background-image:linear-gradient(#17366f,#112852);
        background-size: 100% 16px;
        background-repeat: no-repeat;
        border-top: 1px solid #35486c;
        border-bottom: 1px solid #040a15;
        display: flex;
        flex-direction: column;
        background-color: #112852
    }
}

.user-panel__header {
    position: relative;
    height: 60px
}

.user-panel__logo {
    position: absolute;
    top: -60%;
    left: 50%;
    transform: translateX(-50%)
}

.user-panel__menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%
}

.user-panel__menu.user-panel__menu--big-padd {
    padding: 0 30px
}

.user-panel__menu.user-panel__menu--sm-padd {
    padding: 0 16px
}

.user-panel__promo-decor {
    border-radius: 5px;
    width: 100%
}

.user-panel__promo-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 6px 0;
    box-shadow: inset 0 3px 3px rgba(0,0,0,.4);
    background-color: #111526
}

.user-panel__img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 40px
}

.user-panel__promo-img {
    width: 100%;
    height: auto
}

.user-panel__promo-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10px;
    font-size: 12px;
    line-height: 14px
}

.user-panel__promo-headline {
    font-weight: 700;
    color: #ffc400
}

.user-panel__promo-desc {
    color: #939daf
}

.user-panel__account-button {
    margin-bottom: 8px
}

.user-panel__user-data {
    align-self: flex-start;
    width: 100%;
    margin-bottom: 8px
}

.user-panel__username {
    font-size: 12px;
    line-height: 14px
}

.user-panel__user-level {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: #32a2f4
}

.user-panel__level-progressbar {
    width: 100%;
    margin-bottom: 16px
}

.user-panel__slider {
    position: relative;
    width: 100%
}

.user-panel__slider.disabled:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 100%;
    background-color: rgba(0,0,0,.75);
    border-radius: 5px
}

.user-panel__denomination {
    width: 100%;
    margin: auto 0 16px
}

.open-shelf-info {
    position: relative;
    display: flex;
    width: 100%;
    margin: 0 auto 16px;
    border-radius: 7px
}

.open-shelf-info.enable .open-shelf-info__hide {
    display: block
}

.open-shelf-info.enable .open-shelf-info__balance-wrapper {
    margin-bottom: 8px
}

.open-shelf-info__decor {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: inherit;
    background-color: #111526
}

.open-shelf-info__hide {
    display: none;
    padding-bottom: 8px
}

.open-shelf-info__balance-bg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.open-shelf-info__balance {
    display: flex;
    align-items: center;
    padding-right: 4px
}

.open-shelf-info__balance-ico {
    width: 18px;
    height: 18px;
    margin: 0 8px;
    opacity: .7
}

.open-shelf-info__balance-text {
    font-size: 16px;
    font-weight: 700;
    color: #ffc400;
    text-shadow: 0 1px 2px rgba(0,0,0,.5)
}

.open-shelf-info__balance-text.open-shelf-info__balance-text--sm-font {
    font-size: 14px;
    line-height: 19px
}

.open-shelf-info__detailed-balance {
    display: flex;
    margin-bottom: 8px;
    padding: 0 8px
}

.open-shelf-info__balance-values {
    width: 50%
}

.open-shelf-info__balance-title {
    font-size: 12px;
    line-height: 16px;
    opacity: .6
}

.open-shelf-info__progress {
    padding: 0 8px
}

.open-shelf-info__progress-bar {
    margin-bottom: 8px
}

.open-shelf-info__progress-text {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    opacity: .4
}

.game-tabs {
    display: none
}

@media screen and (min-width: 1366px) {
    .game-tabs {
        display:flex;
        flex-direction: column;
        height: 100%;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
}

.game-tabs__header {
    height: 40px
}

@media screen and (min-width: 1366px) {
    .game-tabs__header {
        display:flex;
        align-items: flex-end;
        justify-content: center
    }
}

@media screen and (min-width: 1366px) {
    .game-tabs__title {
        display:none;
        margin-left: 20px;
        font-family: Arial,sans-serif;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        color: #fff;
        text-shadow: 0 1px 1px rgba(0,0,0,.5)
    }
}

@media screen and (min-width: 1366px) {
    .game-tabs__btn {
        display:flex;
        align-items: center;
        justify-content: center;
        padding: 4px 10px;
        margin-right: 1px;
        overflow: hidden;
        width: 40px;
        height: 40px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: #0f1930;
        cursor: pointer;
        transition: .3s
    }

    .game-tabs__btn:last-child {
        margin-right: 0
    }
}

.game-tabs__btn--active {
    flex-grow: 1;
    background: #112852;
    box-shadow: inset 0 2px 0 #4a6596
}

.game-tabs__btn--active .game-tabs__title {
    display: block;
    font-size: 12px
}

@media screen and (min-width: 1366px) {
    .game-tabs__ico {
        width:24px;
        height: 24px
    }
}

@media screen and (min-width: 1366px) {
    .tab-winners {
        height:100%;
        border-top: 1px solid #4a6596
    }
}

.tab-tournament {
    border-top: 1px solid #4a6596;
    flex-grow: 1;
    padding: 16px;
    background-color: #112852
}

.tab-tournament__ban-wrap {
    margin-bottom: 8px
}

.tab-tournament__active-ban {
    padding-bottom: 16px;
    background-image: linear-gradient(#142340,#0e1e3c);
    box-shadow: 0 1px 4px rgba(0,0,0,.3),inset 0 -1px 0 hsla(0,0%,100%,.2);
    border-radius: 5px
}

.lobby,.lobby__loader {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.lobby__loader {
    position: relative
}

.lobby__list {
    padding-bottom: 16px
}

.lobby__description {
    border-top: 1px solid #35486c;
    padding-bottom: 16px;
    padding-top: 16px;
    order: 9
}

.lobby__btn {
    display: flex;
    justify-content: center;
    padding-top: 16px;
    padding-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .lobby__btn {
        padding-top:24px;
        padding-bottom: 0
    }
}

.games-dummy {
    padding-top: 8px
}

.games-dummy__wrap {
    display: flex;
    align-items: center;
    flex-direction: column
}

.games-dummy__title {
    display: block;
    margin-bottom: 11px;
    font-weight: 700
}

.games-dummy__text,.games-dummy__title {
    font-size: 14px;
    line-height: 1.2;
    text-align: center
}

.games-dummy__text {
    width: 100%;
    max-width: 304px;
    margin: 0 auto 16px;
    color: #8893a8
}

.games-dummy__pic-wrap {
    position: relative;
    height: 287px;
    width: 100%;
    overflow: hidden
}

.games-dummy__pic {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 280px;
    max-width: 472px;
    width: 100%;
    text-align: center;
    background-image: url("../images/bookmarks-none.48218a8c579e772ff4940500c1719497.png");
    background-size: 100% auto;
    background-repeat: no-repeat
}

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

.list-games__skeleton-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(145px,1fr));
    grid-gap: 8px;
    width: 100%
}

@media only screen and (min-device-width: 320px) and (max-device-width:640px) and (orientation:landscape) {
    .list-games__skeleton-grid {
        grid-template-columns:repeat(auto-fit,minmax(132px,1fr))
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .list-games__skeleton-grid {
        grid-template-columns:repeat(auto-fit,minmax(170px,1fr))
    }
}

@media screen and (min-width: 1024px) {
    .list-games__skeleton-grid {
        grid-template-columns:repeat(auto-fit,minmax(195px,1fr))
    }
}

.list-games--in-page {
    display: flex
}

.list-games--in-page:not(:empty) {
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px
}

.list-games--in-page:not(:empty)>* {
    padding: 0 4px;
    margin-bottom: 8px;
    width: 50%
}

@media screen and (min-width: 568px) {
    .list-games--in-page:not(:empty)>* {
        width:25%
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .list-games--in-page:not(:empty)>* {
        padding:0 8px;
        margin-bottom: 16px
    }
}

@media screen and (min-width: 1680px) {
    .list-games--in-page:not(:empty)>* {
        width:16.66%
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .list-games--in-page:not(:empty) {
        margin-left:-8px;
        margin-right: -8px;
        margin-bottom: -16px
    }
}

.list-games--in-modal {
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px
}

.list-games--in-modal>* {
    padding: 0 4px;
    margin-bottom: 8px;
    width: 50%
}

@media screen and (min-width: 568px) {
    .list-games--in-modal>* {
        width:33.33%
    }
}

.game-card {
    position: relative;
    padding-bottom: 4px;
    border-radius: 5px;
    color: transparent;
    cursor: pointer;
    background-image: linear-gradient(transparent 50%,#0c5e9a);
    background-size: 101%;
    overflow: hidden
}

.game-card__wrap {
    display: block;
    border-radius: inherit
}

.game-card__wrap:active .game-card__main {
    background-image: linear-gradient(180deg,#1486cc,#1486cc);
    transform: translateY(4px);
    box-shadow: none
}

.game-card__wrap:active~.game-card__star {
    transform: translateY(4px)
}

.game-card__main {
    display: block;
    padding: 1px 1px 0;
    background-image: linear-gradient(180deg,#10cdfd,#29cefb 75%,#1392ef);
    background-size: 101%;
    border-bottom: 0;
    border-radius: inherit
}

.game-card__img-wrap {
    position: relative;
    overflow: hidden;
    padding-bottom: 71%;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .game-card__img-wrap {
        padding-bottom:54%
    }
}

.game-card__pic {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.game-card__name {
    text-shadow: 1px 1px 0 rgba(0,0,0,.3);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding-top: 1px;
    background-color: currentColor;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center
}

.game-card__name-text {
    text-shadow: 1px 1px 0 rgba(0,0,0,.3);
    display: block;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
    overflow: hidden
}

.game-card__star {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    height: 20px;
    background-color: #189ff2;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px
}

.game-card__star.active .game-card__star-ico--hover {
    opacity: 1
}

.game-card__star-ico--hover,.game-card__star.active .game-card__star-ico--static {
    opacity: 0
}

.game-card__star-ico {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3px;
    transition: opacity .3s
}

.game-card__flag {
    position: absolute;
    top: 1px;
    left: 1px
}

.game-info {
    padding: 1px;
    background: linear-gradient(180deg,#3a4b69 0,#132341 26%,#132341 79%,#3a4b69);
    margin-top: -6px;
    border-radius: 5px;
    font-size: 11px;
    line-height: 14px;
    text-shadow: 0 1px 1px rgba(0,0,0,.5)
}

.game-info__bg {
    display: grid;
    grid-template-columns: 48px 1fr;
    grid-row-gap: 4px;
    padding: 16px 8px 12px;
    background-image: linear-gradient(180deg,#1b2b49,#0b1b37);
    box-shadow: 0 2px 2px rgba(0,0,0,.14),inset 0 3px 5px #1d2f51;
    border-radius: inherit
}

@media screen and (min-width: 568px) {
    .game-info__bg {
        padding-left:4px;
        padding-right: 4px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .game-info__bg {
        padding-left:8px;
        padding-right: 8px
    }
}

.game-info__text {
    justify-self: center;
    color: #8893a8
}

.game-info__users-count {
    justify-self: center;
    color: #fff
}

@media screen and (min-width: 568px) {
    .game-info__users-count {
        font-size:10px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .game-info__users-count {
        font-size:11px
    }
}

.game-info__bet-sum {
    justify-self: center;
    color: #ffc400;
    font-weight: 700
}

@media screen and (min-width: 568px) {
    .game-info__bet-sum {
        font-size:10px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .game-info__bet-sum {
        font-size:11px
    }
}

.game-search-modal {
    width: 100%;
    max-width: 480px;
    margin: 16px auto auto;
    background-color: #112852;
    border-radius: 5px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.5)
}

.game-search-modal__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    background-color: #111526;
    text-align: center;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.game-search-modal__close {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%)
}

.game-search-modal__title {
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.game-search-modal__desc {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    background-image: linear-gradient(#17366f,#112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    padding: 8px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.game-search-modal__input:not(:last-child) {
    margin-bottom: 16px
}

.game-search-modal__text {
    margin-bottom: 8px
}

.game-search-modal__not-found {
    padding-top: 8px;
    font-size: 14px;
    line-height: 1.2;
    color: #8893a8
}

.pregame-section {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.pregame-section__content {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    padding: 16px 0
}

.pregame-section__description {
    border-top: 1px solid #35486c;
    order: 99;
    padding: 16px 0
}

.pregame-section__wrap {
    padding: 0 37px
}

@media screen and (min-width: 567px) {
    .pregame-section__wrap {
        display:flex;
        justify-content: center;
        width: 556px;
        margin: 0 auto;
        padding: 0
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .pregame-section__wrap {
        width:384px;
        margin: auto;
        flex-direction: column;
        align-items: center
    }
}

.pregame-section__ban {
    display: block;
    margin-bottom: 16px;
    cursor: pointer
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .pregame-section__ban {
        margin-right:8px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .pregame-section__ban {
        margin-bottom:24px
    }
}

.pregame-section__promo-item {
    border-radius: 5px
}

.pregame-section__promo-pic {
    width: 100%;
    border-radius: inherit
}

.pregame-section__data {
    width: 100%
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .pregame-section__data {
        max-width:200px;
        margin: 0 36px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .pregame-section__data {
        max-width:275px
    }
}

.pregame-section__text {
    display: block;
    margin: 0 auto 16px;
    font-size: 14px;
    line-height: 1.07;
    text-align: center
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .pregame-section__text {
        margin-bottom:14px;
        text-align: left
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .pregame-section__text {
        margin-bottom:24px
    }
}

.pregame-section__btn-group {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.pregame-section__btn-item {
    display: flex;
    justify-content: center;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .pregame-section__btn-item {
        margin-bottom:16px
    }
}

.game-preview {
    width: 64px;
    border-radius: 5px;
    color: transparent
}

.game-preview__main {
    display: block;
    padding: 1px;
    background-image: linear-gradient(180deg,#10cdfd,#29cefb 75%,#1392ef);
    border-radius: inherit;
    box-shadow: 0 4px 0 0 #0c5e9a;
    margin-bottom: 4px
}

.game-preview__main:active {
    background-image: linear-gradient(180deg,#1486cc,#1486cc);
    transform: translateY(.286em);
    box-shadow: none
}

.game-preview__img-wrap,.game-preview__pic {
    border-radius: inherit
}

.game-preview__pic {
    width: 100%
}

.lobby-games__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px
}

.lobby-games__game-wrap {
    padding-top: 16px
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .lobby-games__game-wrap {
        display:flex
    }
}

.lobby-games__game-list {
    padding: 0 8px 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .lobby-games__game-list {
        padding-left:16px;
        padding-right: 16px
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .lobby-games__game-list {
        flex-grow:1
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .lobby-games__game-slider {
        display:none
    }
}

.lobby-games__game-aside {
    display: none;
    flex-shrink: 0;
    width: 336px;
    padding-right: 16px
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .lobby-games__game-aside {
        display:block
    }
}

.lobby-games__game-aside-wrap--position {
    position: -webkit-sticky;
    position: sticky;
    top: 115px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .lobby-games__game-aside-wrap--position {
        top:127px
    }
}

.lobby-games__aside-search {
    margin-bottom: 24px
}

.lobby-games__aside-title {
    margin-bottom: 16px
}

.game-search {
    display: block;
    width: 100%;
    height: 40px;
    cursor: pointer;
    font-size: 14px;
    color: rgba(28,40,61,.22);
    font-weight: 700
}

.game-search:active {
    opacity: .8
}

.game-search__bg,.game-search__border {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5px
}

.game-search__bg {
    box-shadow: inset 0 3px 3px rgba(0,0,0,.4);
    background-color: #fff
}

.game-search__ico-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 36px;
    height: 36px;
    margin: auto;
    background-color: #ccd0de;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.game-search__ico {
    position: absolute;
    top: 6px;
    bottom: 0;
    left: 6px;
    width: 24px;
    height: 24px
}

.game-search__text {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 44px
}

.game-search__skeleton {
    height: 100%
}

.game-promo {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    background-color: #111526
}

.game-promo__iframe-wrap {
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.game-promo__iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0
}

.layout-wrapper {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    background-color: #112852
}

.layout-wrapper,.main {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.main {
    position: relative
}

.main.main--modal-only {
    background-image: url("../images/layout-bg.7fd8e48b48acd96ed1e3afb5492eb9da.jpg");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.layout-wrapper--full-screen {
    max-width: none;
    background-color: transparent
}

.layout-wrapper__help-btn {
    position: fixed;
    bottom: 40px;
    right: 0;
    z-index: 21
}

.header {
    height: 72px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .header {
        height:72px
    }
}

.header .sum-select__employee {
    margin-bottom: 0
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .header--show-notification-site .header__wrap {
        top:48px
    }
}

.header__wrap {
    background-image: linear-gradient(#17366f,#112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 12;
    width: 100%;
    max-width: 1360px;
    height: inherit;
    margin: auto;
    background-color: #112852;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.5);
    will-change: transform
}

.header__wrap>.container {
    display: flex;
    height: 100%
}

.header__wrap.login .header__logo {
    display: none
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .header__wrap.login .header__logo {
        display:block
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .header__wrap.login .header__logo {
        display:block
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width:640px) and (orientation:landscape) {
    .header__wrap.login .header__logo {
        display:none
    }
}

.header__logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.header__logo-seo {
    width: 100%;
    margin-top: -4px
}

.header__open-menu {
    width: 56px;
    height: 100%
}

.header__dynamic-frame,.header__login-btn,.header__open-menu,.header__user-data {
    display: flex;
    align-items: center
}

.header__dynamic-frame {
    margin-left: auto
}

.header__skeleton-wrapper {
    width: 252px;
    height: 40px;
    border-radius: 20px
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .header__login-btn {
        margin-left:16px
    }
}

.header__balans {
    margin-right: 8px
}

.logo {
    position: relative;
    display: block;
    width: 92px;
    height: 85px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .logo {
        width:92px;
        height: 85px
    }
}

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

.footer {
    background-color: #111526
}

.footer.footer--minimal .footer__menu,.footer.footer--minimal .footer__social-list,.footer.footer--minimal .footer__trust {
    display: none
}

.footer.footer--minimal .footer__info {
    flex-direction: column
}

.footer.footer--minimal .footer__logo-item {
    width: 74px;
    height: 59px
}

.footer.footer--minimal .footer__desc {
    padding-bottom: 8px
}

.footer__trust-wrapper {
    padding-top: 16px
}

.footer__logo-seo {
    width: 100%
}

.footer__trust-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 0 8px;
    border-bottom: 1px solid #292c3c
}

.footer__trust-item {
    width: auto;
    padding: 4px
}

.footer__trust-pic {
    height: 18px;
    object-fit: contain;
    opacity: .65
}

.footer__desc {
    padding: 8px 0
}

.footer__links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 16px
}

.footer__link-item {
    width: auto;
    padding: 8px
}

.footer__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.footer__social {
    order: -1;
    margin-bottom: 16px
}

.footer__social-list {
    display: flex
}

.footer__social-list-item:not(:last-child) {
    margin-right: 16px
}

.footer__social-item {
    display: block;
    width: 32px;
    height: 32px;
    opacity: .3
}

.footer__logo {
    margin-bottom: 16px
}

.footer__copyright {
    margin-bottom: 16px;
    text-align: center;
    font-size: 10px;
    line-height: 1.6;
    opacity: .5
}

.footer-menu__skeleton-link-item {
    height: 18px;
    width: 62px;
    padding: 0 2px;
    border-radius: 20px
}

.shelf-info {
    position: relative;
    display: flex;
    min-width: 194px
}

.shelf-info.active .shelf-info__arrow {
    transform: rotate(180deg)
}

.shelf-info.disable .shelf-info__arrow {
    display: none
}

.shelf-info:not(.disable) .shelf-info__open {
    cursor: pointer
}

.shelf-info:not(.disable) .shelf-info__open:active {
    opacity: .8
}

.shelf-info__top {
    z-index: 2;
    display: flex;
    width: 100%;
    border-radius: 5px
}

.shelf-info__top-bg {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    border-radius: inherit;
    padding-left: 10px;
    background-color: #111526
}

.shelf-info__open {
    display: flex;
    align-items: center;
    padding-right: 8px
}

.shelf-info__arrow {
    margin-left: 8px;
    border-top: 6px solid hsla(0,0%,100%,.33);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transition: transform .2s;
    will-change: transform
}

.shelf-info__hide {
    position: absolute;
    top: calc(100% - 6px);
    left: 0;
    width: 100%
}

.shelf-info__cont-wrap {
    padding: 16px 16px 14px;
    background-color: #111526;
    border-radius: inherit
}

.shelf-info__cont-bg {
    border-radius: 5px
}

.shelf-info__detailed-balans {
    display: flex;
    justify-content: space-between
}

.shelf-info__detailed-balans:not(:last-child) {
    margin-bottom: 14px
}

.shelf-info__balans-title {
    margin-bottom: 8px;
    font-size: 12px;
    color: hsla(0,0%,100%,.6)
}

.shelf-info__progress-text {
    padding-top: 8px;
    text-align: center;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .3s
}

.fade-enter,.fade-leave-to {
    opacity: 0
}

.fade-2x-enter-active,.fade-2x-leave-active {
    transition: opacity .6s
}

.fade-2x-enter,.fade-2x-leave-to {
    opacity: 0
}

.shelf-info__balans {
    display: flex;
    align-items: center;
    color: #ffc400;
    font-weight: 700
}

.shelf-info__balans:not(.shelf-info__balans--main) {
    font-size: 14px
}

.shelf-info__balans--main {
    font-size: 16px
}

.shelf-info__balans-bonus {
    color: #ccd0de
}

.shelf-info__balans-ico {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    opacity: .7
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .shelf-info__balans-ico {
        width:24px;
        height: 24px;
        margin-right: 8px
    }
}

.shelf-info__balans-text {
    text-shadow: 1px 1px 0 rgba(0,0,0,.3)
}

.body-preloader:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNTE2IDExLjUyNmMtLjM0Ny4zNDYtLjUxNi43NS0uNTE2IDEuMjI5IDAgLjQ3OC4xNjkuODguNTE2IDEuMjI5LjM0Ny4zNDYuNzYuNTE2IDEuMjM5LjUxNmExLjY4IDEuNjggMCAwMDEuMjM4LS41MTZjLjM0LS4zNDUuNTA3LS43NS41MDctMS4yMjkgMC0uNDc4LS4xNjktLjg5My0uNTE2LTEuMjM5QTEuNjcgMS42NyAwIDAwMy43NTQgMTFjLS40NzggMC0uODkuMTc4LTEuMjM4LjUyNnpNNi41IDE2LjVjLS40MTUgMC0uNzU2LjE0NC0xLjA1LjQzNkExLjQyIDEuNDIgMCAwMDUgMTcuOTljMCAuNDE4LjE1Ljc3Mi40NSAxLjA3NS4yOTEuMjkyLjYzNS40MzQgMS4wNS40MzQuNDI0IDAgLjc3OS0uMTQgMS4wNjgtLjQzNC4yOTMtLjMuNDMyLS42NTcuNDMyLTEuMDc1IDAtLjQxNy0uMTQxLS43NjQtLjQzMi0xLjA1NUExLjQzOCAxLjQzOCAwIDAwNi41IDE2LjV6TTUuNDk1IDljLjU1IDAgMS4wMjItLjE5NyAxLjQxNS0uNTg4LjM5My0uMzkzLjU5LS44NjQuNTktMS40MTIgMC0uNTU5LS4xOTYtMS4wMy0uNTktMS40MjNBMS45MjcgMS45MjcgMCAwMDUuNDk1IDVjLS41NSAwLTEuMDIyLjE5NS0xLjQwNS41NzctLjM5My4zOTQtLjU5Ljg2NC0uNTkgMS40MjMgMCAuNTQ4LjE5NiAxLjAxOS41OSAxLjQxMkExLjkzIDEuOTMgMCAwMDUuNDk1IDl6bTYuODQgOS42OTJhMS4zNSAxLjM1IDAgMDAtLjk5MS40MDQgMS4zOCAxLjM4IDAgMDAtLjQxMyAxLjAxYzAgLjM4Ni4xNC43MTMuNDEzLjk4MS4yNjguMjY0LjU5Ny40MDUuOTkxLjQwNS4zODYgMCAuNzE5LS4xMzUuOTkyLS40MDUuMjY4LS4yNjIuNDA0LS41OTUuNDA0LS45ODFhMS4zNyAxLjM3IDAgMDAtLjQwNC0xIDEuMzM4IDEuMzM4IDAgMDAtLjk5Mi0uNDE0ek0xMi4yNTUgMmMtLjYyMiAwLTEuMTUzLjIxNi0xLjU5Mi42NTRBMi4xNiAyLjE2IDAgMDAxMCA0LjI0YzAgLjYyNC4yMjQgMS4xNjUuNjYzIDEuNjA2LjQzOS40MzguOTcuNjU0IDEuNTkyLjY1NC42MjMgMCAxLjE1My0uMjE2IDEuNTkyLS42NTQuNDM5LS40NDEuNjUzLS45ODIuNjUzLTEuNjA2YTIuMTUgMi4xNSAwIDAwLS42NTMtMS41ODZBMi4xNjYgMi4xNjYgMCAwMDEyLjI1NSAyem01LjkzNiA1Ljg4NWEuOTcuOTcgMCAwMC42OTUtLjI4Ni45ODYuOTg2IDAgMDAwLTEuNDI4Ljk3Ljk3IDAgMDAtLjY5NS0uMjg2Ljk2My45NjMgMCAwMC0uNzA1LjI4NiAxLjAxNCAxLjAxNCAwIDAwMCAxLjQyOGMuMTk2LjE5Ny40NC4yODYuNzA1LjI4NnptLS42NzEgOC41NzVjLS4zNCAwLS42My4xMzMtLjg4Mi4zNzhhMS4xNTQgMS4xNTQgMCAwMC0uMzY4Ljg2M2MwIC4zNDEuMTIuNjM1LjM2OC44ODMuMjQ4LjI0OS41NDIuMzc2Ljg4Mi4zNzYuMzQgMCAuNjM0LS4xMjcuODgyLS4zNzYuMjQ5LS4yNDguMzY4LS41NDIuMzY4LS44ODMgMC0uMzQtLjEyNC0uNjMtLjM2OC0uODYzLS4yNTItLjI0NS0uNTQyLS4zNzgtLjg4Mi0uMzc4em0yLjEwNS00LjYzN2ExLjA2IDEuMDYgMCAwMC0uMzI1Ljc3N2MwIC4zMDQuMTExLjU3Mi4zMjUuNzg1LjIxNC4yMTIuNDY0LjMxNS43Ny4zMTVhMS4wOCAxLjA4IDAgMDAxLjEwNS0xLjEgMS4wNSAxLjA1IDAgMDAtLjMxNi0uNzc3IDEuMDg3IDEuMDg3IDAgMDAtLjc4OS0uMzIzYy0uMzA2IDAtLjU1Ny4xMS0uNzcuMzIzeiIgZmlsbD0iI2NjZDBkZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    animation: load 1.2s linear infinite
}

.registration-block {
    height: 56px
}

.registration-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-left: auto
}

.registration-block__decor {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    position: fixed;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 8px;
    width: 100%;
    height: 72px;
    bottom: 0;
    background-color: #112852;
    border-radius: 5px
}

@media(min-width: 113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .registration-block__decor {
        position:static;
        background-color: transparent
    }
}

.registration-block__panel {
    border-radius: inherit
}

.registration-block__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: inherit;
    padding-top: 2px;
    padding-left: 8px;
    border: 0;
    box-shadow: inset 0 3px 3px rgba(0,0,0,.4);
    background-color: #111526
}

.registration-block__bonus-img {
    display: none;
    width: 32px;
    height: 32px;
    margin-left: 8px
}

@media screen and (min-width: 360px) {
    .registration-block__bonus-img {
        display:block
    }
}

@media screen and (min-width: 568px) {
    .registration-block__bonus-img {
        margin-left:28px
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .registration-block__bonus-img {
        display:none
    }
}

@media screen and (min-width: 1280px) {
    .registration-block__bonus-img {
        display:block;
        margin-left: 8px
    }
}

.registration-block__bonus-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 8px;
    margin-left: 8px;
    text-align: center;
    font-size: 12px;
    line-height: 14px
}

@media screen and (min-width: 360px) {
    .registration-block__bonus-text {
        margin-right:16px
    }
}

@media screen and (min-width: 568px) {
    .registration-block__bonus-text {
        display:block;
        font-size: 14px
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .registration-block__bonus-text {
        display:flex;
        margin-left: 8px;
        font-size: 12px
    }
}

.registration-block__bonus-headline {
    font-weight: 700;
    color: #ffc400;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    text-transform: uppercase
}

.registration-block__condition {
    margin-top: 2px;
    width: 100%;
    color: #8893ab
}

.page-title {
    justify-content: center;
    min-height: 48px;
    padding: 11px 0;
    background-color: #111526;
    font-weight: 700;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.page-title,.page-title>.container {
    position: relative;
    display: flex;
    align-items: center
}

.page-title>.container {
    flex-direction: column
}

.page-title__title {
    padding: 0 24px;
    text-align: center
}

.page-title__sub-text {
    padding-top: 4px;
    font-weight: 400;
    color: #8893a8;
    font-size: 12px
}

.page-title__sub-text.page-title__sub-text--square {
    height: 16px;
    width: 182px
}

.page-title__right-ico {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    right: 18px;
    height: 24px;
    min-width: 24px;
    margin: auto;
    cursor: pointer
}

@media screen and (max-width: 1023px) {
    .page-title__right-ico {
        right:9px
    }
}

.page-title__right-ico.icon-star-active {
    height: 18px;
    width: 18px
}

.page-title__right-pic {
    display: block;
    height: 24px;
    width: 24px
}

.page-title__right-600-text {
    display: block;
    margin-left: 7px;
    font-size: 14px;
    font-weight: 400
}

@media screen and (max-width: 600px) {
    .page-title__right-600-text {
        display:none
    }
}

.page-title__back {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
    height: 24px;
    width: 24px;
    margin: auto;
    color: #ccd0de;
    cursor: pointer
}

.page-title__back:active {
    opacity: .8
}

@media screen and (max-width: 1023px) {
    .page-title__back {
        left:8px
    }
}

.strip-frame {
    overflow: hidden
}

.strip-frame,.strip-home-frame {
    height: 100%;
    pointer-events: auto
}

.strip-home-frame {
    display: grid;
    grid-template-columns: 1fr 128px;
    grid-template-rows: 1fr 56px;
    background-color: #111526
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .strip-home-frame {
        grid-template-columns:1fr 172px;
        grid-template-rows: 1fr 72px
    }
}

.strip-home-frame__preview {
    grid-column: 1/2;
    grid-row: 1/2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 16px;
    padding-bottom: 16px;
    background-image: url("../images/strip-home-bg.aad61e25fefe013de78bd50afc843045.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: auto
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .strip-home-frame__preview {
        padding-top:24px;
        padding-bottom: 24px
    }
}

.strip-home-frame__slider {
    grid-column: 2/3;
    grid-row: 1/2;
    overflow-y: auto;
    background-color: #050c23
}

.strip-home-frame__footer {
    border-top: 1px solid #35486c;
    grid-column: 1/3;
    grid-row: 2/3;
    box-shadow: 0 -4px 4px rgba(0,0,0,.25)
}

.strip-home-frame__btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #112852
}

.strip-home-frame__level-photo {
    margin-bottom: 12px
}

.strip-home-frame__control {
    display: flex;
    justify-content: center
}

.strip-home-frame__gift {
    margin-right: 16px
}

.strip-home-frame__gallery-link {
    display: flex;
    align-items: center
}

.strip-home-frame__gallery-link:active {
    opacity: .8
}

.strip-home-frame__video-ico {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 4px
}

.strip-home-frame__video-text {
    font-size: 14px;
    line-height: 16px;
    color: #32a2f4
}

@media(hover) {
    .strip-home-frame__video-text: hover {
        text-decoration:underline
    }
}

.strip-home-frame__skeleton-preview {
    grid-column: 1/2;
    grid-row: 1/2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 16px;
    padding-bottom: 16px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .strip-home-frame__skeleton-preview {
        padding-top:24px;
        padding-bottom: 24px
    }
}

.strip-home-frame__skeleton-photos {
    width: 100%;
    height: 100%;
    margin-bottom: 12px
}

.strip-home-frame__skeleton-photo {
    max-width: 170px;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.strip-home-frame__skeleton-info-panel {
    width: 100%;
    height: 52px
}

.strip-home-frame__skeleton-name {
    width: 100%;
    max-width: 130px;
    height: 24px;
    margin: 0 auto 4px
}

.strip-home-frame__skeleton-control {
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
    height: 22px
}

.strip-home-frame__skeleton-slider {
    grid-column: 2/3;
    grid-row: 1/2;
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #050c23
}

.strip-home-frame__skeleton-slider-item {
    width: 100%;
    max-width: 112px;
    height: 120px;
    margin: 0 auto 16px;
    border-radius: 10px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .strip-home-frame__skeleton-slider-item {
        max-width:140px;
        height: 150px
    }
}

.strip-home-frame__skeleton-footer {
    grid-column: 1/3;
    grid-row: 2/3;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #112852;
    box-shadow: 0 -4px 4px rgba(0,0,0,.25)
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .strip-home-frame__skeleton-footer {
        padding-top:16px;
        padding-bottom: 16px
    }
}

.strip-home-frame__skeleton-save-btn {
    width: 200px;
    height: 100%;
    margin: 0 auto
}

.strip-gallery-frame {
    display: flex;
    flex-direction: column;
    height: 100%;
    pointer-events: auto
}

.strip-gallery-frame.strip-gallery-frame--bg {
    background-color: #000
}

.strip-gallery-frame__body {
    position: relative;
    display: flex;
    justify-content: center;
    flex-grow: 1;
    background-color: #050c24;
    overflow: auto
}

.strip-gallery-frame__list-wrap {
    border-top: 1px solid #35486c;
    scrollbar-width: none;
    width: 100%
}

.strip-gallery-frame__list-wrap::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

.strip-gallery-frame__list {
    scrollbar-width: none;
    display: flex;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
    overflow-x: scroll;
    overflow-y: hidden;
    background-color: #112852
}

.strip-gallery-frame__list::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .strip-gallery-frame__list {
        justify-content:center;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 56px;
        height: 116px
    }
}

.strip-gallery-frame__list-item:not(:last-child) {
    margin-right: 16px
}

.strip-gallery-frame__list-item:last-child {
    padding-right: 16px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .strip-gallery-frame__list-item:last-child {
        padding-right:56px
    }
}

.strip-gallery-frame__mute {
    position: absolute;
    right: 16px;
    bottom: 12px;
    z-index: 99
}

.video-item {
    position: relative;
    z-index: 2;
    display: flex;
    flex-grow: 1;
    overflow: hidden
}

.video-item.ended .video-item__btn {
    visibility: visible
}

.video-item.loading:after {
    content: ""
}

.video-item.show .video-item__vid {
    opacity: 1;
    visibility: visible
}

.video-item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-image: url("../images/loading_spinner.27cab8c2df4ac2852112ff665f661f0f.gif");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 80px
}

.video-item__vid {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .video-item__vid {
        position:static;
        margin: 0 auto;
        object-fit: contain;
        transform: none
    }
}

.video-item__btn {
    position: absolute;
    bottom: 50%;
    left: 0;
    right: 0;
    width: 56px;
    height: 56px;
    margin: auto;
    visibility: hidden
}

.strip-gallery-frame__skeleton-container {
    all: inherit
}

.strip-gallery-frame__skeleton-video {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    height: 100%
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .strip-gallery-frame__skeleton-video {
        max-width:500px
    }
}

.strip-gallery-frame__skeleton-list {
    display: flex;
    justify-content: center;
    height: 80px;
    width: 100%;
    padding: 12px 16px;
    background-color: #112852
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .strip-gallery-frame__skeleton-list {
        height:116px
    }
}

.strip-gallery-frame__skeleton-list-item {
    width: 56px;
    height: 56px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .strip-gallery-frame__skeleton-list-item {
        width:80px;
        height: 80px
    }
}

.strip-gallery-frame__skeleton-list-item:not(:last-child) {
    margin-right: 16px
}

.slider__item {
    display: block;
    width: 100%;
    box-sizing: border-box
}

.slider__wrapper-link {
    position: relative;
    display: block;
    width: 100%
}

.slider__img-wrap {
    padding-bottom: 50%;
    position: relative;
    height: 100%;
    width: 100%
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .slider__img-wrap {
        padding-bottom:30.282%
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider__img-wrap {
        padding-bottom:0;
        height: 300px
    }
}

@media screen and (min-width: 1366px) {
    .slider__img-wrap {
        height:398px
    }
}

.slider__pic {
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover
}

.slider__btn,.slider__pic {
    position: absolute;
    width: 100%
}

.slider__btn {
    z-index: 1;
    box-sizing: border-box;
    display: block;
    text-align: center;
    width: 200px;
    position: relative;
    margin: 0 auto;
    margin-bottom: -40px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider__btn {
        bottom:110px
    }
}

.slider__pagination.slider__pagination-clickable {
    position: absolute;
    z-index: 100;
    left: 50%;
    bottom: 6px;
    display: flex;
    width: auto;
    font-size: 0;
    transform: translateX(-50%)
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider__pagination.slider__pagination-clickable {
        bottom:30px
    }
}

.slider__pagination-dot {
    display: block;
    width: 4px;
    height: 4px;
    padding: 4px;
    box-sizing: content-box;
    border-radius: 50%;
    background-color: #fff;
    background-clip: content-box;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
    opacity: .5;
    transition: opacity .3s;
    cursor: pointer
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider__pagination-dot {
        width:6px;
        height: 6px
    }
}

.slider__pagination-dot--active {
    opacity: 1
}

.slider__skeleton {
    padding-bottom: 50%;
    position: relative
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .slider__skeleton {
        padding-bottom:30.282%
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider__skeleton {
        padding-bottom:0;
        height: 300px
    }
}

@media screen and (min-width: 1366px) {
    .slider__skeleton {
        height:398px
    }
}

.slider__skeleton svg {
    position: absolute;
    top: 0;
    left: 0
}

.slider2 {
    flex-grow: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #111526
}

.slider2 .swiper-wrapper {
    padding: 0 8px
}

.slider2__slide {
    width: auto
}

.slider2__wrap {
    padding: 2px 2px 0;
    border-radius: 5px;
    background-image: linear-gradient(#414450,#15191f 25%);
    box-shadow: 0 2px 0 0 #40434f;
    margin-bottom: 2px
}

.slider2__item {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: inherit;
    background-image: linear-gradient(#1b1f2c,#0d101d);
    font-size: 16px
}

.slider2__img-wrap {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 122px;
    height: 84px;
    margin-right: 15px
}

.slider2__pic {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-size: 10px
}

.slider2__desc {
    width: 77px;
    padding-right: 8px
}

.slider2__desc>* {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider2__desc {
        width:100px
    }
}

.slider2__currensy {
    color: #ffc400;
    font-weight: 700;
    line-height: 1.25;
    font-size: 14px
}

.slider2__username {
    margin-bottom: 14px;
    font-size: 12px;
    line-height: 1.2
}

.slider2__text {
    margin-bottom: 2px;
    line-height: 1.2;
    font-size: 12px;
    color: #8893a8
}

.slider3 {
    padding: 1px;
    border-radius: 5px;
    background: linear-gradient(180deg,#3a4b69 0,#132341 26%,#132341 79%,#3a4b69);
    background-color: #111526
}

.slider3 .swiper-wrapper {
    padding-top: 16px
}

.slider3--no-bg {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none
}

.slider3__swiper {
    height: 100%
}

.slider3__item-wrap {
    background-image: linear-gradient(#1a2d4e,#0e1f3e);
    border-radius: inherit;
    height: 500px;
    padding: 25px
}

.slider3__item-wrap--height {
    height: calc(100vh - 200px);
    min-height: 300px
}

.slider3__item-wrap--height-s {
    height: calc(100vh - 125px)
}

.slider3__item-wrap--background {
    background: #112852
}

.slider3__slide {
    width: auto;
    height: 60px;
    margin-bottom: 16px
}

.slider3__item {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: inherit;
    font-size: 16px
}

.slider3__img-wrap {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 88px;
    height: 60px;
    margin-right: 15px
}

.slider3__pic {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-size: 10px
}

.slider3__desc {
    width: 100px;
    padding-right: 8px
}

.slider3__desc>* {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.slider3__currensy {
    color: #ffc400;
    font-weight: 700;
    line-height: 1.25;
    font-size: 14px
}

.slider3__username {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 1.2
}

.slider3__text {
    margin-bottom: 2px;
    line-height: 1.2;
    font-size: 12px;
    color: #8893a8
}

.slider3__skeleton-container {
    display: flex;
    flex-direction: column
}

.slider3__skeleton-item {
    display: flex;
    height: 82px;
    margin-bottom: 4px
}

.slider3__skeleton-img {
    width: 122px
}

.slider3__skeleton-data {
    margin-left: 4px;
    height: 100%
}

.slider4 {
    padding: 1px;
    background: linear-gradient(180deg,#3a4b69 0,#132341 26%,#132341 79%,#3a4b69);
    width: 100%;
    border-radius: 5px
}

.slider4__decor {
    min-height: 200px;
    padding: 16px;
    border-radius: inherit;
    background-image: linear-gradient(#1e335b,#12203f);
    background-size: 100% 100px;
    background-repeat: no-repeat;
    background-color: #12203f
}

.slider4__arrow {
    position: absolute;
    top: 15%;
    z-index: 10;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.slider4__arrow--prev {
    left: 16px
}

.slider4__arrow--next {
    right: 16px
}

.slider4__arrow-disabled {
    display: none
}

@media(min-width: 1113px) and (orientation:landscape) and (hover),screen and (min-width:1024px) and (orientation:portrait) and (hover) {
    .slider6:hover .slider6__arrow {
        opacity:.8;
        visibility: visible
    }

    .slider6:hover .slider6__arrow:hover {
        opacity: 1
    }

    .slider6:hover .slider6__arrow:active {
        opacity: .6
    }
}

.slider6__item-wrap {
    margin-right: -8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider6__item-wrap {
        margin-right:-16px
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .slider6__item-wrap {
        margin-right:0
    }
}

.slider6__arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    padding: 4px;
    margin: auto;
    width: 32px;
    height: 32px;
    visibility: hidden;
    cursor: pointer;
    border-radius: 50%;
    background-color: #284171;
    opacity: 0;
    transition: visibility .3s,opacity .3s
}

.slider6__arrow--prev {
    left: 16px
}

.slider6__arrow--next {
    right: 16px
}

.slider6__arrow-disabled {
    display: none
}

.slide6 {
    box-sizing: border-box;
    width: 134px;
    margin-right: 8px
}

@media screen and (min-width: 360px) {
    .slide6 {
        width:148px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slide6 {
        margin-right:16px
    }
}

@media screen and (min-width: 568px) {
    .slide6 {
        width:162px
    }
}

@media screen and (min-width: 1024px) {
    .slide6 {
        width:184px
    }
}

.jackpot {
    padding-bottom: 16px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot {
        padding-bottom:22px
    }
}

.jackpot__ban {
    position: relative
}

.jackpot__block-ban {
    padding-bottom: 50%;
    position: relative;
    display: block;
    overflow: hidden
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .jackpot__block-ban {
        padding-bottom:30.282%
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot__block-ban {
        padding-bottom:0;
        height: 300px
    }
}

@media screen and (min-width: 1366px) {
    .jackpot__block-ban {
        height:398px
    }
}

.jackpot__desc {
    padding-bottom: 5px
}

.jackpot__decor {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.jackpot__count {
    display: flex;
    align-self: baseline;
    overflow: hidden;
    padding: 0 4px
}

.jackpot__block-btn {
    position: absolute;
    bottom: 12px;
    left: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot__block-btn {
        bottom:56px
    }
}

@media screen and (min-width: 1024px) {
    .jackpot__block-button {
        width:240px
    }
}

.jackpot__sum {
    display: flex;
    align-items: center;
    font-family: SF UI Display,sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #ffe0b7
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot__sum {
        font-size:30px;
        line-height: 36px
    }
}

@media screen and (min-width: 1680px) {
    .jackpot__sum {
        font-size:40px;
        line-height: 48px
    }
}

.jackpot__decor-title {
    margin-bottom: 5px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #ffd38c;
    letter-spacing: .576px;
    text-shadow: 0 0 1px #0c3a55,0 2px 5px #04293e;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (min-width: 568px) {
    .jackpot__decor-title {
        font-size:14px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot__decor-title {
        margin-bottom:5px;
        font-size: 24px
    }
}

@media screen and (min-width: 1680px) {
    .jackpot__decor-title {
        font-size:32px
    }
}

.rub .jackpot__currency:after {
    content: "c"
}

.jackpot__text {
    display: flex;
    align-self: baseline;
    overflow: hidden;
    padding: 0 4px
}

.jackpot__games {
    background-image: linear-gradient(#17366f,#112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    padding-bottom: 16px
}

.jackpot__headline {
    display: flex;
    align-items: center;
    height: 48px
}

.jackpot__title {
    font-size: 14px;
    font-weight: 700
}

.jackpot__description {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    padding: 16px 0
}

.jackpot__winners {
    border-top: 1px solid #35486c;
    padding-bottom: 16px
}

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

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot__winners-list {
        margin-right:-8px;
        margin-left: -8px
    }
}

.jackpot__winners-item {
    width: 100%
}

.jackpot__winners-item:nth-child(odd) .jackpot__winners-card {
    background-color: #0f2040
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot__winners-item:nth-child(odd) .jackpot__winners-card {
        background-color:transparent
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot__winners-item {
        width:50%;
        padding: 0 8px
    }

    .jackpot__winners-item:nth-child(4n+1) .jackpot__winners-card,.jackpot__winners-item:nth-child(4n+2) .jackpot__winners-card {
        background-color: #0f2040
    }
}

.jackpot__winners-card {
    display: flex;
    align-items: center;
    padding: 8px;
    font-size: 16px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot__winners-card {
        padding:8px 8px 8px 16px
    }
}

.jackpot__winners-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 42%
}

.jackpot__winners-nickname {
    font-size: 14px;
    margin-bottom: 3px
}

.jackpot__winners-date {
    color: #8893a8;
    font-size: 14px
}

.jackpot__winners-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1
}

.jackpot__winners-money {
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 700;
    color: #ffc400
}

.jackpot__winners-bet {
    color: #a8bee6;
    font-size: 12px
}

.jackpot__skeleton-header,.jackpot__skeleton-title-container {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 8px 0
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot__skeleton-header,.jackpot__skeleton-title-container {
        height:48px;
        padding: 16px 0
    }
}

.jackpot__skeleton-header {
    justify-content: center
}

.jackpot__skeleton-title-container {
    justify-content: flex-start
}

.jackpot__skeleton-header-content,.jackpot__skeleton-title {
    height: 100%;
    width: 150px
}

.jackpot__skeleton-container,.jackpot__skeleton-game-list {
    display: flex;
    flex-direction: column;
    width: 100%
}

.jackpot__skeleton-container {
    padding-bottom: 24px
}

.jackpot__skeleton-banner {
    padding-bottom: 50%;
    position: relative
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .jackpot__skeleton-banner {
        padding-bottom:30.282%
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot__skeleton-banner {
        padding-bottom:0;
        height: 300px
    }
}

@media screen and (min-width: 1366px) {
    .jackpot__skeleton-banner {
        height:398px
    }
}

.jackpot__skeleton-banner svg {
    position: absolute;
    top: 0;
    left: 0
}

.home {
    display: flex;
    flex-direction: column
}

.home__promo-text {
    border-top: 1px solid #35486c;
    background-image: linear-gradient(#17366f,#112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    order: 99;
    padding: 16px 0
}

.home__lobby-games {
    padding-bottom: 16px
}

.popular-games {
    background-image: linear-gradient(#17366f,#112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    padding-bottom: 8px
}

.popular-games__btn {
    display: flex;
    justify-content: center;
    padding-top: 8px
}

.jackpot-block {
    padding-bottom: 16px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot-block {
        padding-top:21px;
        padding-bottom: 22px
    }
}

.jackpot-block__wrap {
    position: relative
}

.jackpot-block__ban {
    padding-bottom: 50%;
    position: relative;
    display: block;
    overflow: hidden
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .jackpot-block__ban {
        padding-bottom:30.282%
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot-block__ban {
        padding-bottom:0;
        height: 300px
    }
}

@media screen and (min-width: 1366px) {
    .jackpot-block__ban {
        height:398px
    }
}

.jackpot-block__picture {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%
}

.jackpot-block__img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.jackpot-block__desc {
    padding-bottom: 5px
}

.jackpot-block__decor {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.jackpot-block__count {
    display: flex;
    align-self: baseline;
    overflow: hidden;
    padding: 0 4px
}

.jackpot-block__btn {
    position: absolute;
    bottom: 12px;
    left: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot-block__btn {
        bottom:56px
    }
}

.jackpot-block__sum {
    display: flex;
    align-items: center;
    font-family: SF UI Display,sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #ffe0b7
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot-block__sum {
        font-size:30px;
        line-height: 36px
    }
}

@media screen and (min-width: 1680px) {
    .jackpot-block__sum {
        font-size:40px;
        line-height: 48px
    }
}

.rub .jackpot-block__currency:after {
    content: "c"
}

.jackpot-block__skeleton-ban {
    padding-bottom: 50%;
    position: relative
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .jackpot-block__skeleton-ban {
        padding-bottom:30.282%
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .jackpot-block__skeleton-ban {
        padding-bottom:0;
        height: 300px
    }
}

@media screen and (min-width: 1366px) {
    .jackpot-block__skeleton-ban {
        height:398px
    }
}

.jackpot-block__skeleton-ban svg {
    position: absolute;
    top: 0;
    left: 0
}

.promotion-text__height {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}

.promotion-text__height:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    box-shadow: 0 0 20px 20px #112852;
    display: none
}

.toggle-active.height-auto:before {
    display: none
}

.toggle-active:before {
    display: block
}

.height-auto {
    max-height: none !important
}

.promotion-text__btn {
    margin: 8px auto 0
}

.promotion-text__skeleton-title {
    height: 18px;
    width: 182px;
    margin-bottom: 8px
}

.promotion-text__skeleton-item {
    height: 18px;
    width: 100%;
    margin-bottom: 4px
}

.password-recovery-modal {
    margin: auto;
    width: 320px
}

.password-recovery-modal.password-recovery-modal--separate-page {
    position: relative;
    z-index: 1000;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.password-recovery-modal.password-recovery-modal--separate-page::-webkit-scrollbar {
    display: none
}

.password-recovery-modal__wrap {
    border-radius: 5px;
    background-color: #112852;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.5)
}

.change-password-modal {
    margin: auto;
    width: 320px
}

.change-password-modal.change-password-modal--separate-page {
    position: relative;
    z-index: 1000;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.change-password-modal.change-password-modal--separate-page::-webkit-scrollbar {
    display: none
}

.change-password-modal__wrap {
    border-radius: 5px;
    background-color: #112852;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.5)
}

.resetting-password-modal {
    margin: auto;
    width: 320px
}

.resetting-password-modal.resetting-password-modal--separate-page {
    position: relative;
    z-index: 1000;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.resetting-password-modal.resetting-password-modal--separate-page::-webkit-scrollbar {
    display: none
}

.resetting-password-modal__wrap {
    padding-bottom: 24px
}

.registration,.resetting-password-modal__wrap {
    border-radius: 5px;
    background-color: #112852;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.5)
}

.registration {
    width: 100%;
    max-width: 480px;
    margin: auto
}

.registration__headline {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: #111526
}

.registration__title {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.registration__close {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%)
}

.registration__ban-wrap {
    position: relative;
    height: 100%;
    width: 100%;
    padding-bottom: 44.58%
}

.registration__ban-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.registration__ban-wrap--rotate-2 {
    display: none
}

.registration__tabs {
    border-bottom: 1px solid #040a15
}

.registration__ulogin {
    border-top: 1px solid #35486c
}

.registration__foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background-color: #111526
}

.authorization {
    width: 100%;
    max-width: 480px;
    margin: auto;
    background-color: #112852;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.5);
    border-radius: 5px
}

.authorization__headline {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: #111526
}

.authorization__title {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.authorization__close {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%)
}

.authorization__tabs {
    border-bottom: 1px solid #040a15
}

.authorization__ulogin {
    border-top: 1px solid #35486c
}

.authorization__foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background-color: #111526
}

.registration-tab {
    padding: 12px 8px 16px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .registration-tab {
        padding-left:16px;
        padding-right: 16px
    }
}

.registration-tab__desc {
    margin-bottom: 16px
}

.registration-tab__input:not(:last-child),.registration-tab__inputs:not(:last-child) {
    margin-bottom: 8px
}

.registration-tab__check {
    margin-bottom: 24px
}

.registration-tab__btn {
    display: flex;
    justify-content: center
}

.registration-tab__login {
    display: none
}

.authorization-tab {
    padding: 12px 8px 16px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .authorization-tab {
        padding-left:16px;
        padding-right: 16px
    }
}

.authorization-tab__desc {
    margin-bottom: 32px
}

.authorization-tab__inputs {
    margin-bottom: 4px
}

.authorization-tab__input:not(:last-child) {
    margin-bottom: 8px
}

.authorization-tab__resetting {
    display: flex;
    justify-content: flex-end
}

.authorization-tab__resetting-btn {
    font-size: 12px
}

.authorization-tab__btn {
    display: flex;
    justify-content: center
}

.authorization-tab__register {
    display: none
}

.ulogin {
    padding: 16px
}

.ulogin.ulogin--min-design {
    padding: 14px 16px 0
}

.ulogin.ulogin--min-design .ulogin__list {
    flex-wrap: wrap
}

.ulogin.ulogin--min-design .ulogin__item {
    margin: 4px
}

.ulogin.ulogin--min-design .ulogin__title {
    margin-bottom: 12px
}

.ulogin__title {
    margin-bottom: 10px;
    font-size: 12px;
    color: #8893a8;
    text-align: center
}

.ulogin__list {
    display: flex;
    justify-content: center
}

.ulogin__item:not(:last-child) {
    margin-right: 8px
}

.ulogin__social-btn {
    display: block;
    width: 40px;
    height: 40px;
    opacity: .7
}

.ulogin__social-btn:active {
    opacity: 1
}

.password-recovery__wrap {
    border-top: 1px solid #35486c;
    background-image: linear-gradient(#17366f,#112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    padding-top: 16px;
    padding-bottom: 24px
}

.password-recovery__desc {
    max-width: 352px;
    padding: 0 16px;
    margin: 0 auto;
    border-radius: inherit
}

.password-recovery__title {
    margin-bottom: 16px;
    font-size: 14px;
    color: #a8bee6
}

.password-recovery__radio:not(:empty) {
    margin-bottom: 16px
}

.password-recovery__radio-item:not(:last-child) {
    margin-bottom: 8px
}

.password-recovery-email-tab__input {
    margin-bottom: 16px
}

.password-recovery-email-tab__input-desc-btn {
    display: flex;
    justify-content: center
}

.password-recovery-email-tab__text-wrap {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.2;
    color: #8893a8
}

.password-recovery-email-tab__input-desc-captcha:not(:empty),.password-recovery-email-tab__text-item:not(:last-child) {
    margin-bottom: 16px
}

.password-recovery-email-tab__text-link {
    color: #fff
}

.password-recovery-email-tab__button {
    display: flex;
    justify-content: center
}

.password-recovery-phone-tab__input {
    position: relative;
    z-index: 2;
    margin-bottom: 16px
}

.password-recovery-phone-tab__input-desc-btn {
    display: flex;
    justify-content: center
}

.password-recovery-phone-tab__code-wrap-text {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.2;
    color: #8893a8
}

.password-recovery-phone-tab__code-captcha:not(:empty),.password-recovery-phone-tab__code-input,.password-recovery-phone-tab__input-desc-captcha:not(:empty) {
    margin-bottom: 16px
}

.password-recovery-phone-tab__code-btn {
    display: flex;
    justify-content: center
}

.change-password__wrap {
    border-top: 1px solid #35486c;
    background-image: linear-gradient(#17366f,#112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    padding-top: 16px;
    padding-bottom: 16px
}

.change-password__desc {
    width: 100%;
    max-width: 352px;
    padding: 0 16px;
    margin: 0 auto
}

.change-password__inputs {
    margin-bottom: 24px
}

.change-password__input:not(:last-child) {
    margin-bottom: 16px
}

.change-password__btn {
    display: flex;
    justify-content: center
}

.resseting-password__wrap {
    border-top: 1px solid #35486c;
    background-image: linear-gradient(#17366f,#112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    padding: 16px 8px 0
}

.resseting-password__desc {
    width: 100%;
    max-width: 320px;
    margin: 0 auto
}

.resseting-password__text {
    font-size: 14px;
    color: #8893a8;
    line-height: 1.2
}

.resseting-password__text:not(:empty) {
    margin-bottom: 16px
}

.resseting-password__inputs {
    margin-bottom: 24px
}

.resseting-password__input:not(:last-child) {
    margin-bottom: 16px
}

.resseting-password__btn {
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: center
}

.close-btn {
    display: block;
    width: 24px;
    height: 24px
}

.close-btn:active {
    opacity: .8
}

.close-btn:before {
    content: "";
    position: absolute;
    left: -8px;
    top: -8px;
    width: 40px;
    height: 40px
}

.switch {
    display: block;
    width: 56px;
    height: 24px;
    border-radius: 15px
}

.switch__panel {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 5px;
    overflow: hidden;
    transition: transform .3s;
    transform: translateX(-37%);
    will-change: transform
}

.switch__panel:after,.switch__panel:before {
    content: "";
    flex-shrink: 0;
    display: flex;
    align-items: center;
    width: 27px;
    font-weight: 700;
    color: #111526;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px
}

.switch__panel:before {
    content: attr(data-on);
    justify-content: flex-start
}

.switch__panel:after {
    content: attr(data-off);
    justify-content: flex-end;
    opacity: .5;
    text-align: right
}

.switch__hidden-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: inherit;
    background-color: #fff
}

.switch__ico {
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.2),rgba(0,0,0,.2));
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #e4e4e4;
    box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.3);
    transition: background-color .3s
}

.switch__input:checked~.switch__hidden-wrap .switch__panel {
    transform: translateX(-1%)
}

.switch__input:checked~.switch__hidden-wrap .switch__panel .switch__ico {
    background-color: #189ff2
}

.check-item {
    position: relative;
    display: block;
    cursor: pointer
}

.check-item.error .alert-text {
    overflow: visible
}

.check-item.error .check-item__ico:before {
    background-image: linear-gradient(0deg,#ff3738,#900e0f)
}

.check-item__ico-bg {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-right: 4px;
    border-radius: 5px
}

.check-item__ico {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 2px;
    background-color: #fff;
    border-radius: 4px
}

.check-item__ico:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity .3s
}

.check-item.check-item--radio .check-item__ico-bg {
    border-radius: 50%
}

.check-item.check-item--radio .check-item__ico {
    padding: 0;
    border-radius: 50%
}

.check-item.check-item--radio .check-item__ico:after {
    width: 10px;
    height: 10px;
    border-radius: inherit
}

.check-item__wrap {
    display: flex;
    align-items: center;
    width: max-content
}

.check-item__text {
    display: flex;
    align-items: center;
    font-size: 14px
}

.check-item__text::selection {
    background-color: transparent
}

.check-item__input {
    display: none
}

.check-item__input:checked~.check-item__ico-bg .check-item__ico:after,.check-item__input:checked~.check-item__ico:after,.check-item__input:checked~.check-item__wrap .check-item__ico:after {
    opacity: 1
}

.input-item,.input-item-tel {
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    transition: padding .3s
}

.input-item--second {
    position: relative;
    height: 100%;
    line-height: 24px;
    background-color: inherit
}

.input-item--second:hover .input-item-wrap--border-title:before {
    border-color: #444
}

.input-item--second:focus-within .input-item-wrap--border-title:before {
    border-color: #3e8fd3;
    border-width: 2px
}

.input-item--second:focus-within .input-item__title--on-border {
    color: #3e8fd3
}

.input-item-tel {
    z-index: 1
}

.input-item-tel--country-list-open {
    z-index: 2
}

.input-item-tel--position-static {
    position: static
}

.input-item--deposit.input-item-tel,.input-item.input-item--deposit {
    width: 152px;
    margin-right: 8px
}

.input-item--deposit.input-item-tel input,.input-item.input-item--deposit input {
    color: #1c283d
}

.input-item-wrap__bg {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #fff
}

.input-item-wrap__input,.input-item-wrap__input-pseudo {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    background-color: transparent;
    font-size: 14px;
    color: #1c283d;
    font-weight: 700
}

.input-item-wrap__input--second {
    padding-left: 2px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #575757;
    -webkit-text-fill-color: #575757;
    background: transparent
}

.input-item-wrap__input--textarea {
    padding: 0
}

.input-previous-data {
    display: none;
    position: absolute;
    right: 0;
    z-index: 2;
    padding: 0 12px;
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #1c283d;
    opacity: .51
}

.input-previous-data:after {
    z-index: 3;
    width: 18px;
    padding-top: 1px;
    text-align: right
}

.input-item-wrap__input-pseudo {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: baseline;
    margin: auto;
    padding: 0 12px;
    overflow: hidden;
    color: transparent;
    opacity: 0;
    height: 28px;
    line-height: 28px
}

.input-item-wrap--cur,.input-item-wrap--cur .input-item-wrap__bg {
    display: flex;
    align-items: center
}

.input-item-wrap--cur .input-item-wrap__input {
    position: relative;
    z-index: 2;
    height: 16px
}

.input-item-wrap {
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 5px
}

.input-item-wrap.input-item-wrap--area {
    height: 56px
}

.input-item-wrap.input-item-wrap--area .input-item-wrap__bg {
    padding: 8px 0
}

.input-item-wrap.active .input-item-wrap__input-pseudo {
    opacity: 1
}

.input-item-wrap.active .input-previous-data {
    display: block
}

.input-item-wrap.input-item-wrap--captcha {
    width: calc(100% - 136px)
}

.input-item-wrap--border-title {
    position: relative;
    background: transparent
}

.input-item-wrap--border-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: 1px solid #a0a0a0;
    border-radius: inherit;
    transition: border-color .3s
}

.input-item-wrap--border-title ::-webkit-input-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #575757
}

.input-item-wrap--border-title :-moz-placeholder,.input-item-wrap--border-title ::-moz-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #575757
}

.input-item-wrap--border-title :-ms-input-placeholder {
    opacity: 1;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #575757
}

.input-item-wrap--input {
    z-index: 0;
    height: 48px;
    padding: 3px
}

.input-item-wrap--textarea {
    z-index: 0;
    height: 100%;
    padding: 12px 16px
}

.alert-text {
    display: block;
    visibility: hidden;
    width: 100%;
    min-height: 15px;
    padding-top: 1px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.167;
    white-space: nowrap
}

.alert-text>a {
    color: #32a2f4
}

@media(hover) {
    .alert-text>a: hover {
        text-decoration:underline
    }
}

.input-item-wrap__ico-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6px;
    z-index: 1;
    width: 24px;
    height: 24px;
    margin: auto;
    overflow: hidden
}

.input-item-wrap__ico-right.show-pass {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 35px;
    right: 0;
    cursor: pointer
}

.input-item-wrap__ico-right.show-pass [class*=icon-] {
    width: 18px;
    height: 13px
}

.input-item-wrap__ico-right.show-pass:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 19px;
    width: 2px;
    border-right: 1px solid #fff;
    box-sizing: content-box;
    margin: auto;
    background-color: currentColor;
    transform: rotate(-45deg);
    opacity: 0;
    transition: opacity .3s
}

.input-item-wrap__ico-right.active {
    color: #000
}

.input-item-wrap__ico-right.active:before {
    opacity: 1
}

.input-item-wrap__ico-right:active {
    opacity: .4
}

.input-item-wrap__ico-right--alert-ico {
    display: none
}

.attention .alert-text,.error .alert-text,.limit .alert-text,.success .alert-text {
    visibility: visible;
    white-space: normal
}

.error .input-item-wrap {
    background-image: linear-gradient(0deg,#ff3738,#900e0f)
}

.error .input-item-wrap--border-title {
    background: transparent
}

.error .input-item-wrap--border-title:before {
    background-image: none;
    border-color: #e20000;
    border-width: 2px
}

.error .input-item__title--on-border {
    color: #e20000
}

.error .alert-text {
    color: #f04d30
}

.error .confirmation-code-input__input {
    border: 2px solid #f04d30
}

.error .input-item__error-text {
    padding-top: 3px;
    padding-left: 16px;
    line-height: 18px;
    color: #e20000
}

.attention .alert-text,.attention .input-item-wrap__ico-right--alert-ico {
    color: #ffc400
}

.attention .input-item-wrap__ico-right--alert-ico {
    display: block
}

.attention .input-item-wrap__input {
    padding-right: 36px
}

.attention .input-item-wrap__ico-right:not(.input-item-wrap__ico-right--alert-ico) {
    display: none
}

.success .alert-text {
    color: #13b300
}

.input-item__title {
    display: block;
    padding-top: 2px;
    color: #8893a8;
    font-size: 12px;
    line-height: 1.167
}

.input-item__title--center-bold {
    text-align: center;
    font-size: 14px;
    font-weight: 700
}

.input-item__title--on-border {
    position: absolute;
    left: 12px;
    top: -8px;
    z-index: 1;
    align-self: flex-start;
    padding-right: 4px;
    padding-left: 4px;
    color: #a0a0a0;
    line-height: 16px;
    background-color: #fff
}

.input-item__forgot {
    font-size: 12px
}

.input-item__input {
    text-shadow: inherit
}

.input-item-wrap__input-pseudo--per:after {
    content: " %";
    color: #1c283d
}

.input-item-wrap--light-border {
    background-image: linear-gradient(#055f7e,#91e2ff)
}

.input-previous-data--per:after {
    content: "%"
}

.input-item-wrap.active .input-item-wrap__input+.input-item-wrap__input-pseudo {
    justify-content: flex-end;
    color: rgba(28,40,61,.5);
    opacity: .5
}

body.rub .input-item-wrap__input+.input-item-wrap__input-pseudo:after {
    color: rgba(28,40,61,.5)
}

.input-item-wrap__ico-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background-color: #ccd0de;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.input-item-wrap__ico {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6px;
    width: 24px;
    height: 24px;
    margin: auto
}

.input-item-wrap.input-item-wrap--ico-left .input-item-wrap__input {
    padding-left: 44px
}

.input-item-wrap.input-item-wrap--ico-right .input-item-wrap__input {
    padding-right: 36px
}

.input-item-wrap__text--pic-right {
    padding-right: 88px
}

.input-item__sub {
    font-size: 12px;
    color: #ffc400;
    line-height: 1.2
}

.input-item__limit {
    display: block;
    width: 100%;
    min-height: 15px;
    padding-top: 1px;
    font-size: 12px;
    color: #8893a8;
    line-height: 1.2
}

.rub .input-item-wrap__input-pseudo--cur:after {
    content: " i";
    font-family: ALS Rubl,sans-serif;
    color: #1c283d;
    font-weight: 400
}

.usd .input-item-wrap__input-pseudo--cur:after {
    content: " $";
    color: #1c283d;
    font-weight: 400
}

.input-item--select-btn.input-item-tel .input-item-wrap,.input-item.input-item--select-btn .input-item-wrap {
    position: relative;
    background-color: #fff
}

.input-item-wrap__select {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    font-size: 14px;
    color: #d4d4d4;
    font-weight: 700;
    cursor: pointer
}

.input-item-wrap__select .personal-pic {
    width: 30px;
    height: 20px;
    margin-left: -4px;
    margin-right: 8px;
    border-radius: 2px;
    object-fit: cover
}

.input-item-wrap__select.active {
    color: #1c283d
}

.input-item-wrap__select-label {
    color: inherit;
    opacity: .5;
    transition: opacity .3s
}

.input-item__select-pic {
    position: absolute;
    right: 39px;
    top: 50%;
    max-height: 76%;
    max-width: 60px;
    transform: translateY(-50%)
}

.input-item__select-pic.input-item__select-pic--visa {
    height: 14px;
    width: 41px
}

.input-item__triangle:before {
    content: "";
    display: block;
    position: absolute;
    right: 1em;
    top: 1em;
    z-index: 0;
    border-top: 6px solid #1c283d;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    opacity: .3;
    pointer-events: none
}

.input-item--input-plus-select .input-item__triangle {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    height: 100%;
    width: 3em;
    cursor: pointer
}

.input-item--input-plus-select .input-item-wrap__select {
    color: #111526
}

.progressbar {
    position: relative;
    height: 16px;
    width: 100%;
    border-radius: 7.5px
}

.progressbar__container,.progressbar__decor,.progressbar__tab {
    border-radius: inherit;
    height: 100%
}

.progressbar__container {
    background-color: #111526;
    box-shadow: inset 0 1px 2px #000
}

.progressbar__indicator {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100%;
    border-radius: inherit
}

.progressbar__indicator--first {
    background-color: #ff29c0;
    background-image: linear-gradient(-45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-size: 20px 20px;
    box-shadow: inset 0 -7px 5px -5px #000
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .progressbar__indicator--first {
        will-change:background-position;
        animation: progressbar 2s linear infinite
    }
}

.progressbar__indicator--second {
    background: linear-gradient(180deg,hsla(0,0%,100%,.5),rgba(0,0,0,.5) 50%),linear-gradient(90deg,#c90000 4.28%,#ffe206 115.23%);
    background-blend-mode: soft-light,normal;
    box-shadow: inset 0 1px 3px rgba(255,118,118,.5)
}

.progressbar__pinned {
    position: absolute;
    top: 50%;
    right: -1px;
    z-index: 2;
    margin: auto;
    transform: translateY(-50%)
}

.progressbar__value {
    font-size: 10px;
    font-weight: 700;
    line-height: 11px;
    opacity: .9;
    text-shadow: 0 1px 1px rgba(0,0,0,.5)
}

@keyframes progressbar {
    0% {
        background-position: 20px 0
    }

    to {
        background-position: 0 0
    }
}

.status-flag {
    display: block;
    padding: 0 6px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.3)
}

.status-flag.status-flag--first,.status-flag.status-flag--jackpot {
    background-image: linear-gradient(#ff7d4a,#f02805)
}

.status-flag.status-flag--new,.status-flag.status-flag--second {
    background-image: linear-gradient(#21dd00,#048800)
}

.status-flag.status-flag--third,.status-flag.status-flag--top {
    background-image: linear-gradient(#ffc700,#f60)
}

.status-flag.status-flag--fifth {
    display: block;
    width: 29px;
    height: auto;
    padding: 0;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    text-transform: lowercase;
    border-top-left-radius: 5px;
    background-image: linear-gradient(#ff7d4a,#f02805)
}

.nav-tabs {
    position: relative;
    display: flex;
    width: 100%;
    background-color: #111526
}

.nav-tabs-scroll {
    height: 40px;
    overflow: hidden
}

.nav-tabs-scroll .nav-tabs {
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 20px
}

.nav-tabs-scroll .nav-tabs__btn:not(.nav-tabs__btn--icon) {
    flex-shrink: 0
}

.nav-tabs-scroll--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 55px;
    left: 0;
    z-index: 2;
    overflow: hidden
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .nav-tabs-scroll--sticky {
        top:72px
    }
}

.nav-tabs__btn {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 100px;
    height: 40px;
    padding: 0 9px;
    margin-right: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: linear-gradient(#242b3e,#242b3e),linear-gradient(180deg,#1c2439,rgba(26,34,55,0));
    background-color: #0f1930;
    background-position: 0 0,100% 80%;
    background-repeat: no-repeat;
    background-size: auto 1px,auto;
    text-align: center;
    color: #898d99;
    white-space: nowrap;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .02em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3)
}

.nav-tabs__btn:last-child {
    margin-right: 0
}

.nav-tabs__btn.active {
    background-image: linear-gradient(#496595,#496595),linear-gradient(180deg,hsla(0,0%,100%,.07),rgba(0,0,0,.0001) 96.95%);
    background-color: #112852;
    -webkit-text-stroke: .5px;
    color: #fff
}

.nav-tabs__btn.active .nav-tabs__icon-hide {
    opacity: 1
}

.nav-tabs__btn.active .nav-tabs__icon-show {
    opacity: 0
}

.nav-tabs__btn--icon {
    max-width: 40px;
    padding: 0 16px
}

.nav-tabs__btn--icon .nav-tabs__name {
    display: none;
    padding-left: 8px
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .nav-tabs__btn--icon .nav-tabs__name {
        display:block
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .nav-tabs__btn--icon {
        max-width:none
    }
}

.nav-tabs__btn-icon {
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px
}

.nav-tabs__icon-hide,.nav-tabs__icon-show {
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity .3s
}

.nav-tabs__icon-hide {
    opacity: 0
}

.nav-tabs-scroll.nav-tabs-scroll--skeleton-grid {
    display: grid;
    z-index: 0;
    grid-template-columns: repeat(auto-fit,minmax(100px,1fr));
    grid-template-rows: 18px;
    grid-auto-rows: 0;
    grid-column-gap: 8px;
    height: 18px;
    margin-top: 0;
    padding: 8px 8px 0;
    box-sizing: content-box
}

.description {
    font-size: 14px;
    color: #8893a8;
    line-height: 1.34;
    padding: 0 10px
}

.description ol,.description p,.description ul {
    margin-bottom: 16px
}

.description h1,.description h2,.description h3,.description h4 {
    margin-bottom: 8px;
    color: #fff
}

.description h1 {
    font-weight: 700;
    font-size: 18px
}

.description h2 {
    font-weight: 700;
    font-size: 16px
}

.description h3 {
    font-size: 15px
}

.description a {
    color: #32a2f4;
    border-bottom: 1px solid
}

.description ul {
    padding-left: 32px;
    color: #d2d2d2;
    font-size: 15px;
    list-style-image: url("../images/coin_14.png")
}

.description ul:nth-child(2n) {
    padding-left: 32px;
    color: #d2d2d2;
    font-size: 15px;
    list-style-image: url("../images/diamond_14.png")
}

.description ul:nth-child(3n) {
    padding-left: 32px;
    color: #d2d2d2;
    font-size: 15px;
    list-style-image: url("../images/star_14.png")
}

.description ol {
    padding-left: 16px;
    list-style-type: decimal
}

.description li {
    line-height: 1.29;
    padding-bottom: 5px
}

.description ul li {
    position: relative;
    padding-left: 5px;
    margin-bottom: 5px
}

.description ol {
    padding-left: 25px;
    color: #d2d2d2
}

.description ol li {
    position: relative;
    padding-left: 5px;
    margin-bottom: 5px
}

.description em,.description i {
    font-style: italic
}

.description b,.description strong {
    font-weight: 700
}

.description b {
    font-size: 16px;
    color: #def0ff
}

.description .btn {
    display: inline-block;
    border: 0;
    color: #fff
}

.description>:last-child:not(div) {
    margin-bottom: 0
}

.description iframe {
    max-width: 100%;
    height: auto
}

.description details {
    position: relative;
    margin-bottom: 16px
}

.description details[open] summary:before {
    transform: rotate(180deg)
}

.description summary {
    display: block;
    margin-bottom: 8px;
    padding-right: 30px
}

.description summary:before {
    content: "";
    position: absolute;
    top: 6px;
    right: 8px;
    border-top: 6px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    transform: rotate(0deg)
}

.description summary::-webkit-details-marker {
    display: none
}

.description__ban {
    padding-bottom: 50%;
    position: relative;
    display: block;
    min-height: 160px;
    overflow: hidden
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .description__ban {
        padding-bottom:30.282%
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .description__ban {
        padding-bottom:0;
        height: 300px
    }
}

@media screen and (min-width: 1366px) {
    .description__ban {
        height:398px
    }
}

.description__ban-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.captcha {
    display: flex;
    flex-direction: row;
    align-items: center
}

.captcha__img {
    width: 88px;
    margin-right: 8px;
    border-radius: 5px
}

.captcha__reload {
    width: 36px;
    height: 24px;
    margin-right: 10px
}

.tel-input {
    position: relative;
    display: flex;
    height: 100%
}

.tel-input__dropdown {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 14px;
    border-radius: 4px 0 0 4px;
    background-color: #e1e3ec;
    box-shadow: inset 1px 3px 3px 0 #bfbfbf
}

.tel-input__dropdown--transparent {
    background: transparent;
    box-shadow: none
}

.tel-input__selection {
    display: flex;
    align-items: center
}

.tel-input__country-flag {
    margin-right: 7px
}

.tel-input__country-code {
    color: #1c283d;
    font-size: 14px;
    font-weight: 700
}

.tel-input__country-code--second {
    font-size: 16px;
    font-weight: 400;
    color: #575757
}

.tel-input___dropdown-arrow {
    margin-left: 2px;
    margin-right: -4px;
    height: 20px;
    transform: scale(.8,.5);
    color: #85888d;
    font-size: 20px;
    opacity: .5
}

.tel-input___dropdown-arrow--second {
    color: #a0a0a0;
    margin-right: 7px;
    margin-left: 7px;
    opacity: 1
}

.tel-input__country-list {
    position: absolute;
    left: 0;
    top: -200%;
    z-index: 1;
    width: 100%;
    max-height: 500px;
    padding: 0;
    margin: 0;
    text-align: left;
    list-style: none;
    overflow-y: scroll;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #111526
}

.tel-input__country-list--position-bottom {
    top: 33px
}

.tel-input__country-list--height-full-parent {
    z-index: 3;
    top: 0;
    height: 100%;
    max-height: none;
    padding-top: 8px;
    border: 0;
    box-shadow: inset 0 2px 2px rgba(0,0,0,.2)
}

.tel-input__dropdown-item {
    display: flex;
    align-items: center;
    padding: 4px 14px;
    font-size: 12px
}

.tel-input__dropdown-item--highlighted {
    background-color: #f3f3f3
}

.tel-input__country-code-list,.tel-input__country-name {
    padding-top: 5px
}

.tel-input__country-code-list {
    display: inline-block;
    margin-left: 5px;
    color: #666
}

.tel-input__list-item {
    display: flex;
    align-items: center;
    padding-left: 16px;
    font-size: 16px;
    line-height: 24px
}

.tel-input__list-item--highlighted {
    background-color: #f3f3f3
}

.tel-input__list-item-wrap {
    position: relative;
    display: flex;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px
}

.tel-input__list-item-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ced4d7
}

.tel-input__list-item-code {
    flex-shrink: 0;
    min-width: 37px;
    margin-right: 16px
}

.tel-input__list-item-code,.tel-input__list-item-name {
    font-size: 16px;
    line-height: 24px;
    color: #575757
}

.flag-380 {
    background-position: 0 -102px
}

.flag-7,.flag-380 {
    background-image: url("../images/flags.1c19714de7dcfb154665b46ef6eef400.png");
    width: 24px;
    height: 24px
}

.flag-7 {
    background-position: -102px 0
}

.flag-374 {
    background-position: 0 0
}

.flag-374,.flag-994 {
    background-image: url("../images/flags.1c19714de7dcfb154665b46ef6eef400.png");
    width: 24px;
    height: 24px
}

.flag-994 {
    background-position: -34px 0
}

.flag-375 {
    background-position: 0 -34px
}

.flag-359,.flag-375 {
    background-image: url("../images/flags.1c19714de7dcfb154665b46ef6eef400.png");
    width: 24px;
    height: 24px
}

.flag-359 {
    background-position: -34px -34px
}

.flag-995 {
    background-position: -68px 0
}

.flag-995,.flag-k7 {
    background-image: url("../images/flags.1c19714de7dcfb154665b46ef6eef400.png");
    width: 24px;
    height: 24px
}

.flag-k7 {
    background-position: -68px -34px
}

.flag-373 {
    background-position: -34px -68px
}

.flag-373,.flag-993 {
    background-image: url("../images/flags.1c19714de7dcfb154665b46ef6eef400.png");
    width: 24px;
    height: 24px
}

.flag-993 {
    background-position: -102px -68px
}

.flag-998 {
    background-position: -34px -102px
}

.flag-48,.flag-998 {
    background-image: url("../images/flags.1c19714de7dcfb154665b46ef6eef400.png");
    width: 24px;
    height: 24px
}

.flag-48 {
    background-position: -68px -68px
}

.flag-996 {
    background-position: 0 -68px
}

.flag-992,.flag-996 {
    background-image: url("../images/flags.1c19714de7dcfb154665b46ef6eef400.png");
    width: 24px;
    height: 24px
}

.flag-992 {
    background-position: -102px -34px
}

.sount-messages,.stack-count {
    width: 20px;
    height: 20px;
    background-image: linear-gradient(#ff7d4a,#f02805);
    box-shadow: inset 0 -.13em 0 0 0 2px 2px 0 rgba(0,0,0,.39) rgba(0,0,0,.3);
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0,0,0,.3)
}

.mark-flag,.sount-messages,.stack-count {
    display: block;
    line-height: 20px;
    font-weight: 700
}

.mark-flag {
    position: relative;
    width: max-content;
    padding-left: 6px;
    padding-right: 22px;
    overflow: hidden;
    text-transform: uppercase;
    filter: drop-shadow(0 2px 2px rgba(0,0,0,.5));
    will-change: transform
}

.mark-flag:after,.mark-flag:before {
    content: "";
    position: absolute;
    top: 0;
    right: 1em;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#ff5e5e,#fa2c57)
}

.mark-flag:before {
    transform: skew(35deg)
}

.mark-flag:after {
    transform: skew(-35deg)
}

.mark-flag.mark-flag--disabled {
    filter: grayscale(1)
}

.mark-flag__text {
    z-index: 2;
    position: relative;
    display: block;
    font-size: 10px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .mark-flag__text {
        font-size:12px
    }
}

.select-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 100%;
    margin-top: auto;
    box-shadow: 0 -2px 10px 0 rgba(0,0,0,.5)
}

@media screen and (min-width: 479px) and (min-height:479px) {
    .select-menu {
        max-width:360px;
        margin: auto
    }
}

.input-item-wrap__select {
    padding: 0 14px
}

.select-menu__header {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    padding: 4px 12px 4px 16px;
    background-image: linear-gradient(180deg,#161c32,#101425)
}

.select-menu__title {
    width: 100%;
    padding: 0 30px;
    font-weight: 700;
    text-align: center;
    font-size: 16px
}

.select-menu__close-btn {
    position: absolute;
    right: 8px
}

@media screen and (min-width: 321px) {
    .select-menu__close-btn {
        right:16px
    }
}

.select-menu__list {
    background-color: #112852
}

.select-menu__label {
    display: block
}

.select-menu__item.disabled-select {
    pointer-events: none;
    filter: grayscale(100%);
    opacity: .35
}

.select-menu-row {
    position: relative;
    border-color: #35486c transparent #040a15;
    border-style: solid;
    border-width: 1px;
    display: flex;
    align-items: center;
    padding: 4px 16px 4px 54px;
    min-height: 40px
}

.select-menu-row:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background-image: linear-gradient(180deg,#189ff2,#2ed1fb);
    background-size: auto;
    pointer-events: none;
    will-change: opacity
}

@media(hover) {
    .select-menu-row: after {
        transition:opacity .3s
    }
}

@media(hover) {
    .select-menu-row {
        cursor: pointer;
        transition-duration: .3s;
        transition-property: background-image
    }

    .select-menu-row:hover {
        border: 1px solid #21c6fb
    }

    .select-menu-row:hover:after {
        opacity: 1
    }

    .select-menu-row:hover .select-menu-row__icon {
        display: none
    }

    .select-menu-row:hover .select-menu-row__icon+.select-menu-row__icon {
        display: block
    }

    .select-menu-row:hover .select-menu-row__description,.select-menu-row:hover .select-menu-row__value--default {
        color: #fff
    }
}

.select-menu-row--default {
    display: flex;
    justify-content: center;
    padding: 4px
}

.filter-menu__link.active .select-menu-row,.select-menu__input:checked+.select-menu-row {
    border: 1px solid #21c6fb
}

.filter-menu__link.active .select-menu-row:after,.select-menu__input:checked+.select-menu-row:after {
    opacity: 1
}

.filter-menu__link.active .select-menu-row .select-menu-row__ico,.select-menu__input:checked+.select-menu-row .select-menu-row__ico {
    display: flex
}

.filter-menu__link.active .select-menu-row .select-menu-row__icon,.filter-menu__link.active .select-menu-row .select-menu-row__pic,.select-menu__input:checked+.select-menu-row .select-menu-row__icon,.select-menu__input:checked+.select-menu-row .select-menu-row__pic {
    display: none
}

.filter-menu__link.active .select-menu-row .select-menu-row__icon+.select-menu-row__icon,.select-menu__input:checked+.select-menu-row .select-menu-row__icon+.select-menu-row__icon {
    display: block
}

.filter-menu__link.active .select-menu-row .select-menu-row__description,.select-menu__input:checked+.select-menu-row .select-menu-row__description {
    color: #fff
}

.select-menu-row.select-menu-row--payment {
    min-height: 56px
}

.select-menu-row__ico {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    align-items: center;
    justify-content: center;
    display: none;
    width: 40px;
    height: 100%;
    padding-bottom: 4px;
    color: #25f400;
    text-align: center
}

.select-menu-row__ok {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    transform: rotate(-45deg)
}

.select-menu-row__ok:after,.select-menu-row__ok:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 6px;
    background-color: #25f400
}

.select-menu-row__ok:before {
    width: 100%;
    height: 3px
}

.select-menu-row__ok:after {
    height: 60%;
    width: 3px
}

.select-menu-row__icon {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.select-menu-row__icon~.select-menu-row__icon {
    display: none
}

.select-menu-row__value {
    text-shadow: 1px 1px 0 rgba(0,0,0,.3);
    z-index: 1;
    display: flex;
    align-items: center;
    flex: 1;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.select-menu-row__value .personal-pic {
    position: absolute;
    top: 10px;
    bottom: 0;
    right: 0;
    left: 6px;
    width: 30px;
    height: 20px;
    border-radius: 2px;
    margin-right: 16px;
    object-fit: cover
}

.select-menu-row__value--default {
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    color: #32a2f4;
    cursor: pointer
}

.select-menu-row__payment {
    z-index: 1;
    flex: 1;
    display: flex;
    align-items: center
}

.select-menu-row__payment-ico {
    max-width: 112px;
    max-height: 48px;
    object-fit: contain;
    margin-right: 8px
}

.select-menu-row__description {
    z-index: 1;
    display: inline-block;
    width: 40%;
    color: #a8bee6;
    text-align: right;
    font-size: 12px
}

.input-item-wrap--select .input-item-wrap__select--img {
    display: flex;
    align-items: center
}

.preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    z-index: 9999
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .main .preloader:not(.preloader--fixed) {
        position:absolute;
        z-index: 3
    }
}

.preloader .loader-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.loader__ico {
    width: 40px;
    height: 40px;
    color: #ccd0de
}

.load {
    animation: load 1.2s linear infinite
}

@keyframes load {
    to {
        transform: rotate(1 turn)
    }
}

.denomination {
    width: 100%
}

.denomination__info {
    display: flex;
    justify-content: center;
    font-size: 12px;
    line-height: 16px
}

.denomination__select {
    display: flex;
    justify-content: space-between;
    min-width: 125px;
    align-items: center;
    cursor: pointer
}

.denomination__label {
    color: #a8bee6
}

.denomination__value {
    position: relative;
    margin-left: 5px;
    font-size: 14px
}

.denomination__arrow {
    width: 24px;
    height: 24px
}

.denomination__description {
    color: #8893a7
}

.confirmation-code-input {
    display: flex;
    justify-content: space-between
}

.confirmation-code-input__wrap {
    display: block;
    width: 50px;
    height: 40px;
    border-radius: 5px;
    margin-right: 8px;
    padding: 2px;
    background-image: linear-gradient(#080e17,#294374)
}

.confirmation-code-input__wrap:last-child {
    margin-right: 0
}

.confirmation-code-input__input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    font-size: 14px;
    color: #1c283d;
    font-weight: 700;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: inset 0 3px 3px 0 #bfbfbf
}

.select4 {
    padding: 4px 0
}

.select4__filter {
    position: relative;
    padding-right: 32px;
    line-height: 32px
}

.select4__title {
    display: block;
    font-weight: 700;
    font-size: 14px
}

.select4__title:after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 8px;
    border-top: 6px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.btn {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    min-width: 80px;
    padding: 0 16px;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.8)
}

.btn.btn--first {
    background-image: linear-gradient(180deg,#33c600,#206400)
}

@media(hover) {
    .btn.btn--first: hover {
        background-image:linear-gradient(180deg,#3eed00,#329c00)
    }
}

.btn.btn--first:active {
    background-image: linear-gradient(0deg,#206400 .01%,#2aa300);
    color: hsla(0,0%,100%,.7)
}

.btn.btn--second {
    background-image: linear-gradient(180deg,#ea2626,#641800)
}

@media(hover) {
    .btn.btn--second: hover {
        background-image:linear-gradient(180deg,#ff1a1a,#a82800)
    }
}

.btn.btn--second:active {
    background-image: linear-gradient(0deg,#ea2626 .01%,#641800);
    color: hsla(0,0%,100%,.7)
}

.btn.btn--third {
    background-image: linear-gradient(180deg,#00659e,#00396c);
    box-shadow: 0 4px 4px rgba(0,0,0,.25),inset 0 4px 4px hsla(0,0%,100%,.25)
}

@media(hover) {
    .btn.btn--third: hover {
        background-image:linear-gradient(180deg,#0890dd,#005bac)
    }
}

.btn.btn--third:active {
    background-image: linear-gradient(0deg,#00396c .01%,#005585);
    color: hsla(0,0%,100%,.7)
}

.btn.btn--long,.btn.btn--long-response {
    min-width: 200px
}

@media screen and (max-width: 1023px) {
    .btn.btn--long-response {
        min-width:auto
    }
}

@media screen and (max-width: 1023px) and (min-width:480px) {
    .btn.btn--long-response {
        min-width:200px
    }
}

.btn.btn--big,.btn.btn--big-response {
    min-width: 240px
}

@media screen and (max-width: 1023px) {
    .btn.btn--big-response {
        min-width:200px
    }
}

.btn.disabled,.btn[disabled] {
    opacity: .3;
    cursor: not-allowed;
    pointer-events: none
}

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

.btn__ico {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.3))
}

.btn.btn--counter {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    line-height: inherit;
    height: 48px;
    padding: 0 12px
}

.btn.btn--counter:after,.btn.btn--counter:before {
    transform: none
}

.btn__timer-text {
    display: block;
    font-size: 12px;
    line-height: 17px;
    color: hsla(0,0%,100%,.8);
    font-weight: 400
}

.btn__text--small {
    display: block;
    text-transform: lowercase;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    opacity: .8
}

.phone-conformation-link {
    display: flex;
    justify-content: flex-end;
    padding-top: 4px;
    font-size: 12px;
    color: #32a2f4
}

.phone-conformation-link__resend {
    cursor: pointer
}

@media(hover) {
    .phone-conformation-link__resend: hover {
        text-decoration:underline
    }
}

.phone-conformation-link__resend:active {
    opacity: .8
}

.phone-conformation-gift,.phone-conformation-gift__page-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.phone-conformation-gift__page-wrapper {
    border-top: 1px solid #35486c
}

.phone-conformation-gift__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 24px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .phone-conformation-gift__content {
        flex-direction:row;
        justify-content: center
    }
}

.phone-conformation-gift__form {
    width: 100%;
    padding: 0 16px;
    max-width: 352px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .phone-conformation-gift__form {
        display:flex;
        justify-content: center;
        align-items: center;
        width: auto;
        max-width: none
    }
}

.phone-conformation-gift__banner {
    max-width: 100%;
    height: 128px;
    margin: 0 auto 16px;
    object-fit: contain
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .phone-conformation-gift__banner {
        height:210px
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .phone-conformation-gift__banner {
        margin:0 16px 0 0;
        max-width: none
    }
}

.phone-conformation-gift-modal {
    width: 320px;
    margin: auto
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .phone-conformation-gift-modal {
        width:auto
    }
}

.phone-conformation-gift-modal.phone-conformation-gift-modal--separate-page {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 14
}

.phone-conformation-gift-modal__wrap {
    background-color: #112852;
    box-shadow: 0 -2px 10px 0 rgba(0,0,0,.5)
}

.enter-phone {
    width: 100%;
    max-width: 280px;
    margin: auto
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .enter-phone {
        width:280px
    }
}

.enter-phone__input {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    transition: padding .3s
}

.enter-phone__input-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center
}

.enter-phone__input-text {
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 16px;
    color: #8893a8;
    text-align: center
}

.enter-phone__button {
    display: flex;
    justify-content: center;
    padding-top: 14px
}

.enter-phone__phone-input {
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 5px
}

.enter-code {
    width: 100%;
    max-width: 280px;
    margin: auto
}

.enter-code__input {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    transition: padding .3s
}

.enter-code__input-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center
}

.enter-code__input-text {
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 16px;
    color: #8893a8;
    text-align: center
}

.enter-code__button {
    display: flex;
    justify-content: center;
    padding-top: 14px
}

.enter-code__confirmation-code-title {
    display: block;
    padding-top: 2px;
    color: #8893a8;
    font-size: 12px;
    line-height: 16px
}

.enter-code__alert {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.confirmed {
    width: 100%;
    max-width: 280px;
    margin: auto
}

.confirmed__input {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    transition: padding .3s
}

.confirmed__input-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center
}

.confirmed__input-text {
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 16px;
    color: #8893a8;
    text-align: center
}

.confirmed__button {
    display: flex;
    justify-content: center;
    padding-top: 14px
}

.page {
    background-image: linear-gradient(#17366f,#112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    padding: 16px 0
}

.overlay1 {
    position: fixed;
    top: 0;
    z-index: 4;
    display: flex;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.75)
}

.overlay1:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 50%;
    background-color: inherit
}

.overlay2 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 15;
    display: flex;
    overflow: auto;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.75)
}

.overlay2.overlay2--z-13 {
    z-index: 13
}

.overlay3 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.75)
}

.promo-code,.promo-code__content,.promo-code__page-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.promo-code__content {
    align-items: center;
    padding-top: 16px;
    padding-bottom: 24px
}

.promo-code__content .captcha {
    padding-top: 16px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .promo-code__content {
        flex-direction:row;
        justify-content: center
    }
}

.promo-code__form {
    width: 100%;
    padding: 0 16px;
    max-width: 352px
}

.promo-code__banner {
    max-width: 100%;
    height: 128px;
    margin: 0 auto 16px;
    object-fit: contain
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .promo-code__banner {
        height:210px
    }
}

.promo-code__inputs {
    width: 100%
}

.promo-code__inputs .captcha__img {
    height: 40px;
    width: 85px
}

.promo-code__button {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    padding-top: 16px
}

.promo-code__button .btn {
    width: 240px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .promo-code__button {
        padding-top:24px
    }
}

.promo-code-modal {
    max-width: 360px;
    width: 100%;
    margin: auto;
    height: 100%
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .promo-code-modal {
        margin:auto
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .promo-code-modal {
        margin:auto;
        height: auto
    }
}

.promo-code-modal.promo-code-modal--separate-page {
    position: relative;
    z-index: 1000
}

.promo-code-modal__wrap {
    border-radius: 5px;
    background-color: #112852;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.5);
    height: 100%
}

.tickets-list {
    background-color: #112852;
    min-height: 356px
}

@media screen and (min-width: 568px) {
    .tickets-list {
        min-height:452px
    }
}

.tickets-list__wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 4px;
    padding: 16px 8px
}

@media screen and (min-width: 568px) {
    .tickets-list__wrap {
        grid-template-columns:repeat(2,1fr);
        grid-row-gap: 4px
    }
}

@media screen and (min-width: 640px) {
    .tickets-list__wrap {
        grid-row-gap:8px;
        grid-column-gap: 4px
    }
}

.tickets-list-item {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    min-height: 88px;
    background-image: url("../images/ticket.04992317a19003dd81d549dc027dba9c.png");
    background-position: 50%;
    background-repeat: no-repeat
}

@media screen and (min-width: 568px) {
    .tickets-list-item {
        min-height:78px;
        background-size: contain
    }
}

@media screen and (min-width: 640px) {
    .tickets-list-item {
        min-height:88px;
        background-size: 100%
    }
}

.tickets-list-item__logo {
    width: 62px;
    height: 43px
}

.tickets-list-item__logo-pic {
    width: 100%;
    height: 100%
}

.tickets-list-item__data {
    padding-right: 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    text-transform: capitalize;
    color: #fff
}

.tickets-list-item__ticket-title {
    padding-bottom: 12px
}

.welcome-pack-page {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
    padding-top: 42px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .welcome-pack-page {
        justify-content:center
    }
}

.welcome-pack-page__list {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .welcome-pack-page__list {
        flex-direction:row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.welcome-pack-page__shadow-wrapper {
    order: 1;
    margin-bottom: 42px;
    border-radius: 4px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .welcome-pack-page__shadow-wrapper {
        width:49%
    }

    .welcome-pack-page__shadow-wrapper:last-child {
        margin-bottom: auto
    }
}

.welcome-pack-page__shadow-wrapper.active {
    width: 100%
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .welcome-pack-page__shadow-wrapper.active .welcome-pack-page__item--flex-row {
        justify-content:flex-start
    }

    .welcome-pack-page__shadow-wrapper.active .welcome-pack-page__description-container--flex-row {
        justify-content: flex-start;
        min-width: 142px
    }

    .welcome-pack-page__shadow-wrapper.active .welcome-pack-page__btn-container {
        max-width: 170px;
        margin-left: 40px
    }

    .welcome-pack-page__shadow-wrapper.active .welcome-pack-page__btn {
        padding: 0 50px
    }

    .welcome-pack-page__shadow-wrapper.active .welcome-pack-page__image-container {
        max-height: 240px;
        max-width: 366px;
        bottom: -238%;
        z-index: 1
    }
}

.welcome-pack-page__shadow-wrapper.active>.welcome-pack-page__item {
    min-height: 91px;
    border-radius: 4px 4px 0 0
}

.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__headline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__btns-list {
    display: block
}

.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__bonuses--hide {
    display: none
}

.welcome-pack-page__shadow-wrapper.used {
    order: 2;
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 96%,hsla(0,0%,100%,.1) 97%,hsla(0,0%,100%,.1));
    box-shadow: inset 0 3px 3px 0 rgba(0,0,0,.4)
}

.welcome-pack-page__shadow-wrapper.used>.welcome-pack__item {
    background: #112852
}

.welcome-pack-page__shadow-wrapper.used .welcome-pack__description-container {
    opacity: .5
}

.welcome-pack-page__item {
    position: relative;
    display: flex;
    padding: 14px 14px 11px;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.4)
}

.welcome-pack-page__item--flex-row {
    justify-content: space-between;
    align-items: center;
    border-radius: 0;
    box-shadow: none
}

.welcome-pack-page__item--blue {
    background: linear-gradient(0deg,#163481,#09184a)
}

.welcome-pack-page__item--grey {
    background: linear-gradient(0deg,#657987,#35444f)
}

.welcome-pack-page__item--pink {
    background: linear-gradient(0deg,#c91a6d,#590723)
}

.welcome-pack-page__item--green {
    background: linear-gradient(180deg,#004a18,#009b44)
}

.welcome-pack-page__item--brown {
    background: linear-gradient(0deg,#98350a,#380518)
}

.welcome-pack-page__description-container {
    display: flex;
    flex-direction: column
}

.welcome-pack-page__description-container--flex-row {
    flex-direction: row;
    justify-content: space-between
}

.welcome-pack-page__headline {
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    color: #fff;
    opacity: .5
}

.welcome-pack-page__bonuses {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.welcome-pack-page__text-yellow {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #ffc400;
    text-shadow: 0 1px 2px 0 rgba(0,0,0,.3)
}

.welcome-pack-page__text-turquoise {
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    color: #7ad6e0;
    text-shadow: 0 1px 2px 0 rgba(0,0,0,.3)
}

.welcome-pack-page__image-container {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 186px;
    max-height: 122px
}

.welcome-pack-page__image {
    display: inline-block;
    width: 100%;
    height: auto;
    object-fit: contain
}

.welcome-pack-page__btns-list {
    display: none
}

.welcome-pack-page__gift-ico {
    width: 34px;
    height: 26px;
    margin-right: 15px
}

.welcome-pack-page__btn-container {
    max-width: 105px
}

.welcome-pack-page__btn {
    padding-top: 5px;
    white-space: normal;
    line-height: 1.5em
}

.notification-modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 22;
    overflow: auto;
    width: 100%;
    height: 100%;
    display: flex
}

.notification-modal {
    position: relative;
    z-index: 2;
    width: calc(100% - 16px);
    max-width: 576px;
    padding: 40px;
    margin: auto;
    background-color: #07204e;
    background-image: url("../fonts/win-bg-modal.526797b89390bdc68c523f28ac146883.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.5);
    border-radius: 5px;
    transition: opacity .3s
}

@media screen and (max-width: 1023px) {
    .notification-modal {
        padding:16px 24px 24px
    }
}

.notification-modal__img {
    display: flex;
    justify-content: center
}

.notification-modal__pic {
    height: 224px
}

@media screen and (max-width: 1023px) {
    .notification-modal__pic {
        height:136px
    }
}

.notification-modal__title {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1.25
}

.notif-ban {
    display: flex;
    border-radius: 2px;
    align-items: center;
    height: 40px;
    padding: 0 38px;
    background-color: #111526
}

.notif-ban__wrap {
    display: flex;
    align-items: baseline
}

.notif-ban__text {
    margin-right: 8px
}

.notification-modal__message {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

@media screen and (max-width: 1023px) {
    .notification-modal__message {
        margin-top:0
    }
}

.notification-modal__btn {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

.notification-modal__level {
    color: #7ad6e0;
    text-shadow: 0 1px 2px rgba(0,0,0,.7)
}

.notif-ban-itm {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-shrink: 0;
    width: 6rem;
    height: 3.25rem;
    border-radius: 4px;
    background-color: #0c1a39
}

.notif-ban-itm .money {
    font-size: 16px
}

.notification-modal__message-list {
    display: flex;
    justify-content: center;
    margin-bottom: 24px
}

.notification-modal__message-list .notif-ban-itm {
    margin: 0 2px
}

@media screen and (max-width: 1023px) {
    .notification-modal__message-list {
        padding-top:8px
    }
}

.notif-ban-itm__text {
    margin-bottom: 4px
}

.notification-modal__close {
    position: absolute;
    top: 8px;
    right: 8px
}

@media screen and (max-width: 1023px) {
    .notification-modal__close {
        top:0;
        right: 0
    }
}

.close-btn-position {
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 8px;
    opacity: .5
}

@media screen and (max-width: 1023px) {
    .close-btn-position {
        top:0;
        right: 0
    }
}

.close {
    width: 40px;
    height: 40px;
    padding: 8px;
    color: #747c8e
}

.notification-modal__table-info {
    padding-top: 8px;
    display: flex;
    justify-content: center
}

.note-table-info__list {
    display: flex;
    flex-direction: column-reverse
}

.note-table-info__item {
    display: flex
}

.note-table-info__item:not(:last-child) {
    margin-top: 12px
}

.note-table-info {
    width: 244px;
    padding: 16px;
    background-color: #0c1a39
}

.note-table-info__sub {
    width: 57px;
    margin-right: 16px;
    text-align: right;
    font-size: 12px;
    color: hsla(0,0%,100%,.8);
    font-weight: 700
}

.note-table-info__main {
    margin-right: 8px;
    color: #ffc400
}

.note-table-info__main,.note-table-info__plus {
    font-size: 14px;
    text-shadow: 0 1px 2px rgba(0,0,0,.3);
    font-weight: 700
}

.note-table-info__plus {
    color: #7ad6e0
}

.--scale-1-2 {
    transform: scale(1.2)
}

.quick-nav-layout-height {
    height: 47px
}

@media screen and (min-width: 1023px) {
    .quick-nav-layout-height {
        height:52px
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav-layout-height {
        height:auto
    }
}

.quick-nav-layout-wrap {
    position: fixed;
    bottom: -53px;
    left: 0;
    z-index: 3;
    width: 100%;
    transform: translateY(-50px)
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav-layout-wrap {
        position:static;
        height: 100%;
        transform: none
    }
}

.quick-nav-layout-wrap.quick-nav-layout-wrap--loading {
    height: 40px;
    border-radius: 20px
}

.quick-nav {
    background-image: linear-gradient(#17366f,#112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    position: relative;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 57px;
    background-color: #112852;
    box-shadow: 0 -5px 10px 0 rgba(0,0,0,.5)
}

@media screen and (min-width: 1023px) {
    .quick-nav {
        height:52px
    }
}

.quick-nav {
    align-items: center;
    height: 100%;
    box-shadow: none;
    background: transparent;
    border: 0
}

.quick-nav__item {
    z-index: 0;
    box-sizing: border-box;
    margin-bottom: 5px;
    transform: translateY(0)
}

.quick-nav__item:not(:last-child) {
    margin-right: 16px
}

@media screen and (min-width: 1023px) {
    .quick-nav__item {
        transform:translateY(-16px)
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav__item {
        transform:none;
        margin-bottom: 0
    }
}

@media(hover) {
    .quick-nav__item: not(.active):hover .quick-nav__link-decor:after {
        opacity:1
    }

    .quick-nav__item:not(.active):hover .quick-nav__link-decor:before {
        background-image: linear-gradient(#2893c1,#2a9fd3)
    }
}

.quick-nav__link {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 44px;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer
}

@media screen and (min-width: 1023px) {
    .quick-nav__link {
        flex-direction:row;
        width: 132px;
        height: 38px;
        padding: 0 16px;
        margin: 1px
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav__link {
        justify-content:flex-start;
        height: 40px;
        width: 96px;
        padding: 0 8px
    }
}

.quick-nav__link-ico {
    z-index: 2;
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.quick-nav__link-ico:after {
    will-change: transform
}

.quick-nav__link-ico.quick-nav__link-ico--active {
    display: none
}

@media screen and (min-width: 1023px) {
    .quick-nav__link-ico {
        margin:0 7px 0 0
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav__link-ico {
        width:21px;
        height: 21px
    }
}

.quick-nav__link-text {
    display: flex;
    align-items: flex-end;
    height: 16px;
    margin-top: 5px;
    font-size: 10px;
    z-index: 2;
    opacity: .5
}

@media screen and (min-width: 1023px) {
    .quick-nav__link-text {
        display:inline;
        height: auto;
        margin-top: 0;
        font-size: 14px
    }
}

.quick-nav__link-decor {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 16px;
    width: 42px;
    height: 42px;
    margin: auto;
    border-radius: 5px;
    background-image: linear-gradient(#112952,#476294)
}

.quick-nav__link-decor:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    z-index: -1;
    margin: auto;
    border-radius: inherit;
    background-image: linear-gradient(#385281,#112851)
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav__link-decor:after {
        content:"";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(#075da1,#41cafa);
        border-radius: 5px;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s;
        will-change: opacity
    }
}

@media screen and (min-width: 1023px) {
    .quick-nav__link-decor {
        top:0;
        bottom: auto;
        width: auto;
        height: 100%
    }
}

.quick-nav__message {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%,-50%);
    z-index: 1
}

@media screen and (min-width: 1023px) {
    .quick-nav__item.active .quick-nav__link {
        height:46px;
        padding: 0 8px
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav__item.active .quick-nav__link {
        height:38px
    }
}

.quick-nav__item.active .quick-nav__link-ico {
    height: 40px;
    width: 40px
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav__item.active .quick-nav__link-ico {
        width:21px;
        height: 21px
    }
}

.quick-nav__item.active .quick-nav__link-decor {
    left: -2px;
    right: -2px;
    width: 46px;
    height: 46px;
    background-image: linear-gradient(#075da1,#41cafa)
}

.quick-nav__item.active .quick-nav__link-decor:before {
    background-image: linear-gradient(#2893c1,#2a9fd3)
}

@media screen and (min-width: 1023px) {
    .quick-nav__item.active .quick-nav__link-decor {
        width:100%;
        height: 100%
    }
}

.quick-nav__item.active .quick-nav__link-text {
    opacity: 1;
    font-weight: 700
}

.talk-me-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 44px
}

@media screen and (min-width: 1023px) {
    .talk-me-item {
        flex-direction:row;
        width: 132px;
        height: 38px;
        padding: 0 16px;
        margin: 1px
    }
}

.talk-me-item__ico {
    z-index: 2;
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin: 0 auto
}

@media screen and (min-width: 1023px) {
    .talk-me-item__ico {
        margin:0 7px 0 0
    }
}

.talk-me-item__text {
    display: flex;
    align-items: flex-end;
    height: 16px;
    margin-top: 5px;
    font-size: 10px;
    z-index: 2;
    opacity: .5
}

@media screen and (min-width: 1023px) {
    .talk-me-item__text {
        display:inline;
        height: auto;
        margin-top: 0;
        font-size: 14px
    }
}

.talk-me-item__decor {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 16px;
    left: 0;
    width: 42px;
    height: 42px;
    margin: auto;
    border-radius: 5px;
    background-image: linear-gradient(#112952,#476294)
}

.talk-me-item__decor:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    z-index: -1;
    margin: auto;
    border-radius: inherit;
    background-image: linear-gradient(#385281,#112851)
}

@media screen and (min-width: 1023px) {
    .talk-me-item__decor {
        top:0;
        bottom: auto;
        width: auto;
        height: 100%
    }
}

.game-search-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 44px
}

@media screen and (min-width: 1023px) {
    .game-search-item {
        flex-direction:row;
        width: 132px;
        height: 38px;
        padding: 0 16px;
        margin: 1px
    }
}

.game-search-item__ico {
    z-index: 2;
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin: 0 auto
}

@media screen and (min-width: 1023px) {
    .game-search-item__ico {
        margin:0 7px 0 0
    }
}

.game-search-item__text {
    display: flex;
    align-items: flex-end;
    height: 16px;
    margin-top: 5px;
    font-size: 10px;
    z-index: 2;
    opacity: .5
}

@media screen and (min-width: 1023px) {
    .game-search-item__text {
        display:inline;
        height: auto;
        margin-top: 0;
        font-size: 14px
    }
}

.game-search-item__decor {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 16px;
    left: 0;
    width: 42px;
    height: 42px;
    margin: auto;
    border-radius: 5px;
    background-image: linear-gradient(#112952,#476294)
}

.game-search-item__decor:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    z-index: -1;
    margin: auto;
    border-radius: inherit;
    background-image: linear-gradient(#385281,#112851)
}

@media screen and (min-width: 1023px) {
    .game-search-item__decor {
        top:0;
        bottom: auto;
        width: auto;
        height: 100%
    }
}

.show-more-text2__height {
    width: 100%;
    max-height: 65px;
    overflow: hidden;
    transition-delay: .3s
}

.show-more-text2__height--auto {
    max-height: none
}

.show-more-text2__text {
    font-size: 14px;
    line-height: 21px;
    color: #8893a8
}

.show-more-text2__btn {
    margin-top: 7px
}

.show-more-text2__description {
    font-size: 14px;
    line-height: 21px;
    color: #8893a8
}

.show-more-text2__description h1,.show-more-text2__description h2 {
    font-weight: 700
}

.show-more-text2__description a {
    color: #32a2f4;
    border-bottom: 1px solid
}

.show-more-text2__description ul {
    padding-left: 11px
}

.show-more-text2__description ol {
    padding-left: 16px;
    list-style-type: decimal
}

.show-more-text2__description ul li {
    position: relative
}

.show-more-text2__description ul li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: -9px;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background-color: currentColor
}

.show-more-text2__description em,.show-more-text2__description i {
    font-style: italic
}

.show-more-text2__description b,.show-more-text2__description strong {
    font-weight: 700
}

.ui-kit>section {
    padding: 30px 16px 0
}

.ui-kit__top-sect {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 0 16px
}

.ui-kit__logo {
    width: 150px;
    height: 150px;
    background-image: url("../images/logo.237d10dc7ef7ac19c087ac42b74263ec.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.ui-kit-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -10px
}

.ui-kit-list>li {
    display: flex;
    flex-direction: column;
    margin: 10px;
    padding: 10px;
    border: 1px solid hsla(0,0%,100%,.2)
}

.ui-kit__main-title {
    font-size: 70px;
    font-weight: 700;
    color: hsla(0,0%,100%,.3);
    text-transform: uppercase
}

.ui-kit__title {
    padding-bottom: 20px;
    border-bottom: 1px solid hsla(0,0%,100%,.5);
    font-size: 36px;
    color: hsla(0,0%,100%,.65);
    text-transform: uppercase
}

.ui-kit__min-title {
    margin-bottom: 10px;
    color: hsla(0,0%,100%,.5);
    font-size: 14px
}

.ui-kit__cont {
    padding: 20px 0
}

.colors {
    display: flex;
    align-items: center
}

.colors__item {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    box-shadow: 0 0 3px #fff
}

.ui-kit__cont-item:not(:last-child) {
    margin-bottom: 20px
}

.colors__var {
    margin-bottom: 10px;
    font-size: 14px
}

.--color-1 {
    background-color: #112852
}

.--color-2 {
    background-color: #111526
}

.--color-3 {
    background-color: #189ff2
}

.--color-11 {
    background-color: #fff
}

.--color-22 {
    background-color: #000
}

.--text-color-11,.--text-color-22 {
    background-color: #fff
}

.--color-attention {
    background-color: #ffc400
}

.--color-error {
    background-color: #f04d30
}

.--color-success {
    background-color: #13b300
}

.--common-undefined {
    background-color: #817d75
}

.--text-color-1 {
    background-color: #8893a8
}

.--text-color-2 {
    background-color: #a8bee6
}

.--text-color-3 {
    background-color: #32a2f4
}

.--text-color-4 {
    background-color: #ffc400
}

.--text-color-6 {
    background-color: #111526
}

.--text-color-7 {
    background-color: #7ad6e0
}

.open-details {
    display: flex;
    justify-content: center;
    align-items: center
}

.open-details__arrow {
    width: 24px;
    height: 24px;
    transition: transform .3s
}

.open-details__arrow.open-details__arrow--opened {
    transform: rotate(180deg)
}

.details {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: -16px;
    padding: 0 8px;
    background-color: #111526;
    cursor: pointer
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .details {
        margin-top:-32px;
        padding: 0 16px
    }
}

.details__decor {
    width: 100%;
    padding: 0 1px 1px;
    mix-blend-mode: normal;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.details__decor.details__decor--open {
    background: linear-gradient(180deg,hsla(0,0%,100%,.1),#111526 30%,#111526 60%,hsla(0,0%,100%,.1))
}

.details__summary::-webkit-details-marker {
    display: none
}

.details__summary {
    list-style: none
}

.details__container[open] {
    width: 100%;
    padding: 16px;
    background-color: #111526;
    background-image: linear-gradient(180deg,#1a1e2b,#0d101d);
    border-radius: inherit
}

.details__container[open] .details__body {
    animation-name: detailsOpen;
    animation-duration: .5s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.details__body {
    display: grid;
    grid-template-columns: 52px auto;
    grid-template-rows: 52px auto;
    grid-column-gap: 16px;
    opacity: 1
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .details__body {
        grid-template-columns:68px auto;
        grid-template-rows: 68px auto;
        grid-column-gap: 24px
    }
}

.details__images {
    grid-column: 1/2;
    grid-row: 1/2
}

.details__img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.details__header {
    grid-column: 2/3;
    grid-row: 1/2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .details__header {
        justify-content:space-evenly
    }
}

.details__next-level {
    font-size: 12px;
    line-height: 14px;
    color: #a8bee6
}

.details__level-name {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #32a2f4
}

.details__table {
    grid-column: 2/3;
    grid-row: 2/3
}

.details__table-header {
    width: 70%;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    color: #a8bee6
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .details__table-header {
        line-height:20px
    }
}

.details__table-cell {
    max-width: 70px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    color: #ffc400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .details__table-cell {
        line-height:20px
    }
}

@keyframes detailsOpen {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.exchanger-success-modal {
    width: 100%;
    height: 100%;
    margin: auto
}

@media screen and (min-width: 1024px) {
    .exchanger-success-modal {
        max-width:768px;
        height: 612px
    }
}

@media screen and (min-width: 1024px) {
    .exchanger-success-modal__desc {
        border-radius:5px;
        box-shadow: 0 3px 10px 0 rgba(0,0,0,.5)
    }
}

.payment-fail-modal {
    width: 100%;
    height: 100%;
    margin: auto
}

@media screen and (min-width: 1024px) {
    .payment-fail-modal {
        max-width:768px;
        height: 612px
    }
}

@media screen and (min-width: 1024px) {
    .payment-fail-modal__desc {
        border-radius:5px;
        box-shadow: 0 3px 10px 0 rgba(0,0,0,.5)
    }
}

.payment-modal {
    width: 100%;
    height: 100%;
    margin: auto
}

@media screen and (min-width: 1024px) {
    .payment-modal {
        max-width:768px;
        height: 612px
    }
}

.payment-modal.payment-modal--separate-page {
    position: relative;
    z-index: 1000;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.payment-modal.payment-modal--separate-page::-webkit-scrollbar {
    display: none
}

@media screen and (min-width: 1024px) {
    .payment-modal__desc {
        border-radius:5px;
        box-shadow: 0 3px 10px 0 rgba(0,0,0,.5)
    }
}

.payment-success-modal {
    width: 100%;
    height: 100%;
    margin: auto
}

@media screen and (min-width: 1024px) {
    .payment-success-modal {
        max-width:768px;
        height: 612px
    }
}

@media screen and (min-width: 1024px) {
    .payment-success-modal__desc {
        border-radius:5px;
        box-shadow: 0 3px 10px 0 rgba(0,0,0,.5)
    }
}

.withdrawal-success-modal {
    width: 100%;
    height: 100%;
    margin: auto
}

@media screen and (min-width: 1024px) {
    .withdrawal-success-modal {
        max-width:768px;
        height: 612px
    }
}

@media screen and (min-width: 1024px) {
    .withdrawal-success-modal__desc {
        border-radius:5px;
        box-shadow: 0 3px 10px 0 rgba(0,0,0,.5)
    }
}

.payment__modal-content {
    height: 100%;
    background-color: #112852
}

.payment__desc {
    height: 100%
}

.payment__skeleton-payment-systems {
    padding-top: 16px;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .payment__skeleton-payment-systems {
        margin-bottom:24px
    }
}

.payment__skeleton-systems-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .payment__skeleton-systems-list {
        margin-right:-8px;
        margin-left: -8px
    }
}

.payment__skeleton-item-wrap {
    width: 100%;
    padding: 8px
}

.payment__skeleton-item-wrap:not(:first-child) {
    display: none
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .payment__skeleton-item-wrap {
        width:auto;
        padding: 4px
    }

    .payment__skeleton-item-wrap:not(:first-child) {
        display: flex
    }
}

.payment__skeleton-item {
    width: 100%;
    height: 40px;
    border-radius: 10px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .payment__skeleton-item {
        width:140px;
        height: 80px
    }
}

.payment__skeleton-data {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    padding: 0 8px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .payment__skeleton-data>.deposit-tab__skeleton-input-requisites {
        padding:0;
        margin-bottom: 16px
    }
}

.payment__skeleton-input {
    display: block;
    width: 100%;
    height: 40px;
    margin-bottom: 16px
}

.payment__skeleton-sum-list {
    display: flex;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 24px
}

.payment__skeleton-sum-list-item {
    flex: 1;
    min-width: 56px;
    height: 32px;
    margin: 0 4px;
    border-radius: 20px
}

.payment__skeleton-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    overflow: hidden
}

.payment__skeleton-btn {
    width: 182px;
    height: 18px
}

.deposit-tab {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.deposit-tab__desc {
    flex-shrink: 0;
    width: 100%;
    padding: 16px 0;
    margin: 0 auto
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .deposit-tab__desc {
        padding:24px 0
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .deposit-tab__desc {
        display:flex;
        padding: 18px 8px 0;
        flex-grow: 1
    }
}

.deposit-tab__inputs-wrap {
    position: relative;
    width: 100%
}

.deposit-tab__data {
    width: 100%;
    margin: 0 auto;
    padding: 0 8px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .deposit-tab__data>.deposit-tab__input-requisites {
        padding:0
    }
}

.deposit-tab__data>:not(.first-deposit-bonus) {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 16px;
    width: 100%;
    max-width: 280px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .deposit-tab__data {
        padding:0;
        max-width: 450px
    }
}

.deposit-tab__input-requisites:not(:empty) {
    margin-bottom: 34px
}

.deposit-tab__input-requisites:not(:empty):before {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    content: "";
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    height: 2px;
    margin: auto
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .deposit-tab__input-requisites:not(:empty) {
        display:none;
        padding: 0 8px 8px;
        margin: 0
    }
}

.deposit-tab__pay-input {
    margin: 0 auto;
    width: 100%;
    max-width: 280px
}

.deposit-tab__input-cur .alert-text,.deposit-tab__pay-input .alert-text,.deposit-tab__pay-input.hidden {
    display: none
}

.deposit-tab__pay-input.error .alert-text {
    display: block
}

.deposit-tab__sum-select-text {
    margin-bottom: 8px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 14px
}

.deposit-tab__bonus-title {
    display: block;
    color: #ffc400;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

.deposit-tab__btn {
    display: flex;
    justify-content: center
}

.deposit-tab__suggestion-sum {
    margin-bottom: 32px
}

.deposit-tab__suggestion-sum:empty {
    display: none
}

@media screen and (max-height: 330px) {
    .deposit-tab__suggestion-sum {
        display:none
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .deposit-tab__suggestion-sum {
        margin-bottom:24px
    }
}

.deposit-tab__input-cur {
    width: 100%;
    max-width: 280px;
    margin: 0 auto
}

.deposit-tab__input-cur .error .alert-text {
    display: block
}

.deposit-tab__input-title {
    font-size: 12px;
    line-height: 14px;
    color: #8893a8
}

.history-tab__filter-title,.history-tab__pagination {
    border-bottom: 1px solid #040a15
}

.history-tab__pagination {
    border-top: 1px solid #35486c;
    padding: 8px 0
}

.history-tab__pagination-btn {
    display: flex;
    justify-content: center
}

.history-item {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15
}

.history-item__data-wrap {
    display: none;
    order: 999
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .history-item__data-wrap {
        display:block;
        order: 0
    }
}

.history-item__arrow-ico {
    flex-shrink: 0;
    width: 16px;
    height: 16px
}

.history-item__wrap {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 3px 0;
    min-height: 46px
}

.history-item__wrap.active .history-item__data-wrap {
    display: block
}

.history-item__wrap.active .history-item__arrow-ico {
    transform: rotate(180deg)
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .history-item__wrap.active {
        background-color:transparent;
        box-shadow: none
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .history-item__wrap {
        padding:8px 0
    }
}

.history-item__info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 24px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .history-item__info {
        flex-wrap:nowrap;
        padding-left: 0
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .history-item__info {
        width:calc(100% - 90px)
    }
}

.history-item__open-btn {
    position: absolute;
    left: -8px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: flex-start;
    width: 32px;
    padding-top: 14px;
    padding-left: 8px;
    padding-right: 8px;
    color: #ccd0de;
    cursor: pointer
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .history-item__open-btn {
        display:none
    }
}

.history-item__price {
    width: 102px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .history-item__price {
        width:113px
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .history-item__price {
        width:188px
    }
}

.history-item__money {
    font-family: Arial,sans-serif;
    font-size: 16px;
    color: #ffc400;
    font-weight: 700;
    white-space: nowrap
}

.history-item__status {
    position: relative;
    width: auto
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .history-item__status {
        width:110px
    }
}

.history-item__status-main {
    display: flex;
    align-items: center
}

.history-item__status-ico {
    height: 16px;
    width: 16px;
    margin-right: 4px
}

.history-item__status-text {
    font-size: 12px
}

.history-item__status-alert {
    width: 90%;
    padding-left: 24px;
    padding-bottom: 7px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .history-item__status-alert {
        position:absolute;
        left: 114px;
        top: 39px;
        display: none;
        font-size: 10px;
        white-space: nowrap
    }
}

.history-item__data {
    display: flex;
    align-items: flex-start;
    width: 100%;
    order: 999;
    padding-left: 24px;
    padding-bottom: 4px;
    line-height: 1.2;
    color: #8893a8;
    font-size: 12px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .history-item__data {
        align-items:center;
        padding: 0
    }
}

.history-item__operation {
    width: 104px;
    padding-right: 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .history-item__operation {
        display:flex;
        flex-wrap: wrap;
        width: 203px
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .history-item__operation {
        width:188px
    }
}

.history-item__operation-name:not(:last-child) {
    margin-bottom: 4px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .history-item__operation-name:not(:last-child) {
        margin-bottom:0;
        margin-right: 8px
    }
}

.history-item__date {
    width: 129px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .history-item__date {
        min-width:85px;
        width: auto;
        padding-right: 0
    }
}

.history-item__data-main {
    display: block
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .history-item__data-main {
        display:flex
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .history-item__data-main {
        display:flex
    }
}

.history-item__id {
    padding-right: 16px
}

.history-item__btn {
    z-index: 0;
    display: flex;
    align-items: center;
    min-height: 32px;
    margin-left: auto;
    will-change: transform
}

.btn.history-item__cancel {
    width: 88px
}

.history-item__dell {
    display: block;
    width: 24px;
    height: 24px;
    margin: 4px 0
}

.history-item__dell:active {
    opacity: .8
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .history-item__dell {
        margin:0
    }
}

.exchanger-tab__desc {
    max-width: 304px;
    margin: 0 auto;
    padding-top: 8px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .exchanger-tab__desc {
        max-width:560px
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .exchanger-tab__input-wrap {
        display:flex;
        margin-bottom: 16px
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .exchanger-tab__info {
        padding-left:24px;
        padding-top: 16px;
        padding-right: 8px
    }
}

.exchanger-tab__input {
    margin-bottom: 16px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .exchanger-tab__input {
        flex-grow:1;
        margin-bottom: 0
    }
}

.exchanger-tab__info-text {
    font-size: 14px;
    color: #8893a8;
    margin-bottom: 16px;
    text-align: center
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .exchanger-tab__info-text {
        margin-bottom:8px
    }
}

.exchanger-tab__money {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .exchanger-tab__money {
        justify-content:flex-start;
        margin-bottom: 0
    }
}

.exchanger-tab__money-ico {
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.exchanger-tab__money-cur {
    color: #ffc400;
    font-weight: 700;
    font-size: 22px
}

.exchanger-tab__balans {
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .exchanger-tab__balans {
        justify-content:flex-start;
        margin-bottom: 0
    }
}

.exchanger-tab__balans .balans {
    font-size: 22px
}

.exchanger-tab__balans .balans__ico {
    width: 24px;
    height: 24px
}

.exchanger-tab__btn {
    display: flex;
    justify-content: center;
    margin-bottom: 24px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .exchanger-tab__btn {
        margin-bottom:16px
    }
}

.exchanger-tab__text {
    font-size: 14px;
    color: #8893a8;
    line-height: 1.2
}

.tip-tab {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.tip-tab__desc {
    flex-shrink: 0;
    width: 100%;
    padding: 16px 0;
    margin: 0 auto
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .tip-tab__desc {
        padding:24px 0
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .tip-tab__desc {
        display:flex;
        padding: 18px 8px 0;
        flex-grow: 1
    }
}

.tip-tab__inputs-wrap {
    position: relative;
    align-self: center;
    width: 100%
}

.tip-tab__data {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    padding: 0 8px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .tip-tab__data>.tip-tab__input-requisites {
        padding:0;
        margin-bottom: 16px
    }
}

.tip-tab__input-requisites:not(:empty) {
    margin-bottom: 34px
}

.tip-tab__input-requisites:not(:empty):before {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    content: "";
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    height: 2px;
    margin: auto
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .tip-tab__input-requisites:not(:empty) {
        padding:0 8px 8px;
        margin: 0
    }
}

.tip-tab__input-cur .alert-text,.tip-tab__pay-input .alert-text,.tip-tab__pay-input.hidden {
    display: none
}

.tip-tab__pay-input.error .alert-text {
    display: block
}

.tip-tab__sum-select-text {
    margin-bottom: 8px;
    text-align: center
}

.tip-tab__btn {
    display: flex;
    justify-content: center
}

.tip-tab__sum-select {
    display: flex;
    margin-bottom: 24px;
    margin-left: -4px;
    margin-right: -4px;
    padding: 0 1px
}

@media screen and (max-height: 330px) {
    .tip-tab__sum-select {
        display:none
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .tip-tab__sum-select {
        margin-bottom:40px
    }
}

.tip-tab__input-cur {
    width: 100%;
    max-width: 280px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 16px
}

.tip-tab__input-cur .error .alert-text {
    display: block
}

.tip-tab__employee {
    width: 100%;
    max-width: 280px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 16px
}

.withdrawal-tab {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-bottom: 16px
}

.withdrawal-tab .alert-text:empty {
    display: none
}

.withdrawal-email-confirmation__confirm-email {
    display: flex;
    flex-direction: column;
    align-items: center
}

.withdrawal-email-confirmation__confirm-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

.withdrawal-email-confirmation__confirm-text {
    margin-bottom: 24px;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    opacity: .6
}

.withdrawal-email-confirmation__withdrawal-balance-card {
    border-bottom: 1px solid #040a15;
    display: flex;
    justify-content: center;
    padding: 16px 0
}

.withdrawal-email-confirmation__desc {
    border-top: 1px solid #35486c;
    padding-top: 16px
}

.withdrawal-email-confirmation__title {
    margin-bottom: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    text-align: center
}

.withdrawal-email-confirmation__text {
    margin-bottom: 24px;
    text-align: center;
    font-size: 12px;
    color: #8893a8;
    line-height: 1.2
}

.withdrawal-email-confirmation__email {
    color: #fff
}

.withdrawal-email-confirmation__btn-item {
    display: flex;
    justify-content: center
}

.withdrawal-email-confirmation__btn-item:not(:last-child) {
    margin-bottom: 8px
}

.withdrawal-email-confirmation__send-ico {
    width: 48px;
    height: 48px;
    margin: 0 auto
}

.withdrawal-email-confirmation__send-text {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #8893a8
}

.withdrawal-email-confirmation__send-btn {
    display: flex;
    justify-content: center
}

.withdrawal-balance-card:not(:last-child) {
    margin-right: 33px
}

.withdrawal-balance-card__title {
    margin-bottom: 8px;
    line-height: 1.25;
    font-size: 12px;
    color: #8893a8
}

.withdrawal-balance-card__desc {
    display: flex;
    align-items: center
}

.withdrawal-balance-card__ico {
    margin-right: 4px;
    width: 22px;
    height: 22px
}

.withdrawal-balance-card__ico--bonus {
    color: #ccd0de
}

.withdrawal-balance-card__text {
    font-size: 18px;
    font-weight: 700;
    color: #ffc400
}

.withdrawal-warnings {
    border-bottom: 1px solid #040a15;
    padding: 16px 0
}

.withdrawal-warnings__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px;
    font-size: 16px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .withdrawal-warnings__grid {
        margin-bottom:-16px;
        margin-left: -8px;
        margin-right: -8px
    }
}

.withdrawal-warnings__grid:empty {
    display: none
}

.withdrawal-warnings__grid-item {
    display: flex;
    margin-bottom: 8px;
    width: 100%;
    padding: 0 4px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .withdrawal-warnings__grid-item {
        width:50%;
        margin-bottom: 16px;
        padding: 0 8px
    }
}

.withdrawal-warning-item {
    display: flex;
    width: 100%;
    padding: 2px;
    border-radius: 5px;
    background-image: linear-gradient(#cf1c1c,#782006);
    box-shadow: 2px 0 10px 0 rgba(0,0,0,.5)
}

.withdrawal-warning-item__bg {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 7px;
    border-radius: inherit;
    background-image: linear-gradient(#511c39,#221d3b)
}

.withdrawal-warning-item__ico {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    margin-right: 8px
}

.withdrawal-warning-item__title {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.withdrawal-warning-item__title:only-child {
    margin-bottom: 0
}

.withdrawal-warning-item__text {
    color: #8893a8;
    font-size: 14px
}

.withdrawal-input-sum__withdrawal-balance-card {
    border-bottom: 1px solid #040a15;
    display: flex;
    justify-content: center;
    padding-bottom: 16px;
    padding-top: 16px
}

.withdrawal-warnings~.withdrawal-input-sum__withdrawal-balance-card {
    border-top: 1px solid #35486c;
    position: relative;
    padding-top: 16px
}

.withdrawal-input-sum__desc {
    border-top: 1px solid #35486c;
    padding-top: 16px
}

.withdrawal-input-sum__input {
    max-width: 280px;
    margin: 0 auto 24px
}

.withdrawal-input-sum____btn {
    display: flex;
    justify-content: center
}

.withdrawal-select-payment-system__withdrawal-warnings-grid:not(:empty)~.withdrawal-select-payment-system__desc {
    border-top: 1px solid #35486c
}

.withdrawal-select-payment-system__desc-wrap {
    border-bottom: 1px solid #040a15;
    position: relative;
    padding-top: 16px;
    padding-bottom: 16px
}

.withdrawal-select-payment-system__money-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 300px;
    margin: 0 auto
}

@media screen and (min-width: 321px) {
    .withdrawal-select-payment-system__money-wrap {
        max-width:280px
    }
}

.withdrawal-select-payment-system__sum {
    font-size: 16px
}

.withdrawal-select-payment-system__money-title {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    color: #8893a8
}

.withdrawal-select-payment-system__inputs {
    border-top: 1px solid #35486c;
    padding-top: 16px
}

.withdrawal-select-payment-system__inputs-wrap {
    max-width: 280px;
    margin: 0 auto
}

.withdrawal-select-payment-system__requisite,.withdrawal-select-payment-system__select {
    margin-bottom: 16px
}

.withdrawal-select-payment-system__btn {
    display: flex;
    justify-content: center
}

.withdrawal-select-payment-system__balans {
    display: flex;
    align-items: center;
    color: #ffc400;
    font-size: 16px;
    font-weight: 700
}

.withdrawal-select-payment-system__balans-ico {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    opacity: .7
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .withdrawal-select-payment-system__balans-ico {
        width:24px;
        height: 24px;
        margin-right: 8px
    }
}

.withdrawal-select-payment-system__balans-text {
    text-shadow: 1px 1px 0 rgba(0,0,0,.3)
}

.withdrawal-select-payment-system__link-edit {
    font-size: 12px
}

.withdrawal-deposit-warning__withdrawal-balance-card {
    padding-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center
}

.withdrawal-deposit-warning__confirm-title {
    display: block;
    max-width: 304px;
    margin: 0 auto 8px;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.withdrawal-deposit-warning__btn {
    display: flex;
    justify-content: center
}

.withdrawal-confirmation__desc {
    border-bottom: 1px solid #040a15;
    position: relative;
    padding-top: 16px;
    padding-bottom: 16px
}

.withdrawal-confirmation__withdrawal-warnings-grid:not(:empty)~.withdrawal-confirmation__desc {
    border-top: 1px solid #35486c
}

.withdrawal-confirmation__card {
    display: flex;
    justify-content: center
}

.withdrawal-confirmation__wrap {
    max-width: 304px;
    margin: 0 auto
}

.withdrawal-confirmation__btn {
    border-top: 1px solid #35486c;
    padding-top: 16px;
    display: flex;
    justify-content: center
}

.withdrawal-card {
    width: 100%;
    padding: 16px;
    border-radius: 5px;
    background-image: linear-gradient(180deg,#1e67a7,#10406b);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.5)
}

.withdrawal-card__title {
    margin-bottom: 16px;
    text-align: center;
    font-weight: 700
}

.withdrawal-card__money {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px
}

.withdrawal-card__money-ico {
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.withdrawal-card__money-text {
    font-size: 16px;
    color: #ffc400;
    text-shadow: 0 1px 2px rgba(0,0,0,.69);
    font-weight: 700
}

.withdrawal-card__commission {
    position: relative;
    text-align: center;
    padding-bottom: 12px;
    margin-bottom: 16px;
    color: #a8bee6;
    font-size: 12px
}

.withdrawal-card__commission:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 2px;
    margin: auto;
    opacity: .5;
    border-bottom: 2px solid hsla(0,0%,100%,.15)
}

.withdrawal-card__list {
    margin-bottom: 18px
}

.withdrawal-card__item {
    display: flex;
    line-height: 1.3
}

.withdrawal-card__item:not(:last-child) {
    margin-bottom: 4px
}

.withdrawal-card__item-title {
    width: 130px;
    margin-right: 16px;
    color: rgba(161,185,205,.77);
    font-size: 12px
}

.withdrawal-card__val {
    color: hsla(0,0%,100%,.6);
    font-size: 12px
}

.withdrawal-card__link {
    display: flex;
    justify-content: center;
    font-size: 12px
}

.withdrawal-tip__wrap {
    display: none
}

.withdrawal-tip__alert {
    display: block;
    margin-bottom: 8px;
    color: #ffc400;
    font-size: 12px;
    line-height: 16px
}

.withdrawal-tip__tabs-item {
    display: none
}

.withdrawal-tip__tabs-item.active {
    display: block
}

.withdrawal-tip__radio-item.active .check-item__ico:after {
    opacity: 1
}

.withdrawal-confirmation__wrap.active .withdrawal-tip__wrap {
    display: block
}

.withdrawal-confirmation__wrap.active .withdrawal-tip__check .check-item__ico:after {
    opacity: 1
}

.withdrawal-tip__check {
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

.withdrawal-tip__tabs {
    margin-bottom: 16px
}

.withdrawal-tip__radio {
    display: flex;
    margin-bottom: 16px
}

.withdrawal-tip__radio-item:not(:last-child) {
    margin-right: 16px
}

.withdrawal-tip__select-wrap {
    position: relative;
    z-index: 2;
    margin-bottom: 16px
}

.payment-system-requisite {
    margin: 0 auto;
    width: 100%;
    max-width: 280px
}

.payment-system-requisite__item:not(:last-child) {
    margin-bottom: 16px
}

.no-payment-system {
    padding: 16px 0
}

.no-payment-system__img-wrap {
    display: flex;
    justify-content: center;
    height: 136px;
    width: 160px;
    margin: 0 auto 4px
}

.no-payment-system__img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.no-payment-system__title {
    margin: 0 auto 8px;
    max-width: 250px;
    text-align: center;
    font-weight: 700;
    font-size: 14px
}

.no-payment-system__text {
    margin-bottom: 20px;
    text-align: center;
    font-size: 12px;
    color: hsla(0,0%,100%,.5)
}

.no-payment-system__btn {
    display: flex;
    justify-content: center
}

.payment-suggestion-sum {
    display: flex;
    margin-left: -4px;
    margin-right: -4px
}

.payment-suggestion-sum__item {
    flex: 1;
    margin: 0 4px;
    cursor: pointer
}

.payment-suggestion-sum__item:active {
    opacity: .8
}

.payment-suggestion-sum__bg {
    height: 32px;
    min-width: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    color: #32a2f4;
    font-size: 14px
}

.payment-system {
    overflow: hidden;
    margin-bottom: 16px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .payment-system {
        position:relative;
        flex-shrink: 0;
        width: 240px;
        margin-top: -16px;
        margin-bottom: 0;
        margin-right: 8px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .payment-system {
        margin-bottom:8px
    }
}

.payment-system__wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    cursor: grab
}

.payment-system__wrap::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .payment-system__wrap {
        position:absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden
    }
}

.payment-system__scroll {
    display: flex;
    width: max-content;
    margin: 0 auto;
    padding: 0 8px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .payment-system__scroll {
        width:auto;
        padding: 16px 0 0
    }
}

.payment-system__list-bg {
    border-radius: 5px;
    background: linear-gradient(180deg,#3a4b69 0,#132341 26%,#132341 79%,#3a4b69);
    padding: 2px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .payment-system__list-bg {
        padding:1px;
        border-radius: 5px;
        background: linear-gradient(180deg,#3a4b69 0,#132341 26%,#132341 79%,#3a4b69);
        margin-bottom: 16px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .payment-system__list-bg {
        padding:0;
        border-radius: 0;
        background-image: none;
        box-shadow: none
    }
}

.payment-system__list {
    display: flex;
    justify-content: center
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .payment-system__list {
        flex-wrap:wrap
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .payment-system__list {
        flex-wrap:wrap;
        justify-content: flex-start;
        max-width: 1050px;
        width: 100%;
        border: 0;
        margin: 7px 0
    }
}

.payment-system__item {
    padding: 0;
    margin: -2px 0;
    cursor: pointer;
    user-select: none
}

.payment-system__item:last-child {
    margin-right: -2px
}

.payment-system__item:first-child {
    margin-left: -2px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .payment-system__item {
        margin:0 -2px;
        width: 100%
    }

    .payment-system__item:last-child {
        margin-bottom: -2px
    }

    .payment-system__item:first-child {
        margin-top: -2px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .payment-system__item {
        width:140px;
        height: 80px;
        margin: 0 10px 10px 0
    }
}

.payment-system__requisite {
    padding: 8px
}

.payment-system__requisite:empty {
    display: none
}

.payment-system__label {
    background-image: linear-gradient(#1a2d4e,#0e1f3e);
    border-radius: inherit;
    display: block
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .payment-system__label {
        height:100%
    }
}

.pay-item {
    padding: 1px;
    border-radius: 5px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .pay-item {
        background:none;
        box-shadow: none
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .pay-item {
        padding:1px;
        border-radius: 5px;
        background: linear-gradient(180deg,#3a4b69 0,#132341 26%,#132341 79%,#3a4b69);
        height: 100%
    }
}

.pay-item__bg {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 48px;
    width: 139px;
    padding: 8px 0;
    background-size: 100%;
    overflow: hidden
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .pay-item__bg {
        width:100%;
        height: auto;
        min-height: 50px;
        padding: 12px 6px;
        background: none
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .pay-item__bg {
        width:auto;
        height: 100%
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .payment-system__item.active {
        padding:0;
        background-color: #09c4fd;
        box-shadow: none;
        background-image: linear-gradient(180deg,#18a0f2,#1db0f5);
        border-radius: 5px
    }
}

.payment-system__item.active .pay-item {
    background-image: none;
    background-color: #09c4fd;
    box-shadow: none
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .payment-system__item.active .pay-item {
        background-color:transparent
    }
}

.payment-system__item.active .pay-item__bg {
    background: linear-gradient(180deg,#18a0f2,#1db0f5)
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .payment-system__item.active .pay-item__bg {
        background:none
    }
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .payment-system__item.active .payment-system__label {
        background-image:none
    }
}

.pay-item__input {
    padding-top: 12px;
    display: none
}

.payment-system__img {
    width: 100px;
    max-height: 100%;
    object-fit: contain
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .payment-system__img {
        height:26px
    }
}

.payment-system__item .alert-text {
    display: none
}

.payment-system__item .error .alert-text {
    display: block
}

.deposit__card-select {
    margin: 0 auto;
    width: 314px
}

.input-item-wrap__card {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    max-width: 56px;
    margin-right: 8px;
    background-color: #ccd0de;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.input-item__triangle:before {
    transition: transform .3s;
    will-change: transform
}

.card-select {
    position: relative
}

.card-select.active .input-item-wrap,.card-select.active .input-item-wrap__card {
    background-image: linear-gradient(#18a1f3,#08bcf4)
}

.card-select.active .input-item-wrap--card-select {
    box-shadow: 0 1px 4px 1px rgba(0,0,0,.6)
}

.card-select.active .input-item__triangle:before {
    transform: rotate(180deg)
}

.input-item-wrap.input-item-wrap--card-select .input-item-wrap__select {
    align-items: normal;
    padding-left: 0
}

.card-list__pic,.input-item-wrap__pay-pic {
    height: auto;
    width: 32px;
    object-fit: contain
}

.card-list__pic {
    margin-right: 24px
}

.card-list__ico-card {
    display: block;
    width: 100%;
    height: 100%
}

.card-list__img,.input-item-wrap__ico-card {
    display: block;
    width: 28px;
    height: 28px
}

.card-list__img {
    margin-right: 22px
}

.input-item-wrap__card-number {
    align-self: center;
    color: #111526
}

.card-select__list {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 100%
}

.card-list {
    position: relative;
    z-index: 16;
    padding: 2px;
    border-radius: 5px;
    background-image: linear-gradient(#18a1f3,#08bcf4);
    box-shadow: 0 1px 4px 1px rgba(0,0,0,.6)
}

.card-list__bg {
    border-radius: inherit;
    background-color: #fff
}

.card-list__wrap {
    position: relative;
    cursor: pointer
}

.card-list__desc {
    display: flex;
    align-items: center;
    height: 36px;
    padding-left: 12px;
    padding-right: 6px;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid transparent
}

.card-list__radio-hidden {
    display: none
}

.card-list__list-it-numb {
    color: #111526;
    font-size: 14px;
    text-shadow: 0 1px 1px 0 rgba(0,0,0,.5);
    font-weight: 700
}

.card-list__list-ico {
    display: block;
    width: 100%;
    height: 100%
}

.card-list__list-ico.second {
    display: none
}

.card-list__item.active .card-list__desc {
    border-bottom-color: transparent;
    background-image: linear-gradient(#18a1f3,#08bcf4)
}

.card-list__item.active .card-list__list-ico.first {
    display: none
}

.card-list__item.active .card-list__list-ico.second {
    display: block
}

.card-list__item.active .card-list__list-it-numb {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.5)
}

.card-list__list-btn {
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    z-index: 1
}

.card-list__list-btn:active {
    opacity: .8
}

.card-select__list-link-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px
}

.card-select__list-link {
    font-size: 13px;
    color: #32a2f4
}

.card-select__list-link:active {
    opacity: .8
}

.card-list__delete-item,.input-item-wrap__default,.input-item-wrap__numb {
    display: none
}

.input-item-wrap__default.active,.input-item-wrap__numb.active {
    display: block
}

.one-click {
    max-width: 228px;
    width: 100%
}

.one-click__data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 16px
}

.one-click__input-sum-select {
    position: relative;
    max-width: 110px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.one-click__input-sum-select .active .personal-pic,.one-click__input-sum-select .card-list__list-btn {
    display: none
}

.one-click__input-cur {
    max-width: 110px;
    width: 100%
}

.one-click__input-cur .alert-text {
    width: 228px;
    padding-top: 4px
}

.one-click__btn {
    margin-top: 8px;
    width: 100%
}

.one-click__button {
    width: 100%
}

.one-click__title {
    display: flex;
    justify-content: center;
    align-items: center
}

.one-click__title-text {
    padding-left: 10px;
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #fff
}

.one-click__ico {
    width: 24px;
    height: 24px
}

.one-click__text-decor {
    display: flex;
    flex-direction: column;
    margin: 12px auto;
    padding: 2px;
    max-width: 142px;
    width: 100%;
    border-radius: 7px;
    background-image: linear-gradient(#080e17,#294374)
}

.one-click__text-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #111526;
    border-radius: inherit;
    padding: 8px 0
}

.one-click__text {
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    opacity: .6
}

.one-click__text-value {
    padding-left: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    color: #ffc400;
    text-shadow: 0 1px 2px rgba(0,0,0,.695397)
}

.one-click__error,.one-click__success {
    max-width: 200px;
    width: 100%;
    margin: 16px auto
}

.one-click__success-btn {
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 12px
}

.one-click-statuses {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 28px
}

@media screen and (min-width: 568px) {
    .one-click-statuses {
        padding-top:32px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .one-click-statuses {
        padding-top:64px
    }
}

.one-click-statuses__loading {
    padding-top: 24px
}

@media screen and (min-width: 568px) {
    .one-click-statuses__loading {
        padding-top:0
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .one-click-statuses__loading {
        padding-top:56px
    }
}

.one-click-statuses__loading-ico {
    width: 100%;
    height: 160px;
    background-image: url("../images/one-click-loading.f42137cf34e17180db2f3fa9fe104175.gif");
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (min-width: 568px) {
    .one-click-statuses__loading-ico {
        height:130px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .one-click-statuses__loading-ico {
        height:160px
    }
}

.one-click-statuses__loading-dots {
    display: inline;
    margin-left: .1em;
    margin-right: .1em;
    position: relative;
    top: 0;
    font-size: 1.5em;
    opacity: 0;
    animation: fadeDots 1.8s ease-in-out infinite
}

.one-click-statuses__loading-dots:first-child {
    animation-delay: .25714s
}

.one-click-statuses__loading-dots:nth-child(2) {
    animation-delay: .51429s
}

.one-click-statuses__loading-dots:nth-child(3) {
    animation-delay: .72s
}

@keyframes fadeDots {
    0% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.one-click-statuses__ico {
    width: 100%;
    height: 136px;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (min-width: 568px) {
    .one-click-statuses__ico {
        display:none
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .one-click-statuses__ico {
        display:block
    }
}

.one-click-statuses__title {
    margin-top: 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

@media screen and (min-width: 568px) {
    .one-click-statuses__title {
        margin-top:0
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .one-click-statuses__title {
        margin-top:12px
    }
}

.one-click-statuses__text-decor {
    display: flex;
    flex-direction: column;
    margin: 24px auto;
    padding: 2px;
    max-width: 142px;
    width: 100%;
    border-radius: 7px;
    background-image: linear-gradient(#080e17,#294374)
}

.one-click-statuses__text-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #111526;
    border-radius: inherit;
    padding: 8px 0
}

.one-click-statuses__text {
    font-size: 12px;
    line-height: 19px;
    color: #fff;
    opacity: .6
}

.one-click-statuses__text-value {
    padding-left: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #ffc400;
    text-shadow: 0 1px 2px rgba(0,0,0,.695397)
}

.one-click-statuses__link-btn {
    justify-content: center;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 700
}

.one-click-statuses__btn {
    display: flex;
    justify-content: center;
    margin: 24px
}

@media screen and (min-width: 568px) {
    .one-click-statuses__btn {
        margin:20px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .one-click-statuses__btn {
        margin:24px
    }
}

.one-click-statuses__pending {
    padding-top: 60px
}

@media screen and (min-width: 568px) {
    .one-click-statuses__pending {
        padding-top:52px
    }

    .one-click-statuses__pending .loader {
        display: none
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .one-click-statuses__pending {
        padding-top:64px
    }

    .one-click-statuses__pending .loader {
        display: flex
    }
}

.one-click-statuses__pending-text {
    width: 248px;
    margin: 0 auto;
    padding-top: 36px;
    padding-bottom: 12px
}

@media screen and (min-width: 568px) {
    .one-click-statuses__pending-text {
        padding-top:8px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .one-click-statuses__pending-text {
        padding-top:36px
    }
}

.grecaptcha-badge {
    visibility: hidden
}

.grecaptcha-badge~iframe {
    position: absolute;
    z-index: -1;
    height: 0;
    overflow: hidden;
    opacity: 0
}

section.slider {
    margin-bottom: -60px
}

.page-header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #111526;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    text-align: center
}

.page-header {
    min-height: 64px
}

.page-header-title {
    padding: 0 24px;
    text-align: center;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    font-size: 16px
}

span.nav-tabs__name:hover {
    color: white
}

a.game__btn.game__btn--demo {
    color: white;
    position: absolute;
    text-align: center;
    background: #24c2f8;
    width: 100%;
    bottom: -40px;
    font-size: 14px;
    text-shadow: 0 1px 2px black;
    font-weight: bold;
    padding: 6px 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0 -1px 0 #fff;
    transition: all .5s ease-out;
    opacity: 0
}

.game-card:hover a.game__btn.game__btn--demo {
    bottom: 28px;
    opacity: 1
}

.jackpot-block__btn.ban_btn {
    position: relative;
    margin-bottom: -40px
}

.faq h2,.faq__title {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    text-align: left;
    letter-spacing: .86px;
    padding: 0;
    margin: 0 0 18px 0;
    border: 0;
    font-weight: bold
}

.accordion {
    background-color: #081f4a;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    padding: 18px;
    width: 100%;
    border: 0;
    text-align: left;
    outline: 0;
    font-size: 14px;
    transition: .4s;
    border-radius: 6px;
    text-transform: uppercase;
    min-height: 54px;
    font-family: Georgia,Times,"Times New Roman",serif;
    text-shadow: 0 1px 3px #000
}

.accordion {
    display: block;
    margin: 0 auto
}

.pages_info .accordion {
    color: #713900;
    text-shadow: 0 0 2px #fff
}

.active,.accordion:hover {
    background-color: #015b93
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel {
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

.panel {
    background: unset;
    padding: 14px 41px 0 65px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    margin-bottom: unset !important
}

#faq {
    color: #96a3ba;
    margin: 30px 20px
}

#faq p {
    margin-bottom: 35px;
    color: #96a3ba
}

div#nav-open {
    background-image: url("../images/nav.png");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 15px;
    width: 40px;
    height: 40px
}

.menu-wrap {
    position: fixed;
    top: 0;
    z-index: 4;
    display: flex;
    height: 100%;
    width: 100%;
    padding-top: 56px;
    overflow: hidden
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-wrap {
        padding-top:72px
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .menu-wrap--show-notification-site {
        padding-top:120px
    }
}

.menu-wrap__hide-scroll {
    position: relative;
    width: 264px;
    height: 100%;
    overflow: hidden;
    z-index: 4;
    top: 70px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-wrap__hide-scroll {
        width:320px
    }
}

.menu-wrap__scroll {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 17px;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth
}

.menu-wrap__scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

.menu {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #112852;
    box-sizing: border-box
}

.menu__header {
    background-color: #000
}

.menu__submenu {
    overflow: hidden
}

.menu__icon {
    position: relative;
    z-index: 9999;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.menu__icon:after {
    display: inline-block
}

.menu__icon.menu__icon--active {
    display: none
}

.menu__caret {
    display: block;
    width: 24px;
    height: 24px;
    margin-left: auto;
    transform: rotate(0);
    transition: transform .3s;
    will-change: transform
}

.menu__caret,.menu__message {
    position: relative;
    z-index: 9999
}

.menu__link {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px;
    max-height: 40px;
    border-color: #35486c transparent #040a15;
    border-style: solid;
    border-width: 1px;
    background-color: #112852
}

.menu__link:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background-image: linear-gradient(180deg,#189ff2,#2ed1fb);
    background-size: auto;
    pointer-events: none;
    will-change: opacity
}

.menu__link:after:active {
    opacity: .8
}

@media(hover) {
    .menu__link: after {
        transition:opacity .3s
    }
}

.menu__link--btn {
    width: 100%
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu__link {
        max-height:48px;
        padding: 12px 16px
    }

    .menu__link--sub {
        padding-left: 40px
    }
}

.menu__link.active,.menu__link:active {
    border: 1px solid #21c6fb
}

.menu__link.active:after,.menu__link:active:after {
    opacity: 1
}

.menu__link.active .menu__icon,.menu__link:active .menu__icon {
    display: none
}

.menu__link.active .menu__icon.menu__icon--active,.menu__link:active .menu__icon.menu__icon--active {
    display: block
}

.menu__link.active .menu__caret,.menu__link:active .menu__caret {
    transform: rotate(180deg)
}

@media(hover) {
    .menu__link {
        transition-duration: .3s;
        transition-property: background-image
    }

    .menu__link:hover {
        border: 1px solid #21c6fb
    }

    .menu__link:hover:after {
        opacity: 1
    }

    .menu__link:hover .menu__icon {
        display: none
    }

    .menu__link:hover .menu__icon.menu__icon--active {
        display: block
    }
}

.menu__sublink {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 12px 12px 40px;
    max-height: 40px;
    font-size: 14px;
    color: #a8bee6;
    border-color: #35486c transparent #040a15;
    border-style: solid;
    border-width: 1px;
    background-color: #111526
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu__sublink {
        padding-left:48px
    }
}

.menu__label {
    text-shadow: 1px 1px 0 rgba(0,0,0,.3);
    position: relative;
    z-index: 9999;
    margin-right: 14px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.menu__footer {
    display: flex;
    justify-content: center;
    padding: 16px 8px
}

.menu__google-badge-wrap {
    position: relative;
    display: block;
    width: 143px;
    height: 43px
}

.menu__google-badge-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.menu__google-play-badge {
    display: block;
    margin: auto;
    width: 170px;
    height: 65px
}

.menu-top-banner {
    position: relative;
    height: 132px;
    width: 100%
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-top-banner {
        height:160px
    }
}

.menu-top-banner__img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%
}

.menu-top-banner__button-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    padding-bottom: 8px;
    box-sizing: border-box
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-top-banner__button-wrap {
        padding-bottom:16px
    }
}

.menu-profile {
    padding: 16px 8px;
    background-color: #111526
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-profile {
        padding:24px 16px 32px
    }
}

.menu-profile__section {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.menu-profile__user-links {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 8px;
    padding-left: 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-profile__user-links {
        margin-bottom:16px
    }
}

.menu-profile__images {
    display: block;
    width: 68px;
    height: 68px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-profile__images {
        width:84px;
        height: 84px
    }
}

@media(hover) {
    .menu-profile__images {
        cursor: pointer;
        transition-duration: .3s;
        transition-timing-function: ease-in-out
    }

    .menu-profile__images:hover {
        transform: scale(1.1)
    }
}

.menu-profile__images-front,.menu-profile__images-inner,.menu-profile__img {
    width: 100%;
    height: 100%
}

.menu-profile__img {
    object-fit: contain
}

.menu-profile__info {
    display: flex;
    flex-direction: column;
    margin-left: 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-profile__info {
        margin-left:16px
    }
}

.menu-profile__level-info-wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-profile__level-info-wrap {
        margin-bottom:16px
    }
}

.menu-profile__nickname {
    font-size: 12px;
    line-height: 18px
}

@media(hover) {
    .menu-profile__nickname {
        cursor: pointer
    }

    .menu-profile__nickname:hover {
        text-decoration: underline
    }
}

.menu-profile__title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #32a2f4;
    text-shadow: 2px 3px 1px rgba(0,0,0,.9)
}

@media(hover) {
    .menu-profile__title {
        transition-duration: .3s;
        transition-timing-function: ease-in-out;
        cursor: pointer
    }

    .menu-profile__title:hover {
        transform: scale(1.02);
        text-shadow: 2px 6px 1px rgba(0,0,0,.9)
    }
}

.menu-profile__progress-decor {
    width: 100%;
    padding: 1px;
    background: linear-gradient(180deg,hsla(0,0%,100%,.1),#111526 30%,#111526 60%,hsla(0,0%,100%,.1));
    mix-blend-mode: normal;
    border-radius: 5px;
    pointer-events: none
}

.menu-profile__progress-decor.menu-profile__progress-decor--open {
    padding-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1))
}

.menu-profile__progress-decor.menu-profile__progress-decor--clickable {
    cursor: pointer;
    pointer-events: auto
}

.menu-profile__progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 26px;
    padding: 1px 6px;
    border-radius: inherit;
    background-color: #1a1e2b
}

.menu-profile__data {
    position: relative;
    display: grid;
    grid-template-columns: 1.25fr 1.25fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 5px;
    justify-items: start;
    align-items: stretch;
    background-color: #111526;
    padding: 28px 8px 12px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-profile__data {
        grid-template-rows:40px;
        padding: 40px 16px 16px
    }
}

.menu-profile__data:before {
    position: absolute;
    content: "";
    top: 16px;
    left: 0;
    right: 0;
    border-top: 1px solid #35486c
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-profile__data:before {
        top:20px
    }
}

.menu-profile__data-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    max-width: 60px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-profile__data-container {
        justify-content:space-between
    }
}

.menu-profile__data-container--lg-width {
    max-width: 90px
}

.menu-profile__data-title {
    font-size: 12px;
    line-height: 14px;
    color: #a8bee6
}

.menu-profile__data-value {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #ffc400
}

.menu-profile__rate-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 100%
}

.menu-profile__rate-label {
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: #a8bee6
}

.menu-profile__rate-data {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.menu-profile__rate-value {
    font-size: 14px;
    font-weight: 700
}

.menu-profile__rate-arrow {
    width: 24px;
    height: 18px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-profile__rate-arrow {
        height:24px
    }
}

.menu-profile__info-link {
    font-size: 12px
}

.slide-enter-active,.slide-leave-active {
    transition: transform .6s
}

.slide-enter,.slide-leave-to {
    transform: translateX(-100%);
    transition: transform .6s
}

.menu-wrap__hide-scroll {
    position: fixed;
    height: auto
}

.level-item__bonus-box {
    padding: 2px;
    background-image: linear-gradient(#080e17,#294374)
}

.level-item {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    display: flex;
    flex-direction: column
}

.level-item.closed .level-item__pic {
    opacity: .4
}

.level-item__wrap {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 8px
}

@media screen and (min-width: 568px) {
    .level-item__wrap {
        flex-direction:row
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .level-item__wrap {
        padding:16px
    }
}

.level-item__img-sect {
    margin-bottom: 13px
}

@media screen and (min-width: 568px) {
    .level-item__img-sect {
        margin-bottom:0;
        margin-right: 16px
    }
}

.level-item__img-wrap {
    position: relative;
    width: 104px;
    height: 104px
}

.level-item__img-wrap:not(:last-child) {
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .level-item__img-wrap {
        width:128px;
        height: 128px
    }
}

.level-item__pic {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.level-item__closed-ico {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    margin: auto
}

.level-item__forbidden {
    display: block;
    text-align: center;
    color: #747c8e;
    font-size: 12px
}

.level-item__status-title {
    margin-bottom: 16px;
    font-weight: 700;
    color: #7ad6e0;
    text-shadow: 0 1px 2px rgba(0,0,0,.7);
    text-align: center;
    font-size: 16px
}

.level-item__status-title:not(:last-child) {
    margin-bottom: 12px
}

@media screen and (min-width: 568px) {
    .level-item__status-title {
        text-align:left
    }
}

.level-item__bonus-boxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -4px
}

.level-item__bonus-boxes:not(:last-child) {
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .level-item__bonus-boxes {
        justify-content:flex-start;
        margin: -8px
    }
}

.level-item__bonus-box {
    width: auto;
    text-align: center;
    margin: 4px;
    min-width: 96px;
    min-height: 52px;
    max-width: 656px;
    border-radius: 5px
}

@media screen and (min-width: 568px) {
    .level-item__bonus-box {
        margin:8px
    }
}

.level-item__bonus-box-wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 0 8px;
    border-radius: inherit;
    background-color: #12203f
}

.level-item__bonus-box-title {
    display: block;
    margin-bottom: 8px;
    white-space: nowrap;
    font-size: 12px;
    color: #a8bee6
}

.level-item__bonus-box-val {
    font-weight: 700;
    font-size: 16px;
    color: #ffc400;
    text-shadow: 0 1px 2px rgba(0,0,0,.7)
}

.level-item__description {
    font-size: 14px;
    line-height: 1.2;
    color: #8893a8
}

.level-info-frame {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.level-info-frame__skeleton-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .level-info-frame__skeleton-header {
        height:48px
    }
}

.level-info-frame__skeleton-header-content {
    height: 18px;
    width: 180px
}

.level-info-frame__skeleton-list-items {
    display: flex;
    flex-direction: column;
    align-items: center
}

.level-info-frame__skeleton-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100px;
    margin-bottom: 16px
}

.level-info-frame__skeleton-avatar {
    max-width: 100px;
    width: 100%;
    margin-right: 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .level-info-frame__skeleton-avatar {
        max-width:150px
    }
}

.level-info-frame__skeleton-data {
    flex-grow: 2
}

.title[data-v-47fd8fc4] {
    font-weight: 700;
    color: #fff
}

.title.title--md[data-v-47fd8fc4] {
    font-size: 14px;
    line-height: 16px
}

.title.title--lg[data-v-47fd8fc4] {
    font-size: 16px;
    line-height: 24px
}

.title__skeleton[data-v-47fd8fc4] {
    height: 18px;
    width: 182px
}

.poster-img[data-v-446de2be] {
    overflow: hidden;
    border-radius: inherit
}

.poster-img__wrap--type1[data-v-446de2be] {
    padding-bottom: 50%
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .poster-img__wrap--type1[data-v-446de2be] {
        padding-bottom:30.282%
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .poster-img__wrap--type1[data-v-446de2be] {
        padding-bottom:0;
        height: 300px
    }
}

@media screen and (min-width: 1366px) {
    .poster-img__wrap--type1[data-v-446de2be] {
        height:398px
    }
}

.poster-img__wrap--type2[data-v-446de2be] {
    padding-bottom: calc(50% - 2px)
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .poster-img__wrap--type2[data-v-446de2be] {
        padding-bottom:calc(30.282% - 4px)
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .poster-img__wrap--type2[data-v-446de2be] {
        padding-bottom:0;
        height: 280px
    }
}

@media screen and (min-width: 1366px) {
    .poster-img__wrap--type2[data-v-446de2be] {
        height:378px
    }
}

.poster-img__wrap--type3[data-v-446de2be] {
    padding-bottom: calc(50% - 4px)
}

.poster-img__wrap[data-v-446de2be] {
    position: relative;
    border-radius: inherit
}

.poster-img__pic[data-v-446de2be] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.poster-wrap[data-v-16d5c853] {
    padding: 2px;
    background-image: linear-gradient(#080e17,#294374);
    position: relative;
    display: block;
    border-radius: 5px
}

.loader {
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center
}

.loader.loader--with-text {
    justify-content: space-evenly;
    flex-direction: column
}

.loader__text {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #fff
}

.loader__ico {
    width: 40px;
    height: 40px;
    color: #ccd0de
}

.load {
    animation: load 1.2s linear infinite
}

@keyframes load {
    to {
        transform: rotate(1 turn)
    }
}

.flag[data-v-ddb8c228] {
    position: relative;
    height: 20px;
    padding-right: 13px;
    padding-left: 8px;
    color: #fff;
    font-size: 12px;
    filter: drop-shadow(0 2px 2px rgba(0,0,0,.5))
}

.flag[data-v-ddb8c228]:after,.flag[data-v-ddb8c228]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.flag[data-v-ddb8c228]:before {
    z-index: 2;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 100%
}

.flag[data-v-ddb8c228]:after {
    z-index: 1;
    width: calc(100% - 20px)
}

.flag--first[data-v-ddb8c228]:before {
    background-image: url("../images/flag_pink.png")
}

.flag--first[data-v-ddb8c228]:after {
    background-color: #fd1d25
}

.flag--second[data-v-ddb8c228] {
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    background-image: url("../images/flag-second.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    filter: none
}

.flag--second[data-v-ddb8c228]:after,.flag--second[data-v-ddb8c228]:before {
    display: none
}

.flag.flag--third[data-v-ddb8c228] {
    position: absolute;
    left: 0;
    top: 8px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    background-image: url("../images/flag-second.031e04cfd0d1a3f76641177effe976d6.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    filter: none
}

.flag.flag--third[data-v-ddb8c228]:after,.flag.flag--third[data-v-ddb8c228]:before {
    display: none
}

.flag__wrap[data-v-ddb8c228] {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700
}

.count-panel[data-v-63d80e30] {
    height: 72px;
    padding: 1px;
    background-image: linear-gradient(#40506e,#192b4b 20%,#192b4b 80%,#40506e)
}

.count-panel--event[data-v-63d80e30] {
    height: 77px;
    margin-top: -5px;
    padding-top: 5px;
    border-radius: 0 0 5px 5px;
    background-image: linear-gradient(#192b4b,#40516f)
}

.count-panel--top[data-v-63d80e30] {
    margin-top: -8px;
    height: 80px
}

.count-panel--border-radius[data-v-63d80e30] {
    border-radius: 5px
}

.count-panel--border-radius [data-v-63d80e30] {
    border-radius: inherit
}

.count-panel__wrap[data-v-63d80e30] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: linear-gradient(180deg,#1b2b49,#0b1b37);
    border-radius: inherit
}

.count-panel__info[data-v-63d80e30] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 380px;
    padding: 0 12px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .count-panel__info[data-v-63d80e30] {
        justify-content:center;
        max-width: none
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .count-panel__info[data-v-63d80e30] {
        justify-content:center;
        max-width: none
    }
}

.count-panel__countdown[data-v-63d80e30] {
    margin-right: 12px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .count-panel__countdown[data-v-63d80e30] {
        margin-right:24px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .count-panel__countdown[data-v-63d80e30] {
        margin-right:24px
    }
}

.count-panel__button.count-panel__button[data-v-63d80e30] {
    flex-shrink: 1;
    flex-basis: 200px;
    min-width: auto;
    line-height: 40px
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .count-panel__button.count-panel__button[data-v-63d80e30]:not(:last-child) {
        margin-right:24px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .count-panel__button.count-panel__button[data-v-63d80e30]:not(:last-child) {
        margin-right:24px
    }
}

.count-panel__prize-pool.count-panel__prize-pool[data-v-63d80e30] {
    display: none
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .count-panel__prize-pool.count-panel__prize-pool[data-v-63d80e30] {
        display:flex
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .count-panel__prize-pool.count-panel__prize-pool[data-v-63d80e30] {
        display:flex
    }
}

.prize-pool {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 128px;
    padding-left: 10px
}

.prize-pool:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 62px;
    background-image: url("../images/prize-pool.png");
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%,-50%)
}

.prize-pool__title {
    display: none
}

.prize-pool__sum {
    z-index: 1;
    font-size: 16px;
    color: #ffc400;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,.7)
}

.countdown__count[data-v-6be72a10] {
    box-shadow: inset 0 3px 3px 0 #bfbfbf
}

.countdown[data-v-6be72a10] {
    position: relative;
    z-index: 0;
    padding-right: 2px
}

.countdown__title[data-v-6be72a10] {
    font-size: 12px;
    line-height: 14px;
    color: #8893a8;
    text-transform: lowercase;
    text-align: center
}

.countdown__count-wrap[data-v-6be72a10] {
    width: 24px;
    height: 24px;
    padding: 1px;
    margin: 0 auto 2px;
    background-image: linear-gradient(180deg,#162644,#eee 96%);
    border-radius: 4px
}

.countdown__count[data-v-6be72a10] {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg,#fff 32.54%,#bdbdbd);
    box-shadow: inset 0 2px 2px rgba(0,0,0,.43);
    border-radius: inherit;
    color: #454f60;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.5px;
    text-shadow: 0 1px 1px rgba(0,0,0,.18)
}

.countdown__label[data-v-6be72a10] {
    font-size: 12px;
    color: #8893a8
}

.countdown__separator[data-v-6be72a10] {
    margin: 0 3px;
    opacity: .4;
    font-weight: 700;
    line-height: 24px
}

.countdown__container[data-v-6be72a10] {
    display: flex;
    padding-top: 4px
}

.countdown__time[data-v-6be72a10] {
    display: flex;
    flex-direction: column;
    text-align: center
}

.countdown__time+.countdown__time[data-v-6be72a10] {
    margin-left: 9px
}

.page-header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #111526;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    text-align: center
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .page-header {
        min-height:64px
    }
}

.page-header__close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .page-header__close {
        right:16px
    }
}

.page-header__back {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .page-header__back {
        left:16px
    }
}

.page-header-title {
    padding: 0 24px;
    text-align: center;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    font-size: 16px
}

.events-preview-block {
    border-top: 1px solid #35486c;
    padding: 16px 0
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .events-preview-block {
        padding:24px 0
    }
}

.events-preview-block.events-preview-block--m-bott {
    margin-bottom: 16px
}

.events-preview-block__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .events-preview-block__title {
        margin-bottom:16px
    }
}

.events-preview-block__count {
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

.events-preview-block__list {
    margin-bottom: -8px
}

.events-preview-block__list:not(:last-child) {
    padding-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .events-preview-block__list:not(:last-child) {
        padding-bottom:16px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .events-preview-block__list {
        display:flex;
        flex-wrap: wrap;
        margin-right: -8px;
        margin-left: -8px;
        margin-bottom: -16px
    }
}

.events-preview-block__load {
    display: flex;
    justify-content: center;
    padding-top: 8px
}

.events-preview-block__skeleton-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

@media screen and (min-width: 600px) {
    .events-preview-block__skeleton-list {
        flex-direction:row;
        justify-content: space-between
    }
}

.events-preview-block__skeleton-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 22px
}

@media screen and (min-width: 600px) {
    .events-preview-block__skeleton-item {
        width:49%
    }
}

.events-preview-block__skeleton-headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px
}

.events-preview-block__skeleton-title {
    display: none;
    width: 182px;
    height: 18px
}

.events-preview-block__skeleton-title:first-child {
    display: block
}

@media screen and (min-width: 600px) {
    .events-preview-block__skeleton-title {
        display:block
    }
}

.events-preview-block__skeleton-list-icon {
    flex-shrink: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    border-radius: 50%
}

.events-preview-block__skeleton-list-descr {
    flex-grow: 1;
    height: 26px;
    border-radius: 20px
}

.event-preview[data-v-5762a448] {
    padding: 1px;
    border-radius: 5px;
    background: linear-gradient(180deg,#3a4b69 0,#132341 26%,#132341 79%,#3a4b69)
}

.event-preview__wrap[data-v-5762a448] {
    background-image: linear-gradient(#1a2d4e,#0e1f3e);
    border-radius: inherit
}

.event-preview[data-v-5762a448] {
    position: relative
}

.event-preview__wrap[data-v-5762a448] {
    display: flex;
    padding: 7px
}

.event-preview__img[data-v-5762a448] {
    flex-shrink: 0;
    width: 128px;
    margin-right: 8px
}

.event-preview__desc[data-v-5762a448] {
    flex-grow: 1;
    overflow: hidden
}

.event-preview__item[data-v-5762a448]:not(:last-child) {
    margin-bottom: 8px
}

.event-preview__link[data-v-5762a448] {
    display: block;
    font-size: 12px;
    line-height: 16px
}

.events-preview-item[data-v-442a1d04] {
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .events-preview-item[data-v-442a1d04] {
        margin-bottom:16px;
        width: 50%;
        padding: 0 8px
    }
}

@media screen and (min-width: 1366px) {
    .events-preview-item[data-v-442a1d04] {
        width:25%
    }
}

.event-preview-title[data-v-1aab0fe8] {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

.event-preview-date[data-v-242538aa] {
    font-size: 12px;
    line-height: 16px;
    color: #8893a8
}

.no-events[data-v-54a15b9d] {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    padding: 24px 0
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .no-events[data-v-54a15b9d] {
        padding:52px 0
    }
}

@media screen and (min-width: 1024px) {
    .no-events[data-v-54a15b9d] {
        padding:58px 0
    }
}

@media screen and (min-width: 1366px) {
    .no-events[data-v-54a15b9d] {
        padding:112px 0
    }
}

.no-events__wrap[data-v-54a15b9d] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.no-events__img[data-v-54a15b9d] {
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

.no-events__sub-title[data-v-54a15b9d] {
    padding-top: 8px;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #8893a8
}

.event-block[data-v-5a660a68] {
    border-top: 1px solid #35486c;
    display: flex;
    padding: 16px 0
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .event-block[data-v-5a660a68] {
        padding:24px 0
    }
}

.event-block__main[data-v-5a660a68] {
    flex-grow: 1;
    overflow: hidden
}

.event-block__main-title[data-v-5a660a68] {
    padding-right: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .event-block__main-title[data-v-5a660a68] {
        padding-right:60px;
        margin-bottom: 16px
    }
}

.event-block__main-text[data-v-5a660a68] {
    display: flex
}

.event-block__desc[data-v-5a660a68] {
    padding: 0 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .event-block__desc[data-v-5a660a68] {
        padding:0 16px
    }
}

.event-block__flag[data-v-5a660a68] {
    margin-right: 8px
}

.event-block__date[data-v-5a660a68] {
    width: 100%;
    padding-left: 8px;
    font-size: 12px;
    color: #8893a8;
    line-height: 24px
}

@media screen and (min-width: 568px) {
    .event-block__date[data-v-5a660a68] {
        width:auto
    }
}

.event-block__ban[data-v-5a660a68]:not(:last-child) {
    margin-bottom: 16px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .event-block__ban[data-v-5a660a68]:not(:last-child) {
        margin-bottom:24px
    }
}

.event-block__aside[data-v-5a660a68] {
    max-width: 336px;
    padding-right: 16px
}

.event-block__title[data-v-5a660a68] {
    margin-bottom: 16px;
    text-align: center;
    line-height: 24px
}

.event-block__cup[data-v-5a660a68] {
    padding: 8px
}

.event-block__list[data-v-5a660a68] {
    box-shadow: 0 2px 5px rgba(0,0,0,.5)
}

.event-block__games-title[data-v-5a660a68] {
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .event-block__games-title[data-v-5a660a68] {
        margin-bottom:16px
    }
}

.event-block--lottery .event-block__cup[data-v-5a660a68] {
    padding: 0
}

.event-block--lottery .event-block__list[data-v-5a660a68] {
    box-shadow: none
}

.cup-participant[data-v-5295d38c] {
    display: flex;
    justify-content: center;
    max-width: 450px;
    margin: 0 auto
}

.cup-participant--full[data-v-5295d38c] {
    padding-top: 24px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .cup-participant--full .cup-participant-item[data-v-5295d38c]:nth-child(2) {
        padding:0 16px
    }
}

.cup-participant-item[data-v-1556573f] {
    flex-shrink: 0
}

.cup-participant-item[data-v-1556573f]:nth-child(2) {
    padding: 0 8px
}

.cup-participant-item[data-v-1556573f]:only-child {
    margin: 0 auto
}

.cup-participant-item--min[data-v-1556573f]:nth-child(2) {
    padding: 0 4px
}

.cup-participant-item__img-wrap[data-v-1556573f] {
    margin-left: auto;
    margin-right: auto;
    height: 116px;
    width: 96px
}

.cup-participant-item__img-wrap[data-v-1556573f]:not(:last-child) {
    margin-bottom: 8px
}

.cup-participant-item__img[data-v-1556573f] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.cup-participant-item--min .cup-participant-item__img-wrap[data-v-1556573f] {
    width: 74px;
    height: 86px;
    margin-bottom: 4px
}

.cup-participant-desc.cup-participant-desc--winner[data-v-0bc9ebbd] {
    border: 1px solid #21c6fb;
    background-image: linear-gradient(180deg,#189ff2,#2ed1fb)
}

.cup-participant-desc[data-v-0bc9ebbd] {
    margin: 0 auto;
    width: 96px;
    padding: 15px 4px;
    border: 1px solid transparent;
    background-image: linear-gradient(180deg,#173677,#182a5f);
    box-shadow: 0 2px 10px rgba(0,0,0,.24);
    border-radius: 5px;
    text-align: center
}

.cup-participant-desc--min[data-v-0bc9ebbd] {
    width: 73px;
    padding: 7px 1px
}

.cup-participant-desc.cup-participant-desc--winner .cup-participant-desc__info-name[data-v-0bc9ebbd] {
    font-weight: 700
}

.cup-participant-desc.cup-participant-desc--winner .cup-participant-desc__info-points[data-v-0bc9ebbd] {
    color: #fff
}

.cup-participant-desc__info-name[data-v-0bc9ebbd] {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.cup-participant-desc__info-money[data-v-0bc9ebbd] {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #ffc400;
    font-weight: 700;
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.cup-participant-desc--min .cup-participant-desc__info-money[data-v-0bc9ebbd] {
    margin: 0;
    font-size: 12px;
    line-height: 16px
}

.cup-participant-desc--min .cup-participant-desc__info-name[data-v-0bc9ebbd] {
    margin-bottom: 0
}

.cup-participant-desc__info-points[data-v-0bc9ebbd] {
    font-size: 12px;
    line-height: 16px;
    color: #a8bee6
}

.participants[data-v-2217966c] {
    padding: 1px;
    border-radius: 5px;
    background: linear-gradient(180deg,#3a4b69 0,#132341 26%,#132341 79%,#3a4b69)
}

.participants__list-wrap[data-v-2217966c] {
    background-image: linear-gradient(#1a2d4e,#0e1f3e);
    border-radius: inherit;
    overflow: hidden
}

.participants-item.participants-item--winner .participants-item__item[data-v-1308abc2] {
    border: 1px solid #21c6fb;
    background-image: linear-gradient(180deg,#189ff2,#2ed1fb)
}

.participants-item:nth-child(odd) .participants-item__item[data-v-1308abc2] {
    background-color: #0e2041
}

.participants-item__item[data-v-1308abc2] {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 15px;
    border: 1px solid transparent
}

.participants-item__info[data-v-1308abc2] {
    display: flex;
    align-items: center;
    flex: 1
}

.participants-name[data-v-1e012d97] {
    font-size: 14px;
    color: #fff
}

.participants-name.participants-name--winner[data-v-1e012d97] {
    text-shadow: 0 1px 1px rgba(0,0,0,.3)
}

.participants-gift[data-v-3a277c88] {
    font-size: 14px;
    font-weight: 700;
    color: #ffc400
}

.participants-gift.participants-gift--winner[data-v-3a277c88] {
    text-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.participants-score[data-v-4bc24e94] {
    flex: 1;
    font-size: 12px;
    color: #a8bee6;
    text-align: right
}

.participants-score.participants-score--winner[data-v-4bc24e94] {
    color: #fff
}

.participants-rank[data-v-80e17290] {
    width: 24px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -.33px;
    color: #fff
}

.participants-rank[data-v-80e17290]:not(:last-child) {
    margin-right: 16px
}

.participants-rank.participants-rank--winner[data-v-80e17290] {
    text-shadow: 0 1px 1px rgba(0,0,0,.3)
}

.logo.logo--footer {
    width: 168px;
    height: 49px;
    margin: 0
}

h3.title.lobby-games__aside-title {
    font-size: 16px;
    font-weight: 700
}

.faq_tt {
    font-size: 18px;
    color: #fff;
    padding-left: 40px;
    margin-bottom: -10px
}

blockquote {
    position: relative
}

blockquote:before {
    content: url("../images/q_logo.png");
    position: absolute
}

blockquote:before {
    left: 15px;
    top: 15px
}

blockquote {
    border-radius: 8px;
    color: #a5a5a5;
    line-height: 1.5;
    font-size: 111.5%;
    margin-bottom: 20px;
    padding: 10px 10px;
    position: relative;
    border-bottom: 1px solid #000;
    border-top: 1px solid #fff;
    background: #172031;
    padding-left: 90px;
    margin-top: 20px
}

.description table {
    background: #131522;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #000;
    color: #b3b3b3;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px
}

.description tr {
    border-bottom: 1px solid #000
}

.description tr:first-child {
    background: #1e2a3e;
    color: white
}

.description tr:nth-child(even) {
    background: #0d0e17
}

.description td {
    padding: 10px;
    padding-left: 20px;
    border-right: 1px solid #000
}

.description img {
    height: auto;
    max-width: 100%
}

.dev_tit {
    margin: 0 auto;
    text-align: center;
    padding: 5px;
    margin-top: 5px
}

a.game__btn.game__btn--play {
    color: white;
    position: absolute;
    text-align: center;
    background: #24c2f8;
    width: 100%;
    top: -30px;
    font-size: 14px;
    text-shadow: 0 1px 2px black;
    font-weight: bold;
    padding: 6px 15px;
    border-radius: 8px;
    box-shadow: 0 -1px 0 #fff;
    transition: all .2s ease-out;
    opacity: 1;
    z-index: 1
}

.game-card:hover a.game__btn.game__btn--play {
    top: 22px;
    opacity: 1
}

.card-developer {
    padding: 1px;
    background: linear-gradient(180deg,#3a4b69 0,#132341 26%,#132341 79%,#3a4b69);
    display: block;
    border-radius: 5px
}

.card-developer__wrap {
    position: relative;
    display: block;
    padding-bottom: 64.71%;
    background-image: linear-gradient(#1c2d4e,#0b1c37);
    border-radius: inherit
}

.card-developer__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 8px;
    object-fit: contain;
    border-radius: inherit
}

.game_frame {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#game-block {
    width: 100%;
    min-height: 650px
}

.mob_reg {
    display: none
}

li.actions__list-item {
    width: 100%;
    list-style: none
}

img.actions__ban {
    width: 100%
}

.h {
    margin: 0 auto 16px
}

#anchor_table .h {
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    padding: 10px;
    margin-bottom: 0
}

#anchor_table table {
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
    margin-bottom: 20px;
    background: none
}

#anchor_table tr {
    background: none;
    font-size: 15px
}

a.trigger {
    text-decoration: none;
    border-bottom: 0;
    color: #72cbff
}

#breadcrumbs {
    display: flex;
    position: absolute;
    left: 0;
    list-style-type: circle;
    color: #898d99
}

#breadcrumbs li {
    margin-left: 30px
}

button.v-button.btn.v-button--first {
    display: inline-block
}

.mod_in {
    display: block;
    margin: 0 auto
}

.mob_hide {
    display: none
}

@media screen and (max-width: 1113px) {
    .quick-nav-layout-height {
        display:none
    }

    .registration-block__bonus-text {
        display: none
    }

    .registration-block__bonus-img {
        display: block;
        width: 0;
        margin-left: -8px
    }

    .mob_hide {
        display: flex
    }
}

@media screen and (max-width: 1024px) {
    #breadcrumbs {
        position:relative
    }

    .header__dynamic-frame {
        display: none
    }

    .swipe_icon {
        background-image: url("../images/swipe_40.png");
        background-size: 40px 40px;
        width: 40px;
        height: 40px;
        position: absolute;
        margin-top: -16px;
        margin-left: 85%
    }

    .mob_reg {
        position: absolute;
        top: 71px;
        width: 100%;
        z-index: 1;
        display: flex;
        height: 52px;
        background-color: #112852;
        padding: 5px 0;
        margin: 0;
        border-top: 1px solid white
    }

    .event-block__games {
        display: none
    }

    .jackpot-block__btn.ban_btn {
        position: relative;
        margin-bottom: -40px;
        top: -55px
    }

    section.slider {
        margin-top: 45px
    }

    .page-header {
        margin-top: 45px
    }
}

@media screen and (max-width: 768px) {
    #game-block {
        min-height:500px
    }

    .slider__btn {
        top: -110px
    }

    aside.event-block__aside {
        display: none
    }
}

@media screen and (max-width: 425px) {
    .slider__btn {
        top:-75px
    }

    .description .btn {
        display: inline-block;
        border: 0;
        color: #fff;
        transform: scale(.6);
        left: 0;
        top: -15px
    }

    .description td {
        padding: 5px;
        display: block
    }

    .menu-wrap__hide-scroll {
        transform: scale(.75);
        top: 15px;
        left: -30px
    }
}

.menu-top-banner {
    height: 319px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .menu-top-banner {
        height:386px
    }
}

.menu-top-banner__img {
    height: auto
}

@media screen and (max-width: 425px) {
    .menu-wrap__hide-scroll {
        transform:scale(.75);
        top: -8px;
        left: -30px
    }
}

.slick-dots li button:before {
    font-size: 10px
}

* {
    font-family: "arial",sans-serif
}

ol,ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

body {
    display: flex;
    min-height: 100%;
    background-color: #000;
    font-family: Arial,sans-serif;
    font-weight: 400;
    color: #fff
}

.header {
    height: 72px
}

.header__wrap {
    background-image: linear-gradient(#17366f,#112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 12;
    width: 100%;
    max-width: 1360px;
    height: inherit;
    margin: auto;
    background-color: #112852;
    will-change: transform
}

.container {
    width: 100%;
    padding: 0 8px;
    margin: 0 auto
}

.header__wrap>.container {
    display: flex;
    height: 100%;
    overflow: visible
}

.check-item__ico-bg,.header__open-menu,.input-item-wrap__ico,.input-item-wrap__ico-right,.v-link__ico {
    -moz-user-select: none
}

.header__open-menu {
    width: 56px;
    height: 100%
}

.header__dynamic-frame,.header__login-btn,.header__open-menu,.header__user-data {
    display: flex;
    align-items: center
}

div#nav-open {
    background-image: url("../images/nav.png");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 15px;
    width: 40px;
    height: 40px;
    display: none
}

button,input,optgroup,select,textarea {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    font: inherit;
    color: inherit;
    letter-spacing: inherit
}

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

button,select {
    text-align: left;
    text-transform: none
}

button,input {
    overflow: visible
}

.header__logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.logo {
    position: relative;
    display: block;
    width: 92px;
    height: 85px
}

iframe,img {
    border: 0
}

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

.quick-nav-layout-height {
    height: 47px
}

@media screen and (min-width: 1023px) {
    .quick-nav-layout-height {
        height:52px
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav-layout-height {
        height:auto
    }
}

.quick-nav-layout-wrap {
    position: fixed;
    bottom: -53px;
    left: 0;
    z-index: 3;
    width: 100%;
    transform: translateY(-50px)
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav-layout-wrap {
        position:static;
        height: 100%;
        transform: none
    }
}

.quick-nav {
    background-image: linear-gradient(#17366f,#112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    position: relative;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 57px;
    background-color: #112852
}

@media screen and (min-width: 1023px) {
    .quick-nav {
        height:52px
    }
}

.quick-nav {
    align-items: center;
    height: 100%;
    box-shadow: none;
    background: transparent;
    border: 0
}

.quick-nav__item {
    z-index: 0;
    box-sizing: border-box;
    margin-bottom: 5px;
    transform: translateY(0)
}

@media screen and (min-width: 1023px) {
    .quick-nav__item {
        transform:translateY(-16px)
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav__item {
        transform:none;
        margin-bottom: 0
    }
}

.quick-nav__item:not(:last-child) {
    margin-right: 16px
}

.quick-nav__link {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 44px;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer
}

@media screen and (min-width: 1023px) {
    .quick-nav__item {
        transform:translateY(-16px)
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav__item {
        transform:none;
        margin-bottom: 0
    }
}

ul:not(.list ul,#breadcrumbs) li {
    padding: 7px 7px 7px 25px;
    position: relative
}

@media screen and (min-width: 1023px) {
    .quick-nav__link {
        flex-direction:row;
        width: 132px;
        height: 38px;
        padding: 0 16px;
        margin: 1px
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav__link {
        justify-content:flex-start;
        height: 40px;
        width: 110px;
        padding: 0 8px
    }
}

.quick-nav__link-ico {
    z-index: 2;
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

@media screen and (min-width: 1023px) {
    .quick-nav__link-ico {
        margin:0 7px 0 0
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav__link-ico {
        width:21px;
        height: 21px
    }
}

.icon-gift-menu {
    background-image: url("../fonts/actions-active.svg")
}

.quick-nav__link-ico {
    z-index: 2;
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

@media screen and (min-width: 1023px) {
    .quick-nav__link-ico {
        margin:0 7px 0 0
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav__link-ico {
        width:21px;
        height: 21px
    }
}

.quick-nav__link-ico.quick-nav__link-ico--active {
    display: none
}

.quick-nav__link-text {
    display: flex;
    align-items: flex-end;
    height: 16px;
    margin-top: 5px;
    font-size: 10px;
    z-index: 2;
    opacity: .5
}

@media screen and (min-width: 1023px) {
    .quick-nav__link-text {
        display:inline;
        height: auto;
        margin-top: 0;
        font-size: 14px
    }
}

.opasiti-none {
    opacity: 1;
    color: #fff
}

.quick-nav__link-decor {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 16px;
    width: 42px;
    height: 42px;
    margin: auto;
    border-radius: 5px;
    background-image: linear-gradient(#112952,#476294)
}

@media screen and (min-width: 1023px) {
    .quick-nav__link-decor {
        top:0;
        bottom: auto;
        width: auto;
        height: 100%
    }
}

.quick-nav__link-decor:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    z-index: -1;
    margin: auto;
    border-radius: inherit;
    background-image: linear-gradient(#385281,#112851)
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .quick-nav__link-decor:after {
        content:"";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(#075da1,#41cafa);
        border-radius: 5px;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s;
        will-change: opacity
    }
}

.header__dynamic-frame,.header__login-btn,.header__open-menu,.header__user-data {
    display: flex;
    align-items: center
}

.header__dynamic-frame {
    margin-left: auto
}

aside {
    display: block
}

.registration-block {
    height: 56px
}

.registration-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-left: auto
}

.registration-block__decor {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    position: fixed;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 8px;
    width: 100%;
    height: 72px;
    bottom: 0;
    background-color: #112852;
    border-radius: 5px
}

@media(min-width: 113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .registration-block__decor {
        position:static;
        background-color: transparent
    }
}

.check-item__ico-bg,.game-search__border,.input-item-wrap,.open-shelf-info,.pregame-section__promo-item,.progressbar__decor,.registration-block__panel,.shelf-info__cont-bg,.shelf-info__top,.switch,.user-panel__promo-decor,.welcome-pack-page__shadow-wrapper {
    padding: 2px;
    background-image: linear-gradient(#080e17,#294374)
}

.registration-block__panel {
    border-radius: inherit
}

.registration-block__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: inherit;
    padding-top: 2px;
    padding-left: 8px;
    border: 0;
    background-color: #111526
}

[class*=icon-] {
    display: block;
    height: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.icon-register-bonus {
    background-image: url("../fonts/bonus-motiv.svg")
}

.registration-block__bonus-img {
    display: none;
    width: 32px;
    height: 32px;
    margin-left: 8px
}

@media screen and (min-width: 360px) {
    .registration-block__bonus-img {
        display:block
    }
}

@media screen and (min-width: 568px) {
    .registration-block__bonus-img {
        margin-left:28px
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .registration-block__bonus-img {
        display:none
    }
}

@media screen and (min-width: 1280px) {
    .registration-block__bonus-img {
        display:block;
        margin-left: 8px
    }
}

.registration-block__bonus-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 8px;
    margin-left: 8px;
    text-align: center;
    font-size: 12px;
    line-height: 14px
}

@media screen and (min-width: 360px) {
    .registration-block__bonus-text {
        margin-right:16px
    }
}

@media screen and (min-width: 568px) {
    .registration-block__bonus-text {
        display:block;
        font-size: 14px
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .registration-block__bonus-text {
        display:flex;
        margin-left: 8px;
        font-size: 12px
    }
}

.registration-block__bonus-headline {
    font-weight: 700;
    color: #ffc400;
    text-transform: uppercase
}

.registration-block__condition {
    margin-top: 2px;
    width: 100%;
    color: #8893ab
}

.v-button {
    position: relative;
    display: block;
    flex-shrink: 0;
    min-width: 80px;
    padding: 0 16px;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    user-select: none
}

.btn {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    min-width: 80px;
    padding: 0 16px;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    user-select: none
}

.v-button.v-button--first {
    background-image: linear-gradient(180deg,#33c600,#206400)
}

.registration-block__bonus-headline {
    font-weight: 700;
    color: #ffc400;
    text-transform: uppercase
}

.registration-block__condition {
    margin-top: 2px;
    width: 100%;
    color: #8893ab
}

.header__dynamic-frame,.header__login-btn,.header__open-menu,.header__user-data {
    display: flex;
    align-items: center
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .header__login-btn {
        margin-left:16px
    }
}

.v-button.v-button--third {
    background-image: linear-gradient(180deg,#00659e,#00396c)
}

.quick-nav__link-decor {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 16px;
    width: 42px;
    height: 42px;
    margin: auto;
    border-radius: 5px;
    background-image: linear-gradient(#112952,#476294)
}

@media screen and (min-width: 1023px) {
    .quick-nav__link-decor {
        top:0;
        bottom: auto;
        width: auto;
        height: 100%
    }
}

a {
    background-color: transparent;
    color: inherit
}

a,abbr {
    text-decoration: none
}

.header__dynamic-frame,.header__login-btn,.header__open-menu,.header__user-data {
    display: flex;
    align-items: center
}

.header__dynamic-frame {
    margin-left: auto
}

.registration-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-left: auto
}

.registration-block__decor {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    position: fixed;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 8px;
    width: 100%;
    height: 72px;
    bottom: 0;
    background-color: #112852;
    border-radius: 5px
}

@media(min-width: 113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .registration-block__decor {
        position:static;
        background-color: transparent
    }
}

.check-item__ico-bg,.game-search__border,.input-item-wrap,.open-shelf-info,.pregame-section__promo-item,.progressbar__decor,.registration-block__panel,.shelf-info__cont-bg,.shelf-info__top,.switch,.user-panel__promo-decor,.welcome-pack-page__shadow-wrapper {
    padding: 2px;
    background-image: linear-gradient(#080e17,#294374)
}

.registration-block__panel {
    border-radius: inherit
}

.header__dynamic-frame,.header__login-btn,.header__open-menu,.header__user-data {
    display: flex;
    align-items: center
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .header__login-btn {
        margin-left:16px
    }
}

.v-button.v-button--third {
    background-image: linear-gradient(180deg,#00659e,#00396c)
}

.block-white {
    background: #112852;
    padding: 0;
    margin: 0
}

.text-blk {
    padding-left: 7px;
    background: #24323c;
    background: #112852;
    padding: 15px;
    color: #8893a8;
    letter-spacing: normal;
    padding-top: 15px;
    margin-top: 0;
    border-top: 1px solid #35486c;
    background-image: linear-gradient(#17366f,#112852);
    background-size: 100% 16px;
    background-repeat: no-repeat
}

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

table {
    background: #131522;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #000;
    color: #b3b3b3;
    margin: 0 auto;
    margin-top: 0;
    margin-top: 20px;
    margin-bottom: 0;
    margin-bottom: 20px
}

table {
    width: 100%;
    overflow: scroll;
    border: #fff200 solid 0
}

table:not(.details-table,.card,.table-f,.table-s) tr:first-child {
    font-weight: bold;
    font-weight: 700;
    color: #fff;
    background: #000
}

table:not(.details-table,.card) tr td {
    padding: 10px;
    font-family: "Open Sans",sans-serif;
    border: #fff200 solid 0
}

.text-blk h3,.text-blk .h3 {
    margin: 20px 0 0 0;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 #fff;
    font-size: 16px;
    font-family: Arial,sans-serif
}

blockquote {
    border-radius: 8px;
    border: #fff200 solid 0;
    color: #a5a5a5;
    color: #fff;
    line-height: 1.5;
    font-size: 111.5%;
    margin-bottom: 20px;
    padding: 10px 10px;
    padding-left: 10px;
    padding-left: 90px;
    position: relative;
    border-bottom: 1px solid #000;
    border-top: 1px solid #fff;
    background-image: linear-gradient(#353d4c,#353d4c);
    background-color: transparent;
    margin-top: 20px
}

blockquote::before {
    content: " ";
    background-image: url("../images/q_logo.png");
    background-size: cover;
    width: 34px;
    height: 36px;
    position: absolute;
    top: 5px;
    left: 5px
}

@media all {
    .text-blk a {
        color: #32a2f4;
        border-bottom: 1px solid
    }
}

.table-f tr td:first-child,.table-s tr td:first-child {
    color: #32a2f4
}

.text-blk h2,.text-blk .h2 {
    margin: 30px 0 0 0;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 #e44f5b;
    font-size: 18px;
    font-family: arial
}

ul:not(.list ul,#breadcrumbs) li {
    padding: 7px 7px 7px 25px;
    position: relative;
    color: #fff
}

section {
    background-image: none
}

.param-title {
    font-size: 20px;
    font-weight: bold;
    margin: 5px;
    font-family: arial;
    color: #fff;
    text-shadow: 0 0 #fff;
    margin-bottom: 10px
}

.page-header-title {
    font-size: 20px;
    margin-bottom: 10px
}

.bonus-item {
    border: 1px solid #343d4d;
    background-color: #343d4d
}

.bonus-item .bonus-type {
    font-style: normal;
    text-align: center
}

.home__promo-text {
    background-color: #111526
}

.icon-games-actions {
    background-image: url("../fonts/games-active.svg")
}

.icon-down {
    background-image: url("../fonts/google-play-active.svg")
}

.icon-actions {
    background-image: url("../fonts/gift-menu-active.svg")
}

.slider__item {
    display: block;
    width: 100%;
    box-sizing: border-box
}

.slider__wrapper-link {
    position: relative;
    display: block;
    width: 100%
}

.slider__img-wrap {
    padding-bottom: 50%;
    position: relative;
    height: 100%;
    width: 100%
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .slider__img-wrap {
        padding-bottom:30.282%
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider__img-wrap {
        padding-bottom:0;
        height: 300px
    }
}

@media screen and (min-width: 1366px) {
    .slider__img-wrap {
        height:398px
    }
}

.slider__pic {
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover
}

.slider__btn,.slider__pic {
    position: absolute;
    width: 100%
}

.slider__btn {
    z-index: 1;
    box-sizing: border-box;
    display: block;
    text-align: center;
    width: 200px;
    position: relative;
    margin: 0 auto;
    margin-bottom: -40px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider__btn {
        bottom:110px
    }
}

.slider__pagination.slider__pagination-clickable {
    position: absolute;
    z-index: 100;
    left: 50%;
    bottom: 6px;
    display: flex;
    width: auto;
    font-size: 0;
    transform: translateX(-50%)
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider__pagination.slider__pagination-clickable {
        bottom:30px
    }
}

.slider__pagination-dot {
    display: block;
    width: 4px;
    height: 4px;
    padding: 4px;
    box-sizing: content-box;
    border-radius: 50%;
    background-color: #fff;
    background-clip: content-box;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
    opacity: .5;
    transition: opacity .3s;
    cursor: pointer
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider__pagination-dot {
        width:6px;
        height: 6px
    }
}

.slider__pagination-dot--active {
    opacity: 1
}

.slider__skeleton {
    padding-bottom: 50%;
    position: relative
}

@media screen and (min-width: 480px) and (orientation:landscape) and (max-height:420px) and (max-width:900px) {
    .slider__skeleton {
        padding-bottom:30.282%
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider__skeleton {
        padding-bottom:0;
        height: 300px
    }
}

@media screen and (min-width: 1366px) {
    .slider__skeleton {
        height:398px
    }
}

.slider__skeleton svg {
    position: absolute;
    top: 0;
    left: 0
}

.slider2 {
    flex-grow: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #111526
}

.slider2 .swiper-wrapper {
    padding: 0 8px
}

.slider2__slide {
    width: auto
}

.slider2__wrap {
    padding: 2px 2px 0;
    border-radius: 5px;
    background-image: linear-gradient(#414450,#15191f 25%);
    box-shadow: 0 2px 0 0 #40434f;
    margin-bottom: 2px
}

.slider2__item {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: inherit;
    background-image: linear-gradient(#1b1f2c,#0d101d);
    font-size: 16px
}

.slider2__img-wrap {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 122px;
    height: 84px;
    margin-right: 15px
}

.slider2__pic {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-size: 10px
}

.slider2__desc {
    width: 77px;
    padding-right: 8px
}

.slider2__desc>* {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider2__desc {
        width:100px
    }
}

.slider2__currensy {
    color: #ffc400;
    font-weight: 700;
    line-height: 1.25;
    font-size: 14px
}

.slider2__username {
    margin-bottom: 14px;
    font-size: 12px;
    line-height: 1.2
}

.slider2__text {
    margin-bottom: 2px;
    line-height: 1.2;
    font-size: 12px;
    color: #8893a8
}

.slider3 {
    padding: 1px;
    border-radius: 5px;
    background: linear-gradient(180deg,#3a4b69 0,#132341 26%,#132341 79%,#3a4b69);
    background-color: #111526
}

.slider3 .swiper-wrapper {
    padding-top: 16px
}

.slider3--no-bg {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none
}

.slider3__swiper {
    height: 100%
}

.slider3__item-wrap {
    background-image: linear-gradient(#1a2d4e,#0e1f3e);
    border-radius: inherit;
    height: 500px;
    padding: 25px
}

.slider3__item-wrap--height {
    height: calc(100vh - 200px);
    min-height: 300px
}

.slider3__item-wrap--height-s {
    height: calc(100vh - 125px)
}

.slider3__item-wrap--background {
    background: #112852
}

.slider3__slide {
    width: auto;
    height: 60px;
    margin-bottom: 16px
}

.slider3__item {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: inherit;
    font-size: 16px
}

.slider3__img-wrap {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 88px;
    height: 60px;
    margin-right: 15px
}

.slider3__pic {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-size: 10px
}

.slider3__desc {
    width: 100px;
    padding-right: 8px
}

.slider3__desc>* {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.slider3__currensy {
    color: #ffc400;
    font-weight: 700;
    line-height: 1.25;
    font-size: 14px
}

.slider3__username {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 1.2
}

.slider3__text {
    margin-bottom: 2px;
    line-height: 1.2;
    font-size: 12px;
    color: #8893a8
}

.slider3__skeleton-container {
    display: flex;
    flex-direction: column
}

.slider3__skeleton-item {
    display: flex;
    height: 82px;
    margin-bottom: 4px
}

.slider3__skeleton-img {
    width: 122px
}

.slider3__skeleton-data {
    margin-left: 4px;
    height: 100%
}

.slider4 {
    padding: 1px;
    background: linear-gradient(180deg,#3a4b69 0,#132341 26%,#132341 79%,#3a4b69);
    width: 100%;
    border-radius: 5px
}

.slider4__decor {
    min-height: 200px;
    padding: 16px;
    border-radius: inherit;
    background-image: linear-gradient(#1e335b,#12203f);
    background-size: 100% 100px;
    background-repeat: no-repeat;
    background-color: #12203f
}

.slider4__arrow {
    position: absolute;
    top: 15%;
    z-index: 10;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.slider4__arrow--prev {
    left: 16px
}

.slider4__arrow--next {
    right: 16px
}

.slider4__arrow-disabled {
    display: none
}

@media(min-width: 1113px) and (orientation:landscape) and (hover),screen and (min-width:1024px) and (orientation:portrait) and (hover) {
    .slider6:hover .slider6__arrow {
        opacity:.8;
        visibility: visible
    }

    .slider6:hover .slider6__arrow:hover {
        opacity: 1
    }

    .slider6:hover .slider6__arrow:active {
        opacity: .6
    }
}

.slider6__item-wrap {
    margin-right: -8px
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slider6__item-wrap {
        margin-right:-16px
    }
}

@media(min-width: 1113px) and (orientation:landscape),screen and (min-width:1024px) and (orientation:portrait) {
    .slider6__item-wrap {
        margin-right:0
    }
}

.slider6__arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    padding: 4px;
    margin: auto;
    width: 32px;
    height: 32px;
    visibility: hidden;
    cursor: pointer;
    border-radius: 50%;
    background-color: #284171;
    opacity: 0;
    transition: visibility .3s,opacity .3s
}

.slider6__arrow--prev {
    left: 16px
}

.slider6__arrow--next {
    right: 16px
}

.slider6__arrow-disabled {
    display: none
}

.slide6 {
    box-sizing: border-box;
    width: 134px;
    margin-right: 8px
}

@media screen and (min-width: 360px) {
    .slide6 {
        width:148px
    }
}

@media screen and (min-width: 768px) and (min-height:420px) {
    .slide6 {
        margin-right:16px
    }
}

@media screen and (min-width: 568px) {
    .slide6 {
        width:162px
    }
}

@media screen and (min-width: 1024px) {
    .slide6 {
        width:184px
    }
}

.grid-item {
    position: relative;
    padding-bottom: 4px;
    border-radius: 5px;
    color: transparent;
    cursor: pointer;
    background-image: linear-gradient(transparent 50%,#0c5e9a);
    background-size: 101%;
    overflow: hidden
}

.v-link__text {
    color: #32a2f4;
    cursor: pointer;
    font-size: 14px;
    font-family: arial
}

.v-link__text:hover {
    color: #32a2f4;
    text-decoration: underline
}

.card {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: red;
    background-color: transparent;
    padding: 10px;
    border-radius: 10px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #fff;
    background-image: linear-gradient(#353d4c,#353d4c);
    color: #fff;
    margin-bottom: 15px
}

.card-body-descr .card-heading a {
    font-family: arial;
    color: #fff;
    text-shadow: 0 0 #fff;
    font-size: 1.45rem;
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 0 black solid
}

.card-text {
    color: white;
    font-size: 14px;
    line-height: 1.15
}

a.button {
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    color: #fff;
    background-color: #00659e;
    padding: 10px 20px;
    box-shadow: 2px 3px 13px #0bb350;
    border: 0;
    border-radius: 5px;
    margin: 20px 0;
    position: relative;
    background-image: linear-gradient(180deg,#00659e,#00396c)
}

a.button:hover {
    background-image: linear-gradient(180deg,#0890dd,#005bac)
}

.text-blk a:hover {
    color: #fff
}

tr:nth-child(2n) {
    background: #21262e
}

.text-blk a {
    border-bottom: 1px solid #2b89d5
}

.game-card__main {
    display: block;
    padding: 1px 1px 0;
    background-image: linear-gradient(180deg,#10cdfd,#29cefb 75%,#1392ef);
    background-size: 101%;
    border-bottom: 0;
    border-radius: inherit
}

.item-gemes .item {
    background-image: linear-gradient(180deg,#10cdfd,#29cefb 75%,#162949)
}

.game-card__pic {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.game-card__name {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding-top: 1px;
    background-color: currentColor;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center
}

.item-gemes .game-card__name {
    height: 30px
}

a.game-card__wrap:hover {
    color: #fff
}

.game-card__name-text {
    font-family: arial
}

a.nav-tabs__btn {
    font-family: arial
}

.text-blk p {
    margin: 10px 0;
    font-family: Arial,sans-serif;
    line-height: 18.76px;
    font-size: 14px;
    letter-spacing: normal
}

.home__lobby-games {
    padding-bottom: 0
}

ul.actions__list {
    margin: 0
}

.game-wrap-list a.game__btn.game__btn--play.btn-play-animate {
    border: 1px solid #24c2f8;
    top: -47px;
    background-color: #112852;
    color: #fff;
    width: auto;
    padding: 13px 16px;
    left: 50%;
    margin-left: -42px;
    z-index: 10
}

.game-wrap-list .game-card:hover a.game__btn.game__btn--play {
    top: 22px;
    opacity: 1
}

.game-wrap-list a.game__btn.game__btn--play.btn-play-animate:hover {
    text-shadow: 0 1px 2px black #fff;
    -webkit-box-shadow: 0 -1px 0 black;
    -moz-box-shadow: 0 -1px 0 black;
    box-shadow: 0 -1px 0 black
}

.text-blk ul li {
    list-style: none;
    color: #d2d2d2;
    font-size: 14px;
    padding-left: 5px !important;
    list-style-image: url("../images/star_14.png")
}

.text-blk ol {
    font-family: Arial,sans-serif;
    line-height: 20px;
    padding-left: 32px;
    color: #d2d2d2;
    font-size: 15px;
    list-style-image: url("../images/diamond_14.png")
}

.text-blk ol li {
    margin-bottom: 5px
}

.bonus-item .bonus-info {
    flex: 1 1 auto;
    background-color: #112852;
    background-image: none;
    padding: 15px;
    border-top: #1a1a1a solid 1px
}

.bonus-item .param-row {
    margin-bottom: 10px
}

.bonus-item .param-value {
    color: #fff
}

.bonus-item .btn {
    padding: 3px 4px;
    font-size: 14px;
    max-width: 200px
}

.table-f tr,.table-s tr {
    height: 48px
}

.table-f tr td:first-child,.table-s tr td:first-child {
    font-family: arial
}

.table-f tr td:last-child,.table-s tr td:last-child {
    font-family: arial
}

.lobby-games__aside-slider {
    overflow: hidden
}

.slider__btn {
    right: -120px
}

li.menu__item.mob_hide {
    padding: 0 !important;
    margin: 0
}

@media screen and (max-width: 1150px) {
    .param-tit {
        display:none
    }

    .table-f,.table-s {
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (max-width: 1113px) {
    .registration-block__bonus-text {
        display:none
    }

    .registration-block__bonus-img.icon-register-bonus {
        display: none
    }

    .registration-block__wrapper {
        padding-left: 0
    }

    .lobby-games__game-aside {
        display: none;
        flex-shrink: 0;
        width: 336px;
        padding-right: 16px
    }

    div#nav-open {
        display: block
    }
}

@media screen and (max-width: 1024px) {
    .mob_reg {
        display:none
    }

    section.slider {
        margin-top: 0
    }

    .slider__btn {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .header__dynamic-frame {
        display:none
    }
}

@media screen and (max-width: 640px) {
    aside.registration-block {
        display:none
    }

    .actions__btn {
        display: none
    }
}

@media screen and (max-width: 425px) {
    .menu-wrap__hide-scroll {
        transform:none !important;
        top: 70px !important;
        left: -15px !important
    }
}

.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;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

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

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

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -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-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.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;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.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 {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

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

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

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

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

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

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

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

    100% {
        opacity: 0;
    }
}

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

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

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}

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

.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("../images/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-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;
    transition: opacity .4s ease;
}

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

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
    margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none;
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@charset "UTF-8";.slick-loading .slick-list {
    background: #fff url("../images/ajax-loader.gif") center center no-repeat
}

.slick-prev,.slick-next {
    display: none;
    width: 0;
    height: 0;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    opacity: 0
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    color: transparent;
    outline: 0;
    background: transparent
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir='rtl'] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir='rtl'] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: 50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: circle;
    text-align: center;
    clear: both
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: transparent
}

.slick-dots li button:hover,.slick-dots li button:focus {
    outline: 0
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: "slick";
    font-size: 26px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .75;
    color: gray;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: white
}

.sticky_buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, .85);
    width: 100%;
    z-index: 10;
    display: flex;
    justify-content: center
}

.sticky_buttons a {
    text-rendering: optimizeLegibility;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    border-radius: 40px;
    width: calc(50% - 10px);
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 20px;
    margin: 10px;
    max-width: 300px;
    box-sizing: border-box;
    line-height: 180%;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: 0.4s;
    font-weight: 700
}

.sticky_buttons_container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.sticky_buttons_container .sticky_buttons_first {
    background: linear-gradient(to bottom, #d00a0a 0%, #f41919 100%)
}

.sticky_buttons_container .sticky_buttons_second {
    background: linear-gradient(to bottom, #009f07 0%, #00d209 100%)
}

.sticky_buttons_container .sticky_buttons_first{
                background: #940588;
            }
             .sticky_buttons_container .sticky_buttons_first{
                color: #FFFFFF;
            }
             .sticky_buttons_container .sticky_buttons_first:hover{
                background: #C519B6;
            }
             .sticky_buttons_container .sticky_buttons_second {
                background: #20A75D;
            }
             .sticky_buttons_container .sticky_buttons_second {
                color: #FFFFFF;
            }
             .sticky_buttons_container .sticky_buttons_second:hover{
                background: #36D17A;
            }
			
side-block {
    position: relative;
    box-shadow: 0 4px 28px rgba(0, 151, 236, .5);
    border-radius: 4px;
    border: 1px solid #0097ec;
    background-image: linear-gradient(180deg, #111316 0, #001c45 100%);
    margin-bottom: 50px;
    padding: 20px 14px 44px;
    width: 100%;
    max-width: 327px
}

@media (max-width: 529px) {
    .side-block {
        margin-left: auto;
        margin-right: auto
    }

    .side-block:not(:last-child) {
        margin-bottom: 65px
    }
}

@media (min-width: 530px) and (max-width: 767px) {
    .side-block {
        flex: 0 0 48%
    }
}

.side-block--banner {
    padding: 0
}

.side-block--banner img {
    border-radius: 5px
}

@media (max-width: 767px) {
    .side-block--banner img {
        max-height: 340px;
        object-fit: cover;
        width: 100%;
        object-position: 50% 0
    }
}

@media (max-width: 529px) {
    .side-block--banner img {
        max-height: 307px
    }
}

.side-block--banner .side-block__heading {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 16px
}

@media (min-width: 992px) {
    .side-block--banner .side-block__heading {
        top: 20px
    }
}

.side-block__heading {
    text-align: center;
    position: relative;
    margin-bottom: 18px
}

.side-block__heading:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    width: 194px;
    height: 24px;
    border-radius: 18px;
    background-color: rgba(0, 0, 0, .42);
    box-shadow: 0 0 20px 15px rgba(0, 0, 0, .48)
}

.side-block__ttl {
    font-size: calc(19px + -3 * ((100vw - 360px) / 1080));
    text-shadow: 0 0 11px rgba(149, 229, 255, .43), 0 0 3px rgba(161, 233, 255, .58);
    color: #fff;
    font-weight: 900;
    line-height: 1.25;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-bottom: 0
}

@media (min-width: 1440px) {
    .side-block__ttl {
        font-size: 16px
    }
}

.side-block__ttl:after {
    left: 99%
}

.side-block__ttl:before {
    right: 99%
}

.side-block__cta {
    position: absolute;
    left: -2px;
    right: -2px;
    top: 100%;
    transform: translateY(-50%)
}

.win-list {
    counter-reset: counter;
    margin-bottom: -14px
}

.win-list li {
    counter-increment: counter;
    padding-left: 22px;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.win-list li:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    margin-top: -3px;
    content: counter(counter);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    border: 1px solid rgba(255, 255, 255, .5);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .35);
    background-color: #4a4a4a;
    border-radius: 3px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .55);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2
}

.win-list li:first-child:before {
    border: 1px solid rgba(255, 255, 255, .5);
    background-color: #ffbf44
}

.win-list li:nth-child(2):before {
    border: 1px solid rgba(255, 255, 255, .5);
    background-color: #a9c6e1
}

.win-list li:nth-child(3):before {
    background-color: #da884d
}

.win-list__name {
    color: #fff;
    font-size: 15px;
    font-weight: 400
}

.win-list__prize {
    font-size: 16px;
    font-weight: 900;
    color: #ffd84e