.error-page__content {
    align-items: center;
    background: url(""), #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 340px;
    padding: 0 12px 15px;
    text-align: center
}

@media(min-width:576px) {
    .error-page__content {
        padding: 0 20px 20px
    }
}

@media(min-width:768px) {
    .error-page__content {
        min-height: 700px;
        padding: 0 20px 20px
    }
}

@media(min-width:960px) {
    .error-page__content {
        min-height: 900px
    }
}

.error-page__title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.67;
    margin-bottom: 4px
}

@media(min-width:576px) {
    .error-page__title {
        font-size: 14px;
        margin-bottom: 4px
    }
}

@media(min-width:768px) {
    .error-page__title {
        font-size: 18px;
        margin-bottom: 10px
    }
}

.error-page__sub-title {
    color: #fff;
    font-size: 10px;
    line-height: 1.3;
    margin-bottom: 210px;
    max-width: 420px
}

@media(min-width:576px) {
    .error-page__sub-title {
        font-size: 10px;
        margin-bottom: 225px;
        max-width: 540px
    }
}

@media(min-width:768px) {
    .error-page__sub-title {
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 23px;
        max-width: 420px
    }
}

.error-page__link {
    align-items: center;
    background-color: transparent;
    border: 1px solid #ff3c5c;
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.14;
    padding: 10px 55px
}

@media(min-width:576px) {
    .error-page__link {
        font-size: 10px;
        margin-bottom: 0
    }
}

@media(min-width:768px) {
    .error-page__link {
        font-size: 14px
    }
}

.link {
    color: #ec3200;
    text-decoration: none
}

.notification__text-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media(min-width:576px) {
    .notification__text-wrapper {
        flex-direction: row;
        justify-content: flex-start
    }
}

.notification__title {
    margin: 0 0 8px
}

@media(min-width:576px) {
    .notification__title {
        margin: 0 8px 0 0
    }
}

@font-face {
    font-display: block;
    font-family: font-icons;
    font-style: normal;
    font-weight: 400;
    src: url("fonts/font-icons.350f4fac..ttf") format("truetype"), url("fonts/font-icons.0d83f832..woff") format("woff"), url("fonts/font-icons.682a9d6e..svg") format("svg")
}

.font-icons {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: font-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.font-icons--quests-icon:before {
    color: #f41c43;
    content: "\e960"
}

.font-icons--coins-new:before {
    content: "\e95a"
}

.font-icons--arrow:before {
    content: "\e959"
}

.font-icons--slots:before {
    content: "\e94a"
}

.font-icons--ticket:before {
    content: "\e94b"
}

.font-icons--wallet:before {
    content: "\e94c"
}

.font-icons--bonus:before {
    content: "\e94d"
}

.font-icons--chat-ask:before {
    content: "\e94e"
}

.font-icons--cup-star:before {
    content: "\e94f"
}

.font-icons--login:before {
    content: "\e950"
}

.font-icons--flame:before {
    content: "\e951"
}

.font-icons--home-full-new:before {
    content: "\e952"
}

.font-icons--live:before {
    content: "\e953"
}

.font-icons--medal-full:before {
    content: "\e954"
}

.font-icons--money-bag:before {
    content: "\e955"
}

.font-icons--notifications:before {
    content: "\e956"
}

.font-icons--profile-full:before {
    content: "\e957"
}

.font-icons--seach-icon:before {
    content: "\e958"
}

.font-icons--slider-arrow-left:before {
    content: "\e948"
}

.font-icons--slider-arrow-right:before {
    content: "\e949"
}

.font-icons--success:before {
    content: "\e918"
}

.font-icons--warning:before {
    content: "\e916"
}

.font-icons--globe:before {
    content: "\e914"
}

.font-icons--fire:before {
    content: "\e923"
}

.font-icons--folder:before {
    content: "\e924"
}

.font-icons--sticker:before {
    content: "\e925"
}

.font-icons--medal:before {
    content: "\e926"
}

.font-icons--tourn-bold:before {
    content: "\e927"
}

.font-icons--about:before {
    content: "\e91e"
}

.font-icons--bar:before {
    content: "\e900"
}

.font-icons--bar-open:before {
    content: "\e901"
}

.font-icons--chat:before {
    content: "\e903"
}

.font-icons--chat-full:before {
    content: "\e904"
}

.font-icons--close:before {
    content: "\e905"
}

.font-icons--deposit:before {
    content: "\e906"
}

.font-icons--favorite:before {
    content: "\e907"
}

.font-icons--favorite-add:before {
    content: "\e908"
}

.font-icons--fullscreen:before {
    content: "\e909"
}

.font-icons--games:before {
    content: "\e90a"
}

.font-icons--home:before {
    content: "\e90b"
}

.font-icons--left:before {
    content: "\e90c"
}

.font-icons--notification:before {
    content: "\e90d"
}

.font-icons--profile:before {
    content: "\e90e"
}

.font-icons--screen-4:before {
    content: "\e915"
}

.font-icons--search:before {
    content: "\e917"
}

.font-icons--select:before {
    content: "\e919"
}

.font-icons--star:before {
    content: "\e91a"
}

.font-icons--time:before {
    content: "\e91b"
}

.font-icons--top:before {
    content: "\e91c"
}

.font-icons--tourn:before {
    content: "\e91d"
}

.font-icons--show:before {
    content: "\e91f"
}

.font-icons--hide:before {
    content: "\e920"
}

.font-icons--fullscreen-close:before {
    content: "\e921"
}

.font-icons--register:before {
    content: "\e922"
}

.font-icons--respons:before {
    content: "\e90f"
}

.font-icons--rg:before {
    content: "\e910"
}

.font-icons--right:before {
    content: "\e911"
}

.font-icons--screen:before {
    content: "\e912"
}

.font-icons--screen-2:before {
    content: "\e913"
}

.font-icons--arrow-left:before {
    content: "\e902"
}

.font-icons--arrow-right:before {
    content: "\e934"
}

.font-icons--cherries:before {
    content: "\e935"
}

.font-icons--home-full:before {
    content: "\e936"
}

.font-icons--new-label:before {
    content: "\e937"
}

.font-icons--woman-avatar:before {
    content: "\e938"
}

.font-icons--cup-full:before {
    content: "\e939"
}

.font-icons--clock-full:before {
    content: "\e93a"
}

.font-icons--top-full:before {
    content: "\e93b"
}

.font-icons--foulet-full:before {
    content: "\e93e"
}

.font-icons--gift-full:before {
    content: "\e93f"
}

.font-icons--money-full:before {
    content: "\e940"
}

.font-icons--bag-with-money:before {
    content: "\e941"
}

.font-icons--bag-with-arrow:before {
    content: "\e942"
}

.font-icons--play:before {
    content: "\e943"
}

.font-icons--info:before {
    content: "\e944"
}

.font-icons--jackpot:before {
    content: "\e945"
}

.font-icons--telegram:before {
    color: #08c;
    content: "\e93d"
}

.font-icons--instagram:before {
    color: #e4405f;
    content: "\e93c"
}

.font-icons--facebook:before {
    color: #4267b2;
    content: "\e932"
}

.font-icons--twitter:before {
    color: #1da1f2;
    content: "\e930"
}

.font-icons--mailru:before {
    color: #ff9e00;
    content: "\e928"
}

.font-icons--odnoklassniki:before {
    color: #ee8208;
    content: "\e92a"
}

.font-icons--vkontakte:before {
    color: #4a76a8;
    content: "\e92c"
}

.font-icons--yandex:before {
    color: red;
    content: "\e92e"
}

.font-icons--cards:before {
    content: "\e929"
}

.font-icons--check:before {
    content: "\e92b"
}

.font-icons--gift:before {
    content: "\e92d"
}

.font-icons--lootbox:before {
    content: "\e92f"
}

.font-icons--up:before {
    content: "\e931"
}

.font-icons--fs:before {
    content: "\e933"
}

.font-icons--info-new:before {
    content: "\e946"
}

.font-icons--jackpot-new:before {
    content: "\e947"
}

.font-icons--casino:before {
    content: "\e95b"
}

.font-icons--sport:before {
    content: "\e95c"
}

.font-icons--install-icon:before {
    content: "\e95d"
}

.font-icons--evo-prime:before {
    content: "\e95e"
}

.font-icons--evo-prime-diamond:before {
    content: "\e95f"
}

.font-icons--hint:before {
    content: "\e961"
}

.font-icons--fire-new:before {
    content: "\e962"
}

.font-icons--trash:before {
    content: "\e963"
}

.text-btn {
    background: transparent none;
    border: none;
    box-shadow: none;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 0;
    transition: color .3s ease;
    vertical-align: top
}

.text-btn:not(:disabled) {
    cursor: pointer
}

.text-btn:disabled {
    opacity: .5
}

.text-btn:active,
.text-btn:focus,
.text-btn:hover {
    background: transparent none;
    color: #999;
    outline: none
}

.text-btn:hover {
    color: #fff
}

.text-btn--secondary {
    color: #999
}

.text-btn--secondary:hover {
    color: #fff
}

.text-btn--primary {
    color: #999
}

.text-btn--primary:hover {
    color: #fff
}

.text-btn--danger {
    color: #999
}

.text-btn--danger:hover {
    color: #fff
}

@keyframes notification-progress-bar-filler {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

.notification__container {
    background-color: #222226;
    border-radius: 4px;
    display: flex;
    flex-flow: column;
    position: relative;
    width: 100%
}

.notification__text-wrapper {
    margin-left: 17px;
    margin-right: 20px;
    overflow-wrap: anywhere;
    word-break: normal
}

.notification__title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 3px
}

.notification__message {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.notification__icon {
    font-size: 16px
}

.notification__close-button {
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 10px
}

.notification__content-wrapper {
    display: flex;
    padding: 20px
}

.notification__progress-bar {
    background-color: #1c1d22;
    border-radius: 4px;
    height: 3px;
    width: 100%
}

.notification__progress-bar-filler {
    background-color: #fff;
    border-radius: 4px;
    height: 3px
}

.notification__icon--success {
    color: #48a902
}

.notification__icon--warning {
    color: #ff9500
}

.notification__icon--danger {
    color: #ec3200
}

.collapse-error {
    color: #999;
    text-align: center
}

.collapse-error__toggle {
    cursor: pointer;
    font-weight: 700
}

.collapse-error__toggle:focus,
.collapse-error__toggle:hover {
    color: #fff
}

.collapse-error__content {
    margin-top: 16px
}

.collapse {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition-property: height, opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.collapse--entering {
    opacity: 1
}

.collapse--entered {
    opacity: 1;
    overflow: unset
}

.collapse--exiting {
    height: 0;
    opacity: 0
}

.collapse__content-wrapper {
    display: flex
}

.collapse__content {
    width: 100%
}

.preloader {
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1080
}

.preloader .img-preloader {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 200px
}

@media(min-width:960px) {
    .preloader .img-preloader {
        width: 150px
    }
}

.image {
    transition: opacity .3s ease
}

.image--hidden {
    display: none !important
}

.image--transparent {
    opacity: 0 !important
}

.image--skeleton {
    height: 100%;
    position: relative
}

.skeleton-box {
    background-color: transparent;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.skeleton-box__inner {
    animation: shimmer 1.5s infinite;
    background: linear-gradient(90deg, transparent, rgba(255, 48, 48, .4), transparent);
    inset: 0;
    position: absolute;
    transform: translateX(-100%)
}

@keyframes shimmer {
    to {
        transform: translateX(100%)
    }
}

#chatra:not(.chatra--expanded) {
    opacity: 0 !important;
    top: -999999px;
    visibility: hidden
}

.layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.layout__main {
    flex: 1;
    padding-top: 55px
}

@media(min-width:768px) {
    .layout__main {
        padding-top: 62px
    }
}

@media(min-width:1248px) {
    .layout__main {
    }
}

.layout__main.with-pwa {
    padding-top: 115px
}

@media(min-width:768px) {
    .layout__main.with-pwa {
        padding-top: 122px
    }
}

.layout--left-padding {
    padding: 0
}

@media(min-width:1248px) {
    .layout--left-padding {
    }
    .layout--left-padding .layout__main {
        padding-top: 0
    }
}

.pwa-banner {
    background: #1c1d22;
    height: 60px;
    justify-content: space-between;
    padding: 0 1px 0 20px;
    position: fixed;
    z-index: 100
}

.pwa-banner,
.pwa-banner__content {
    align-items: center;
    display: flex;
    width: 100%
}

.pwa-banner__content {
    justify-content: center
}

.pwa-banner__img {
    border: 1px solid #f41c43;
    border-radius: 8px;
    margin-right: 16px;
    max-height: 36px;
    width: 36px
}

.pwa-banner__text-block {
    word-wrap: break-word;
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    line-height: 120.9%;
    text-align: center;
    text-transform: uppercase
}

.pwa-banner__button.btn {
    background: #75269a;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-left: 40px;
    min-height: 36px;
    min-width: 70px;
    padding-left: 12px;
    padding-right: 12px;
    text-transform: capitalize
}

.pwa-banner__button-block {
    align-items: center;
    display: flex;
    justify-content: center
}

.pwa-banner__close.btn {
    background: transparent;
    color: #a7a7ab;
    font-size: 18px;
    height: 60px;
    min-width: 18px;
    padding: 0 11px 0 21px
}

.pwa-banner__close.btn:active,
.pwa-banner__close.btn:focus,
.pwa-banner__close.btn:hover {
    background-color: transparent;
    color: #fff;
    outline: none;
    text-decoration: none
}

.btn {
    align-items: center;
    background: linear-gradient(90.12deg, #f41c43 .14%, #ff3030 99.95%);
    border: none;
    border-radius: 6px;
    color: #fff;
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    min-height: 50px;
    min-width: 100px;
    outline: none;
    padding: 5px 24px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    transition: background-color .3s ease, box-shadow .3s ease;
    vertical-align: middle
}

.btn,
.btn:not(:disabled) {
    cursor: pointer
}

.btn:disabled {
    opacity: .5
}

.btn:active,
.btn:focus,
.btn:hover {
    color: #fff;
    outline: none;
    text-decoration: none
}

.btn:hover {
    background: linear-gradient(90.12deg, #ff3030 .14%, #ff3030 99.95%)
}

.btn--secondary {
    background: #23252b;
    border: 2px solid #5d5e69
}

.btn--secondary:hover {
    background: #2b2d39;
    border-color: transparent
}

.btn--more {
    background: rgba(33, 33, 33, .7) linear-gradient(180deg, rgba(33, 33, 33, .7) 0, #212121);
    box-shadow: none;
    font-size: 12px;
    min-height: 38px;
    min-width: 128px;
    transition: background .3s ease
}

@media(min-width:768px) {
    .btn--more {
        min-height: 43px;
        min-width: 137px
    }
}

.btn--more:hover {
    background-color: rgba(33, 33, 33, .8);
    box-shadow: none;
    color: #fff
}

.header-left-mobile {
    align-items: center;
    background-color: #1c1d22;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 55px;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 100
}

@media(min-width:768px) {
    .header-left-mobile {
        height: 62px
    }
}

.header-left-mobile.with-pwa {
    top: 60px
}

.header-left-mobile .search-filter {
    width: auto
}

.header-left-mobile .header-left-mobile__logo {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: calc(100% - 10px);
    justify-content: center;
    margin: 0;
    max-height: 50px;
    padding: 0;
    width: auto
}

.header-left-mobile .header-left-mobile__locales {
    margin-left: 10px;
    width: auto
}

@media(min-width:1248px) {
    .header-left-mobile .header-left-mobile__locales {
        margin-left: 15px
    }
}

.header-left-mobile__search {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 36px;
    justify-content: center;
    margin: 0 10px 0 auto;
    padding: 0;
    width: 36px
}

@media(min-width:1248px) {
    .header-left-mobile__search {
        margin: 0 15px 0 auto
    }
}

.header-left-mobile__auth,
.header-left-mobile__bar-wrapper {
    align-items: center;
    align-self: stretch;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center
}

.header-left-mobile__bar-wrapper {
    margin: 0 10px 0 0;
    min-width: 45px;
    padding: 0 0 0 16px;
    width: auto
}

@media(min-width:768px) {
    .header-left-mobile__bar-wrapper {
        margin-right: 20px
    }
}

.header-left-mobile__notification-center {
    align-items: center;
    align-self: stretch;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: -4px 5px 0 0;
    padding: 0;
    width: auto
}

@media(min-width:768px) {
    .header-left-mobile__notification-center {
        margin: -4px 13px 0 7px
    }
}

@media(min-width:960px) {
    .header-left-mobile__notification-center {
        margin: -4px 0 0 7px
    }
}

.header-left-mobile__user-menu-wrapper {
    align-items: center;
    display: inline-flex
}

@media(min-width:1248px) {
    .header-left-mobile__user-balance {
        margin-right: 15px
    }
}

.header-left-mobile__right {
    align-items: center;
    background-color: #1c1d22;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0 5px 0 0
}

.header-left-mobile__right span.search-filter__icon {
    margin: 0 9px 0 0
}

@media(min-width:768px) {
    .header-left-mobile__right span.search-filter__icon {
        margin: 0 18px 0 0
    }
}

@media(min-width:960px) {
    .header-left-mobile__right {
        background-color: transparent;
        padding: 0 18px 0 0
    }
}

.header-left-mobile .header-left-mobile__deposit {
    font-size: 0;
    margin: 0 3px 0 15px;
    max-height: 34px;
    min-height: 34px;
    min-width: 34px;
    padding: 0;
    position: relative
}

@media(min-width:768px) {
    .header-left-mobile .header-left-mobile__deposit {
        font-size: 12px;
        margin: 0 11px 0 7px;
        max-height: 38px;
        min-height: 38px;
        min-width: 94px;
        padding: 5px 15px
    }
}

.header-left-mobile .header-left-mobile__deposit:before {
    background: url("") no-repeat 50%/18px 18px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width:768px) {
    .header-left-mobile .header-left-mobile__deposit:before {
        content: none
    }
}

.header-left-mobile .header-left-mobile__locales {
    display: none
}

@media(min-width:960px) {
    .header-left-mobile .header-left-mobile__locales {
        display: inline-flex
    }
}

.header-left-mobile__mobile-buttons {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%
}

.header-left-mobile__mobile-buttons .link-btn {
    border-radius: 0
}

.header-left-mobile__mobile-buttons .link-btn--secondary {
    background-color: #282a36;
    border: none
}

.header-left-mobile__deposit-button {
    width: 100%
}

.header-left-mobile__sign-in-button.link-btn,
.header-left-mobile__sign-up-button.link-btn {
    font-size: 12px;
    min-height: 34px;
    min-width: 91px
}

@media(min-width:768px) {
    .header-left-mobile__sign-in-button.link-btn,
    .header-left-mobile__sign-up-button.link-btn {
        min-height: 38px
    }
}

.header-left-mobile__sign-up-button.link-btn {
    margin-right: 11px
}

@media(min-width:768px) {
    .header-left-mobile__sign-up-button.link-btn {
        margin-right: 19px;
        min-width: 99px
    }
}

@media(min-width:960px) {
    .header-left-mobile__sign-up-button.link-btn {
        margin-right: 6px
    }
}

.header-left-mobile__sign-in-button.link-btn {
    border: 1px solid #5d5e69;
    font-size: 20px;
    margin-right: 8px;
    min-width: 34px;
    padding: 4px
}

@media(min-width:768px) {
    .header-left-mobile__sign-in-button.link-btn {
        font-size: 12px;
        min-width: 83px;
        padding: 6px 14px
    }
}

.logo {
    display: inline-block;
    vertical-align: top
}

.logo,
.logo:active,
.logo:focus,
.logo:hover {
    outline: none;
    text-decoration: none
}

.logo .image {
    border: none;
    display: inline-block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    vertical-align: top;
    width: 60px
}

@media(min-width:768px) {
    .logo .image {
        width: 80px
    }
}

.search-filter {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.search-filter__button {
    align-items: center;
    background: transparent none;
    border: none;
    box-shadow: none;
    color: #999;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 600;
    height: 47px;
    justify-content: flex-start;
    line-height: 1.2;
    margin: 0;
    outline: none;
    padding: 0;
    text-align: left;
    text-shadow: none;
    text-transform: uppercase;
    transition: color .3s ease;
    vertical-align: middle
}

.search-filter__button:hover {
    color: #fff
}

.search-filter__button .search-filter__icon {
    color: inherit;
    font-size: 20px;
    margin: 0 17px 0 0;
    position: relative;
    width: auto
}

@media(min-width:768px) {
    .search-filter__button {
        margin: 0 0 0 auto
    }
}

.search-filter__block-input {
    display: block;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.search-filter--open .search-filter__block-input {
    opacity: 1;
    pointer-events: auto
}

.search-filter__input {
    background-color: #212121;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    height: 47px;
    line-height: 1.2;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: 0 42px;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: color .3s ease, background-color .3s ease, padding .3s ease;
    vertical-align: middle;
    width: 100%
}

.search-filter__input::-moz-placeholder {
    color: #fff !important;
    line-height: 47px
}

.search-filter__input::-webkit-input-placeholder {
    color: #fff !important;
    line-height: normal
}

.search-filter__input:-webkit-autofill,
.search-filter__input:-webkit-autofill:active,
.search-filter__input:-webkit-autofill:active:focus,
.search-filter__input:-webkit-autofill:active:hover,
.search-filter__input:-webkit-autofill:focus,
.search-filter__input:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 0 0 140px #212121 !important;
    color: #fff !important
}

.search-filter__icon {
    color: #fff;
    display: inline-flex;
    font-size: 16px;
    left: 0;
    pointer-events: none
}

.search-filter__close,
.search-filter__icon {
    align-items: center;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 42px
}

.search-filter__close {
    background: transparent none;
    border: none;
    box-shadow: none;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
    opacity: 1;
    outline: none;
    overflow: hidden;
    right: 0;
    text-shadow: none;
    transition: color .3s ease, opacity .3s ease;
    z-index: 2
}

.search-filter__close:active,
.search-filter__close:focus,
.search-filter__close:hover {
    background: none transparent;
    border: none;
    box-shadow: none;
    color: #999;
    outline: none
}

.search-filter__close:hover {
    color: #fff
}

.search-filter--empty .search-filter__close {
    opacity: 0;
    pointer-events: none
}

.home__filter .search-filter .search-filter__button {
    height: 40px
}

@media(min-width:768px) {
    .home__filter .search-filter .search-filter__button {
        margin: 0 auto 0 0
    }
}

@media(min-width:960px) {
    .home__filter .search-filter .search-filter__button {
        height: 47px
    }
}

.home__filter .search-filter .search-filter__input {
    height: 40px
}

@media(min-width:960px) {
    .home__filter .search-filter .search-filter__input {
        height: 47px
    }
    .home__filter .search-filter .search-filter__icon {
        font-size: 20px
    }
}

@media(min-width:1248px) {
    .home__filter .search-filter .search-filter__icon {
        margin: 0
    }
    .home__filter .search-filter .search-filter__placeholder {
        display: none
    }
}

@media(max-width:767px) {
    .home__filter .search-filter.search-filter--open .search-filter__block-input {
        left: auto;
        min-width: 100%;
        right: 0;
        width: calc(100vw - 48px);
        z-index: 1
    }
}

@media(min-width:1248px) {
    .home__filter .search-filter.search-filter--open .search-filter__block-input {
        left: auto;
        min-width: 100%;
        right: 0;
        width: 300px;
        z-index: 1
    }
}

.link-text-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent none;
    border: none;
    box-shadow: none;
    color: #999;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
    transition: color .3s ease;
    vertical-align: top
}

.link-text-btn:not(:disabled) {
    cursor: pointer
}

.link-text-btn:active,
.link-text-btn:focus,
.link-text-btn:hover {
    background: transparent none;
    color: #999;
    outline: none;
    text-decoration: none
}

.link-text-btn:hover {
    color: #fff;
    cursor: pointer
}

.link-text-btn:disabled {
    opacity: .5
}

.btn,
.link-btn {
    align-items: center;
    background: linear-gradient(90.12deg, #f41c43 .14%, #ff3030 99.95%);
    border: none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    min-height: 50px;
    min-width: 84px;
    outline: none;
    padding: 5px 12px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    transition: background-color .3s ease, box-shadow .3s ease;
    vertical-align: middle
}

.btn:not(:disabled),
.link-btn:not(:disabled) {
    cursor: pointer
}

.btn:disabled,
.link-btn:disabled {
    opacity: .5
}

.btn:active,
.btn:focus,
.btn:hover,
.link-btn:active,
.link-btn:focus,
.link-btn:hover {
    color: #fff;
    outline: none;
    text-decoration: none
}

.btn:hover,
.link-btn:hover {
    background: linear-gradient(90.12deg, #ff3030 .14%, #ff3030 99.95%)
}

.btn--secondary,
.link-btn--secondary {
    background: #23252b;
    border: 2px solid #5d5e69
}

.btn--secondary:hover,
.link-btn--secondary:hover {
    background: #2b2d39;
    border-color: transparent
}

.btn--play {
    font-size: 12px;
    min-height: 27px;
    min-width: 84px
}

@media(min-width:768px) {
    .btn--play {
        min-height: 31px
    }
}

@media(min-width:960px) {
    .btn--play {
        font-size: 14px;
        min-height: 37px;
        min-width: 100px
    }
}

@media(min-width:1632px) {
    .btn--play {
        min-width: 120px
    }
}

.btn--more,
.link-btn--more {
    background: rgba(33, 33, 33, .7) linear-gradient(180deg, rgba(33, 33, 33, .7) 0, #212121);
    box-shadow: none;
    font-size: 12px;
    min-height: 38px;
    min-width: 128px;
    transition: background .3s ease
}

@media(min-width:768px) {
    .btn--more,
    .link-btn--more {
        min-height: 43px;
        min-width: 137px
    }
}

.btn--more:hover,
.link-btn--more:hover {
    background-color: rgba(33, 33, 33, .8);
    box-shadow: none;
    color: #fff
}

.btn--demo {
    background: transparent none;
    box-shadow: none;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    min-height: 10px;
    min-width: 20px;
    padding: 0;
    transition: color .3s ease
}

@media(min-width:768px) {
    .btn--demo {
        font-size: 12px
    }
}

.link-btn {
    text-decoration: none
}

.link-btn--disabled.link-btn {
    cursor: auto;
    opacity: .5
}

.balance-select__options-wrap {
    scrollbar-color: #93959a
}

.balance-select__options-wrap::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.balance-select__options-wrap::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.balance-select__options-wrap::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.balance-select__options-wrap::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .balance-select__options-wrap {
        scrollbar-width: thin
    }
}

.balance-select__options-wrap:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.balance-select__button {
    align-items: center;
    background: #18181c;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
    padding: 14px;
    position: relative;
    width: 100%
}

.balance-select__balance {
    display: flex;
    gap: 8px;
    padding: 0;
    width: 100%
}

.balance-select__balance-value {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.14px;
    line-height: 120%;
    margin: 0;
    overflow: hidden;
    text-transform: none;
    white-space: nowrap
}

.balance-select__bottom-line {
    height: 0;
    position: relative;
    width: 100%
}

.balance-select__dropdown {
    background-color: #18181c;
    border-radius: 6px;
    min-width: 100%;
    position: absolute;
    right: 0;
    top: 5px;
    width: auto;
    z-index: 100
}

.balance-select__dropdown--open {
    padding: 10px 8px
}

.balance-select__options-wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    max-height: 212px;
    overflow-y: auto;
    padding-right: 5px;
    z-index: 100
}

.balance-select__arrow-icon-wrapper {
    color: #c0c4db;
    cursor: pointer;
    display: inline-block;
    font-size: 5px;
    line-height: 1;
    margin: 0 0 0 4px;
    padding: 0;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .3s;
    vertical-align: top
}

.balance-select__arrow-icon-wrapper--open {
    color: #fff;
    transform: rotate(180deg)
}

.balance-select .balance-select__option {
    color: #c0c4db;
    font-size: 11px;
    font-weight: 400;
    gap: 10px;
    justify-content: flex-start;
    letter-spacing: -.22px;
    line-height: 16px;
    min-height: auto;
    padding: 5px 6px;
    text-transform: none;
    white-space: nowrap
}

.bar-modal .balance-select .balance-select__dropdown {
    right: 50%;
    transform: translate(50%)
}

.desktop__panel-buttons .balance-select .balance-select__button {
    background: none;
    padding: 3px 7px 5px
}

.desktop__panel-buttons .balance-select .balance-select__balance {
    padding: 5px
}

.user-menu-option {
    align-items: center;
    border-radius: 4px;
    color: #999;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .12px;
    margin: 0;
    min-height: 30px;
    outline: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    transition: color .3s ease, background-color .3s ease;
    width: 100%
}

.user-menu-option--highlighted,
.user-menu-option--highlighted:active,
.user-menu-option--highlighted:focus,
.user-menu-option--highlighted:hover,
.user-menu-option--selected,
.user-menu-option--selected:active,
.user-menu-option--selected:focus,
.user-menu-option--selected:hover,
.user-menu-option:hover {
    color: #fff
}

.notification-center__container {
    scrollbar-color: #93959a
}

.notification-center__container::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.notification-center__container::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.notification-center__container::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.notification-center__container::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .notification-center__container {
        scrollbar-width: thin
    }
}

.notification-center__container:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.notification-center {
    align-self: stretch;
    width: auto
}

.notification-center,
.notification-center__button {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
    position: relative
}

.notification-center__button {
    background: transparent none;
    border: none;
    box-shadow: none;
    cursor: pointer;
    height: 36px;
    margin: 0;
    outline: none;
    text-shadow: none;
    width: 36px
}

.notification-center__icon {
    color: #fff;
    display: inline-block;
    font-size: 23px;
    line-height: 1;
    padding: 2px 0 0;
    transition: color .3s ease;
    vertical-align: top
}

.notification-center--open .notification-center__icon,
.notification-center__button:hover .notification-center__icon {
    color: #fff
}

.notification-center__count {
    align-items: center;
    background-color: #999;
    border: 2px solid #212121;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: auto;
    justify-content: center;
    line-height: 14px;
    position: absolute;
    right: -5px;
    text-align: center;
    top: -3px;
    width: 18px
}

.notification-center--empty .notification-center__count {
    display: none
}

.notification-center__container {
    background-color: #212121;
    border-radius: 4px;
    display: none;
    max-height: 300px;
    overflow: auto;
    position: absolute;
    right: -20px;
    top: 100%;
    width: 262px;
    z-index: 1
}

.notification-center--open .notification-center__container {
    display: block
}

@media(min-width:768px) {
    .notification-center__container {
        right: 0
    }
}

.notification-center__list {
    display: block;
    margin: 0;
    padding: 13px 0;
    width: 100%
}

.notification-center__item {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.notification-center-card--empty {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    opacity: 1;
    padding: 16px 10px;
    text-align: center;
    text-transform: uppercase
}

.notification-center-card--empty .notification-center-card__icon {
    display: inline-block;
    font-size: 26px;
    padding-bottom: 10px
}

.notification-center-card--level {
    background: transparent;
    border: none
}

.notification-center-card--payment {
    pointer-events: none
}

.notification-center-card {
    background-color: #23252b;
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    text-transform: none;
    transition: opacity .3s ease, color .3s ease;
    width: 100%
}

.notification-center-card:hover {
    background-color: #2b2d33
}

.notification-center-card:after {
    background-color: #767a87;
    border-radius: 6px;
    content: "";
    height: 6px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 6px
}

.notification-center-card.notification-center-card--new .notification-center-card:after {
    background-color: #f73131
}

.notification-center-card__container {
    align-items: center;
    background: transparent none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: inherit;
    justify-content: flex-start;
    line-height: inherit;
    margin: 0;
    min-height: 54px;
    outline: none;
    padding: 0;
    text-align: inherit;
    text-shadow: none;
    width: 100%
}

.notification-center-card--payment .notification-center-card__container {
    cursor: default
}

.notification-center-card__block-icon {
    background-color: #1c1d22;
    border-radius: 40px;
    font-size: 20px;
    height: 40px;
    margin-left: 20px;
    margin-right: 16px
}

.notification-center-card__block-icon,
.notification-center-card__block-link {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 40px
}

.notification-center-card__link {
    color: #999;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    transition: color .3s ease;
    vertical-align: top
}

.notification-center-card__container:hover .notification-center-card__link {
    color: #fff
}

.notification-center-card__content {
    align-items: flex-start;
    display: inline-flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 12px 0;
    width: calc(100% - 30px)
}

.notification-center-card__title {
    text-transform: none
}

.notification-center-card__description,
.notification-center-card__title {
    display: block;
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    padding: 0;
    width: 100%
}

.notification-center-card__description {
    font-weight: 700
}

.notification-center-card__warning-icon {
    color: #fbeb62
}

.desktop .desktop__menu {
    scrollbar-color: #93959a
}

.desktop .desktop__menu::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.desktop .desktop__menu::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.desktop .desktop__menu::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.desktop .desktop__menu::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .desktop .desktop__menu {
        scrollbar-width: thin
    }
}

.desktop .desktop__menu:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.desktop {
    align-items: stretch;
    background-color: #282a36;
    bottom: 0;
    height: 100%;
    justify-content: space-between;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    width: 200px;
    z-index: 100
}

.desktop,
.desktop__top {
    display: flex;
    flex-direction: column
}

.desktop__top {
    padding: 0 10px
}

.desktop .desktop__logo {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 63px;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: auto
}

.desktop .desktop__player-level,
.desktop .desktop__user-status {
    margin-bottom: 10px
}

.desktop .desktop__user-status:before {
    display: none
}

.desktop__user-balance {
    margin-bottom: 10px
}

.desktop__switcher {
    display: block;
    gap: 3px;
    left:0px;
    position: absolute;
    top: 12px;
    z-index: 1;
    padding-left: 24px;
}

.desktop__switcher .btn.btn--primary,
.desktop__switcher .link-btn.link-btn--primary {
    align-items: center;
    background: transparent;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
    line-height: 110%;
    min-height: 38px;
    min-width: 74px;
    opacity: .5;
    padding: 8px 16px;
    text-transform: uppercase;
    transition: all .3s
}

.desktop__switcher .btn.btn--primary .font-icons,
.desktop__switcher .link-btn.link-btn--primary .font-icons {
    font-size: 20px
}

.desktop__switcher .btn.btn--primary.active,
.desktop__switcher .link-btn.link-btn--primary.active {
    background: #282a36;
    opacity: 1
}

.desktop__switcher .btn.btn--primary.active .font-icons:before,
.desktop__switcher .link-btn.link-btn--primary.active .font-icons:before {
    color: #f41c43
}

.desktop__switcher .link-btn.sports:hover {
    background: #282a36;
    opacity: 1
}

.desktop__switcher .link-btn.sports:hover .font-icons:before {
    color: #f41c43
}

.desktop__panel-buttons {
    align-items: baseline;
    display: flex;
    gap: 16px;
    justify-content: flex-end;
    padding: 12px 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.desktop__panel-buttons .deposit-button {
    font-size: 12px;
    min-height: 38px;
    padding: 13px 13px
}

.desktop__panel-buttons .search-filter {
    height: 38px;
    width: 38px
}

.desktop__panel-buttons .search-filter__button {
    height: auto
}

.desktop__panel-buttons .desktop__sign-in-button,
.desktop__panel-buttons .desktop__sign-up-button {
    font-size: 12px;
    margin-left: -8px;
    min-height: 38px;
    padding: 8px 8px
}

.desktop__panel-buttons .desktop__sign-in-button {
    min-width: 84px
}

.desktop__panel-buttons .desktop__auth {
    display: flex;
    gap: 16px
}

.desktop__panel-buttons .desktop__auth .desktop__button {
    width: 100%
}

.desktop__panel-buttons .desktop__auth .desktop__button:not(:last-child) {
    margin-bottom: 10px
}

.desktop__anon-buttons {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.desktop .desktop__menu {
    display: flex;
    flex-direction: column;
    margin: 0 -10px;
    max-height: calc(100vh - 235px);
    overflow-y: auto;
    width: auto
}

.desktop__locales {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 15px 10px;
    width: 100%
}

.desktop .desktop__notification-center {
    align-items: center;
    align-self: stretch;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 36px;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 90px;
    width: 36px;
    z-index: 110
}

.desktop .desktop__notification-center .notification-center__container {
    left: 56px
}

.desktop__user-menu {
    margin: 20px 0;
    width: 100%
}

.panel-left {
    scrollbar-color: #93959a
}

.panel-left::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.panel-left::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.panel-left::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.panel-left::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .panel-left {
        scrollbar-width: thin
    }
}

.panel-left:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.panel-left {
    align-items: center;
    background-color: #282a36;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 57px);
    justify-content: flex-start;
    left: 0;
    overflow-y: auto;
    padding: 2px 12px 30px;
    position: fixed;
    top: 0;
    transition: width .3s ease;
    width: 320px;
    z-index: 1025
}

@media(min-width:960px) {
    .panel-left {
        width: 200px
    }
}

@media(min-width:1248px) {
    .panel-left {
        top: 57px
    }
}

.panel-left.panel-left--ios {
    padding: 16px 12px 110px
}

@media(min-width:1248px) {
    .panel-left.panel-left--ios {
        padding: 16px 12px 30px
    }
}

.panel-left .panel-left__button {
    display: flex;
    margin-bottom: 10px
}

.panel-left .panel-left__auth {
    width: 100%
}

.panel-left .panel-left__sign-up {
    margin-bottom: 12px
}

.panel-left .panel-left__locales {
    background-color: #171717;
    border-radius: 6px;
    margin: 10px 0 16px;
    min-height: 44px;
    width: 100%
}

.panel-left .panel-left__locales .select-language-icons-with-name__button-inner {
    width: 100%
}

.panel-left .live-chat-button.chat {
    align-items: center;
    background: #171717;
    border-radius: 6px;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    height: 44px;
    justify-content: flex-start;
    margin-top: 48px;
    padding: 16px 10px 12px 12px;
    position: static;
    text-transform: capitalize;
    transition: opacity .3s ease;
    width: 100%;
    z-index: auto
}

.panel-left .live-chat-button.chat:hover {
    background: #171717;
    opacity: .85
}

.panel-left .live-chat-button.chat span {
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    margin-left: 8px
}

@media(min-width:960px) {
    .panel-left .live-chat-button.chat {
        margin-top: 16px
    }
}

.panel-left__user-balance .balance-select__balance-value {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    line-height: 38px;
    margin: 0 auto 13px
}

.panel-left__loyality-program {
    background: linear-gradient(86.37deg, #7a1831 1.34%, #2e1a63);
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 11px;
    gap: 8px;
    height: 44px;
    margin-top: 8px;
    padding: 12px
}

.menu-button,
.panel-left__loyality-program {
    align-items: center;
    flex-direction: row;
    width: 100%
}

.menu-button {
    background: transparent none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 700;
    justify-content: flex-start;
    letter-spacing: .12px;
    margin: 0;
    min-height: 30px;
    padding: 5px 24px;
    text-shadow: none;
    text-transform: uppercase;
    transition: color .3s ease, background-color .3s ease
}

.menu-button,
.menu-button:active,
.menu-button:focus {
    color: #999;
    outline: none;
    text-decoration: none
}

.menu-button:hover {
    color: #fff
}

@media(min-width:768px) {
    .menu-button {
        justify-content: center;
        text-align: center
    }
}

.user-info-block {
    border-radius: 3px;
    margin: 10px 0 0;
    padding: 10px 20px 0 14px
}

.user-info-block--1 {
    background: linear-gradient(180deg, #532976, rgba(155, 49, 120, 0));
    filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .15))
}

.user-info-block--0,
.user-info-block--2 {
    background: linear-gradient(180deg, #143257, rgba(19, 45, 85, 0));
    filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .15))
}

.user-info-block--3 {
    background: linear-gradient(180deg, #a44074, rgba(117, 47, 83, 0))
}

.user-info-block--3,
.user-info-block--4 {
    filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .15))
}

.user-info-block--4 {
    background: linear-gradient(180deg, #047461, rgba(117, 218, 190, 0))
}

.user-info-block--5 {
    background: linear-gradient(180deg, #ffc14d, rgba(254, 205, 88, .3) 43.27%, rgba(254, 215, 96, 0))
}

.user-info-block--5,
.user-info-block--6 {
    filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .15))
}

.user-info-block--6 {
    background: linear-gradient(180deg, #df2d2e, #f14d30 0, rgba(222, 57, 45, .3) 47.52%, rgba(204, 38, 42, 0))
}

.user-info-player {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%
}

.user-info-player__image-wrapper {
    flex-shrink: 0;
    height: 36px;
    width: 36px
}

.user-info-player__image {
    max-width: 100%
}

.user-info-player__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    max-width: calc(100% - 46px);
    position: relative
}

.user-info-player__level {
    color: #fff;
    opacity: .7;
    text-transform: capitalize
}

.user-info-player__level,
.user-info-player__nickname {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-info-player__info span,
.user-info-player__level {
    white-space: nowrap
}

.user-status-player {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0;
    padding: 10px 5px;
    position: relative;
    width: 100%
}

.user-status-player__info {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 15px;
    margin-bottom: 5px;
    opacity: .8
}

.user-status-player__info span {
    white-space: nowrap
}

.user-status-player__line {
    background-color: #1b202b;
    border-radius: 20px;
    display: block;
    height: 6px;
    margin: 7px 0 10px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: calc(100% - 23px)
}

.user-status-player__progress {
    background: linear-gradient(90deg, #e286a9, #a057e9 52.08%, #4776ea 100%, #c4c4c4 0);
    border-radius: 20px;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.user-status-player__line-wrap {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.user-status-player__progress-number {
    color: #3285d1;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    margin-left: 6px;
    transform: translateY(-4px)
}

.cashback-block {
    align-items: center;
    background: linear-gradient(180deg, #143257, rgba(19, 45, 85, 0));
    border-radius: 3px;
    display: flex;
    filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .15));
    flex-direction: column;
    height: 113px;
    justify-content: flex-start;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 3px 6px 6px;
    width: 100%
}

@media(min-width:1248px) {
    .panel-left:not(.panel-left--open) .cashback-block {
        display: none
    }
}

.cashback-block__img {
    height: auto;
    margin-bottom: 8px;
    width: 67%
}

.cashback-block__text {
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 15px;
    text-align: center
}

.pwa-block {
    background-color: #171717;
    border-radius: 3px;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 126px;
    overflow: hidden;
    padding: 28px 21px 0;
    position: relative;
    width: 100%
}

@media(min-width:1248px) {
    .panel-left:not(.panel-left--open) .pwa-block {
        display: none
    }
}

.pwa-block__close {
    align-items: center;
    display: flex;
    height: 11px;
    justify-content: center;
    overflow: visible;
    position: absolute;
    right: 10px;
    top: 9px;
    width: 11px
}

.pwa-block__close .font-icons {
    font-size: 11px;
    vertical-align: top
}

.pwa-block__img {
    height: auto;
    width: 74px
}

.pwa-block__content {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: space-between;
    width: 100%
}

.pwa-block .pwa-block__button {
    align-items: center;
    background: #75269a;
    border-radius: 3px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    height: 33px;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 20px;
    margin-bottom: 17px;
    min-height: 33px;
    min-width: 84px;
    padding: 6px;
    width: 84px
}

.pwa-block__mess {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: calc(100% - 85px)
}

.pwa-block__title {
    word-wrap: break-word;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px;
    text-align: center;
    word-break: break-all
}

.left-header-menu {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    width: 100%
}

@media(min-width:960px) {
    .left-header-menu {
        display: block;
        gap: unset
    }
}

.left-header-menu__item {
    display: inline-block;
    padding: 0;
    vertical-align: top;
    width: 100%
}

@media(min-width:960px) {
    .left-header-menu__item {
        margin: 0 0 4px
    }
}

.left-header-menu__link {
    align-items: center;
    background: var(--background, #1c1d22);
    border-radius: 6px;
    color: hsla(0, 0%, 100%, .6);
    display: flex;
    flex-direction: column;
    font-size: 11px;
    letter-spacing: .12px;
    line-height: 11px;
    margin: 0;
    min-height: 70px;
    outline: none;
    padding: 12px 12px 8px;
    text-decoration: none;
    text-transform: capitalize;
    transition: color .3s ease, background-color .3s ease;
    width: 100%
}

.body--de .left-header-menu__link {
    font-size: 10px;
    padding: 12px 6px 8px
}

@media(min-width:960px) {
    .body--de .left-header-menu__link {
        font-size: 11px;
        padding: 12px
    }
    .left-header-menu__link {
        background: none;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        line-height: 12px;
        margin: 0;
        min-height: 36px;
        padding: 12px
    }
}

.left-header-menu__link:active,
.left-header-menu__link:focus {
    color: #fff;
    outline: none;
    text-decoration: none
}

.left-header-menu__link:hover {
    background: #3e4151;
    color: #fff
}

.left-header-menu__link:hover .font-icons:before {
    color: #f41c43
}

.left-header-menu__link--current,
.left-header-menu__link--current:active,
.left-header-menu__link--current:focus,
.left-header-menu__link--current:hover {
    background: #3e4151;
    color: #fff
}

.left-header-menu__link--current .font-icons:before,
.left-header-menu__link--current:active .font-icons:before,
.left-header-menu__link--current:focus .font-icons:before,
.left-header-menu__link--current:hover .font-icons:before {
    color: #f41c43
}

.left-header-menu__icon {
    display: inline-block;
    font-size: 21px;
    margin: 0 0 3px;
    position: static
}

@media(min-width:960px) {
    .left-header-menu__icon {
        font-size: 22px;
        margin: 0 8px 0 0
    }
}

.left-header-menu__name {
    align-items: center;
    display: inline-flex;
    min-height: 26px;
    text-align: center
}

@media(min-width:960px) {
    .left-header-menu__name {
        display: inline-block;
        min-height: auto;
        text-align: center;
        vertical-align: top
    }
}

.left-header-menu-submenu__item .left-header-menu__name {
    padding-right: 20px;
    position: relative;
    text-transform: capitalize
}

.left-header-menu__link.with-counter {
    position: relative;
    text-transform: capitalize
}

.left-header-menu__link.with-counter .menu-counter {
    align-items: center;
    background-color: #ff4b31;
    border-radius: 7px;
    color: #fff;
    display: flex;
    font-size: 11px;
    height: 14px;
    justify-content: center;
    line-height: 14px;
    position: absolute;
    right: 7px;
    top: 14px;
    transform: translateY(-50%);
    width: 14px
}

@media(min-width:960px) {
    .left-header-menu__link.with-counter .menu-counter {
        top: 50%
    }
}

.select-language-icons-with-name__list {
    scrollbar-color: #93959a
}

.select-language-icons-with-name__list::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.select-language-icons-with-name__list::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.select-language-icons-with-name__list::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.select-language-icons-with-name__list::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .select-language-icons-with-name__list {
        scrollbar-width: thin
    }
}

.select-language-icons-with-name__list:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.select-language-icons-with-name {
    justify-content: center;
    padding: 0
}

.select-language-icons-with-name,
.select-language-icons-with-name__button {
    align-items: center;
    align-self: stretch;
    display: inline-flex;
    flex-direction: row;
    margin: 0;
    position: relative;
    width: 100%
}

.select-language-icons-with-name__button {
    border-radius: 6px;
    cursor: pointer;
    flex-shrink: 0;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 7px 10px
}

.select-language-icons-with-name__caret {
    align-items: center;
    color: #999;
    display: inline-flex;
    flex-direction: row;
    font-size: 5px;
    justify-content: center;
    margin: 0 0 0 7px;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .3s;
    width: auto
}

.select-language-icons-with-name__caret--open {
    color: #adadad;
    transform: rotate(180deg)
}

.select-language-icons-with-name__container {
    background-color: #1c1d22;
    border-radius: 4px;
    bottom: calc(100% + 5px);
    box-shadow: 0 0 15px 0 rgba(74, 74, 75, .15);
    display: none;
    left: 0;
    margin: 0;
    min-width: 100%;
    padding: 0;
    position: absolute;
    vertical-align: top;
    width: auto;
    z-index: 1
}

.select-language-icons-with-name--open .select-language-icons-with-name__container {
    display: inline-block
}

.select-language-icons-with-name__list {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    max-height: 330px;
    min-width: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 5px 0;
    vertical-align: top;
    width: auto
}

@media(min-width:960px) {
    .select-language-icons-with-name__list {
        max-height: none
    }
}

.select-language-icons-with-name__item {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.select-language-icons-with-name .option-link {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    outline: none;
    padding: 7px 10px;
    text-decoration: none;
    transition: background-color .3s ease;
    width: 100%
}

.select-language-icons-with-name .option-link:only-child {
    margin: 0
}

.select-language-icons-with-name .option-link:active,
.select-language-icons-with-name .option-link:focus,
.select-language-icons-with-name .option-link:hover {
    outline: none;
    text-decoration: none
}

.select-language-icons-with-name .option-link:hover {
    background-color: #454545
}

.select-language-icons-with-name__button .select-language-icons-with-name .option-link {
    padding: 0
}

.select-language-icons-with-name__button .select-language-icons-with-name .option-link:hover {
    background-color: transparent
}

.select-language-icons-with-name__icon {
    display: inline-block;
    vertical-align: top;
    width: 22px
}

.select-language-icons-with-name .image {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.select-language-icons-with-name__name {
    color: #b9c6d6;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .12px;
    margin: 0 0 0 10px;
    max-width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: top;
    white-space: nowrap
}

.select-language-icons-with-name__button .select-language-icons-with-name__name,
.select-language-icons-with-name__link:hover .select-language-icons-with-name__name {
    color: #fff
}

.option--highlighted,
.option--selected,
.option-link--highlighted,
.option-link--selected {
    background: #34374b none;
    color: #999
}

.option-link {
    align-items: center;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    overflow: hidden;
    padding: 12px 16px;
    white-space: normal
}

.option-link:first-of-type {
    margin-top: 10px
}

.option-link:last-of-type {
    margin-bottom: 10px
}

.option-link:only-child {
    margin: 10px 0
}

.footer,
.option-link__content {
    display: flex
}

.footer {
    flex-wrap: wrap;
    margin: 0;
    padding: 30px 15px 70px;
    width: 100%
}

@media(min-width:768px) {
    .footer {
        padding: 60px 25px
    }
}

@media(min-width:1248px) {
    .footer {
        padding: 80px 25px 60px
    }
}

@media(min-width:1632px) {
    .footer {
        padding: 60px 25px
    }
}

.footer__menu-list {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:768px) {
    .footer__menu-list {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 34px
    }
}

.footer__menu-item {
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}

.footer__menu-item:last-child {
    margin-bottom: 50px
}

@media(min-width:768px) {
    .footer__menu-item:last-child {
        flex-direction: column
    }
    .footer__menu-item {
        flex-grow: 0;
        justify-content: flex-start
    }
}

@media(min-width:960px) {
    .footer__menu-item:last-child {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.footer__menu-item .select-language-icons-with-code {
    display: none
}

.footer__menu-item .select-language-icons-with-code__button {
    height: -moz-fit-content;
    height: fit-content
}

@media(min-width:768px) {
    .footer__menu-item .select-language-icons-with-code {
        display: inline-flex;
        justify-content: flex-start;
        margin-top: 60px
    }
}

@media(min-width:960px) {
    .footer__menu-item .select-language-icons-with-code {
        height: -moz-fit-content;
        height: fit-content;
        margin-left: 8vw;
        margin-top: 0
    }
}

@media(min-width:1248px) {
    .footer__menu-item .select-language-icons-with-code {
        margin-left: 10vw
    }
}

@media(min-width:1632px) {
    .footer__menu-item .select-language-icons-with-code {
        margin-left: 12vw
    }
}

@media(min-width:1920px) {
    .footer__menu-item .select-language-icons-with-code {
        margin-left: 15vw
    }
}

.footer__section-license {
    display: block;
    margin: 25px 0 0;
    padding: 0;
    width: 100%
}

@media(min-width:960px) {
    .footer__section-license {
        margin: 32px 0 20px
    }
}

.footer__section-menu {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%
}

.footer__logos--responsible-gaming {
    margin-left: 0
}

@media(min-width:768px) {
    .footer__logos--responsible-gaming {
        margin-left: 157px
    }
}

.footer__grid {
  width: 100%;
      max-width: 1450px;
      margin: 0 auto;
    }
}


@media(max-width:1632px) {
  .footer__grid {
    max-width: 100vw;
  }
}

.footer-menu {
    margin: 0
}

.footer-menu__title {
    color: #fff;
    font-size: 20px;
    line-height: 20px
}

@media(min-width:768px) {
    .footer-menu__title {
        margin-bottom: 30px
    }
}

.footer-menu__collapse,
.footer-menu__list {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer-menu__list {
    align-items: flex-start;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 auto;
    max-width: 100%;
    padding: 0
}

.footer-menu__list--collapse {
    align-items: center;
    margin-top: 12px
}

@media(min-width:768px) {
    .footer-menu__list {
        font-size: 14px;
        line-height: 20px
    }
}

.footer-menu__item {
    padding-bottom: 12px
}

@media(min-width:768px) {
    .footer-menu__item {
        padding-bottom: 16px
    }
}

.footer-menu__link {
    color: gray;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: capitalize;
    transition: color .3s ease;
    vertical-align: top;
    white-space: break-spaces;
    width: 100%
}

@media(min-width:768px) {
    .footer-menu__link {
        font-size: 16px;
        text-align: left
    }
}

.footer-menu__link:active,
.footer-menu__link:focus {
    color: #fff;
    outline: none;
    text-decoration: none
}

.footer-menu__link--current,
.footer-menu__link--current:active,
.footer-menu__link--current:focus,
.footer-menu__link--current:hover,
.footer-menu__link:hover {
    color: #fff
}

.footer-menu__button {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px
}

.footer-menu__button i {
    font-size: 5px;
    margin-left: 10px;
    position: relative;
    top: -2px
}

.footer-logos-static {
    display: block;
    margin-bottom: 35px;
    padding: 0;
    width: 100%
}

@media(min-width:768px) {
    .footer-logos-static {
        margin-bottom: 52px
    }
}

.footer-logos-static__name {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 15px
}

@media(min-width:768px) {
    .footer-logos-static__name {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 20px
    }
}

@media(min-width:960px) {
    .footer-logos-static__name {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 29px
    }
}

.footer-logos-static__list {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

@media(min-width:768px) {
    .footer-logos-static__list {
        justify-content: flex-start
    }
}

.footer-logos-static__item {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    opacity: .5;
    padding: 0;
    text-decoration: none;
    transition: opacity .3s ease;
    width: auto
}

.footer-logos-static__item:hover {
    opacity: 1
}

.footer-logos-static__image {
    display: inline-block;
    filter: grayscale(1);
    height: 28px;
    margin: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    vertical-align: top;
    width: auto
}

.footer-slider.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    display: block;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.footer-slider.slick-slider .slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.footer-slider.slick-slider .slick-list:focus {
    outline: none
}

.footer-slider.slick-slider .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.footer-slider.slick-slider .slick-list,
.footer-slider.slick-slider .slick-track {
    transform: translateZ(0)
}

.footer-slider.slick-slider .slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.footer-slider.slick-slider .slick-track:after,
.footer-slider.slick-slider .slick-track:before {
    content: "";
    display: table
}

.footer-slider.slick-slider .slick-track:after {
    clear: both
}

.slick-loading .footer-slider.slick-slider .slick-track {
    visibility: hidden
}

.footer-slider.slick-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    margin-left: 12px;
    min-height: 1px
}

@media(min-width:768px) {
    .footer-slider.slick-slider .slick-slide {
        margin-left: 43px
    }
}

@media(min-width:1248px) {
    .footer-slider.slick-slider .slick-slide {
        margin-left: 18px
    }
}

@media(min-width:1632px) {
    .footer-slider.slick-slider .slick-slide {
        margin-left: 25px
    }
}

.footer-slider.slick-slider .slick-slide:first-child {
    margin-left: 0
}

[dir=rtl] .footer-slider.slick-slider .slick-slide {
    float: right
}

.footer-slider.slick-slider .slick-slide img:not(.image--hidden) {
    display: block;
    margin: 0 auto;
    max-width: 90%
}

.footer-slider.slick-slider .slick-slide.slick-loading img {
    display: none
}

.footer-slider.slick-slider .slick-slide.dragging img {
    pointer-events: none
}

.footer-slider.slick-slider.slick-initialized .slick-slide {
    align-items: center;
    background-color: #282c35;
    display: flex;
    height: 75px;
    justify-content: center;
    min-width: 118px;
    width: calc(25vw - 19px)
}

@media(min-width:768px) {
    .footer-slider.slick-slider.slick-initialized .slick-slide {
        height: 94px;
        width: calc(25vw - 56.25px)
    }
}

@media(min-width:960px) {
    .footer-slider.slick-slider.slick-initialized .slick-slide {
        width: calc(20vw - 53.6px)
    }
}

@media(min-width:1248px) {
    .footer-slider.slick-slider.slick-initialized .slick-slide {
        width: calc(14.28571vw - 38.85714px)
    }
}

@media(min-width:1632px) {
    .footer-slider.slick-slider.slick-initialized .slick-slide {
        width: calc(11.11111vw - 42.66667px)
    }
}

.footer-slider.slick-slider.slick-loading .slick-slide {
    visibility: hidden
}

.footer-slider.slick-slider.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.footer-slider.slick-slider .slick-arrow.slick-hidden {
    display: none
}

.footer-slider.slick-slider .slick-next,
.footer-slider.slick-slider .slick-prev {
    background: transparent;
    border: none;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 8px;
    height: auto;
    line-height: 0px;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto
}

.footer-slider.slick-slider .slick-next:focus,
.footer-slider.slick-slider .slick-next:hover,
.footer-slider.slick-slider .slick-prev:focus,
.footer-slider.slick-slider .slick-prev:hover {
    background: transparent;
    color: #fff;
    outline: none
}

.footer-slider.slick-slider .slick-prev {
    right: 34px;
    top: -25px
}

@media(min-width:768px) {
    .footer-slider.slick-slider .slick-prev {
        top: -33px
    }
}

@media(min-width:960px) {
    .footer-slider.slick-slider .slick-prev {
        top: -46px
    }
}

.footer-slider.slick-slider .slick-next {
    right: 0;
    top: -25px
}

@media(min-width:768px) {
    .footer-slider.slick-slider .slick-next {
        top: -33px
    }
}

@media(min-width:960px) {
    .footer-slider.slick-slider .slick-next {
        top: -46px
    }
}

.footer-licence .link {
    display: inline-block;
    width: 100%
}

.footer-licence .image {
    max-width: 100%;
    width: 133px
}

.crypto-exchange-rate {
    color: #fff
}

.btn-scroll-top {
    align-items: center;
    background: linear-gradient(90.12deg, #f41c43 .14%, #ff3030 99.95%);
    border: none;
    border-radius: 50%;
    bottom: -110px;
    color: #000;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    line-height: 1.2;
    margin: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: fixed;
    right: 25px;
    text-align: center;
    transition: opacity .3s ease, background-color .3s ease, bottom .6s ease-in-out;
    width: 40px;
    z-index: 100
}

.btn-scroll-top--show {
    bottom: 70px;
    opacity: 1;
    pointer-events: auto
}

.btn-scroll-top:hover {
    background: linear-gradient(90.12deg, #ff3030 .14%, #ff3030 99.95%)
}

.btn.live-chat-button {
    align-items: center;
    background: linear-gradient(90.12deg, #f41c43 .14%, #ff3030 99.95%);
    background-color: #f41c43;
    border: none;
    border-radius: 50%;
    bottom: 115px;
    box-shadow: 0 5px 30px rgba(244, 28, 67, .5);
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 18px;
    height: 40px;
    justify-content: center;
    margin: 0;
    min-height: unset;
    min-width: unset;
    outline: none;
    padding: 0;
    position: fixed;
    right: 25px;
    transition: background-color .3s ease, box-shadow .3s ease;
    width: 40px;
    z-index: 10
}

.btn.live-chat-button:hover {
    background: linear-gradient(90.12deg, #ff3030 .14%, #ff3030 99.95%);
    box-shadow: none
}

@media(min-width:768px) {
    .btn.live-chat-button {
        bottom: 20px
    }
}

.btn.live-chat-button--game {
    bottom: auto;
    display: inline-flex;
    position: relative;
    right: auto;
    z-index: 0
}

.panel {
    background-color: #212121;
    bottom: 0;
    display: block;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 100
}

@media(min-width:768px) {
    .panel {
        display: none
    }
}

.panel__list {
    align-items: flex-end;
    display: flex;
    gap: 5px;
    height: 60px;
    padding: 0 6px 0 0;
    width: 100%
}

.panel__item,
.panel__list {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0
}

.panel__item {
    align-items: center;
    display: inline-flex;
    height: 100%;
    width: 20%
}

@media(min-width:475px) {
    .panel__item {
        align-items: flex-end;
        padding-bottom: 11px
    }
}

.panel__item--main {
    background: linear-gradient(90deg, #f41c43 .14%, #ff3030 99.95%);
    border-radius: 6px 6px 0 0;
    transition: background-color .3s ease, box-shadow .3s ease;
    width: 21%
}

.panel__name {
    word-break: break-all
}

.panel__link {
    align-items: center;
    color: hsla(0, 0%, 100%, .8);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-size: 11px;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 11px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    transition: color .3s ease;
    width: 100%
}

.panel__link:hover {
    color: #fff
}

.panel__icon {
    color: #fff;
    font-size: 20px;
    margin-bottom: 6px
}

.panel__item--main .panel__link:hover .panel__icon {
    background-color: rgba(236, 50, 0, .8);
    background-image: none;
    box-shadow: none
}

.panel__item:not(.panel__item--main) .panel__link.panel__link--current .panel__icon {
    color: #ff2f31
}

@media(min-width:768px) {
    .page-game__panel-mob .panel {
        display: block
    }
}

@media screen and (orientation:landscape) {
    .page-game__panel-mob .panel {
        height: 100%;
        right: auto;
        top: 0;
        width: 55px
    }
    .page-game__panel-mob .panel__list {
        flex-direction: column;
        height: 100%;
        padding: 20px 0
    }
    .page-game__panel-mob .panel__item {
        align-items: center;
        flex: .2;
        padding: 0 5px;
        width: 100%
    }
    .page-game__panel-mob .panel__item--main {
        border-radius: 0 6px 6px 0
    }
    .page-game__panel-mob .panel__name {
        word-break: normal
    }
}

.welcome-popup {
    background: rgba(40, 42, 54, .9);
    border-radius: 0 6px 6px 0;
    bottom: 60px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
    left: 0;
    max-width: calc(100% - 68px);
    padding: 8px 36px 8px 8px;
    position: fixed;
    z-index: 100
}

.welcome-popup__close {
    color: #d4d2d1;
    font-size: 14px;
    padding: 4px;
    position: absolute;
    right: 3px;
    top: 3px
}

.welcome-popup__content {
    align-items: center;
    display: flex;
    gap: 8px
}

.welcome-popup__content-block {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.welcome-popup__content-title {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase
}

.welcome-popup__content-desc {
    color: #b9b1c0;
    font-size: 11px
}

.welcome-popup__content .image {
    padding: 0 4px;
    width: 44px
}

.welcome-popup__btn {
    font-size: 12px;
    min-height: 34px;
    min-width: 85px;
    overflow: hidden;
    padding: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.body--de .welcome-popup__btn,
.welcome-popup__timer {
    font-size: 10px
}

.sign-in-modal.sign-in-modal .modal__close-button {
    color: #fff;
    right: 5px;
    top: 5px
}

@media(min-width:768px) {
    .sign-in-modal.sign-in-modal .modal__close-button {
        right: 23px;
        top: 5px
    }
}

.sign-in-modal.sign-in-modal .modal__close-button:hover {
    color: hsla(0, 0%, 100%, .85)
}

.sign-up-modal--isCloseButtonHidden .modal__close-button {
    display: none
}

.sign-up-modal.sign-up-modal .modal__close-button {
    color: #fff;
    right: 5px;
    top: 5px
}

.sign-up-modal.sign-up-modal .modal__close-button:hover {
    color: hsla(0, 0%, 100%, .85)
}

.search-modal .modal__content-wrapper {
    background: #282a36;
    margin-top: 0;
    min-height: 100%;
    width: 100%
}

@media(min-width:768px) {
    .search-modal .modal__content-wrapper {
        background: transparent;
        min-height: auto
    }
}

.search-modal .modal__content {
    background: #282a36;
    display: block;
    height: 100%;
    margin: 0 auto;
    max-width: 720px;
    min-height: 100%;
    padding: 24px 16px;
    width: 100%
}

@media(min-width:768px) {
    .search-modal .modal__content {
        margin: 58px auto;
        padding: 24px
    }
}

@media(max-width:768px)and (orientation:landscape) {
    .search-modal .modal__content {
        padding: 12px
    }
}

.search-modal.modal .modal__close-button {
    color: #898fa1;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.2;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    right: 12px;
    top: 18px;
    transition: color .3s ease;
    z-index: 10
}

@media(min-width:768px) {
    .search-modal.modal .modal__close-button {
        right: 18px
    }
}

.search-modal.modal .modal__close-button:active,
.search-modal.modal .modal__close-button:focus,
.search-modal.modal .modal__close-button:hover {
    color: #fff
}

@media(min-width:768px) {
    .limits-modal.modal .modal__close-button {
        right: 15px;
        top: 15px
    }
}

.welcome-modal-wrapper.modal .modal__content-wrapper {
    max-width: 420px
}

@media(min-width:1632px) {
    .welcome-modal-wrapper.modal .modal__content-wrapper {
        max-width: 480px
    }
}

.welcome-modal-wrapper.modal .modal__content {
    border-radius: 4px;
    overflow: hidden
}

.welcome-modal-wrapper.modal .modal__close-button {
    color: #fff;
    font-size: 12px;
    right: 7px;
    top: 7px
}

@media(min-width:960px) {
    .welcome-modal-wrapper.modal .modal__close-button {
        right: 14px;
        top: 14px
    }
}

.welcome-modal-wrapper.modal .modal__close-button:hover {
    color: hsla(0, 0%, 100%, .85)
}

.deposit-modal.modal .modal__content-wrapper {
    width: 100%
}

@media(min-width:768px) {
    .deposit-modal.modal .modal__content-wrapper {
        margin: 20px auto;
        max-width: 720px
    }
}

.deposit-modal.modal .modal__content {
    border-radius: 0;
    margin: 0
}

@media(min-width:768px) {
    .deposit-modal.modal .modal__content {
        border-radius: 12px
    }
}

.deposit-modal.modal .modal__close-button {
    right: 10px;
    top: 10px
}

.modal {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    overflow: auto;
    z-index: 1050
}

.modal,
.modal__backdrop {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.modal__backdrop {
    background-color: #1c1d22;
    opacity: 0;
    transition-property: opacity;
    z-index: -1
}

.modal__content-wrapper {
    margin: auto;
    max-width: 720px;
    width: calc(100% - 20px)
}

.modal--story .modal__content-wrapper {
    max-width: 360px
}

@media(min-width:768px) {
    .modal--story .modal__content-wrapper {
        max-width: 380px
    }
}

.modal__content {
    background-color: #23252b;
    border-radius: 6px;
    margin: 40px 10px;
    opacity: 0;
    position: relative;
    transform: translateY(-20px);
    transition-property: opacity, transform
}

.modal--story .modal__content {
    border-radius: 0;
    margin: auto 0
}

@media(min-width:768px) {
    .modal--story .modal__content {
        margin: 40px 10px
    }
}

.modal .modal__close-button {
    font-size: 14px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 0
}

.modal--entered .modal__backdrop {
    opacity: .7;
    transition-timing-function: ease-in
}

.modal--entered .modal__content {
    opacity: 1;
    transform: translateY(0);
    transition-timing-function: ease-in
}

.modal--exiting .modal__backdrop,
.modal--exiting .modal__content {
    opacity: 0;
    transition-timing-function: ease-out
}

.modal--exiting .modal__content {
    transform: translateY(20px)
}

.modal--story .modal__close-button {
    right: 8px;
    top: 20px
}

.select-games-search-for-modal__list {
    scrollbar-color: #93959a
}

.select-games-search-for-modal__list::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.select-games-search-for-modal__list::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.select-games-search-for-modal__list::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.select-games-search-for-modal__list::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .select-games-search-for-modal__list {
        scrollbar-width: thin
    }
}

.select-games-search-for-modal__list:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.select-games-search-for-modal__head {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-bottom: 12px
}

@media(max-width:768px)and (orientation:landscape) {
    .select-games-search-for-modal__head {
        margin-bottom: 8px
    }
}

.select-games-search-for-modal__title {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

@media(max-width:768px)and (orientation:landscape) {
    .select-games-search-for-modal__title {
        font-size: 10px
    }
}

.select-games-search-for-modal__results {
    color: #c0c4db;
    font-size: 14px;
    letter-spacing: -.28px
}

.select-games-search-for-modal__results span {
    color: #fff
}

@media(max-width:768px)and (orientation:landscape) {
    .select-games-search-for-modal__results {
        font-size: 12px
    }
}

.select-games-search-for-modal__wrap {
    min-height: 350px
}

@media(max-width:768px)and (orientation:landscape) {
    .select-games-search-for-modal__wrap {
        min-height: auto
    }
}

.select-games-search-for-modal__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: calc(100vh - 180px);
    overflow: auto;
    padding: 0;
    width: 100%
}

@media(min-width:768px) {
    .select-games-search-for-modal__list {
        max-height: 399px
    }
    .select-games-search-for-modal__list--hideScroll {
        max-height: 100%
    }
}

@media(max-width:768px)and (orientation:landscape) {
    .select-games-search-for-modal__list {
        max-height: calc(100vh - 230px)
    }
}

.select-games-search-for-modal__list--hide {
    display: none
}

.select-games-search-for-modal .select-games-search-for-modal__option {
    aspect-ratio: 1/1;
    background-color: #343745;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    margin: 0;
    max-height: 100%;
    overflow: hidden;
    padding: 0;
    width: calc(33.33333% - 5.33333px)
}

@media(min-width:768px) {
    .select-games-search-for-modal .select-games-search-for-modal__option {
        width: calc(20% - 6.4px)
    }
}

@media(max-width:768px)and (orientation:landscape) {
    .select-games-search-for-modal .select-games-search-for-modal__option {
        width: calc(20% - 6.4px)
    }
}

.select-games-search-for-modal__image {
    height: 100%;
    position: relative
}

.select-games-search-for-modal__image img {
    max-width: 100%
}

.modal-search-header {
    margin-bottom: 24px
}

@media(max-width:768px)and (orientation:landscape) {
    .modal-search-header {
        margin-bottom: 12px
    }
}

.modal-search-header__search-bar {
    background: #000;
    border-radius: 8px;
    margin-top: 20px;
    position: relative
}

@media(min-width:768px) {
    .modal-search-header__search-bar {
        margin-top: 24px
    }
}

@media(max-width:768px)and (orientation:landscape) {
    .modal-search-header__search-bar {
        margin-top: 12px
    }
}

.modal-search-header__clear-icon {
    color: #898fa1;
    font-size: 16px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.modal-search-header__clear-icon:hover,
.modal-search-header__search-icon {
    color: #fff
}

.modal-search-header__search-icon--focused {
    color: #ff3030
}

.modal-search-tabs {
    display: flex
}

.modal-search-tabs__wrapper {
    display: flex;
    gap: 16px
}

@media(min-width:768px) {
    .modal-search-tabs__wrapper {
        gap: 24px
    }
}

.modal-search-tabs .modal-search-tabs__tab {
    border-bottom: 2px solid transparent;
    color: #8e91a3;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding: 0 0 10px;
    text-transform: uppercase
}

@media(max-width:768px)and (orientation:landscape) {
    .modal-search-tabs .modal-search-tabs__tab {
        font-size: 10px;
        padding-bottom: 5px
    }
}

.modal-search-tabs .modal-search-tabs__tab--active,
.modal-search-tabs .modal-search-tabs__tab:hover {
    border-color: #f41c43;
    color: #fff
}

.input {
    align-items: center;
    border-radius: 4px;
    color: #999;
    cursor: text;
    display: flex;
    padding: 0 18px;
    position: relative;
    transition: background-color .3s ease;
    width: 100%;
    z-index: 10
}

.input__left-container {
    display: flex;
    margin-right: 18px
}

.input__right-container {
    display: flex;
    margin-left: 18px
}

.input .input__native,
.input--default .input__native {
    color: #999
}

.input .input__native+.input__focus-container,
.input--default .input__native+.input__focus-container {
    background: #282a36;
    border-color: #282a36
}

.input .input__native:hover:not([disabled]),
.input--default .input__native:hover:not([disabled]) {
    color: #999
}

.input .input__native:hover:not([disabled])+.input__focus-container,
.input--default .input__native:hover:not([disabled])+.input__focus-container {
    background: #282a36 none;
    border-color: #999
}

.input .input__native:focus:not([disabled]),
.input--default .input__native:focus:not([disabled]) {
    color: #999
}

.input .input__native:focus:not([disabled])+.input__focus-container,
.input--default .input__native:focus:not([disabled])+.input__focus-container {
    background: #282a36 none;
    border-color: #999
}

.input--empty .input__native {
    color: #c0c4db
}

.input--empty .input__native+.input__focus-container {
    background: #282a36 none;
    border-color: #282a36
}

.input--empty .input__native:hover {
    color: #c0c4db
}

.input--empty .input__native:hover+.input__focus-container {
    background: #282a36 none;
    border-color: #999
}

.input--empty .input__native:focus {
    color: #999
}

.input--empty .input__native:focus+.input__focus-container {
    background: #282a36 none;
    border-color: #999
}

.input--error .input__native+.input__focus-container {
    border-color: rgba(236, 50, 0, .3)
}

.input--error .input__native:focus+.input__focus-container,
.input--error .input__native:hover+.input__focus-container {
    border-color: rgba(236, 50, 0, .4)
}

.input--warning .input__native+.input__focus-container {
    border-color: #ff9500
}

.input--warning .input__native:focus+.input__focus-container,
.input--warning .input__native:hover+.input__focus-container {
    border-color: #995900
}

.input--success .input__native+.input__focus-container {
    border-color: #48a902
}

.input--success .input__native:focus+.input__focus-container,
.input--success .input__native:hover+.input__focus-container {
    border-color: #1d4401
}

.input__native {
    background-color: transparent;
    border: none;
    caret-color: #999;
    display: block;
    font-size: 12px;
    font-weight: 600;
    height: 36px;
    letter-spacing: normal;
    line-height: 1;
    margin: 2px 0;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: none;
    transition: color .3s ease;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%
}

.input__native[name=mobile_phone-code] {
    flex-shrink: 0
}

.input__native:active,
.input__native:focus,
.input__native:hover {
    background-color: transparent;
    box-shadow: none;
    outline: none
}

.input__native::-moz-placeholder {
    color: #c0c4db !important;
    line-height: 34px !important;
    opacity: 1;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.input__native::-webkit-input-placeholder {
    color: #c0c4db !important;
    line-height: normal;
    opacity: 1;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.input__native:hover::-moz-placeholder {
    color: #c0c4db !important;
    opacity: 1
}

.input__native:hover::-webkit-input-placeholder {
    color: #c0c4db !important;
    opacity: 1
}

.input__native:focus::-moz-placeholder {
    color: rgba(192, 196, 219, .5) !important;
    opacity: 1
}

.input__native:focus::-webkit-input-placeholder {
    color: rgba(192, 196, 219, .5) !important;
    opacity: 1
}

.input__native:-webkit-autofill {
    -webkit-text-fill-color: #999 !important;
    background: #282a36 !important;
    background-clip: content-box !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: inset 0 0 0 100px #282a36 !important;
    color: #999 !important;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.input__native:-webkit-autofill:active,
.input__native:-webkit-autofill:active:focus,
.input__native:-webkit-autofill:active:hover,
.input__native:-webkit-autofill:focus,
.input__native:-webkit-autofill:focus:hover,
.input__native:-webkit-autofill:hover {
    -webkit-text-fill-color: #999 !important;
    box-shadow: inset 0 0 0 100px #282a36 none !important;
    color: #999 !important
}

.input__native:-webkit-autofill:active:not(:hover) {
    -webkit-text-fill-color: #999 !important
}

.input__focus-container {
    background: #282a36;
    border: 2px solid #282a36;
    border-radius: 4px;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: border-color .3s ease;
    z-index: -1
}

.input--disabled {
    background: transparent none !important;
    border-color: #282a36 !important;
    color: #999 !important
}

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

.fast-deposit-modal .input {
    border-radius: 6px;
    padding: 0 14px
}

.fast-deposit-modal .input .input__focus-container {
    border-radius: 6px;
    color: #fff
}

.fast-deposit-modal .input .input__native,
.fast-deposit-modal .input .input__native:hover:not([disabled]) {
    color: #fff
}

.fast-deposit-modal .input .input .input__native+.input__focus-container,
.fast-deposit-modal .input .input--default .input__native+.input__focus-container,
.fast-deposit-modal .input .input--empty .input__native+.input__focus-container,
.fast-deposit-modal .input .input__focus-container,
.fast-deposit-modal .input .input__native:focus:not([disabled])+.input__focus-container,
.fast-deposit-modal .input .input__native:hover:not([disabled])+.input__focus-container {
    background: #18181c none;
    border-color: #18181c;
    border-width: 1px
}

.fast-deposit-modal .input__native {
    font-size: 12px;
    font-weight: 400;
    height: 40px
}

.fast-deposit-modal .input__native:-webkit-autofill {
    -webkit-text-fill-color: #c0c4db !important;
    background: #18181c !important;
    background-clip: content-box !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: inset 0 0 0 100px #18181c !important;
    color: #c0c4db !important;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.fast-deposit-modal .input__native:-webkit-autofill:active,
.fast-deposit-modal .input__native:-webkit-autofill:active:focus,
.fast-deposit-modal .input__native:-webkit-autofill:active:hover,
.fast-deposit-modal .input__native:-webkit-autofill:focus,
.fast-deposit-modal .input__native:-webkit-autofill:focus:hover,
.fast-deposit-modal .input__native:-webkit-autofill:hover {
    -webkit-text-fill-color: #c0c4db !important;
    box-shadow: inset 0 0 0 100px #18181c !important;
    color: #c0c4db !important
}

.fast-deposit-modal .input__native:-webkit-autofill:active:not(:hover) {
    -webkit-text-fill-color: #c0c4db !important
}

.fast-deposit-modal .input__error .input__focus-container {
    border-color: #ec3200
}

.search-modal .input {
    overflow: hidden;
    padding: 0
}

.search-modal .input .input__left-container {
    color: #898fa1;
    font-size: 20px;
    margin-right: 0;
    padding-left: 16px
}

.search-modal .input .input__focus-container {
    border-radius: 6px;
    border-width: 1px;
    color: #fff
}

.search-modal .input .input .input__native+.input__focus-container,
.search-modal .input .input--default .input__native+.input__focus-container,
.search-modal .input .input--empty .input__native+.input__focus-container,
.search-modal .input .input__focus-container {
    background: #18181c;
    border-color: #18181c
}

.search-modal .input .input__native:focus:not([disabled])+.input__focus-container,
.search-modal .input .input__native:hover:not([disabled])+.input__focus-container {
    background: #18181c;
    border-color: #8e91a3
}

.search-modal .input__native {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 46px;
    line-height: 24px;
    margin: 0;
    padding: 0 48px 0 10px
}

.search-modal .input__native:hover:not([disabled]) {
    color: #fff
}

@media(max-width:768px)and (orientation:landscape) {
    .search-modal .input__native {
        font-size: 14px;
        height: 42px
    }
}

.search-modal .input__native:-webkit-autofill {
    -webkit-text-fill-color: #c0c4db !important;
    background: #18181c !important;
    background-clip: content-box !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: inset 0 0 0 100px #18181c !important;
    color: #c0c4db !important;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.search-modal .input__native:-webkit-autofill:active,
.search-modal .input__native:-webkit-autofill:active:focus,
.search-modal .input__native:-webkit-autofill:active:hover,
.search-modal .input__native:-webkit-autofill:focus,
.search-modal .input__native:-webkit-autofill:focus:hover,
.search-modal .input__native:-webkit-autofill:hover {
    -webkit-text-fill-color: #c0c4db !important;
    box-shadow: inset 0 0 0 100px #18181c !important;
    color: #c0c4db !important
}

.search-modal .input__native:-webkit-autofill:active:not(:hover) {
    -webkit-text-fill-color: #c0c4db !important
}

.search-modal .input__error .input__focus-container {
    border-color: #ec3200
}

.providers {
    scrollbar-color: #93959a
}

.providers::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.providers::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.providers::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.providers::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .providers {
        scrollbar-width: thin
    }
}

.providers:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.providers {
    align-content: flex-start;
    display: grid;
    gap: 8px;
    margin-bottom: 24px;
    max-height: calc(100vh - 210px);
    overflow-y: auto;
    padding: 0 3px 0 0
}

@media(max-width:768px)and (orientation:landscape) {
    .providers {
        max-height: calc(100vh - 185px);
        min-height: auto
    }
}

@media(min-width:576px) {
    .providers {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:768px) {
    .providers {
        grid-template-columns: repeat(3, 1fr);
        max-height: 360px
    }
}

@media(max-width:768px)and (orientation:landscape) {
    .providers {
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 12px;
        max-height: calc(100vh - 160px)
    }
}

.providers__link {
    align-items: center;
    background: #343745;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    padding: 10px 16px;
    width: 100%
}

.providers__link:hover {
    background: #3e4151
}

@media(max-width:768px)and (orientation:landscape) {
    .providers__link {
        padding: 8px 12px
    }
}

.providers__image-wrapper {
    aspect-ratio: 1/1;
    height: 32px
}

@media(max-width:768px)and (orientation:landscape) {
    .providers__image-wrapper {
        height: 24px
    }
}

.providers__image {
    max-width: 100%
}

.providers__name {
    color: #fff;
    font-size: 14px
}

@media(max-width:768px)and (orientation:landscape) {
    .providers__name {
        font-size: 12px
    }
}

.option {
    align-items: center;
    color: #999;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    outline: none;
    padding: 0 16px;
    text-decoration: none;
    text-shadow: none;
    transition: color .3s ease, background-color .3s ease;
    width: 100%
}

.option:first-of-type {
    margin-top: 0
}

.option:last-of-type {
    margin-bottom: 0
}

.option:only-child {
    margin: 0
}

.option--highlighted,
.option--selected {
    background: #34374b none;
    color: #999
}

.menu-providers__list {
    scrollbar-color: #93959a
}

.menu-providers__list::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.menu-providers__list::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.menu-providers__list::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.menu-providers__list::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .menu-providers__list {
        scrollbar-width: thin
    }
}

.menu-providers__list:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.menu-providers {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    letter-spacing: .12px;
    line-height: 1.2;
    padding: 0;
    text-align: left;
    text-transform: uppercase
}

.menu-providers,
.menu-providers__button {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    margin: 0;
    width: 100%
}

.menu-providers__button {
    background-color: #343643;
    border-radius: 6px;
    cursor: pointer;
    flex-wrap: nowrap;
    justify-content: space-between;
    min-height: 36px;
    min-width: 100%;
    padding: 8px 10px 8px 10px;
}

.menu-providers__caret {
    display: inline-block;
    font-size: 4px;
    margin: 0 0 0 5px;
    vertical-align: top;
    width: auto
}

.menu-providers--open .menu-providers__caret {
    transform: rotate(180deg)
}

.menu-providers__hot {
    margin-left: auto
}

.menu-providers__content {
    margin: 0;
    padding: 0;
    width: 100%
}

@media(min-width:768px) {
    .menu-providers__content {
        display: none;
        left: 0;
        margin-top: 10px;
        overflow: hidden;
        position: absolute;
        top: 100%;
        z-index: 11
    }
}

.menu-providers--open .menu-providers__content {
    display: block
}

.menu-providers__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    padding: 0;
    text-align: center;
    width: 100%
}

@media(min-width:768px) {
    .menu-providers__list {
        background-color: #292b36;
        border-radius: 6px;
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(2, 1fr);
        max-height: 376px;
        padding: 24px
    }
}

@media(min-width:960px) {
    .menu-providers__list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width:1248px) {
    .menu-providers__list {
        grid-template-columns: repeat(5, 1fr)
    }
}

.menu-providers__item {
    align-items: center;
    display: inline-flex;
    line-height: 1;
    margin: 0;
    vertical-align: top;
    width: 100%
}

.menu-providers__icon-wrap {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    margin-right: 12px;
    width: 28px
}

.menu-providers__icon {
    max-height: 100%;
    max-width: 100%
}

.menu-providers__link {
    align-items: center;
    color: #fff;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 600;
    justify-content: flex-start;
    letter-spacing: .12px;
    line-height: 17px;
    margin: 0;
    max-width: 100%;
    min-height: 16px;
    padding: 8px 16px;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    transition: color .3s ease;
    width: 100%
}

@media(min-width:768px) {
    .menu-providers__link {
        padding: 0
    }
}

.menu-providers__link--active {
    color: #999
}

.menu-providers__link:active,
.menu-providers__link:focus,
.menu-providers__link:hover {
    color: #999;
    cursor: pointer;
    outline: none;
    text-decoration: none
}

.menu-providers__link:hover {
    color: #999
}

.menu-providers__link--hot {
    background: #363743
}

.menu-providers__button-inner {
    color: hsla(0, 0%, 100%, .3);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
}

.menu-providers__title {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    padding: 16px 16px 12px;
    text-transform: uppercase
}

.menu-providers__title~.modal__close-button {
    color: #9b0505
}

.menu-providers__modal.modal {
    height: 100vh;
    overflow: hidden
}

.menu-providers__modal .modal__close-button {
    right: 8px;
    top: 8px
}

.menu-providers__modal .modal__content-wrapper {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100%
}

.menu-providers__modal .modal__content {
    background-color: #292b36;
    border-radius: 0;
    height: 100%;
    margin: 0
}

.filter-item {
    display: block;
    line-height: 1;
    margin: 0;
    padding: 8px 0;
    width: 100%
}

.filter-item:first-child {
    padding-top: 0
}

.filter-item__name {
    display: inline-block;
    flex: 1;
    overflow: hidden;
    vertical-align: top;
    width: 100%
}

.filter-item__link {
    align-items: center;
    color: #999;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 600;
    justify-content: flex-start;
    letter-spacing: .12px;
    line-height: 1.2;
    margin: 0;
    max-width: 100%;
    min-height: 16px;
    padding: 0 5px 0 0;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s ease;
    width: auto
}

.filter-item__link:active,
.filter-item__link:focus,
.filter-item__link:hover {
    color: #999;
    cursor: pointer;
    outline: none;
    text-decoration: none
}

.filter-item--checked .filter-item__link,
.filter-item__link:hover {
    color: #fff
}

.providers-for-search__dropdown {
    scrollbar-color: #93959a
}

.providers-for-search__dropdown::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.providers-for-search__dropdown::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.providers-for-search__dropdown::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.providers-for-search__dropdown::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .providers-for-search__dropdown {
        scrollbar-width: thin
    }
}

.providers-for-search__dropdown:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.providers-for-search__results {
    color: #c0c4db;
    font-size: 14px;
    margin-bottom: 12px
}

.providers-for-search__results span {
    color: #fff
}

.providers-for-search__dropdown {
    align-content: flex-start;
    display: grid;
    gap: 8px;
    max-height: calc(100vh - 210px);
    min-height: 350px;
    overflow-y: auto;
    padding: 0 3px 0 0
}

@media(min-width:576px) {
    .providers-for-search__dropdown {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:768px) {
    .providers-for-search__dropdown {
        grid-template-columns: repeat(3, 1fr);
        max-height: 360px
    }
}

@media(max-width:768px)and (orientation:landscape) {
    .providers-for-search__dropdown {
        grid-template-columns: repeat(3, 1fr);
        max-height: calc(100vh - 160px);
        min-height: auto
    }
}

.providers-for-search__link {
    align-items: center;
    background: #343745;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    padding: 10px 16px;
    width: 100%
}

.providers-for-search__link--active,
.providers-for-search__link:hover {
    background: #3e4151
}

.providers-for-search__image-wrapper {
    aspect-ratio: 1/1;
    height: 32px
}

@media(max-width:768px)and (orientation:landscape) {
    .providers-for-search__image-wrapper {
        height: 24px
    }
}

.providers-for-search__image-wrapper img {
    max-width: 100%
}

.providers-for-search__name {
    color: #fff;
    font-size: 14px
}

@media(max-width:768px)and (orientation:landscape) {
    .providers-for-search__name {
        font-size: 12px
    }
}

.providers-for-search__hot {
    color: #f41c43;
    font-size: 23px;
    margin-left: auto
}

.modal-search-categories__list {
    scrollbar-color: #93959a
}

.modal-search-categories__list::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.modal-search-categories__list::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.modal-search-categories__list::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.modal-search-categories__list::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .modal-search-categories__list {
        scrollbar-width: thin
    }
}

.modal-search-categories__list:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.modal-search-categories__list {
    align-content: start;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, 1fr);
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    padding: 0 3px 0 0
}

@media(min-width:768px) {
    .modal-search-categories__list {
        grid-template-columns: repeat(3, 1fr);
        min-height: 350px
    }
}

@media(max-width:768px)and (orientation:landscape) {
    .modal-search-categories__list {
        grid-template-columns: repeat(3, 1fr);
        max-height: calc(100vh - 170px)
    }
}

.modal-search-categories__link {
    align-items: center;
    background: #343745;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 12px;
    line-height: 20px;
    min-height: 64px;
    padding: 14px 16px;
    position: relative;
    text-transform: uppercase;
    transition: background .3s ease
}

@media(max-width:768px)and (orientation:landscape) {
    .modal-search-categories__link {
        font-size: 12px;
        gap: 8px;
        padding: 12px
    }
}

.modal-search-categories__link:hover {
    background: #3e4151
}

.modal-search-categories__link:hover img {
    filter: invert(32%) sepia(99%) saturate(6097%) hue-rotate(339deg) brightness(97%) contrast(97%)
}

.modal-search-categories__image {
    aspect-ratio: 1/1;
    height: 100%;
    max-height: 24px;
    position: relative
}

.modal-search-categories__image img {
    max-width: 100%
}

.limits-modal {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 32px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .limits-modal {
        font-size: 20px;
        padding: 32px 120px
    }
}

.limits-modal .link {
    color: #ff9500;
    text-decoration: none
}

.limits-modal .link:hover {
    text-decoration: underline
}

.modal-drawer {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 55px;
    z-index: 1050
}

@media(min-width:1248px) {
    .modal-drawer {
        top: 0
    }
}

.modal-drawer__backdrop {
    background: rgba(0, 0, 0, .7);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 55px;
    transition-property: opacity;
    z-index: -1
}

@media(min-width:1248px) {
    .modal-drawer__backdrop {
        top: 0
    }
}

.modal-drawer__content-wrapper {
    left: 0;
    position: absolute;
    top: 0;
    width: auto
}

.modal-drawer__content {
    position: relative;
    transform: translateX(-200px);
    transition-property: opacity, transform;
    width: 260px
}

@media(min-width:768px) {
    .modal-drawer__content {
        transform: translateX(-100%);
        width: 100%
    }
}

.modal-drawer .modal-drawer__close-button {
    font-size: 14px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 0
}

.modal-drawer--entered .modal-drawer__backdrop {
    opacity: 1;
    transition-timing-function: ease-in
}

.modal-drawer--entered .modal-drawer__content {
    transform: translateX(0);
    transition-timing-function: ease-in
}

.modal-drawer--exiting .modal-drawer__backdrop {
    opacity: 0;
    transition-timing-function: ease-out
}

.modal-drawer--exiting .modal-drawer__content {
    transform: translateX(-200px);
    transition-timing-function: ease-out
}

@media(min-width:768px) {
    .modal-drawer--exiting .modal-drawer__content {
        transform: translateX(-100%)
    }
}

.fast-deposit-modal {
    background: #282a36;
    border-radius: 0;
    min-height: 530px;
    padding: 0 0 15px;
    position: relative
}

@media(min-width:768px) {
    .fast-deposit-modal {
        border-radius: 12px;
        padding-bottom: 24px
    }
}

.fast-deposit-modal__header {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    padding: 16px 0 24px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .fast-deposit-modal__header {
        font-size: 20px
    }
}

.fast-deposit-modal__wrap {
    display: flex;
    flex-direction: column;
    padding: 0 15px
}

@media(min-width:768px) {
    .fast-deposit-modal__wrap {
        flex-direction: row;
        padding: 0
    }
}

.fast-deposit-modal__title {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.fast-deposit-modal__left {
    width: 100%
}

@media(min-width:768px) {
    .fast-deposit-modal__left {
        max-width: 288px;
        padding: 0 24px
    }
}

.fast-deposit-modal__right {
    border-top: 1px solid #191a1f;
    display: flex;
    flex-direction: column;
    padding: 24px 0 0;
    width: 100%
}

@media(min-width:768px) {
    .fast-deposit-modal__right {
        border-left: 1px solid #191a1f;
        border-top: none;
        padding: 0 24px
    }
    .fast-deposit-modal__right .fast-deposit-modal__section:first-child {
        border-top: none;
        padding-top: 0
    }
}

.fast-deposit-modal__section {
    border-top: 1px solid #191a1f;
    padding: 24px 0
}

.fast-deposit-modal__section--balance,
.fast-deposit-modal__section--payments {
    border-top: none;
    padding-top: 0
}

.fast-deposit-modal__section--empty,
.fast-deposit-modal__section:empty {
    display: none
}

.fast-deposit-modal__balance {
    margin-bottom: 16px
}

.fast-deposit-modal__payment-method {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 7px 0
}

.fast-deposit-modal__pre-modal {
    background-color: #23252b;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

.fast-deposit-modal__pre-modal--open {
    display: block
}

.fast-deposit-modal__pre-modal-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.fast-deposit-modal__pre-modal-close:hover {
    color: #fff
}

.fast-deposit-title {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 8px;
    text-transform: uppercase
}

.payment-methods {
    display: block
}

.payment-methods .payment-methods__title {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.payment-methods__block-conversion,
.payment-methods__block-saved {
    margin: 0 0 10px
}

.payment-methods-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.payment-methods-list__method {
    align-items: center;
    background-color: #18181c;
    border: 1px solid #18181c;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 63px;
    justify-content: center;
    opacity: .6;
    padding: 6px 5px;
    position: relative;
    transition: opacity .3s ease;
    width: calc(33.33333% - 5.33333px)
}

@media(min-width:768px) {
    .payment-methods-list__method {
        width: calc(50% - 4px)
    }
}

.payment-methods-list__method--selected {
    border-color: #efcf2f;
    opacity: 1
}

.payment-methods-list__method:hover {
    opacity: 1
}

.payment-method-item {
    align-self: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    line-height: normal;
    max-height: 100%;
    text-align: center
}

.payment-method-item,
.payment-method-item__block-img {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.payment-method-item__block-img {
    flex: 1;
    overflow: hidden
}

.payment-method-item__img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.payment-method-item__info {
    color: #c0c4db;
    display: block;
    font-size: 10px;
    margin: 1px 0 0;
    white-space: nowrap;
    width: 100%
}

.select-payment-methods {
    position: relative
}

.select-payment-methods__button {
    align-items: center;
    background-color: #18181c;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 4px 14px;
    width: 100%
}

.select-payment-methods--only .select-payment-methods__button {
    cursor: default
}

.select-payment-methods__button-inner {
    flex: 1;
    height: 45px;
    margin: 0 10px 0 0;
    overflow: hidden;
    width: 100%
}

.select-payment-methods--only .select-payment-methods__button-inner {
    margin: 0
}

.select-payment-methods__button-title {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 1.2;
    min-height: 100%;
    width: 100%
}

.select-payment-methods__caret {
    align-items: center;
    align-self: stretch;
    color: #999;
    display: inline-flex;
    font-size: 5px;
    justify-content: center;
    transition: transform .3s ease, color .3s ease;
    width: auto
}

.select-payment-methods:hover .select-payment-methods__caret {
    color: #fff
}

.select-payment-methods--open .select-payment-methods__caret {
    transform: rotate(180deg)
}

.select-payment-methods__dropdown {
    margin: 5px 0 0
}

.payment-saved-profiles__list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.payment-saved-profiles__item {
    align-items: center;
    background-color: #18181c;
    border: 1px solid #18181c;
    border-radius: 6px;
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    justify-content: space-between;
    min-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
    white-space: nowrap;
    width: 150px
}

.payment-saved-profiles--desktop .payment-saved-profiles__item:hover {
    color: #fff
}

.payment-saved-profiles__item--selected,
.payment-saved-profiles__item--selected:hover {
    border-color: #efcf2f;
    color: #fff;
    cursor: default
}

.payment-saved-profiles__empty {
    align-items: center;
    background: #3e4151;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .12px;
    line-height: 100%;
    max-width: 68px;
    min-height: 44px;
    padding: 11px 14px;
    text-align: center;
    text-transform: uppercase
}

.payment-saved-profiles__empty--selected,
.payment-saved-profiles__empty:hover {
    background: #62666c
}

.payment-saved-profiles__value {
    display: block;
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    padding: 11px 6px 11px 14px;
    text-overflow: ellipsis
}

.payment-saved-profiles__btn-close {
    cursor: pointer;
    display: inline-flex;
    width: auto
}

.payment-saved-profiles__close {
    color: #5d5e69;
    padding: 11px 14px 11px 0;
    transition: color .3s ease
}

.payment-saved-profiles--desktop .payment-saved-profiles__close:hover {
    color: #fff
}

.payment-fields-default--player {
    margin-top: 8px
}

.payment-fields-default .dynamic-form {
    padding: 0
}

.payment-dynamic-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.payment-dynamic-form__element {
    width: 100%
}

.payment-dynamic-form__element+.payment-dynamic-form__element {
    margin-top: 8px
}

.payment-dynamic-form .payment-dynamic-form__element--cvv,
.payment-dynamic-form .payment-dynamic-form__element--encCvv,
.payment-dynamic-form .payment-dynamic-form__element--expiry_date {
    width: calc(50% - 4px)
}

.payment-dynamic-form .payment-dynamic-form__element--banner {
    color: #c0c4db;
    font-size: 12px;
    line-height: 14px
}

.payment-dynamic-form__label {
    color: #fff;
    display: block;
    font-size: 13px;
    margin-bottom: 5px
}

.payment-dynamic-form__card-info {
    color: #5d5e69;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px
}

.payment-dynamic-form__card-number-hint {
    height: 235px;
    width: 268px
}

.payment-dynamic-form__card-number-hint img {
    width: 100%
}

.payment-dynamic-form__credit-card-number .input__right-container {
    margin-left: 10px
}

.payment-dynamic-form__card-icon {
    border-radius: 4px;
    max-height: 32px;
    max-width: 100px;
    -o-object-fit: contain;
    object-fit: contain
}

.payment-dynamic-form .payments-js-lib__wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%
}

.payment-dynamic-form .payments-js-lib__img-wrapper {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .7);
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    margin: 0 10px 0 0;
    padding: 5px
}

.payment-dynamic-form .payments-js-lib__description {
    display: block;
    flex: 1;
    overflow: hidden
}

.tooltip {
    border-radius: 16px;
    color: #fff;
    font-weight: 700;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    z-index: 9999
}

.tooltip,
.tooltip .arrow {
    background: #000
}

.player-crypto-currency-select {
    width: 100%
}

.player-crypto-currency-select__title {
    font-size: 16px;
    margin-bottom: 20px
}

.player-crypto-currency-select__select.player-crypto-currency-select__select {
    margin-bottom: 40px
}

.player-crypto-currency-select__button {
    width: 100%
}

.select {
    color: #999;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%
}

.select__bottom-line {
    height: 0;
    position: relative;
    width: 100%
}

.select__dropdown {
    background: #292b36;
    border: 0 solid transparent;
    border-radius: 4px;
    color: #999;
    display: block;
    font-size: 12px;
    font-weight: 600;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-transform: none;
    top: calc(100% + 4px);
    width: 100%;
    z-index: 100
}

.select__arrow-icon-wrapper {
    color: #c0c4db;
    cursor: pointer;
    margin: 0 0 0 4px;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .3s
}

.select__arrow-icon-wrapper--open {
    color: #fff;
    transform: rotate(180deg)
}

.payment-dynamic-form .select .select__dropdown {
    background: #18181c;
    border-radius: 6px
}

.payment-dynamic-form .select .select__option {
    color: #c0c4db;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: -.22px;
    line-height: 16px;
    padding: 5px 6px;
    white-space: nowrap
}

.form-element.form-element-payment .form-element__error {
    align-items: center;
    color: #ec3200;
    display: flex;
    font-size: 10px;
    gap: 6px;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    padding: 6px 0 0;
    text-align: left;
    width: 100%
}

.form-element.form-element-payment .form-element__error .font-icons {
    font-size: 16px
}

.protocols {
    margin-top: 8px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:768px) {
    .protocols {
        max-width: 480px
    }
}

.protocols:after,
.protocols:before {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: width .3s linear;
    width: 0
}

.protocols:before {
    background-image: linear-gradient(90deg, #121212, transparent);
    left: 0
}

.protocols:after {
    background-image: linear-gradient(270deg, #121212, transparent);
    right: 0
}

.protocols--end-gradient:after,
.protocols--start-gradient:before {
    width: 40px
}

.protocols__wrapper {
    display: flex;
    overflow-x: hidden;
    scroll-behavior: smooth
}

.protocol-item {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    opacity: .8;
    outline: none;
    padding: 10px;
    white-space: pre
}

.protocol-item--active {
    border-color: #efcf2f;
    opacity: 1
}

.protocol-item:active,
.protocol-item:focus {
    outline: none
}

.protocol-item:not(:last-child) {
    margin-right: 10px
}

.crypto-address {
    color: #c0c4db;
    font-size: 12px;
    line-height: 14px
}

.crypto-address__code {
    margin: 10px 0
}

.crypto-address__address {
    color: #fff;
    margin: 10px 0;
    word-break: break-all
}

.crypto-address__amount-hint {
    color: #d80027;
    margin: 10px 0 0
}

.crypto-address__amount-hint .amount-hint {
    display: inline
}

.qr-code {
    background: #fff;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    padding: 10px
}

.qr-code__spinner {
    align-items: center;
    display: flex;
    height: 128px;
    justify-content: center;
    width: 128px
}

.qr-code__spinner:before {
    animation: spinner .75s linear infinite;
    border: 5px solid #999;
    border-radius: 50%;
    border-right-color: transparent;
    content: "";
    display: block;
    height: 40px;
    width: 40px
}

@keyframes spinner {
    to {
        transform: rotate(1turn)
    }
}

.amount-hint__item {
    display: inline-block
}

.amount-hint__item:not(:first-child) {
    margin-left: 3px
}

.amount-hint__item:not(:last-child):after {
    content: ","
}

.form-element {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.form-element__error {
    color: #ec3200;
    display: block;
    font-size: 10px;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    padding: 6px 0 0;
    text-align: left;
    width: 100%
}

.card-hint__info {
    cursor: pointer
}

.card-hint__image {
    height: 235px;
    width: 268px
}

.card-hint__image img {
    max-width: 100%
}

.card-hint .font-icons {
    color: #5d5e69;
    font-size: 16px
}

.textarea {
    scrollbar-color: #93959a
}

.textarea::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.textarea::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.textarea::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.textarea::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .textarea {
        scrollbar-width: thin
    }
}

.textarea:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.textarea {
    background: #282a36;
    border: 2px solid #282a36;
    border-radius: 4px;
    box-shadow: none;
    color: #999;
    display: block;
    font-size: 12px;
    font-weight: 600;
    height: 258px;
    letter-spacing: normal;
    line-height: 1.2;
    outline: none;
    overflow: hidden;
    overflow-y: auto;
    padding: 16px;
    resize: vertical;
    text-align: left;
    text-transform: none;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    vertical-align: middle;
    white-space: normal;
    width: 100%
}

.textarea:active,
.textarea:focus,
.textarea:hover {
    background: #282a36;
    border-color: #282a36;
    color: #999;
    outline: none
}

.textarea:focus,
.textarea:hover {
    background: #282a36 none;
    border-color: #999;
    color: #999
}

.textarea--empty {
    background: #282a36 none;
    border-color: #282a36;
    color: #999
}

.textarea--empty:focus,
.textarea--empty:hover {
    background: #282a36 none;
    border-color: #999;
    color: #999
}

.textarea--disabled {
    background: #282a36 none !important;
    border-color: #999 !important;
    color: #999 !important;
    cursor: not-allowed
}

.textarea::-moz-placeholder {
    color: #999 !important;
    line-height: 1.5;
    opacity: 1;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.textarea::-webkit-input-placeholder {
    color: #999 !important;
    line-height: normal;
    opacity: 1;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.textarea:hover::-moz-placeholder {
    color: #999 !important;
    opacity: 1
}

.textarea:hover::-webkit-input-placeholder {
    color: #999 !important;
    opacity: 1
}

.textarea:-webkit-autofill {
    -webkit-text-fill-color: #999 !important;
    background: #282a36 !important;
    background-clip: content-box !important;
    border: 2px solid #282a36 !important;
    border-radius: 4px !important;
    box-shadow: inset 0 0 0 100px #282a36 !important;
    color: #999 !important;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.textarea:-webkit-autofill:active,
.textarea:-webkit-autofill:active:focus,
.textarea:-webkit-autofill:active:hover,
.textarea:-webkit-autofill:focus,
.textarea:-webkit-autofill:focus:hover,
.textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #999 !important;
    border-color: #999 !important;
    box-shadow: inset 0 0 0 100px #282a36 none !important;
    color: #999 !important
}

.textarea:-webkit-autofill:active:not(:hover) {
    -webkit-text-fill-color: #999 !important
}

.textarea--error {
    border-color: rgba(236, 50, 0, .3) !important
}

.textarea--error:-webkit-autofill {
    border-color: rgba(236, 50, 0, .3) !important
}

.textarea--error:-webkit-autofill:active,
.textarea--error:-webkit-autofill:active:focus,
.textarea--error:-webkit-autofill:active:hover,
.textarea--error:-webkit-autofill:focus,
.textarea--error:-webkit-autofill:focus:hover,
.textarea--error:-webkit-autofill:hover {
    border-color: rgba(236, 50, 0, .3) !important
}

.dynamic-form {
    display: flex;
    padding: 16px
}

.dynamic-form .form-element__error {
    font-size: 10px;
    margin-top: 7px;
    text-align: left
}

.dynamic-form__group-wrapper {
    display: flex;
    flex-basis: 33.3333333333%;
    flex-direction: column;
    width: 100%
}

.dynamic-form__group-wrapper+.dynamic-form__group-wrapper {
    margin-left: 16px
}

.dynamic-form__group-wrapper:only-child {
    flex-basis: 100%
}

.dynamic-form__group-title {
    margin-bottom: 16px
}

.dynamic-form__element+.dynamic-form__element {
    margin-top: 16px
}

.dynamic-form__label {
    margin-bottom: 16px
}

.dynamic-form__buttons-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    margin-top: 16px
}

@media(min-width:576px) {
    .dynamic-form__buttons-wrapper {
        flex-direction: row
    }
}

.form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

.form__title {
    color: #999;
    text-align: center;
    text-transform: uppercase
}

.checkbox {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

.checkbox__input {
    display: none;
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute
}

.checkbox__block {
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: auto
}

.checkbox__block:focus {
    outline: none
}

.checkbox__required {
    color: #ec3200;
    display: inline-block
}

.checkbox__point {
    align-items: center;
    background: tranparent none;
    border: 2px solid #999;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 8px;
    height: 20px;
    justify-content: center;
    margin: 0 8px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-shadow: none;
    transition: background-color .3s ease, border-color .3s ease, color .3s ease;
    width: 20px
}

.checkbox__point .font-icons {
    display: none
}

.checkbox__block:hover .checkbox__point {
    background: tranparent none;
    border-color: hsla(0, 0%, 100%, .8)
}

.checkbox__label {
    align-items: center;
    color: #999;
    display: inline-flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    justify-content: flex-start;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    min-height: 20px;
    padding: 0;
    text-align: left;
    text-transform: none;
    transition: color .3s ease;
    width: 100%
}

.checkbox__block:hover .checkbox__label {
    color: #999
}

.checkbox__label a {
    cursor: pointer;
    outline: none;
    text-decoration: none;
    transition: color .3s ease
}

.checkbox__label a:active,
.checkbox__label a:focus,
.checkbox__label a:hover {
    color: #ec3200;
    text-decoration: none
}

.checkbox__label a:hover {
    color: #ec3200;
    text-decoration: underline
}

.checkbox__label sup {
    color: #ec3200;
    top: 0
}

.checkbox__input:checked+.checkbox__block .checkbox__point {
    background: tranparent none;
    border-color: #fff
}

.checkbox__input:checked+.checkbox__block .checkbox__point:before {
    opacity: 1
}

.checkbox__input:checked+.checkbox__block .checkbox__point .font-icons {
    display: block
}

.checkbox__input:checked+.checkbox__block:hover .checkbox__point {
    background: tranparent none;
    border-color: #fff
}

.checkbox__input:checked+.checkbox__block:hover .checkbox__label {
    color: #999
}

.checkbox--disabled,
.checkbox[disabled] {
    cursor: not-allowed
}

.checkbox--disabled .checkbox__block,
.checkbox[disabled] .checkbox__block {
    pointer-events: none
}

.checkbox--disabled .checkbox__point,
.checkbox[disabled] .checkbox__point {
    background: tranparent none;
    border-color: #999
}

.checkbox--disabled .checkbox__label,
.checkbox[disabled] .checkbox__label {
    color: #999
}

.checkbox--disabled .checkbox__input:checked+.checkbox__block .checkbox__point,
.checkbox[disabled] .checkbox__input:checked+.checkbox__block .checkbox__point {
    background: tranparent none;
    border-color: #999
}

.checkbox--disabled .checkbox__input:checked+.checkbox__block .checkbox__label,
.checkbox[disabled] .checkbox__input:checked+.checkbox__block .checkbox__label {
    color: #999
}

.checkbox--error .checkbox__point {
    border-color: #ec3200 !important
}

.checkbox--error .checkbox__label,
.checkbox--error .checkbox__label a,
.checkbox--error .checkbox__label a:hover {
    color: #ec3200 !important
}

.radio-group {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

.radio-group__radio:not(:first-child) {
    margin-top: 5px
}

.radio-group--inline {
    flex-direction: row
}

.radio-group--inline .radio-group__radio:not(:first-child) {
    margin-left: 26px;
    margin-top: 0
}

.radio {
    align-items: flex-start;
    align-self: stretch;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    max-width: calc(50% - 10px);
    padding: 0;
    width: auto
}

.radio__input {
    display: none;
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute
}

.radio__block {
    align-items: flex-start;
    align-self: stretch;
    cursor: pointer;
    justify-content: flex-start;
    margin: 0;
    width: auto
}

.radio__block,
.radio__point {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0
}

.radio__point {
    align-items: center;
    background: tranparent none;
    border: 2px solid #999;
    border-radius: 50%;
    box-shadow: none;
    height: 20px;
    justify-content: center;
    margin: 0 8px 0 0;
    overflow: hidden;
    transition: background-color .3s ease, border-color .3s ease, color .3s ease;
    width: 20px
}

.radio__point:before {
    background: transparent none;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    transition: background-color .3s ease;
    width: 8px
}

.radio__block:hover .radio__point {
    background: tranparent none;
    border-color: hsla(0, 0%, 100%, .8)
}

.radio__label {
    align-items: center;
    color: #999;
    display: inline-flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    justify-content: flex-start;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    min-height: 20px;
    padding: 0;
    text-align: left;
    text-transform: none;
    transition: color .3s ease;
    width: 100%;
    word-break: break-all
}

.radio__block:hover .radio__label {
    color: hsla(0, 0%, 100%, .8)
}

.radio__input:checked+.radio__block .radio__point {
    background: tranparent none;
    border-color: #fff
}

.radio__input:checked+.radio__block .radio__point:before {
    background: #fff none
}

.radio__input:checked+.radio__block .radio__label {
    color: #fff
}

.radio__input:checked+.radio__block:hover .radio__point {
    background: tranparent none;
    border-color: #fff
}

.radio__input:checked+.radio__block:hover .radio__point:before {
    background: #fff none
}

.radio__input:checked+.radio__block:hover .radio__label {
    color: #fff
}

.radio--disabled,
.radio[disabled] {
    cursor: not-allowed
}

.radio--disabled .radio__item,
.radio[disabled] .radio__item {
    pointer-events: none
}

.radio--disabled .radio__point,
.radio[disabled] .radio__point {
    background: tranparent none;
    border-color: #999
}

.radio--disabled .radio__label,
.radio[disabled] .radio__label {
    color: #999
}

.radio--disabled .radio__input:checked+.radio__block .radio__point,
.radio[disabled] .radio__input:checked+.radio__block .radio__point {
    background: tranparent none;
    border-color: #999
}

.radio--disabled .radio__input:checked+.radio__block .radio__point:before,
.radio[disabled] .radio__input:checked+.radio__block .radio__point:before {
    background: #999 none
}

.radio--disabled .radio__input:checked+.radio__block .radio__label,
.radio[disabled] .radio__input:checked+.radio__block .radio__label {
    color: #999
}

.radio--error .radio__point {
    border-color: #ec3200 !important
}

.radio--error .radio__label {
    color: #ec3200 !important
}

.simple-date {
    color: #fff;
    display: flex
}

.simple-date__day,
.simple-date__month {
    margin-right: 9px
}

.terms-acceptance-with-preview__content-wrapper {
    scrollbar-color: #93959a
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .terms-acceptance-with-preview__content-wrapper {
        scrollbar-width: thin
    }
}

.terms-acceptance-with-preview__content-wrapper:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.terms-acceptance-with-preview__content-wrapper {
    background: unset;
    border-radius: 4px;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    margin-bottom: 16px;
    max-height: 250px;
    overflow-y: auto;
    padding: 0
}

.terms-acceptance-with-preview__content-wrapper .page-cms__container {
    padding: 0
}

.terms-acceptance-with-preview__content-wrapper .page-cms__title {
    margin: 0
}

.terms-acceptance-with-preview__content-wrapper .page-cms__content h5 {
    margin: 10px 0
}

.terms-acceptance-with-preview .form-element__error {
    font-size: 10px;
    text-align: left
}

.terms-acceptance-with-preview__content:first-child {
    padding-bottom: 16px
}

.terms-acceptance-with-preview__content+.terms-acceptance-with-preview__content {
    border-top: 2px solid #353639;
    padding-top: 16px
}

.tel {
    display: flex;
    width: 100%
}

.tel__number-input {
    margin-left: 7px
}

.select__dropdown-wrap {
    scrollbar-color: #93959a
}

.select__dropdown-wrap::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.select__dropdown-wrap::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.select__dropdown-wrap::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.select__dropdown-wrap::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .select__dropdown-wrap {
        scrollbar-width: thin
    }
}

.select__dropdown-wrap:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.select,
.select-with-country-icons {
    color: #999;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%
}

.select__option {
    border-radius: 4px;
    min-height: 34px
}

.select__option:not(:first-child) {
    margin-top: 1px
}

.select-with-country-icons__bottom-line,
.select__bottom-line {
    height: 0;
    position: relative;
    width: 100%
}

.select-with-country-icons__dropdown,
.select__dropdown {
    background: #292b36;
    border: 0 solid transparent;
    border-radius: 4px;
    color: #999;
    display: block;
    font-size: 12px;
    font-weight: 600;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-transform: none;
    top: calc(100% + 4px);
    width: 100%;
    z-index: 100
}

.select__dropdown--open {
    padding: 10px 8px
}

.select__dropdown-wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    max-height: 170px;
    overflow-y: auto;
    padding-right: 5px;
    z-index: 100
}

.select__arrow-icon {
    font-size: 5px
}

.select-with-country-icons__arrow-icon-wrapper,
.select__arrow-icon-wrapper {
    color: #c0c4db;
    cursor: pointer;
    margin: 0 0 0 4px;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .3s
}

.select-with-country-icons__arrow-icon-wrapper--open,
.select__arrow-icon-wrapper--open {
    color: #fff;
    transform: rotate(180deg)
}

.payment-dynamic-form .select .select-with-country-icons__dropdown,
.payment-dynamic-form .select .select__dropdown,
.payment-dynamic-form .select-with-country-icons .select-with-country-icons__dropdown,
.payment-dynamic-form .select-with-country-icons .select__dropdown {
    background: #18181c;
    border-radius: 6px
}

.payment-dynamic-form .select .select__option,
.payment-dynamic-form .select-with-country-icons .select__option {
    color: #c0c4db;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: -.22px;
    line-height: 16px;
    padding: 5px 6px;
    white-space: nowrap
}

.select-with-country-icons__input-country-icon,
.select-with-country-icons__option-country-icon {
    height: 24px;
    min-width: 24px;
    width: 24px
}

.select-with-country-icons__option-country-icon {
    margin-right: 12px
}

.select-with-country-icons__globe-icon {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    opacity: .6;
    width: 24px
}

.password-input .password-input__visibility-button {
    margin-left: 8px
}

.password-input .password-input__visibility-icon {
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

.password-input__strength {
    display: block;
    margin: 0;
    padding: 5px 0 0;
    width: 100%
}

.password-input__strength-bar {
    background-color: #212121;
    border-radius: 4px;
    display: block;
    height: 3px;
    margin: 0 0 2px;
    padding: 0;
    position: relative;
    width: 100%
}

.password-input__strength-progress {
    border-radius: 4px;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .3s ease, width .3s ease
}

.password-input__strength--bad .password-input__strength-progress {
    background-color: #ec3200
}

.password-input__strength--weak .password-input__strength-progress {
    background-color: #ff9500
}

.password-input__strength--strong .password-input__strength-progress {
    background-color: #1d79dd
}

.password-input__strength--great .password-input__strength-progress {
    background-color: #48a902
}

.password-input__strength-description {
    color: #999;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: right;
    text-transform: uppercase;
    transition: color .3s ease;
    width: 100%
}

.password-input__strength--bad .password-input__strength-description {
    color: #ec3200
}

.password-input__strength--weak .password-input__strength-description {
    color: #ff9500
}

.password-input__strength--strong .password-input__strength-description {
    color: #1d79dd
}

.password-input__strength--great .password-input__strength-description {
    color: #48a902
}

.payment-amount-default {
    padding: 0 0 20px
}

.payment-amount-default__title {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.payment-amount-default__error {
    color: red
}

.payment-amount-default__preset {
    display: block;
    margin-top: 8px;
    width: 100%
}

.payment-amount-default__input {
    position: relative
}

.payment-amount-default__input .input {
    padding-right: 50px;
    text-align: center
}

.payment-amount-default__currency {
    align-items: center;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 0;
    width: auto;
    z-index: 10
}

.amount-preset-list {
    grid-gap: 8px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 0;
    padding: 0;
    width: 100%
}

.amount-preset-item,
.amount-preset-list__item {
    align-items: center;
    align-self: stretch;
    display: flex;
    justify-content: center
}

.amount-preset-item {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%
}

.amount-preset-item__input {
    display: none;
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute
}

.amount-preset-item__block {
    align-items: center;
    align-self: stretch;
    border: 1px solid #18181c;
    border-radius: 6px;
    color: #c0c4db;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 12px;
    justify-content: center;
    line-height: normal;
    margin: 0;
    min-height: 40px;
    padding: 0;
    transition: background-color .3s ease, color .3s ease;
    width: 100%
}

.amount-preset-item__block:hover {
    border-color: #efcf2f;
    color: #fff
}

.amount-preset-item__currency {
    display: inline-block;
    margin-left: 3px
}

.amount-preset-item__input:checked+.amount-preset-item__block,
.amount-preset-item__input:checked+.amount-preset-item__block:hover {
    border-color: #efcf2f;
    color: #fff
}

.payment-common-errors-default {
    color: red
}

.payment-common-errors-default:not(:empty) {
    margin: 10px 0
}

.payment-submit-default .btn {
    width: 100%
}

.verified-by-card {
    margin-top: 16px
}

.verified-by-card__list {
    display: flex
}

.verified-by-card__item,
.verified-by-card__list {
    align-items: center;
    flex-direction: row;
    justify-content: center
}

.verified-by-card__item {
    display: inline-flex;
    height: 32px
}

.verified-by-card__item+.verified-by-card__item {
    margin-left: 8px
}

.verified-by-card__img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.deposit-bonus-settings-default {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 8px
}

.deposit-bonus-settings-default .deposit-bonus-settings-default__checkbox {
    margin-left: auto
}

.switcher {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    max-width: 100%;
    width: auto
}

.switcher__input {
    display: none;
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute
}

.switcher__block {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: auto
}

.switcher__block:focus {
    outline: none
}

.switcher__block-text {
    color: #999;
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    margin: 0 5px 0 0;
    pointer-events: none;
    text-align: center;
    width: auto
}

.switcher__container {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 15px;
    display: inline-flex;
    flex-direction: row;
    height: 16px;
    justify-content: flex-start;
    padding: 0 2px;
    transition: background-color .3s ease;
    width: 30px
}

.switcher__block:hover .switcher__container {
    background-color: hsla(0, 0%, 100%, .6)
}

.switcher__button {
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: 50%;
    display: inline-flex;
    height: 12px;
    transition: background-color .3s ease;
    width: 12px
}

.switcher__block:hover .switcher__button {
    background-color: hsla(0, 0%, 100%, .9)
}

.switcher__input:checked+.switcher__block .switcher__container {
    background-color: red;
    justify-content: flex-end
}

.switcher__input:checked+.switcher__block .switcher__button {
    background-color: #fff
}

.switcher--disabled,
.switcher[disabled] {
    cursor: not-allowed
}

.deposit-bonus-settings-default .switcher .switcher__container {
    height: 20px;
    width: 34px
}

.deposit-bonus-settings-default .switcher .switcher__block-text {
    color: #c0c4db;
    font-size: 12px
}

.deposit-bonus-settings-default .switcher .switcher__button {
    height: 14px;
    width: 14px
}

.bonus-code-form-default,
.bonus-code-form-default.form {
    align-items: stretch;
    flex-direction: row;
    flex-wrap: nowrap
}

.bonus-code-form-default .bonus-code-form-default__button {
    align-self: stretch;
    background: #3e4151;
    border-color: #3e4151;
    display: inline-flex;
    font-size: 12px;
    margin: 0 0 0 8px;
    min-height: 44px;
    min-width: 68px;
    padding: 0 8px;
    width: auto
}

.bonus-code-form-default .bonus-code-form-default__button:before {
    content: attr(title)
}

.bonus-code-form-default .bonus-code-form-default__button:hover:not(:disabled) {
    background: #62666c
}

.bonus-code-form-click {
    border: 1px solid #191a1f;
    border-radius: 6px;
    padding: 12px 16px;
    z-index: 1
}

.bonus-code-form-click--active {
    border-color: #fba942
}

.bonus-code-form-click__content {
    align-items: center;
    display: flex;
    gap: 8px;
    width: 100%
}

.bonus-code-form-click__btn {
    background: #3e4151;
    border-color: #3e4151;
    font-size: 12px;
    margin-left: auto;
    min-height: 38px;
    min-width: 68px;
    padding: 0 8px
}

.bonus-code-form-click__btn:hover:not(:disabled) {
    background: #62666c
}

.bonus-code-form-click__btn:disabled,
.bonus-code-form-click__btn:disabled:hover {
    background: #3e4151
}

.bonus-code-form-click__btn .font-icon {
    font-size: 16px
}

.lottery-timer__timer {
    padding: 8px 4px
}

.lottery-timer__title {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px
}

@media(min-width:960px) {
    .lottery-timer__title {
        font-size: 16px
    }
}

.blocks-timer {
    align-items: center;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 8px 4px;
    width: 100%
}

.blocks-timer__list {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%
}

.blocks-timer__item {
    align-items: center;
    color: #fff;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0 8px;
    position: relative;
    width: auto
}

.blocks-timer__label {
    font-size: 12px;
    margin: 0 0 4px;
    max-width: 100%;
    opacity: .5;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.blocks-timer__label,
.blocks-timer__value {
    display: block;
    padding: 0;
    text-align: center;
    width: 100%
}

.blocks-timer__value {
    font-size: 20px;
    font-weight: 700;
    margin: 0
}

@media(min-width:768px) {
    .blocks-timer__value {
        font-size: 22px
    }
}

.notification-center-modal .modal__content {
    background: #23252b;
    border-radius: 6px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .049);
    color: #fff;
    padding: 27px 20px 30px
}

@media(min-width:576px) {
    .notification-center-modal .modal__content {
        padding: 26px 15px 30px
    }
}

@media(min-width:960px) {
    .notification-center-modal .modal__content {
        min-width: 740px
    }
}

.notification-center-modal--lootbox .modal__content {
    background: #282a36
}

.notification-center-modal .notifications-title {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

.notification-center-modal .modal__close-button {
    right: 10px;
    top: 10px
}

.notification-center-modal .timer-section {
    align-items: center;
    display: flex;
    flex-direction: column
}

.notification-center-modal .bonus-game,
.notification-center-modal .time-title {
    margin-bottom: 10px
}

.notification-center-modal .button-list {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 35px
}

@media(min-width:576px) {
    .notification-center-modal .button-list {
        flex-direction: row
    }
}

.notification-center-modal .button-list>* {
    width: 100%
}

@media(min-width:576px) {
    .notification-center-modal .button-list>* {
        width: auto
    }
}

.notification-center-modal .button-list>:not(:last-child) {
    margin-bottom: 10px;
    margin-right: 0
}

@media(min-width:576px) {
    .notification-center-modal .button-list>:not(:last-child) {
        margin-bottom: 0;
        margin-right: 10px
    }
}

.notification-center-modal--lootwheel .modal__content-wrapper {
    margin-top: 80px;
    max-width: 340px;
    width: 100%
}

@media(min-width:768px) {
    .notification-center-modal--lootwheel .modal__content-wrapper {
        max-width: 764px
    }
}

.notification-center-modal--lootwheel .modal__content {
    margin: 0 10px;
    padding: 0
}

.notification-center-modal--christmas_time_wheel .modal__close-button {
    z-index: 100
}

@media(min-width:768px) {
    .notification-center-modal--christmas_time_wheel .modal__content-wrapper {
        max-width: 778px
    }
}

.notification-center-modal--christmas_time_wheel .modal__content {
    background: linear-gradient(213deg, rgba(40, 42, 54, .5) 6.11%, rgba(38, 15, 193, .5) 101.95%), #282a36;
    border-radius: 12px;
    margin: 0;
    overflow: hidden
}

@media(min-width:768px) {
    .notification-center-modal--christmas_time_wheel .modal__content {
        overflow: initial
    }
}

.notification-center-modal-content-bonus .bonus-game {
    margin-bottom: 10px
}

.notification-center-modal-content-bonus .bonus-game:last-child {
    margin-bottom: 0
}

@media(min-width:576px) {
    .notification-center-modal-content-bonus .bonus-game {
        margin-bottom: 0;
        margin-right: 20px
    }
    .notification-center-modal-content-bonus .bonus-game:last-child {
        margin-right: 0
    }
}

.bonus__description,
.bonus__name {
    margin-bottom: 10px;
    text-align: center
}

.bonus__expiry-date {
    margin-top: 15px
}

.bonus-games__list {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 15px
}

@media(min-width:576px) {
    .bonus-games__list {
        flex-direction: row
    }
}

.bonus-games__show-more {
    display: block;
    margin: 10px auto
}

.bonus-games__modal-content {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.bonus-games__modal-content .bonus-game {
    margin: 0 10px 10px
}

.bonus-games__modal .modal__content {
    padding: 0 20px 20px
}

.bonus-games__modal-title {
    display: block;
    font-weight: 700;
    padding: 10px 0;
    text-align: center
}

.bonus-game {
    cursor: pointer;
    position: relative
}

.bonus-game:hover .bonus-game__menu {
    display: flex
}

@media(min-width:960px) {
    .bonus-game:hover .bonus-game__title {
        display: block
    }
}

.bonus-game__menu {
    align-items: center;
    bottom: 0;
    flex-direction: column;
    justify-content: center;
    top: 0
}

.bonus-game__menu,
.bonus-game__title {
    display: none;
    left: 0;
    position: absolute;
    right: 0
}

.bonus-game__title {
    bottom: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center
}

.bonus-game__image {
    width: 150px
}

@media(min-width:768px) {
    .bonus-game__image {
        width: 200px
    }
}

.bonus-game__play-button {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media(min-width:960px) {
    .bonus-game__play-button {
        opacity: 1;
        position: static
    }
}

.notification-center-modal-content-freespin .bonus-game {
    margin-bottom: 10px
}

.notification-center-modal-content-freespin .bonus-game:last-child {
    margin-bottom: 0
}

@media(min-width:576px) {
    .notification-center-modal-content-freespin .bonus-game {
        margin-bottom: 0;
        margin-right: 20px
    }
    .notification-center-modal-content-freespin .bonus-game:last-child {
        margin-right: 0
    }
}

.notification-center-modal-content-freespin .blocks-timer__item:before {
    content: none !important
}

.freespin__games {
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.freespin__total {
    text-align: center
}

.freespin__game {
    cursor: pointer;
    margin-right: 20px;
    position: relative
}

.freespin__game:last-child {
    margin-right: 0
}

.freespin__game:hover .freespin__game-menu {
    display: flex
}

.freespin__game:hover .freespin__game-title {
    display: block
}

.freespin__game-menu {
    align-items: center;
    bottom: 0;
    flex-direction: column;
    justify-content: center;
    top: 0
}

.freespin__game-menu,
.freespin__game-title {
    display: none;
    left: 0;
    position: absolute;
    right: 0
}

.freespin__game-title {
    bottom: 5px;
    text-align: center
}

.freespin__game-image {
    width: 200px
}

.notification-center-modal--jackpotWin .modal__content-wrapper {
    max-width: 600px
}

.notification-center-modal--jackpotWin .modal__content {
    background: none;
    margin: 0 auto;
    max-width: 508px;
    min-width: auto;
    padding: 0
}

.jackpot-win {
    background: url("") 50%/cover no-repeat;
    border-radius: 6px;
    color: #fff;
    padding: 50px 20px 60px;
    text-align: center;
    text-transform: uppercase
}

.jackpot-win+.modal__close-button {
    color: #fff;
    right: 5px;
    top: 5px
}

.jackpot-win__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 20px;
    text-transform: none
}

.jackpot-win__name {
    color: #ff3030;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px
}

.jackpot-win__description {
    font-size: 36px;
    font-weight: 800;
    line-height: 120%;
    margin-bottom: 20px
}

@media(min-width:768px) {
    .jackpot-win__description {
        font-size: 46px
    }
}

.jackpot-win__buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 12px
}

.jackpot-win__buttons .btn {
    min-width: 150px;
    text-transform: capitalize
}

.notification-center-modal-content-level__level {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center
}

.notification-center-modal-content-level__level:not(:last-child) {
    margin-bottom: 20px
}

.notification-center-modal-content-level__level-title {
    margin-bottom: 7px
}

.notification-center-modal-content-level__image-wrapper {
    height: 55px;
    margin-bottom: 20px;
    width: 55px
}

.notification-center-modal-content-level__image {
    max-width: 100%
}

.notification-center-modal-content-level__level-name {
    color: #fff;
    font-weight: 700
}

.lootbox__valid-until {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    margin: 10px 0;
    text-align: center;
    text-transform: uppercase
}

.lootbox__cancel {
    display: block;
    margin: 20px auto 0;
    min-width: 200px
}

.lootbox__timer {
    background: linear-gradient(91.53deg, rgba(85, 29, 97, .5) 4.93%, rgba(89, 70, 214, .25) 94.49%);
    border-radius: 2px;
    display: block;
    height: 61px;
    margin-left: auto;
    margin-right: auto;
    max-width: 285px;
    text-align: center
}

.lootbox__timer .blocks-timer__item {
    max-width: 25%;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative
}

.lootbox__timer .blocks-timer__item:first-of-type:before,
.lootbox__timer .blocks-timer__item:nth-of-type(2):before,
.lootbox__timer .blocks-timer__item:nth-of-type(3):before {
    background-color: hsla(0, 0%, 100%, .25);
    content: "";
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.lootbox__timer .blocks-timer__text {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 14px;
    margin-bottom: 2px;
    opacity: .5;
    text-transform: uppercase
}

.lootbox__timer .blocks-timer__value {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 25px
}

.lootbox__desc,
.lootbox__title {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.lootbox__title {
    -webkit-text-fill-color: transparent;
    background-color: #e4f21e;
    background: linear-gradient(270.69deg, #fba942 18.89%, #e4f21e 81.52%);
    -webkit-background-clip: text;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 2px;
    max-width: calc(100% - 50px);
    text-align: center;
    text-transform: uppercase
}

.lootbox__desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 140%
}

.lootbox__boxes {
    align-items: flex-start;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0
}

@media(min-width:960px) {
    .lootbox__boxes {
        -moz-column-gap: 10px;
        column-gap: 10px
    }
}

.lootbox__box {
    align-self: flex-end;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 90px
}

@media(min-width:960px) {
    .lootbox__box {
        width: 200px
    }
}

.lootbox__box--disabled {
    opacity: .6;
    pointer-events: none
}

.lootbox__box--selected {
    pointer-events: none
}

.lootbox__box--closed .lootbox__box-image--hover {
    display: none
}

.lootbox__box--closed:hover .lootbox__box-image--hover {
    display: block
}

.lootbox__box--closed:hover .lootbox__box-image--static {
    display: none
}

.lootbox__show-all-boxes {
    display: block;
    margin: 20px auto
}

.lootbox__prize {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 110%;
    padding: 8px 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.lootbox .collapse-block {
    margin: 2px auto 32px;
    max-width: 190px
}

.lootbox .collapse-block__title {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 17px;
    text-align: left;
    text-transform: uppercase
}

.lootbox .collapse-block__toggle {
    justify-content: center
}

.lootbox .collapse-block__row {
    align-content: center;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 500;
    justify-content: space-between;
    letter-spacing: 0;
    line-height: 19px;
    width: 100%
}

.lootbox .collapse-block__row-name {
    color: #92a0b1;
    max-width: 125px;
    text-align: left
}

.lootbox .collapse-block__row-value {
    color: #fff;
    max-width: 55px;
    text-align: right
}

.collapse-block {
    font-size: 24px;
    font-weight: 700
}

.collapse-block__toggle {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    transition: color .3s ease
}

.collapse-block__toggle:hover {
    color: #fff
}

.collapse-block__title {
    margin: 0
}

.collapse-block__caret {
    color: #b9c6d6;
    font-size: 8px;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .3s
}

.collapse-block__caret--open {
    transform: rotate(180deg)
}

.collapse-block__content-wrap {
    padding-top: 20px
}

.collapse-block__content-wrap .content {
    font-size: 14px
}

.collapse-block--with-separator {
    padding: 21px 0
}

@media(min-width:768px) {
    .collapse-block--with-separator {
        padding: 23px 0
    }
}

.collapse-block--with-separator:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 60%, .4)
}

.collapse-block--with-separator .collapse-block__caret {
    font-size: 6px
}

.collapse-block--with-separator .collapse-block__title {
    font-size: 18px;
    letter-spacing: .24px;
    text-align: left
}

.collapse-block--bordered {
    border-bottom: 1px solid #5b616a;
    border-top: 1px solid #5b616a;
    padding: 0
}

.collapse-block--bordered .collapse-block__toggle {
    padding: 21px 0
}

.collapse-block--bordered .collapse-block__content-wrap {
    padding: 0 0 20px
}

.content {
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
    opacity: 1
}

.content>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

@media(min-width:1248px) {
    .content {
        font-size: 16px
    }
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 16px;
    margin-top: 0;
    opacity: 1
}

.content h1 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 32px
}

.content h2 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 24px
}

@media(min-width:960px) {
    .content h2 {
        font-size: 36px;
        line-height: 32px
    }
}

.content h3 {
    font-size: 24px;
    line-height: 24px
}

.content h4 {
    font-size: 18px;
    line-height: 24px
}

.content h5,
.content h6 {
    font-size: 16px;
    line-height: 24px
}

.content blockquote,
.content ol,
.content p,
.content table,
.content ul {
    margin-bottom: 20px
}

@media(min-width:768px) {
    .content blockquote,
    .content ol,
    .content p,
    .content table,
    .content ul {
        margin-bottom: 30px
    }
}

.content p {
    line-height: 30px;
    margin-top: 0;
    opacity: .8
}

.content mark {
    background: #ff3030;
    color: #fff;
    font-weight: 500;
    padding: 1px 5px
}

.content section {
    margin-bottom: 80px
}

.content section>:first-of-type {
    margin-top: 0;
    padding-top: 0
}

.content a:not(.link-btn) {
    color: #ff3030;
    font-size: inherit;
    font-style: normal;
    margin: 0;
    padding: 0 3px;
    text-decoration: none;
    text-transform: none;
    transition: color .3s ease
}

.content a:not(.link-btn):hover {
    text-decoration: none
}

.content ol,
.content ul {
    list-style: none;
    margin-top: 0;
    padding: 0
}

.content ol li,
.content ul li {
    opacity: .8;
    padding-left: 25px;
    position: relative
}

.content ol li+li,
.content ul li+li {
    margin-top: 8px
}

.content ul li:before {
    background-color: #ff3030;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: .5em;
    width: 6px
}

.content ol {
    counter-reset: list-counter
}

.content ol li {
    counter-increment: list-counter
}

.content ol li:before {
    content: counter(list-counter);
    left: 0;
    position: absolute;
    top: 0
}

.content img {
    display: inline-block;
    margin: 0;
    max-width: 100%
}

.content pre {
    white-space: normal
}

.content blockquote {
    border: 1px solid #ff3030;
    border-radius: 6px;
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 30px
}

.content hr {
    background: hsla(0, 0%, 100%, .5);
    border: none;
    height: 1px;
    margin: 35px 0
}

.content .center {
    text-align: center
}

.content .right {
    text-align: right
}

.content table:not([class]) {
    border: 1px solid #818183;
    border-spacing: 0;
    margin: 20px 0;
    position: relative;
    width: 100%
}

.content table:not([class]) thead {
    display: table-header-group
}

.content table:not([class]) thead tr th {
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    height: 58px;
    letter-spacing: .25px;
    text-align: center
}

.content table:not([class]) tbody tr {
    border-radius: 5px;
    color: #fff;
    display: table-row;
    flex-wrap: wrap;
    margin-bottom: 0;
    text-align: center
}

.content table:not([class]) tbody tr th {
    border: 1px solid #fff;
    display: table-cell;
    vertical-align: middle
}

.content table:not([class]) tbody tr td {
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .14px;
    padding: 12px 10px 12px 0;
    text-align: center;
    vertical-align: middle;
    width: auto
}

.lootwheel-item {
    align-items: center;
    background: url("") no-repeat top;
    background-size: 360px auto;
    display: flex;
    flex-direction: column;
    min-height: 506px;
    padding: 38px 10px 24px;
    row-gap: 40px
}

@media(min-width:768px) {
    .lootwheel-item {
        background-position: center left -10px;
        background-size: 540px auto;
        -moz-column-gap: 32px;
        column-gap: 32px;
        flex-direction: row;
        min-height: 520px;
        padding: 46px 32px 46px 46px
    }
}

.lootwheel-item__description-block {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    text-align: center
}

.lootwheel-item__title {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 12px
}

.lootwheel-item__win-msg {
    font-size: 14px;
    font-weight: 400
}

.lootwheel-item__btn-wrap,
.lootwheel-item__win-msg {
    transition: display .3s ease
}

.lootwheel-item__action-btn {
    min-width: 160px
}

.notification-center-modal--christmas_time_wheel .lootwheel-item {
    background: none;
    gap: 24px;
    padding: 24px 0
}

@media(min-width:768px) {
    .notification-center-modal--christmas_time_wheel .lootwheel-item {
        gap: 10px;
        justify-content: space-between;
        padding: 24px 32px 24px 59px
    }
}

.notification-center-modal--christmas_time_wheel .lootwheel-item .lootwheel-item__title {
    color: #f41c43;
    font-size: 22px;
    font-weight: 600;
    line-height: 110%;
    margin: 0 0 24px
}

.notification-center-modal--christmas_time_wheel .lootwheel-item .lootwheel-item__title .big {
    color: #fff;
    display: block;
    font-size: 36px;
    font-weight: 700;
    line-height: 110%;
    margin-top: 12px;
    text-transform: uppercase
}

.notification-center-modal--christmas_time_wheel .lootwheel-item .lootwheel-item__description-block {
    padding: 0 24px;
    width: 100%
}

@media(min-width:768px) {
    .notification-center-modal--christmas_time_wheel .lootwheel-item .lootwheel-item__description-block {
        max-width: 190px;
        padding: 0
    }
}

.notification-center-modal--christmas_time_wheel .lootwheel-item .lootwheel-item__btn-wrap,
.notification-center-modal--christmas_time_wheel .lootwheel-item .lootwheel-item__btn-wrap .lootwheel-item__action-btn {
    width: 100%
}

.notification-center-modal--christmas_time_wheel .lootwheel-item--rotated {
    align-items: flex-start;
    min-height: 490px
}

.notification-center-modal--christmas_time_wheel .lootwheel-item--rotated:before {
    background-image: url("");
    background-size: cover;
    bottom: -79px;
    content: "";
    height: 610px;
    left: -260px;
    position: absolute;
    width: 779px;
    z-index: 1
}

@media(min-width:768px) {
    .notification-center-modal--christmas_time_wheel .lootwheel-item--rotated:before {
        left: 0
    }
}

.notification-center-modal--christmas_time_wheel .lootwheel-item--rotated .lootwheel-item__description-block {
    margin-top: 60px
}

@media(min-width:768px) {
    .notification-center-modal--christmas_time_wheel .lootwheel-item--rotated .lootwheel-item__description-block {
        max-width: none
    }
}

.lootwheel-award {
    height: 285px;
    min-width: 285px;
    position: relative;
    width: 285px
}

@media(min-width:768px) {
    .lootwheel-award {
        height: 428px;
        min-width: 428px;
        width: 428px
    }
}

.lootwheel-award__wheel {
    bottom: 0;
    height: 249px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 249px
}

@media(min-width:768px) {
    .lootwheel-award__wheel {
        height: 357px;
        width: 357px
    }
}

.lootwheel-award__rim {
    height: auto;
    left: 0;
    position: absolute;
    top: 0
}

.lootwheel-award__center {
    background: url("") no-repeat 50%;
    background-size: cover;
    bottom: 0;
    cursor: pointer;
    height: 59px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 59px;
    z-index: 2
}

.lootwheel-award__center:hover {
    background-image: url("")
}

.lootwheel-award__center:active,
.lootwheel-award__center:focus {
    background-image: url("")
}

@media(min-width:768px) {
    .lootwheel-award__center {
        height: 85px;
        width: 85px
    }
}

.lootwheel-award__center--disabled {
    cursor: auto;
    filter: brightness(50%);
    pointer-events: none
}

.lootwheel-award__stopper {
    bottom: 0;
    height: auto;
    margin: auto;
    position: absolute;
    right: -10px;
    top: 0;
    width: 45px
}

@media(min-width:768px) {
    .lootwheel-award__stopper {
        right: -13px;
        width: 60px
    }
}

.lootwheel-award__center,
.lootwheel-award__rim,
.lootwheel-award__stopper,
.lootwheel-award__wheel {
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}

.notification-center-modal--christmas_time_wheel .lootwheel-award {
    height: 270px;
    min-width: 270px;
    width: 270px
}

.notification-center-modal--christmas_time_wheel .lootwheel-award:before {
    background-image: url("");
    background-size: cover;
    bottom: 0;
    content: "";
    height: 266px;
    left: -38px;
    position: absolute;
    width: 345px;
    z-index: 1
}

@media(min-width:768px) {
    .notification-center-modal--christmas_time_wheel .lootwheel-award:before {
        bottom: 0;
        height: 422px;
        left: -59px;
        width: 546px
    }
    .notification-center-modal--christmas_time_wheel .lootwheel-award {
        height: 428px;
        min-width: 428px;
        width: 428px
    }
    .notification-center-modal--christmas_time_wheel .lootwheel-award .lootwheel-award__wheel {
        height: 392px;
        width: 392px
    }
}

.notification-center-modal--christmas_time_wheel .lootwheel-award .lootwheel-award__center {
    background: url("") no-repeat 50%;
    background-size: cover;
    height: 56px;
    width: 56px
}

.notification-center-modal--christmas_time_wheel .lootwheel-award .lootwheel-award__center:hover {
    background-image: url("")
}

.notification-center-modal--christmas_time_wheel .lootwheel-award .lootwheel-award__center:active,
.notification-center-modal--christmas_time_wheel .lootwheel-award .lootwheel-award__center:focus {
    background-image: url("")
}

@media(min-width:768px) {
    .notification-center-modal--christmas_time_wheel .lootwheel-award .lootwheel-award__center {
        height: 90px;
        width: 90px
    }
}

.notification-center-modal--christmas_time_wheel .lootwheel-award .lootwheel-award__stopper {
    width: 42px
}

@media(min-width:768px) {
    .notification-center-modal--christmas_time_wheel .lootwheel-award .lootwheel-award__stopper {
        right: -15px;
        width: 58px
    }
}

@keyframes wheel-waiting {
    0% {
        transform: rotate(-3deg)
    }
    50% {
        transform: rotate(3deg)
    }
    to {
        transform: rotate(-3deg)
    }
}

.notification-initial {
    align-items: center;
    background: hsla(0, 0%, 9%, .8);
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: 12px;
    gap: 12px;
    justify-content: center;
    left: 0;
    line-height: 140%;
    padding: 12px;
    position: fixed;
    right: 0;
    z-index: 110
}

.notification-initial__accept {
    border-radius: 10px !important;
    font-weight: 700 !important;
    min-width: -moz-fit-content !important;
    min-width: fit-content !important
}

.notification-initial-AU {
    font-size: 18px;
    padding: 18px
}

.notification-content-wrapper {
    padding-left: 40px;
    position: relative
}

@media(max-width:960px) {
    .notification-content-wrapper {
        padding-left: 0
    }
}

.notification-content-wrapper:before {
    background: url("../img/cookies-icon.a0742eca..svg") 50% no-repeat;
    content: "";
    height: 28px;
    left: 0;
    position: absolute;
    top: calc(50% - 14px);
    width: 28px
}

@media(max-width:960px) {
    .notification-content-wrapper:before {
        display: none
    }
}

.notification-cookies-policy__link {
    color: #ff3030;
    text-decoration: underline
}

.game-preview-v2 {
    bottom: 20px;
    display: flex;
    position: fixed;
    right: 10px;
    width: 200px;
    z-index: 11
}

@media(max-width:768px) {
    .game-preview-v2 {
        bottom: 80px;
        width: 150px
    }
}

.game-preview-v2__close-button {
    align-items: center;
    align-self: flex-start;
    background: transparent none;
    border: none;
    border-radius: 0;
    color: #999;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 10px;
    justify-content: center;
    line-height: 1;
    margin: 0 0 0 10px;
    outline: none;
    padding: 0;
    text-align: center;
    text-shadow: none;
    transition: color .3s ease
}

@media(min-width:1632px) {
    .game-preview-v2__close-button {
        font-size: 14px
    }
}

.game-preview-v2__close-button:hover {
    color: #fff
}

.game {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.game,
.game__block-img {
    overflow: hidden;
    width: 100%
}

.game__block-img {
    aspect-ratio: 1/1;
    border-radius: 8px
}

.game__img {
    border: none;
    height: 100%;
    width: 100%
}

.game__action {
    align-items: center;
    background-color: rgba(33, 33, 33, .8);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

/* @media(min-width:1248px) { */
    .game:hover .game__action {
        opacity: 1
      }
 /* } */

.game--title-bottom {
    background: linear-gradient(0deg, #363a46 1.99%, #23252b 25.37%);
    border-radius: 6px;
    height: 100%;
    padding-bottom: 8px
}

.game--title-bottom .game__block-img img {
    border-radius: 6px;
    overflow: hidden
}

.game--title-bottom .game__title {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 15px;
    margin-top: 8px;
    padding: 0 10px;
    text-transform: inherit
}

.game--title-bottom .game__provider {
    color: #9ba1b4;
    font-size: 9px;
    font-weight: 400;
    line-height: 13px;
    margin-top: 2px;
    text-transform: inherit
}

.game__favorite {
    background: transparent none;
    border: none;
    box-shadow: none;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 10px;
    line-height: 1;
    margin: 0;
    opacity: 0;
    outline: none;
    padding: 0;
    position: absolute;
    right: 7px;
    text-shadow: none;
    top: 7px;
    transition: color .3s ease, opacity .3s ease;
    z-index: 10
}

@media(min-width:1248px) {
    .game__favorite--active {
        color: #999
    }
}

.game__favorite--active:after {
    box-shadow: 0 0 12px 3px #000;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(50%, 25%);
    width: 50%;
    z-index: -1
}

@media(min-width:960px) {
    .game__favorite {
        font-size: 14px;
        right: 11px;
        top: 11px
    }
}

@media(min-width:1632px) {
    .game__favorite {
        font-size: 18px;
        right: 13px;
        top: 13px
    }
}

@media(min-width:1920px) {
    .game__favorite {
        font-size: 20px;
        right: 15px;
        top: 15px
    }
}

.game__favorite:active,
.game__favorite:focus,
.game__favorite:hover {
    background: transparent none;
    outline: none
}

.game__favorite:hover {
    color: #fff
}

@media(min-width:1248px) {
    .game:hover .game__favorite {
        opacity: 1
    }
}

.game__label-list {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    padding: 8px;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    width: 100%
}

.game:hover .game__label-list {
    display: none
}

.game__label {
    align-items: center;
    background-color: #ec3200;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 10px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .1px;
    line-height: 1;
    min-height: 24px;
    min-width: 40px;
    padding: 0 5px;
    text-align: center;
    text-transform: uppercase;
    width: auto
}

.game__label--top {
    background-color: #9e2897
}

.game__label--hot {
    background-color: #ff9500
}

.game__label--jackpot {
    align-self: center;
    background-color: #770ce1;
    margin-top: 39% !important
}

.game__label--live {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    display: flex;
    justify-content: center;
    left: 9px;
    line-height: 1;
    margin-top: 8px;
    padding-left: 21px;
    padding-right: 9px;
    position: absolute;
    top: 0;
    vertical-align: middle;
    z-index: 1
}

.game__label--live:before {
    animation: blink .5s, opacityBlink 1s infinite;
    animation-delay: 0s, .5s;
    background: #05ee38;
    border-radius: 6px;
    content: "";
    height: 6px;
    left: 9px;
    position: absolute;
    top: 9px;
    width: 6px
}

.game__label--evo-prime-drop {
    background: linear-gradient(#ce5ff5, #aa1e94);
    font-size: 18px
}

.game__label+.game__label {
    margin-top: 8px
}

.game__dropsnwins-label {
    left: 0;
    position: absolute;
    top: 0;
    width: 40%
}

.game__dropsnwins-label-img {
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}

.game__title {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .16px;
    line-height: 20px;
    margin: 0;
    max-height: 40px;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media(min-width:768px) {
    .game__title {
        padding: 0
    }
}

@media(min-width:1248px) {
    .game__title {
        overflow: hidden;
        padding: 0 10px;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.game__provider {
    color: #ff3030;
    font-size: 8px;
    font-weight: 600;
    line-height: 12px;
    margin: 0;
    max-height: 14px;
    overflow: hidden;
    text-transform: uppercase
}

.game__buttons,
.game__provider {
    display: block;
    padding: 0;
    text-align: center;
    width: 100%
}

.game__buttons {
    margin: 8px 0 0
}

@media(min-width:768px) {
    .game__buttons {
        margin-top: 12px
    }
}

@media(min-width:960px) {
    .game__buttons {
        margin-top: 16px
    }
}

@media(min-width:1248px) {
    .game__buttons {
        margin-top: 10px
    }
}

@media(min-width:1632px) {
    .game__buttons {
        margin-top: 19px
    }
}

@media(min-width:1920px) {
    .game__buttons {
        margin-top: 40px
    }
}

.game .game__button--demo,
.game .game__button--play {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: 100%
}

@media(min-width:1248px) {
    .game .game__button--demo,
    .game .game__button--play {
        position: static;
        width: auto
    }
}

.game--user .game__button--demo {
    /* display: none */
}

@media(min-width:1248px) {
    .game--user .game__button--demo {
        display: flex
    }
}

.game__demo {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 7px 0 0;
    padding: 0;
    width: 100%
}

@media(min-width:768px) {
    .game__demo {
        margin-top: 9px
    }
}

@media(min-width:960px) {
    .game__demo {
        margin-top: 11px
    }
}

@media(min-width:1248px) {
    .game__demo {
        margin-top: 9px
    }
}

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

@media(min-width:1248px) {
    .game .game__play .game__button {
        background: linear-gradient(137.51deg, rgba(254, 64, 58, .9) 14.16%, rgba(230, 20, 37, .9) 83.55%);
        border: 6px solid rgba(52, 22, 22, .2);
        border-radius: 60px;
        box-shadow: inset 0 2.5px 2.5px rgba(0, 0, 0, .2), inset 0 -2.5px 2.5px rgba(0, 0, 0, .2);
        font-size: 27px;
        height: 60px;
        min-width: 60px;
        transition: box-shdow .3s ease, border .3s ease;
        width: 60px
    }
    .game .game__play .game__button:hover {
        border: 0 solid rgba(52, 22, 22, .2);
        box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent
    }
}

.game .game__demo {
    margin-top: 14px
}

.game .game__demo .game__button {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    text-decoration: underline;
    text-transform: capitalize
}

.game--banner {
    align-self: stretch;
    display: flex;
    max-height: 100%;
    width: 100%
}

.game--banner .game__img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.game--banner .game__favorite {
    display: none
}

.game-slider .game .game__title {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;
    padding: 0
}

.game-slider .game .game__favorite {
    font-size: 14px
}

@media(min-width:1632px) {
    .game-slider .game .game__favorite {
        font-size: 18px;
        right: 15px;
        top: 15px
    }
}

.game-slider .game .game__provider {
    font-size: 10px;
    margin-top: 4px;
    max-height: 12px
}

@media(min-width:1632px) {
    .game-slider .game .game__provider {
        font-size: 12px;
        margin-top: 7px;
        max-height: 16px
    }
}

.game-slider .game .game__action {
    padding: 20px 5px 5px
}

@media(min-width:1632px) {
    .game-slider .game .game__action {
        padding: 5px
    }
}

@keyframes blink {
    0%,
    90% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes opacityBlink {
    0%,
    60%,
    to {
        opacity: 1
    }
    99% {
        opacity: .15
    }
}

.required-fields-modal__content {
    padding: 24px
}

.required-fields-modal .required-fields-modal__form {
    background-color: transparent
}

@media(min-width:576px) {
    .required-fields-modal .required-fields-modal__form {
        padding: 16px
    }
}

.required-fields-modal__reject-button {
    margin: 10px 0 0;
    text-transform: uppercase
}

@media(min-width:576px) {
    .required-fields-modal__reject-button {
        margin: 0 16px 0 0
    }
}

.required-fields-modal__submit-button {
    text-transform: uppercase
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.animated {
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.repeat-1 {
    animation-iteration-count: var(--animate-repeat)
}

.animated.repeat-2 {
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animated.repeat-3 {
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animated.delay-1s {
    animation-delay: var(--animate-delay)
}

.animated.delay-2s {
    animation-delay: calc(var(--animate-delay)*2)
}

.animated.delay-3s {
    animation-delay: calc(var(--animate-delay)*3)
}

.animated.delay-4s {
    animation-delay: calc(var(--animate-delay)*4)
}

.animated.delay-5s {
    animation-delay: calc(var(--animate-delay)*5)
}

.animated.faster {
    animation-duration: calc(var(--animate-duration)/2)
}

.animated.fast {
    animation-duration: calc(var(--animate-duration)*.8)
}

.animated.slow {
    animation-duration: calc(var(--animate-duration)*2)
}

.animated.slower {
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animated {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important
    }
    .animated[class*=Out] {
        opacity: 0
    }
}

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

.fadeOut {
    animation-name: fadeOut
}

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

.fadeIn {
    animation-name: fadeIn
}

.rnc__notification-container--bottom-center,
.rnc__notification-container--bottom-full,
.rnc__notification-container--bottom-left,
.rnc__notification-container--bottom-right,
.rnc__notification-container--center,
.rnc__notification-container--top-center,
.rnc__notification-container--top-full,
.rnc__notification-container--top-left,
.rnc__notification-container--top-right {
    min-width: 325px;
    pointer-events: all;
    position: absolute
}

.rnc__notification-container--bottom-center,
.rnc__notification-container--center,
.rnc__notification-container--top-center {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: calc(50% - 175px);
    max-width: 350px
}

.rnc__notification-container--center {
    height: 100%;
    pointer-events: none;
    top: 20px
}

.rnc__notification-container--bottom-full,
.rnc__notification-container--top-full {
    min-width: 100%;
    width: 100%
}

.rnc__notification-container--bottom-full {
    bottom: 0
}

.rnc__notification-container--top-center {
    top: 20px
}

.rnc__notification-container--bottom-center {
    bottom: 20px
}

.rnc__notification-container--top-left {
    left: 20px;
    top: 20px
}

.rnc__notification-container--top-right {
    right: 20px;
    top: 20px
}

.rnc__notification-container--bottom-left {
    bottom: 20px;
    left: 20px
}

.rnc__notification-container--bottom-right {
    bottom: 20px;
    right: 20px
}

.rnc__notification-container--mobile-bottom,
.rnc__notification-container--mobile-top {
    pointer-events: all;
    position: absolute
}

.rnc__notification-container--mobile-top {
    left: 20px;
    right: 20px;
    top: 20px
}

.rnc__notification-container--mobile-bottom {
    bottom: 20px;
    left: 20px;
    margin-bottom: -15px;
    right: 20px
}

.rnc__util--flex-center {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 325px;
    pointer-events: all
}

.rnc__notification-item--default {
    background-color: #007bff;
    border-left: 8px solid #0562c7
}

.rnc__notification-item--default .rnc__notification-timer {
    background-color: #007bff
}

.rnc__notification-item--default .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--default .rnc__notification-close-mark {
    background-color: #007bff
}

.rnc__notification-item--success {
    background-color: #28a745;
    border-left: 8px solid #1f8838
}

.rnc__notification-item--success .rnc__notification-timer {
    background-color: #28a745
}

.rnc__notification-item--success .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--success .rnc__notification-close-mark {
    background-color: #28a745
}

.rnc__notification-item--danger {
    background-color: #dc3545;
    border-left: 8px solid #bd1120
}

.rnc__notification-item--danger .rnc__notification-timer {
    background-color: #dc3545
}

.rnc__notification-item--danger .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--danger .rnc__notification-close-mark {
    background-color: #dc3545
}

.rnc__notification-item--info {
    background-color: #17a2b8;
    border-left: 8px solid #138b9e
}

.rnc__notification-item--info .rnc__notification-timer {
    background-color: #17a2b8
}

.rnc__notification-item--info .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--info .rnc__notification-close-mark {
    background-color: #17a2b8
}

.rnc__notification-item--warning {
    background-color: #eab000;
    border-left: 8px solid #ce9c09
}

.rnc__notification-item--warning .rnc__notification-timer {
    background-color: #eab000
}

.rnc__notification-item--warning .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--warning .rnc__notification-close-mark {
    background-color: #eab000
}

.rnc__notification-item--awesome {
    background-color: #685dc3;
    border-left: 8px solid #4c3fb1
}

.rnc__notification-item--awesome .rnc__notification-timer {
    background-color: #685dc3
}

.rnc__notification-item--awesome .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--awesome .rnc__notification-close-mark {
    background-color: #685dc3
}

@keyframes timer {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

.rnc__base {
    height: 100%;
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 9000
}

.rnc__notification-item {
    border-radius: 3px;
    box-shadow: 1px 3px 4px rgba(0, 0, 0, .2);
    cursor: pointer;
    display: flex;
    margin-bottom: 15px;
    position: relative
}

.rnc__notification-container--bottom-full .rnc__notification-item,
.rnc__notification-container--top-full .rnc__notification-item {
    border-radius: 0;
    margin-bottom: 0
}

.rnc__notification-container--bottom-full .rnc__notification,
.rnc__notification-container--top-full .rnc__notification {
    width: 100% !important
}

.rnc__notification-timer {
    margin-top: 10px;
    width: 100%
}

.rnc__notification-timer,
.rnc__notification-timer-filler {
    border-radius: 5px;
    height: 3px
}

.rnc__notification-title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 5px
}

.rnc__notification-message {
    word-wrap: break-word;
    color: #fff;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 0;
    margin-top: 0;
    max-width: calc(100% - 15px)
}

.rnc__notification-content {
    display: inline-block;
    padding: 8px 15px;
    width: 100%
}

.rnc__notification-close-mark {
    border-radius: 50%;
    display: inline-block;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 18px
}

.rnc__notification-close-mark:after {
    color: #fff;
    content: "×";
    font-size: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.rnc__notification-container--mobile-bottom .notification,
.rnc__notification-container--mobile-bottom .rnc__notification-item,
.rnc__notification-container--mobile-top .notification,
.rnc__notification-container--mobile-top .rnc__notification-item {
    max-width: 100%;
    width: 100%
}

.rnc__notification-container--bottom-right .notification,
.rnc__notification-container--top-right .notification {
    margin-left: auto
}

.rnc__notification-container--bottom-left .notification,
.rnc__notification-container--top-left .notification {
    margin-right: auto
}

.rnc__notification-container--mobile-bottom .notification,
.rnc__notification-container--mobile-top .notification {
    margin-left: auto;
    margin-right: auto
}

@font-face {
    font-family: HeroNew;
    font-style: normal;
    font-weight: 300;
    src: url("fonts/HeroNew-Light.e1df5084..woff") format("woff"), url("fonts/HeroNew-Light.77981de9..woff2") format("woff2")
}

@font-face {
    font-family: HeroNew;
    font-style: normal;
    font-weight: 400;
    src: url("fonts/HeroNew-Regular.33e3307f..woff") format("woff"), url("fonts/HeroNew-Regular.cb6e4dc8..woff2") format("woff2")
}

@font-face {
    font-family: HeroNew;
    font-style: normal;
    font-weight: 500;
    src: url("fonts/HeroNew-Medium.5c974292..woff") format("woff"), url("fonts/HeroNew-Medium.c2f80f5f..woff2") format("woff2")
}

@font-face {
    font-family: HeroNew;
    font-style: normal;
    font-weight: 600;
    src: url("fonts/HeroNew-SemiBold.5bd1c152..woff") format("woff"), url("fonts/HeroNew-SemiBold.63d4b468..woff2") format("woff2")
}

@font-face {
    font-family: HeroNew;
    font-style: normal;
    font-weight: 700;
    src: url("fonts/HeroNew-Bold.212a85f8..woff") format("woff"), url("fonts/HeroNew-Bold.7e78aa35..woff2") format("woff2")
}

@font-face {
    font-family: HeroNew;
    font-style: normal;
    font-weight: 800;
    src: url("fonts/HeroNew-ExtraBold.615da180..woff") format("woff"), url("fonts/HeroNew-ExtraBold.23fcd44b..woff2") format("woff2")
}

@font-face {
    font-family: HeroNew;
    font-style: normal;
    font-weight: 900;
    src: url("fonts/HeroNew-Super.04af5b11..woff") format("woff"), url("fonts/HeroNew-Super.94cbef99..woff2") format("woff2")
}


.body--ar:not(.body--en),
.body--ar:not(.body--en) table {
    direction: rtl
}

@media(min-width:1248px) {
    .body--ar:not(.body--en) .layout__main {
        padding-left: 0;
        padding-right: 200px
    }
}

.body--ar:not(.body--en) .modal .modal__close-button {
    left: 0;
    right: auto
}

.body--ar:not(.body--en) .desktop {
    left: auto;
    right: 0
}

.body--ar:not(.body--en) .desktop__switcher {
    left: 0;
    right: 224px;
    width: -moz-fit-content;
    width: fit-content
}

.body--ar:not(.body--en) .desktop__panel-buttons {
    left: 10px;
    right: auto
}

.body--ar:not(.body--en) .left-header-menu__icon {
    margin: 0 0 0 3px
}

@media(min-width:960px) {
    .body--ar:not(.body--en) .left-header-menu__icon {
        margin: 0 0 0 10px
    }
}

.body--ar:not(.body--en) .jackpot-promo.home__promo .jackpot-prizes__title-block {
    gap: 6px;
    text-align: start
}

@media(min-width:576px) {
    .body--ar:not(.body--en) .jackpot-promo.home__promo .jackpot-prizes__title-block {
        gap: 12px
    }
}

.body--ar:not(.body--en) .jackpot-promo.home__promo .jackpot-prizes__pool {
    direction: ltr;
    justify-content: flex-end
}

.body--ar:not(.body--en) .jackpot-promo__right {
    padding: 0
}

@media(min-width:960px) {
    .body--ar:not(.body--en) .jackpot-promo__right {
        padding: 14px 0 14px 17px
    }
}

.body--ar:not(.body--en) .jackpot-promo__right .jackpot-promo__total-value {
    direction: ltr
}

.body--ar:not(.body--en) .jackpot-promo__right .jackpot-promo__collapse {
    left: 16px;
    right: auto;
    transform: translateY(50%) rotate(180deg)
}

.body--ar:not(.body--en) .jackpot-promo__right .jackpot-promo__rules--btn .font-icons {
    margin: 0 0 0 6px
}

.body--ar:not(.body--en) .jackpot-promo__bg {
    left: auto;
    right: 0;
    transform: scaleX(-1)
}

.body--ar:not(.body--en) .modal-drawer__content-wrapper {
    left: auto;
    right: 0
}

.body--ar:not(.body--en) .modal-drawer__content {
    transform: translateX(200px)
}

@media(min-width:768px) {
    .body--ar:not(.body--en) .modal-drawer__content {
        transform: translateX(100%)
    }
}

.body--ar:not(.body--en) .modal-drawer .body--ar:not(.body--en) .modal-drawer__close-button {
    left: 0;
    right: auto
}

.body--ar:not(.body--en) .modal-drawer--entered .modal-drawer__content {
    transform: translateX(0)
}

.body--ar:not(.body--en) .header-left-mobile__right {
    padding: 0 0 0 15px
}

.body--ar:not(.body--en) .header-left-mobile__right span.search-filter__icon {
    margin: 0 0 0 3px
}

@media(min-width:768px) {
    .body--ar:not(.body--en) .header-left-mobile__right {
        padding: 0 0 0 25px
    }
    .body--ar:not(.body--en) .header-left-mobile__right span.search-filter__icon {
        margin: 0 0 0 18px
    }
}

.body--ar:not(.body--en) .btn-scroll-top,
.body--ar:not(.body--en) .btn.live-chat-button {
    left: 25px;
    right: auto
}

.body--ar:not(.body--en) .catalog__link-btn .font-icons {
    margin: 0 10px 0 0
}

.body--ar:not(.body--en) .catalog__link-btn .font-icons:before {
    display: inline-block;
    transform: rotate(180deg)
}

.body--ar:not(.body--en) .game__label--live {
    left: auto;
    right: 9px
}

.body--ar:not(.body--en) .promotions-card__image .image,
.body--ar:not(.body--en) .promotions__header--image {
    left: -50%;
    transform: translateX(50%)
}

.body--ar:not(.body--en) .promotions__player-levels-content {
    text-align: start
}

@media(min-width:768px) {
    .body--ar:not(.body--en) .promotions__player-levels-banner .image {
        left: -38%;
        transform: translate(50%, -50%)
    }
}

@media(min-width:1248px) {
    .body--ar:not(.body--en) .promotions__player-levels-banner .image {
        left: -14%
    }
}

.body--ar:not(.body--en) .promotions-card__buttons-bonus-details .text {
    margin: 0 0 0 4px
}

.body--ar:not(.body--en) .promotions-card__buttons,
.body--ar:not(.body--en) .promotions-card__content {
    text-align: start
}

.body--ar:not(.body--en) .promotions-card .description ul:not([class])>li {
    padding: 0 10px 0 0
}

.body--ar:not(.body--en) .promotions-card .description ul:not([class])>li:before {
    left: auto;
    right: 0
}

.body--ar:not(.body--en) .promotions-card .description-bonus-details__content {
    text-align: start
}

.body--ar:not(.body--en) .promotions-card .description-bonus-details__content-list {
    padding: 0 18px 0 0
}

.body--ar:not(.body--en) .promotions-card .description-bonus-details__header-close-btn {
    left: 0;
    right: auto
}

.body--ar:not(.body--en) .newAffBonus-landing__header--image {
    transform: translate(204px)
}

@media(min-width:413px) {
    .body--ar:not(.body--en) .newAffBonus-landing__header--image {
        transform: translate(22%)
    }
}

@media(min-width:576px) {
    .body--ar:not(.body--en) .newAffBonus-landing__header--image {
        transform: translate(0)
    }
}

@media(min-width:768px) {
    .body--ar:not(.body--en) .newAffBonus-landing__header--image {
        transform: translate(30%)
    }
}

@media(min-width:960px) {
    .body--ar:not(.body--en) .newAffBonus-landing__header--image {
        transform: translate(23%)
    }
}

@media(min-width:1248px) {
    .body--ar:not(.body--en) .newAffBonus-landing__header--image {
        transform: translate(19%)
    }
}

@media(min-width:1632px) {
    .body--ar:not(.body--en) .newAffBonus-landing__header--image {
        transform: translate(9%)
    }
}

@media(min-width:1790px) {
    .body--ar:not(.body--en) .newAffBonus-landing__header--image {
        transform: translate(0)
    }
}

@media(min-width:768px) {
    .body--ar:not(.body--en) .home-slide__block {
        padding-right: 55px
    }
    .body--ar:not(.body--en) .home-slide__columb {
        align-items: flex-end;
        text-align: end
    }
    .body--ar:not(.body--en) .fast-deposit-modal__right {
        padding: 0 0 20px 20px
    }
}

.body--ar:not(.body--en) .fast-deposit-modal__payment-method {
    text-align: center
}

.body--ar:not(.body--en) .fast-deposit-modal__section--lottery {
    text-align: start
}

.body--ar:not(.body--en) .fast-deposit-modal__section--lottery .lottery-timer {
    min-width: 80%
}

.body--ar:not(.body--en) .fast-deposit-modal__section--lottery .lottery-timer .blocks-timer__item:not(:last-of-type) {
    border-left: 1px solid hsla(0, 0%, 100%, .5);
    border-right: none
}

.body--ar:not(.body--en) .fast-deposit-modal .fast-deposit-bonus-code {
    text-align: start
}

.body--ar:not(.body--en) .fast-deposit-modal .fast-deposit-bonus-code__item-code {
    border-left: none;
    border-right: 1px solid #5d5e69
}

.body--ar:not(.body--en) .fast-deposit-modal .fast-deposit-bonus-code__item span.promo-code .image {
    margin: 0 6px 0 0
}

.body--ar:not(.body--en) .fast-deposit-modal .select-payment-methods__button-inner {
    margin: 0 0 0 10px
}

.body--ar:not(.body--en) .fast-deposit-modal .verified-by-card__item+.verified-by-card__item {
    margin: 0 10px 0 0
}

.body--ar:not(.body--en) .fast-deposit-modal .deposit-bonus-settings-default__title {
    margin: 0 0 0 10px
}

.body--ar:not(.body--en) .fast-deposit-modal .payment-fields-default__player-field-form {
    text-align: start
}

.body--ar:not(.body--en) .fast-deposit-modal .switcher__block-text {
    margin: 0 0 0 5px
}

.body--ar:not(.body--en) .fast-deposit-modal .bonus-code-form-default .bonus-code-form-default__button {
    margin: 0 10px 0 0
}

.body--ar:not(.body--en) .fast-deposit-modal .payment-dynamic-form {
    text-align: start
}

.body--ar:not(.body--en) .fast-deposit-modal .payment-dynamic-form__credit-card-number input,
.body--ar:not(.body--en) .fast-deposit-modal .payment-dynamic-form__element--encCvv input,
.body--ar:not(.body--en) .fast-deposit-modal .payment-dynamic-form__expiry_date input {
    direction: rtl
}

.body--ar:not(.body--en) .daily-promo-block__bg .daily-promo-block__header--image {
    left: 0
}

.body--ar:not(.body--en) .daily-promo-block__modal-header .close-btn {
    left: 0;
    right: auto
}

.body--ar:not(.body--en) .daily-promo-block__modal-content {
    text-align: start
}

.body--ar:not(.body--en) .daily-promo-block__modal-content.content-list {
    padding: 0 18px 0 0
}

.body--ar:not(.body--en) .daily-promo-block .promo-bonus-card__buttons-bonus-details .text {
    margin: 0 0 0 4px
}

@media(min-width:960px) {
    .body--ar:not(.body--en) .games-filter__cell--providers {
        margin: 8px 8px 0 0
    }
}

@media(min-width:1248px) {
    .body--ar:not(.body--en) .games-filter__cell--providers {
        margin: 23px 8px 0 0
    }
}

.body--ar:not(.body--en) .panel-left {
    left: auto;
    right: 0
}

.body--ar:not(.body--en) .panel-left .live-chat-button.chat span {
    margin: 0 8px 0 0
}

.body--ar:not(.body--en) .panel-left__locales .select-language-icons-with-name__button-inner {
    display: flex
}

.body--ar:not(.body--en) .panel-left__locales .select-language-icons-with-name__caret {
    margin: 0 7px 0 0;
    transform: rotate(180deg)
}

.body--ar:not(.body--en) .panel-left__locales .select-language-icons-with-name__caret--open {
    transform: rotate(0deg)
}

.body--ar:not(.body--en) .contact-form__label {
    text-align: start
}

.body--ar:not(.body--en) .user-info-player__content {
    margin: 0 10px 0 0
}

.body--ar:not(.body--en) .user-status-player__progress-number {
    margin: 0 6px 0 0
}

.body--ar:not(.body--en) .select-language-icons-with-name__name {
    margin: 0 10px 0 0
}

.body--ar:not(.body--en) .header-left-mobile .header-left-mobile__deposit {
    margin: 0 15px 0 3px
}

.body--ar:not(.body--en) .winners-with-type-choice__button:first-child {
    margin: 0 0 0 20px
}

.body--ar:not(.body--en) .footer-slider.slick-slider .slick-prev {
    left: 0;
    right: auto
}

.body--ar:not(.body--en) .footer-slider.slick-slider .slick-next {
    left: 34px;
    right: auto
}

.body--ar:not(.body--en) .footer-menu__button i {
    margin: 0 10px 0 0
}

.body--ar:not(.body--en) .left-header-menu__link.with-counter .menu-counter {
    left: 7px;
    right: auto
}

.body--ar:not(.body--en) .input__right-container {
    margin: 0 18px 0 0
}

.body--ar:not(.body--en) .password-input .password-input__visibility-button {
    margin: 0 8px 0 0
}

.body--ar:not(.body--en) .registration-form-nomodal .simple-date__day,
.body--ar:not(.body--en) .registration-form-nomodal .simple-date__month {
    margin: 0 0 0 7px
}

.body--ar:not(.body--en) .registration-dynamic-form__button-wrapper+.registration-dynamic-form__button-wrapper {
    margin: 0 6px 0 0
}

@media(min-width:768px) {
    .body--ar:not(.body--en) .vip-page-head__top {
        align-self: flex-end
    }
}

@media(min-width:960px) {
    .body--ar:not(.body--en) .vip-page-head__user-info-block {
        margin: 0 0 0 18px
    }
}

.body--ar:not(.body--en) .simple-date__day,
.body--ar:not(.body--en) .simple-date__month {
    margin: 0 0 0 7px
}

.body--ar:not(.body--en) .tel__number-input {
    margin: 0 7px 0 0
}

.body--ar:not(.body--en) .input__left-container {
    margin: 0 0 0 18px
}

.body--ar:not(.body--en) .simple-date__day .input__native,
.body--ar:not(.body--en) .simple-date__month .input__native,
.body--ar:not(.body--en) .simple-date__year .input__native,
.body--ar:not(.body--en) .tel__number-input .input__native {
    text-align: end
}

.body--ar:not(.body--en) .checkbox,
.body--ar:not(.body--en) .radio {
    margin-left: 8px
}

.body--ar:not(.body--en) .checkbox__point,
.body--ar:not(.body--en) .radio__point {
    margin: 0 0 0 8px
}

.body--ar:not(.body--en) .registration-form-nomodal__button-wrapper+.registration-form-nomodal__button-wrapper {
    margin: 0 24px 0 0
}

@media(min-width:960px) {
    .body--ar:not(.body--en) .advantages__card:first-child {
        margin: 7px 0 7px auto
    }
    .body--ar:not(.body--en) .advantages__card:last-child {
        margin: 7px auto 7px 0
    }
}

@media(min-width:768px) {
    .body--ar:not(.body--en) .advantages__card--card-1,
    .body--ar:not(.body--en) .advantages__card--card-3 {
        margin: 7px 0 7px auto
    }
    .body--ar:not(.body--en) .advantages__card--card-2,
    .body--ar:not(.body--en) .advantages__card--card-4 {
        margin: 7px auto 7px 0
    }
}

@media(min-width:960px) {
    .body--ar:not(.body--en) .advantages__card--card-2,
    .body--ar:not(.body--en) .advantages__card--card-3 {
        margin: 7px auto
    }
}

@media(min-width:1632px) {
    .body--ar:not(.body--en) .about-us__header-inner {
        margin-right: calc(50% - 720px)
    }
}

@media(min-width:1920px) {
    .body--ar:not(.body--en) .about-us__header-inner {
        margin-right: calc(50% - 782px)
    }
}

@media(min-width:960px) {
    .body--ar:not(.body--en) .layout__tournament--custom .full-tourn {
        box-sizing: inherit;
        padding: 10px 25px 0
    }
}

.body--ar:not(.body--en) .spoiler-block .font-icons--select {
    margin: 0 15px 0 0
}

.body--ar:not(.body--en) .content ul li {
    padding-right: 15px
}

.body--ar:not(.body--en) .content ul li:before {
    left: auto;
    right: 0
}

.body--ar:not(.body--en) .jackpot-page .jackpot-description__txt {
    text-align: center
}

.body--ar:not(.body--en) .about-us__inner,
.body--ar:not(.body--en) .advantages__card,
.body--ar:not(.body--en) .cms-page__head-wrap,
.body--ar:not(.body--en) .container.container--cms,
.body--ar:not(.body--en) .form-element__error,
.body--ar:not(.body--en) .home .about-us__cards-title,
.body--ar:not(.body--en) .input__native,
.body--ar:not(.body--en) .pwa-landing .pwa-landing__subtitle,
.body--ar:not(.body--en) .spoiler-block,
.body--ar:not(.body--en) .textarea,
.body--ar:not(.body--en) .vip-levels-list__item-content,
.body--ar:not(.body--en) .winners__info,
.body--ar:not(.body--en) li {
    text-align: start
}

@media(min-width:1248px) {
    .body--ar:not(.body--en) .full-tourn__img {
        right: 0
    }
}

@media(min-width:1632px) {
    .body--ar:not(.body--en) .full-tourn__section--head {
        margin: 72px auto 0;
        max-width: 371px
    }
}

.body--ar:not(.body--en) .full-tourn__block-content .tourn-prizes__place {
    text-align: center
}

.body--ar:not(.body--en) .full-tourn__block-content .tourn-prizes__item:first-child {
    background: linear-gradient(-269.99deg, rgba(155, 49, 120, 0) .95%, #532976 98.76%)
}

.body--ar:not(.body--en) .full-tourn__block-content .tourn-prizes__item:nth-child(2) {
    background: linear-gradient(-270.03deg, rgba(19, 45, 85, 0) .03%, #143257 99.31%)
}

.body--ar:not(.body--en) .full-tourn__block-content .tourn-prizes__item:nth-child(3) {
    background: linear-gradient(-270.02deg, rgba(117, 47, 83, 0) .01%, #a44074 99.51%)
}

.body--ar:not(.body--en) .tournaments__header--image {
    right: 50%;
    transform: translateX(50%)
}

.body--ar:not(.body--en) .jackpot-steps__item {
    background: linear-gradient(-108.15deg, rgba(245, 29, 67, .3), rgba(245, 29, 67, 0) 47.51%), linear-gradient(0deg, #282a36, #282a36)
}

.body--ar:not(.body--en) .jackpot-wins__grid-row:not(.jackpot-wins__head):before {
    left: auto;
    right: 0
}

.body--ar:not(.body--en) .jackpot-wins__grid-row-mega {
    background: linear-gradient(-90deg, rgba(255, 55, 73, .3), rgba(255, 55, 73, 0) 56.74%), #282a36
}

.body--ar:not(.body--en) .jackpot-wins__grid-row--middle {
    background: linear-gradient(-90deg, rgba(97, 41, 240, .3), rgba(97, 41, 240, 0) 57.01%), #282a36
}

.body--ar:not(.body--en) .jackpot-wins__grid-row--mini {
    background: linear-gradient(-90deg, rgba(31, 174, 255, .2), rgba(31, 174, 255, 0) 56.92%), #282a36
}

.body--ar:not(.body--en) .promo-catalog .promo-catalog__link-btn .font-icons {
    margin: 0 10px 0 0
}

.body--ar:not(.body--en) .promo-catalog .promo-catalog__link-btn .font-icons:before {
    display: inline-flex;
    transform: rotate(180deg)
}

.body--ar:not(.body--en) .games-langing__header--register-form {
    left: 25px;
    right: auto
}

@media(min-width:1632px) {
    .body--ar:not(.body--en) .games-langing__header--register-form {
        left: 195px
    }
}

@media(min-width:1920px) {
    .body--ar:not(.body--en) .games-langing__header--register-form {
        left: 350px
    }
}

.body--ar:not(.body--en) .games-langing__header--image {
    transform: translate(25%, 2px)
}

@media(min-width:580px) {
    .body--ar:not(.body--en) .games-langing__header--image {
        transform: translate(22%, 2px)
    }
}

@media(min-width:576px) {
    .body--ar:not(.body--en) .games-langing__header--image {
        transform: translate(0)
    }
}

@media(min-width:768px) {
    .body--ar:not(.body--en) .games-langing__header--image {
        transform: translate(38%)
    }
}

@media(min-width:1248px) {
    .body--ar:not(.body--en) .games-langing__header--image {
        transform: translate(36%)
    }
}

@media(min-width:1632px) {
    .body--ar:not(.body--en) .games-langing__header--image {
        transform: translate(18%)
    }
}

.body--ar:not(.body--en) .page-game__container {
    padding: 10px 75px 10px 6px
}

.body--ar:not(.body--en) .game-frame__button {
    margin: 0 0 0 15px
}

.body--ar:not(.body--en) .game-frame__controls {
    left: 0;
    right: auto
}

.body--ar:not(.body--en) .menu-providers__title {
    text-align: start
}

.body--ar:not(.body--en) .menu-providers__icon-wrap {
    margin: 0 0 0 12px
}

.body--ar:not(.body--en) .menu-providers__hot {
    margin: 0 auto 0 0
}

.body--ar:not(.body--en) .drawer-block {
    left: 0;
    right: auto;
    transform: translateY(-50%) translateX(calc(-50% - 73px))
}

.body--ar:not(.body--en) .drawer-block .drawer-block__arrow {
    transform: rotate(-90deg)
}

.body--ar:not(.body--en) .drawer-block--open {
    transform: translateY(-50%) translateX(0)
}

.body--ar:not(.body--en) .drawer-block--open .drawer-block__arrow {
    transform: rotate(90deg)
}

.body--ar:not(.body--en) .drawer-block__panel {
    transform: rotate(0deg)
}

.body--ar:not(.body--en) .jackpot-prizes--game .jackpot-prizes__pool {
    direction: ltr
}

.body--ar:not(.body--en) .game-panel {
    left: auto;
    right: 0
}

.body--ar:not(.body--en) .game-panel:hover .game-panel__chat {
    text-align: start
}

.body--ar:not(.body--en) .game-panel .btn.live-chat-button {
    left: 0
}

.body--ar:not(.body--en) .game-panel .game-menu__title {
    text-align: start
}

.body--ar:not(.body--en) .description ol:not([class])>li {
    padding: 0 22px 0 0
}

.body--ar:not(.body--en) .description ol:not([class])>li:before {
    left: auto;
    right: 0
}

html {
    height: auto;
    width: 100%
}

.body,
html {
    min-height: 100%
}

.body {
    background-color: #1c1d22;
    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    text-align: left;
    width: 100vw
}

.body,
.body .odometer.odometer-auto-theme,
.body .odometer.odometer-theme-default {
    font-family: HeroNew, Arial, sans-serif
}

.body .odometer.odometer-auto-theme .odometer-value,
.body .odometer.odometer-theme-default .odometer-value {
    width: 100%
}

.body.landing {
    overflow: hidden
}

* {
    box-sizing: border-box
}

img {
    border: none
}

.yellow {
    color: #f4bd1c
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.grecaptcha-badge {
    visibility: hidden
}

@media print {
    body {
        visibility: hidden
    }
    #print-block {
        visibility: visible
    }
    #print-block>* {
        color: #000
    }
    #print-block .btn {
        visibility: hidden
    }
}

#promo-notification-container {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 1030
}

#promo-notification-container:empty {
    display: none
}

.footer-licence-info {
    align-items: flex-start;
    color: #999;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between;
    letter-spacing: .12px;
    line-height: 1.8;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%
}

@media(min-width:768px) {
    .footer-licence-info {
        border-top: 2px solid hsla(0, 0%, 100%, .1);
        flex-direction: row;
        padding-top: 40px
    }
}

.footer-licence-info a {
    color: #ec3200;
    text-decoration: none
}

.footer-licence-info a:hover {
    text-decoration: underline
}

.footer-licence-info p {
    margin: 0;
    padding: 0
}

.footer-licence-info__cell {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
    width: 100%
}

@media(min-width:768px) {
    .footer-licence-info__cell {
        align-items: flex-start;
        flex-direction: row;
        justify-content: flex-start;
        margin-bottom: 0
    }
}

.footer-licence-info__cell--second {
    flex-direction: column
}

@media(min-width:768px) {
    .footer-licence-info__cell--second {
        margin-right: -10px;
        max-width: 250px
    }
}

.footer-licence-info__licence {
    flex-shrink: 0;
    margin: 0 auto 20px;
    width: 133px
}

@media(min-width:768px) {
    .footer-licence-info__licence {
        margin-bottom: 0;
        margin-right: 24px
    }
}

.footer-licence-info__text {
    margin-bottom: 10px;
    text-align: justify;
    text-align: center
}

@media(min-width:768px) {
    .footer-licence-info__text {
        margin-right: 28px;
        text-align: initial
    }
}

.home-jackpots {
    align-items: flex-start;
    background: url("../img/jackpot-banner.4fd1a1c0..png") no-repeat 100%/cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 31px;
    min-height: 390px;
    padding: 74px 15px;
    position: relative;
    width: 100%;
    max-width: 1460px;
    margin-left: auto;
    margin-right: auto;
}

@media(min-width:768px) {
    .home-jackpots {
        padding: 74px 15px 74px 55px
    }
}

@media(min-width:960px) {
    .home-jackpots {
        padding: 84px 15px 87px 100px
    }
}

.home-jackpots:before {
    background: rgba(0, 0, 0, .4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.home-jackpots__content {
    z-index: 1
}

.home-jackpots__content .link-btn {
    border-radius: 6px;
    height: 52px;
    mix-blend-mode: normal;
    transition: opacity .3s ease;
    width: 236px
}

.home-jackpots__content .link-btn,
.home-jackpots__content .link-btn:hover {
    background: linear-gradient(90.12deg, #e3f41c .14%, #fba643 99.95%);
    color: #122c81
}

.home-jackpots__content .link-btn:hover {
    opacity: .95
}

.home-jackpots__title {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 19px;
    max-width: 482px
}

@media(min-width:960px) {
    .home-jackpots__title {
        font-size: 45px;
        line-height: 60px
    }
}

.home-jackpots__undertitle {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 7px
}

@media(min-width:960px) {
    .home-jackpots__undertitle {
        font-size: 20px;
        line-height: 28px
    }
}

.home-jackpots__value {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #e3f41c, #fba643);
    -webkit-background-clip: text;
    color: #e3f41c;
    font-size: 45px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 10px
}

@media(min-width:960px) {
    .home-jackpots__value {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 28px
    }
}

.registr-promo {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    margin: 0;
    min-height: 100%;
    padding: 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.registr-promo__bg {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center bottom;
    object-position: center bottom;
    position: absolute;
    top: 0;
    width: 100%
}

.registr-promo__content {
    display: block;
    padding: 27px 15px 0;
    position: relative;
    text-align: center;
    width: 100%
}

.registr-promo__list {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto
}

.registr-promo__item {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 10px 0 10px 54px;
    position: relative;
    width: 100%
}

.registr-promo__icon {
    display: block;
    left: 27px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.registr-promo__text {
    position: relative
}

.registr-title {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 12px;
    text-align: center;
    width: 100%
}

.registr-title b {
    color: #ff9500;
    display: block;
    margin: 8px 0 0
}

.registr-title-top {
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 auto 10px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.registr-title-top .red {
    color: #f41c43
}

.body--es .registr-title-top {
    font-size: 20px;
    margin: 0 auto 8px
}

.home-slide__image {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% center;
    object-position: 50% center;
    width: 100%
}

@media(min-width:768px) {
    .home-slide__image {
        -o-object-position: center;
        object-position: center
    }
}

.home-slide__content {
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media(min-width:768px) {
    .home-slide__content {
        font-size: 20px
    }
}

.home-slide__block {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    min-height: 100%;
    padding: 40px 24px;
    position: relative;
    text-align: center;
    width: 100%
}

@media(min-width:768px) {
    .home-slide__block {
        padding: 30px 35px
    }
}

.home-slide__block--left {
    align-self: flex-start;
    justify-content: flex-start;
    max-width: calc(100% - 325px);
    padding: 83px 31px 82px;
    text-align: left
}

@media(min-width:768px) {
    .home-slide__block--left {
        align-items: flex-end;
        padding: 46px 60px 40px 40px
    }
}

@media(min-width:1248px) {
    .home-slide__block--left {
        padding: 46px 180px 80px 44px
    }
}

@media(min-width:1632px) {
    .home-slide__block--left {
        padding: 46px 365px 80px 44px
    }
}

.home-slide__block--right {
    justify-content: flex-end;
    min-height: 475px;
    padding: 145px 31px;
    text-align: right
}

@media(min-width:768px) {
    .home-slide__block--right {
        min-height: 492px;
        padding: 144px 119px 185px 300px
    }
}

@media(min-width:1632px) {
    .home-slide__block--right {
        padding: 110px 307px 185px 300px
    }
}

.home-slide__block--top {
    align-items: flex-start
}

.home-slide__block--bottom {
    align-items: flex-end
}

.home-slide__block--with-registration {
    display: none;
    width: calc(100% - 500px)
}

@media(min-width:768px) {
    .home-slide__block--with-registration {
        display: flex
    }
    .home-slide__columb {
        align-items: start;
        display: flex;
        flex-direction: column;
        position: relative;
        right: 0;
        text-align: left;
        width: 47%
    }
}

@media(min-width:960px) {
    .home-slide__columb {
        width: 45%
    }
}

@media(min-width:1248px) {
    .home-slide__columb {
        left: 55%;
        max-width: 390px;
        position: absolute;
        right: unset;
        width: 100%
    }
}

@media(min-width:1632px) {
    .home-slide__columb {
        max-width: 590px
    }
}

.home-slide__block-inner {
    display: block;
    margin: 0;
    padding: 125px 0 0;
    text-align: inherit;
    width: 100%
}

@media(min-width:768px) {
    .home-slide__block-inner {
        align-items: end;
        display: flex;
        flex-direction: column;
        padding: 0
    }
}

@media(min-width:1632px) {
    .home-slide__block-inner {
        padding: 0 25%
    }
}

.home-slide__title {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .14px;
    line-height: 28px;
    margin: 0;
    text-transform: uppercase
}

@media(min-width:768px) {
    .home-slide__title {
        font-size: 20px;
        letter-spacing: .2px;
        line-height: 1.4;
        margin-bottom: 15px
    }
}

.home-slide__title span.gradient {
    -webkit-text-fill-color: transparent
}

.home-slide__caption,
.home-slide__title span.gradient,
.home-slide__value {
    background: linear-gradient(90.12deg, #e3f41c .14%, #fba643 99.95%);
    -webkit-background-clip: text;
    color: #e3f41c
}

.home-slide__caption,
.home-slide__value {
    -webkit-text-fill-color: transparent;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase
}

@media(min-width:768px) {
    .home-slide__caption,
    .home-slide__value {
        font-size: 38px;
        line-height: 1.2
    }
}

@media(min-width:1248px) {
    .home-slide__caption,
    .home-slide__value {
        font-size: 42px
    }
}

@media(min-width:1632px) {
    .home-slide__caption,
    .home-slide__value {
        font-size: 46px
    }
}

.home-slide__bottom {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .14px;
    line-height: 22px;
    margin-top: 4px;
    text-transform: uppercase
}

@media(min-width:768px) {
    .home-slide__bottom {
        font-size: 20px;
        letter-spacing: .2px;
        line-height: 38px
    }
}

.home-slide__slogan {
    color: #fff;
    font-size: 13px;
    letter-spacing: .3em;
    line-height: 20px;
    margin-bottom: 14px;
    text-transform: uppercase
}

.home-slide__line {
    align-self: center;
    background: #363636 100% 1px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 35px;
    width: 159px
}

.home-slide__block--right .home-slide__line {
    margin-left: auto
}

.home-slide__line-inner {
    background: linear-gradient(90.12deg, #f41c43 .14%, #ff3030 99.95%);
    border-radius: 6px;
    height: 3px;
    width: 32px
}

.home-slide__block-button {
    font-family: HeroNew, Arial, sans-serif;
    margin-top: 7px
}

.home-slide__block-button .home-slide__button {
    font-size: 16px;
    min-height: 50px;
    min-width: 145px
}

.home-slide__row {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%
}

@media(min-width:768px) {
    .home-slide__row {
        flex-direction: row;
        max-width: 100%;
        width: auto
    }
}

.home-slide__block--left .home-slide__row {
    justify-content: flex-start
}

.home-slide__block--right .home-slide__row {
    justify-content: flex-end
}

.home-slide__block--with-registration .home-slide__row {
    align-items: flex-start;
    flex-direction: column
}

@media(min-width:960px) {
    .home-slide__block--with-registration .home-slide__row {
        flex-direction: row;
        max-width: 100%;
        width: auto
    }
}

.home-slide__cell {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: inherit;
    width: 100%
}

@media(min-width:768px) {
    .home-slide__cell {
        width: auto
    }
}

.home-slide__cell:not(:first-child) {
    margin: 16px 0 0
}

@media(min-width:768px) {
    .home-slide__cell:not(:first-child) {
        margin: 0 0 0 24px
    }
}

@media(max-width:767px) {
    .home-slide__cell:last-child {
        margin: 0 0 16px;
        order: -1
    }
}

.home-slide__block--with-registration .home-slide__cell:last-child {
    margin: 0
}

@media(max-width:959px) {
    .home-slide__block--with-registration .home-slide__cell:last-child {
        margin: 0;
        order: -1
    }
}

.home-slide__cell-inner {
    display: block;
    text-align: inherit;
    width: 100%
}

.home-slide__full-link {
    align-items: center;
    color: inherit;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%
}

.home-slide .registration-form-nomodal {
    max-width: 298px;
    min-height: 360px;
    padding: 0;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%)
}

@media(min-width:768px) {
    .home-slide .registration-form-nomodal {
        right: 60px;
        transform: translateY(-50%)
    }
}

@media(min-width:1248px) {
    .home-slide .registration-form-nomodal {
        right: 180px
    }
}

@media(min-width:1632px) {
    .home-slide .registration-form-nomodal {
        right: 365px
    }
}

.banner {
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 600;
    justify-content: flex-start;
    letter-spacing: .12px;
    line-height: 1.2;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .banner {
        text-align: left
    }
}

@media(min-width:960px) {
    .banner {
        font-size: 16px;
        letter-spacing: .16px
    }
}

@media(min-width:1248px) {
    .banner {
        font-size: 10px;
        letter-spacing: .1px
    }
}

.banner p {
    margin: 0;
    padding: 0
}

.banner__img {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    top: 0;
    width: 100%
}

.banner__content {
    display: block;
    padding: 5px;
    position: absolute;
    width: 100%
}

@media(min-width:960px) {
    .banner__content {
        padding: 20px 10%
    }
}

.banner__content p {
    font-size: 12px
}

@media(min-width:960px) {
    .banner__content p {
        font-size: 14px
    }
}

@media(min-width:1632px) {
    .banner__content p {
        font-size: 16px
    }
}

.banner__title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .16px;
    margin: 0 0 4px;
    text-transform: uppercase
}

p+.banner__title {
    margin: 4px 0 0
}

@media(min-width:768px) {
    .banner__title {
        font-size: 20px;
        letter-spacing: .2px;
        margin-bottom: 8px
    }
}

@media(min-width:960px) {
    .banner__title {
        font-size: 26px
    }
}

@media(min-width:1632px) {
    .banner__title {
        font-size: 28px
    }
}

@media(min-width:1920px) {
    .banner__title {
        font-size: 32px
    }
}

.banner__button-wrapper {
    display: block;
    margin: 10px 0 0
}

@media(min-width:960px) {
    .banner__button-wrapper {
        margin-top: 15px;
        margin-top: 24px
    }
}

.banner__button-wrapper .banner__button {
    font-size: 12px;
    min-height: 27px;
    min-width: 120px;
    padding: 6px 12px
}

@media(min-width:768px) {
    .banner__button-wrapper .banner__button {
        min-height: 31px;
        min-width: 148px;
        padding: 12px 14px
    }
}

@media(min-width:960px) {
    .banner__button-wrapper .banner__button {
        min-height: 35px;
        min-width: 160px
    }
}

@media(min-width:1248px) {
    .banner__button-wrapper .banner__button {
        font-size: 12px;
        min-height: 28px;
        min-width: 128px
    }
}

.game-banner {
    border-radius: 4px;
    grid-column: span 2;
    order: 1;
    overflow: hidden;
    padding: 48px 32px;
    position: relative
}

@media(min-width:768px) {
    .game-banner {
        padding: 24px 32px
    }
}

.game-banner:nth-child(2),
.game-banner:nth-child(3) {
    order: 3
}

.game-banner:nth-child(4) {
    order: 5
}

.game-banner__title {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: .28px;
    margin-bottom: 8px;
    margin-top: 0;
    text-transform: uppercase
}

.game-banner p {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .14px;
    margin-bottom: 16px;
    margin-top: 0
}

.game-banner__pretitle {
    margin-bottom: 8px;
    margin-top: 0
}

.game-banner__content {
    position: relative;
    z-index: 2
}

.game-banner__img {
    bottom: 0;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    right: 0;
    z-index: 1
}

.game-banner__button-wrapper {
    margin-top: 16px
}

.welcome-modal__header {
    align-items: center;
    background: linear-gradient(90.12deg, #f41c43 .14%, #ff3030 99.95%);
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 41px;
    justify-content: center;
    letter-spacing: .14px;
    text-transform: uppercase
}

@media(min-width:960px) {
    .welcome-modal__header {
        font-size: 20px;
        height: 56px;
        letter-spacing: .2px
    }
}

.welcome-modal__image-wrapper {
    height: 160px;
    position: relative
}

@media(min-width:960px) {
    .welcome-modal__image-wrapper {
        height: 200px
    }
}

.welcome-modal__image {
    height: 100%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: auto
}

.welcome-modal__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 24px
}

@media(min-width:960px) {
    .welcome-modal__content {
        padding: 32px
    }
}

.welcome-modal__title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .18px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:960px) {
    .welcome-modal__title {
        font-size: 24px;
        letter-spacing: .24px
    }
}

.welcome-modal__prize {
    color: #ec3200
}

.welcome-modal__desc {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .12px;
    margin-top: 12px;
    text-align: center
}

@media(min-width:960px) {
    .welcome-modal__desc {
        font-size: 14px;
        letter-spacing: .14px;
        margin-top: 16px
    }
}

.welcome-modal .welcome-modal__button {
    margin-top: 24px
}

@media(min-width:960px) {
    .welcome-modal .welcome-modal__button {
        margin-top: 32px
    }
}

.vip-snippet__item {
    display: none
}

.snippet-reward .vip-snippet__item--reward {
    display: inline-block
}

.snippet-rate .vip-snippet__item--exchangeRate {
    display: block
}

.advantages {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

@media(min-width:768px) {
    .advantages {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%
    }
}

.advantages__card {
    background: rgba(46, 48, 62, .8);
    border-radius: 6px;
    height: 308px;
    margin: 7px auto;
    padding: 40px 24px;
    width: 100%
}

@media(min-width:768px) {
    .advantages__card {
        height: 384px;
        padding: 50px 30px
    }
    .advantages__card:first-child,
    .advantages__card:last-child {
        padding-left: 47px
    }
}

@media(min-width:960px) {
    .advantages__card {
        height: 24.68vw;
        max-height: 400px;
        padding: 30px 16px 0 18px !important
    }
    .advantages__card:first-child {
        margin-left: 0
    }
    .advantages__card:last-child {
        margin-right: 0
    }
}

@media(min-width:1248px) {
    .advantages__card {
        padding: 40px 24px !important
    }
}

@media(min-width:1632px) {
    .advantages__card {
        padding: 52px 0 0 31px !important
    }
}

.advantages__card--card-1 {
    background-image: url("../img/advantages_card1.908c5d4a..jpg");
    background-position: 1%;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width:768px) {
    .advantages__card--card-1 {
        flex: 0 0 58.5%;
        margin-left: 0
    }
}

@media(min-width:960px) {
    .advantages__card--card-1 {
        flex: 0 0 28.8%
    }
}

.advantages__card--card-2 {
    background-image: url("../img/advantages_card2.434cb4e5..jpg");
    background-position: 96%;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width:768px) {
    .advantages__card--card-2 {
        flex: 0 0 39.5%;
        margin-right: 0
    }
}

@media(min-width:960px) {
    .advantages__card--card-2 {
        flex: 0 0 19.6%;
        margin-right: auto
    }
}

.advantages__card--card-3 {
    background-image: url("../img/advantages_card3.98752cdd..jpg");
    background-position: 77%;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width:768px) {
    .advantages__card--card-3 {
        background-position: 50%;
        flex: 0 0 39.5%;
        margin-left: 0
    }
}

@media(min-width:960px) {
    .advantages__card--card-3 {
        flex: 0 0 19.6%;
        margin-left: auto
    }
}

.advantages__card--card-4 {
    background-image: url("../img/advantages_card4.e3ee12eb..jpg");
    background-position: 1%;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width:768px) {
    .advantages__card--card-4 {
        flex: 0 0 58.5%;
        margin-right: 0
    }
}

@media(min-width:960px) {
    .advantages__card--card-4 {
        flex: 0 0 28.8%
    }
}

.advantages__icon {
    height: 48px;
    margin-bottom: 26px
}

.advantages__icon--card-1 {
    background: url("../img/support.700723d9..svg") 50% no-repeat;
    background-size: contain;
    width: 44px
}

@media(min-width:768px) {
    .advantages__icon--card-1 {
        width: 55px
    }
}

@media(min-width:960px) {
    .advantages__icon--card-1 {
        width: 34px
    }
}

@media(min-width:1248px) {
    .advantages__icon--card-1 {
        width: 44px
    }
}

@media(min-width:1632px) {
    .advantages__icon--card-1 {
        width: 57px
    }
}

.advantages__icon--card-2 {
    background: url("../img/deposit.20318c85..svg") 50% no-repeat;
    background-size: contain;
    width: 45px
}

@media(min-width:768px) {
    .advantages__icon--card-2 {
        width: 56px
    }
}

@media(min-width:960px) {
    .advantages__icon--card-2 {
        width: 34px
    }
}

@media(min-width:1248px) {
    .advantages__icon--card-2 {
        width: 45px
    }
}

@media(min-width:1632px) {
    .advantages__icon--card-2 {
        width: 59px
    }
}

.advantages__icon--card-3 {
    background: url("../img/transparent.fcffc251..svg") 50% no-repeat;
    background-size: contain;
    width: 53px
}

@media(min-width:768px) {
    .advantages__icon--card-3 {
        width: 65px
    }
}

@media(min-width:960px) {
    .advantages__icon--card-3 {
        width: 40px
    }
}

@media(min-width:1248px) {
    .advantages__icon--card-3 {
        width: 53px
    }
}

@media(min-width:1632px) {
    .advantages__icon--card-3 {
        width: 69px
    }
}

.advantages__icon--card-4 {
    background: url("../img/security.1505e900..svg") 50% no-repeat;
    background-size: contain;
    width: 37px
}

@media(min-width:768px) {
    .advantages__icon--card-4 {
        width: 46px
    }
}

@media(min-width:960px) {
    .advantages__icon--card-4 {
        width: 28px
    }
}

@media(min-width:1248px) {
    .advantages__icon--card-4 {
        width: 37px
    }
}

@media(min-width:1632px) {
    .advantages__icon--card-4 {
        width: 48px
    }
}

@media(min-width:768px) {
    .advantages__icon {
        height: 60px;
        margin-bottom: 32px
    }
}

@media(min-width:960px) {
    .advantages__icon {
        height: 37px;
        margin-bottom: 20px
    }
}

@media(min-width:1248px) {
    .advantages__icon {
        height: 48px;
        margin-bottom: 28px
    }
}

@media(min-width:1632px) {
    .advantages__icon {
        height: 62px;
        margin-bottom: 34px
    }
}

.advantages__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 10px;
    max-width: 220px
}

@media(min-width:768px) {
    .advantages__title {
        font-size: 22px;
        line-height: 31px;
        max-width: 260px
    }
}

@media(min-width:960px) {
    .advantages__title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
        max-width: 165px
    }
}

@media(min-width:1248px) {
    .advantages__title {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 10px;
        max-width: 215px
    }
}

@media(min-width:1632px) {
    .advantages__title {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 15px;
        max-width: 285px
    }
}

.advantages__text {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    max-width: 80%
}

@media(min-width:768px) {
    .advantages__text {
        font-size: 18px;
        line-height: 25px
    }
}

@media(min-width:960px) {
    .advantages__text {
        font-size: 11px;
        line-height: 15px
    }
}

@media(min-width:1248px) {
    .advantages__text {
        font-size: 13px;
        line-height: 18px
    }
}

@media(min-width:1632px) {
    .advantages__text {
        font-size: 16px;
        line-height: 22px
    }
}

.advantages__text p {
    margin: 0
}

.left-sidebar-banner {
    align-items: flex-start;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: 71px;
    justify-content: center;
    min-height: 71px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 100%
}

@media(min-width:1248px) {
    .panel-left:not(.panel-left--open) .left-sidebar-banner {
        display: none
    }
}

.left-sidebar-banner:not(:last-of-type) {
    margin-bottom: 10px
}

.left-sidebar-banner__img {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.left-sidebar-banner--1 {
    padding: 5px 18px
}

.left-sidebar-banner--1 .left-sidebar-banner__title {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 17px;
    margin-bottom: 5px
}

.left-sidebar-banner--1 .left-sidebar-banner__title.decorate {
    padding-left: 16px;
    position: relative
}

.left-sidebar-banner--1 .left-sidebar-banner__title.decorate:before {
    background-color: #f7213f;
    border-radius: 5px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5px
}

.left-sidebar-banner--1 .left-sidebar-banner__title.decorate:after {
    background: #f7213f;
    border-radius: 11px;
    content: "";
    filter: blur(4px);
    height: 11px;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 11px
}

.left-sidebar-banner--1 .left-sidebar-banner__subtitle {
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 4px
}

.left-sidebar-banner--1 .left-sidebar-banner__jackpot {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #e3f41c, #fba643);
    -webkit-background-clip: text;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px
}

.left-sidebar-banner--2 {
    padding: 5px 26px
}

.left-sidebar-banner--2 .left-sidebar-banner__title {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px
}

.left-sidebar-banner--2 .left-sidebar-banner__subtitle {
    color: #fff;
    font-size: 7px;
    line-height: 180%
}

.left-sidebar-banner--2 .left-sidebar-banner__subtitle span {
    font-size: 12px;
    font-weight: 800;
    line-height: 150%
}

.fast-deposit-metods-info {
    padding: 10px 0
}

.fast-deposit-bonus-code__title {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    margin: 16px 0 8px;
    text-transform: uppercase
}

.fast-deposit-bonus-code__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px
}

.fast-deposit-bonus-code__img {
    height: 56px;
    width: 70px
}

.fast-deposit-bonus-code__item-title {
    color: #c0c4db;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 4px
}

.fast-deposit-bonus-code__item-terms {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px
}

.iphone-modal .modal__content {
    background: #23242c;
    border-radius: 10px 0 10px 10px
}

.iphone-modal .modal__content-wrapper {
    margin-left: 10px;
    margin-right: 10px;
    max-width: 540px
}

.iphone-modal .modal__close-button {
    background: #23242c;
    color: hsla(0, 0%, 100%, .9);
    font-size: 14px;
    padding: 8px;
    transition: color .3s ease, background-color .3s ease
}

@media(min-width:768px) {
    .iphone-modal .modal__close-button {
        font-size: 20px
    }
}

.iphone-modal__content {
    font-size: 0
}

.iphone-modal__item {
    border-radius: 10px 0 10px 10px
}

.iphone-modal__item-header {
    color: #fff;
    font-size: 26px;
    padding: 35px 10px 40px;
    position: relative;
    text-align: center
}

@media(max-width:340px) {
    .iphone-modal__item-header {
        padding: 40px 5px
    }
}

.iphone-modal__caption {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 10px;
    position: relative;
    text-transform: uppercase
}

.iphone-modal__logo {
    display: block;
    margin: auto;
    max-width: 100%
}

.iphone-modal__guide {
    font-size: 17px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    max-width: 300px
}

.iphone-modal__guide-tap {
    margin-bottom: 10px
}

.iphone-modal__guide-tap span {
    background: url("") right 5px top 5px no-repeat;
    padding-bottom: 10px;
    padding-right: 30px;
    padding-top: 10px
}

.iphone-modal__guide-add span {
    background: url("") right 2px center/22px no-repeat;
    padding-bottom: 10px;
    padding-right: 30px;
    padding-top: 10px
}

.pre-fast-deposit-modal-content {
    padding: 20px 18px
}

@media(min-width:768px) {
    .pre-fast-deposit-modal-content {
        padding: 20px 60px
    }
}

.pre-fast-deposit-modal-content__inner {
    display: flex;
    flex-direction: column
}

.pre-fast-deposit-modal-content__logo {
    height: 21px;
    margin: 0 auto 12px;
    width: 60px
}

.pre-fast-deposit-modal-content__logo img {
    max-width: 100%
}

.pre-fast-deposit-modal-content__desc {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 24px;
    text-align: center
}

.pre-fast-deposit-modal-content__desc span {
    display: inline-block
}

.pre-fast-deposit-modal-content__list {
    grid-gap: 8px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 24px
}

@media(min-width:768px) {
    .pre-fast-deposit-modal-content__list {
        grid-gap: 12px;
        grid-template-columns: repeat(4, 1fr)
    }
}

.pre-fast-deposit-modal-content__list-item {
    align-items: center;
    background: #191a1e;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 6px
}

@media(min-width:768px) {
    .pre-fast-deposit-modal-content__list-item {
        padding: 16px 8px
    }
}

.pre-fast-deposit-modal-content__list-item-img {
    height: 32px;
    width: 32px
}

@media(min-width:768px) {
    .pre-fast-deposit-modal-content__list-item-img {
        height: 48px;
        width: 48px
    }
}

.pre-fast-deposit-modal-content__list-item-img img {
    max-width: 100%
}

.pre-fast-deposit-modal-content__list-item-title {
    color: #fff;
    font-size: 9px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 12px;
    text-align: center
}

@media(min-width:768px) {
    .pre-fast-deposit-modal-content__list-item-title {
        font-size: 14px
    }
}

.pre-fast-deposit-modal-content .deposit-button.link-btn {
    margin: 0 auto;
    max-width: 450px;
    width: 100%
}

.fast-deposit-lottery-info {
    margin-top: 16px
}

.fast-deposit-lottery-info__title {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.fast-deposit-lottery-info__text {
    color: #c0c4db;
    font-size: 12px;
    letter-spacing: -.24px
}

.fast-deposit-lottery-info .lottery-timer {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.fast-deposit-lottery-info .lottery-timer__title {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    margin-top: 8px;
    text-transform: uppercase
}

.fast-deposit-lottery-info .lottery-timer .blocks-timer {
    background: linear-gradient(123deg, rgba(85, 29, 97, .6), rgba(89, 70, 214, .3))
}

.fast-deposit-lottery-info .lottery-timer .blocks-timer__item:not(:last-of-type) {
    border-right: 1px solid hsla(0, 0%, 100%, .5)
}

.fast-deposit-lottery-info .lottery-timer .blocks-timer__label {
    font-size: 11px
}

.fast-deposit-lottery-info .lottery-timer .blocks-timer__value {
    font-size: 20px
}

.promo-notification-item {
    background: #23252b;
    border-radius: 6px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05);
    padding: 0;
    position: relative;
    width: 325px
}

.promo-notification-item+.promo-notification-item {
    margin-top: 20px
}

.promo-notification-item__close-button {
    font-size: 16px;
    position: absolute;
    right: 12px;
    top: 12px
}

.promo-notification-item .promo-notification-modal__image {
    height: auto;
    width: 100%
}

.promo-notification-item .promo-notification-modal__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    padding: 16px 20px;
    width: 100%
}

.promo-notification-item .promo-notification-modal__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 22px;
    text-align: center
}

.promo-notification-item .promo-notification-modal__prize {
    color: #ff3030;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase
}

.promo-notification-item .promo-notification-modal__desc {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center
}

.promo-notification-item .promo-notification-modal__collapse-desc {
    color: #b9c6d6;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
    text-align: left
}

.promo-notification-item .collapse-block {
    font-size: 14px;
    padding: 0;
    width: auto
}

.promo-notification-item .collapse-block__toggle {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: 0;
    line-height: 20px;
    text-align: left
}

.modal.empty-deposit-modal .modal__content-wrapper {
    max-width: 353px
}

.modal.empty-deposit-modal .modal__close-button {
    right: 5px;
    top: 5px
}

.empty-deposit {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 160%;
    padding: 24px
}

.empty-deposit__img {
    margin-bottom: 20px;
    max-width: 140px
}

.empty-deposit__title {
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.empty-deposit__desc {
    margin-bottom: 20px;
    text-align: center
}

.empty-deposit__desc span {
    color: #ff3030
}

.empty-deposit .empty-deposit__deposit {
    margin-bottom: 10px;
    width: 100%
}

.empty-deposit .empty-deposit__link {
    width: 100%
}

.custom-links {
    display: flex;
    gap: 4px 8px;
    text-align: center
}

@media(min-width:960px) {
    .custom-links {
        display: flex;
        flex-direction: column;
        margin-top: 0;
        text-align: start
    }
}

.custom-links__item {
    align-items: center;
    background: #282a36;
    border-radius: 6px;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 11px;
    gap: 4px;
    height: 70px;
    overflow: hidden;
    padding: 12px;
    text-align: center
}

.body--de .custom-links__item {
    font-size: 9px;
    padding: 12px 6px 8px
}

.body--de .custom-links__item span {
    align-items: center;
    display: inline-flex;
    font-weight: 700;
    min-height: 26px;
    text-align: center
}

@media(min-width:960px) {
    .body--de .custom-links__item span {
        font-weight: 600
    }
    .body--de .custom-links__item {
        font-size: 11px;
        padding: 12px
    }
    .custom-links__item {
        flex-direction: row;
        height: 44px
    }
}

.custom-links__item--red {
    background: linear-gradient(#ff3030, #a7005b);
    font-weight: 600
}

.custom-links__item--purple {
    background: linear-gradient(#7e1a97 3%, #4e0984);
    font-weight: 500
}

.custom-links__item--orange {
    background: linear-gradient(90deg, #ff7a00, #fd2f31);
    font-weight: 500
}

.custom-links__item--calendar {
    background: linear-gradient(90deg, #11c6ff 3.5%, #8442ff 43.5%, #b60073);
    font-weight: 500
}

.custom-links__item img,
.custom-links__item-icon {
    max-width: 20px
}

.deposit-bonus-info {
    align-items: center;
    border: 1px solid rgba(142, 145, 163, .5);
    border-radius: 6px;
    color: #c0c4db;
    display: flex;
    font-size: 11px;
    gap: 8px;
    letter-spacing: -.22px;
    line-height: normal;
    padding: 12px
}

.deposit-bonus-info .font-icons {
    color: #f41c43;
    font-size: 16px
}

.support {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 30px 0;
    text-align: left;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .support {
        padding-top: 40px
    }
}

.support__title {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 17px;
    padding: 0;
    text-transform: uppercase;
    width: 100%
}

@media(min-width:768px) {
    .support__title {
        font-size: 40px
    }
}

.support__desc {
    margin: 0
}

.support p,
.support__desc {
    display: block;
    padding: 0;
    width: 100%
}

.support p {
    margin: 0 0 10px
}

.support__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 40px
}

@media(min-width:1248px) {
    .support__content {
        flex-direction: row
    }
}

.support__form-wrapper {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

@media(min-width:1248px) {
    .support__form-wrapper {
        width: 48.8%
    }
}

@media(min-width:1632px) {
    .support__form-wrapper {
        width: 57.4%
    }
}

@media(min-width:1920px) {
    .support__form-wrapper {
        width: 49.1%
    }
}

.support__list {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

@media(min-width:768px) {
    .support__list {
        flex-direction: row
    }
}

@media(min-width:1248px) {
    .support__list {
        flex: 1;
        flex-direction: column;
        overflow: hidden
    }
}

.support__item {
    align-items: flex-start;
    display: grid;
    flex-direction: column;
    flex-wrap: nowrap;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

@media(min-width:768px) {
    .support__item {
        padding: 0 10px;
        width: 33.3333333333%
    }
}

@media(min-width:960px) {
    .support__item {
        padding: 0 12px
    }
}

@media(min-width:1248px) {
    .support__item {
        grid-column-gap: 16px;
        grid-template-columns: 32px 1fr;
        padding: 0;
        text-align: left;
        width: 100%
    }
}

.support__item:not(:first-child) {
    margin-top: 32px
}

@media(min-width:768px) {
    .support__item:not(:first-child) {
        margin: 0
    }
}

@media(min-width:1248px) {
    .support__item:not(:first-child) {
        margin-top: 70px
    }
}

.support__icon {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0 0 8px;
    padding: 0;
    width: 100%
}

@media(min-width:1248px) {
    .support__icon {
        align-self: stretch;
        margin: 0
    }
}

.support__icon img {
    display: block;
    height: 24px;
    margin: 0 auto;
    max-width: 100%;
    width: auto
}

@media(min-width:1248px) {
    .support__icon img {
        height: 32px
    }
}

.support__item-title {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
    margin: 0 0 16px;
    padding: 0;
    text-transform: uppercase;
    width: 100%
}

@media(min-width:768px) {
    .support__item-title {
        align-items: flex-start;
        min-height: 48px;
        padding: 0 10px
    }
}

@media(min-width:960px) {
    .support__item-title {
        padding: 0 40px
    }
}

@media(min-width:1248px) {
    .support__item-title {
        align-items: center;
        align-self: stretch;
        font-size: 24px;
        justify-content: flex-start;
        margin: 0;
        padding: 0
    }
}

.support__item-desc {
    color: #ccc;
    display: block;
    font-weight: 500;
    margin: 0;
    padding: 0;
    width: 100%
}

@media(min-width:1248px) {
    .support__item-desc {
        font-size: 16px;
        grid-column: span 2;
        padding: 32px 0 0
    }
}

.support a {
    color: hsla(0, 0%, 60%, .8);
    text-decoration: underline
}

.page-tourn-list {
    display: block;
    margin: 0;
    padding: 32px 0;
    width: 100%
}

@media(min-width:768px) {
    .page-tourn-list {
        padding: 64px 0
    }
}

.page-tourn-list__title {
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0 0 32px;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

@media(min-width:768px) {
    .page-tourn-list__title {
        font-size: 40px;
        margin-bottom: 64px
    }
}

.page-tourn-list__main {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.page-tourn-list__grid {
    grid-column-gap: 26px;
    grid-row-gap: 32px;
    align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    margin: 64px 0 0;
    padding: 0;
    width: 100%
}

@media(min-width:768px) {
    .page-tourn-list__grid {
        grid-row-gap: 64px
    }
}

@media(min-width:1248px) {
    .page-tourn-list__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:1632px) {
    .page-tourn-list__grid {
        grid-column-gap: 32px
    }
}

.page-tourn-list__item {
    align-items: flex-start;
    align-self: stretch;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.lottery {
    padding: 7px 16px
}

@media(min-width:768px) {
    .lottery {
        padding: 0 24px
    }
}

.lottery__hero-block {
    position: relative
}

.lottery__background {
    background: url("") top no-repeat;
    border-radius: 6px;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media(min-width:768px) {
    .lottery__background {
        background: url("") top/cover no-repeat;
        height: 400px
    }
}

.lottery__promo {
    padding: 35px 16px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .lottery__promo {
        padding: 41px 16px
    }
}

.lottery__promo-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px
}

@media(min-width:768px) {
    .lottery__promo-title {
        font-size: 40px;
        line-height: 48px
    }
}

.lottery__promo-subtitle {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(271deg, #fba942 18.89%, #e4f21e 81.52%);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 36px;
    font-weight: 800;
    line-height: 43px
}

@media(min-width:768px) {
    .lottery__promo-subtitle {
        font-size: 48px;
        line-height: 59px
    }
}

.lottery__promo-prize-pool {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    margin-top: 10px
}

@media(min-width:768px) {
    .lottery__promo-prize-pool {
        font-size: 14px
    }
}

.lottery__promo-button.link-btn {
    font-size: 16px;
    margin-top: 20px;
    padding: 15px 34px
}

.lottery .steps {
    counter-reset: step-number;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 0
}

@media(min-width:768px) {
    .lottery .steps {
        flex-direction: row;
        gap: 16px;
        margin: 0 auto;
        max-width: 808px;
        padding: 5px 0
    }
}

.lottery .steps-item {
    align-items: center;
    background: linear-gradient(92deg, rgba(204, 31, 65, .5) .69%, rgba(48, 34, 120, .5) 19.23%, rgba(48, 34, 117, 0) 35.22%), linear-gradient(0deg, #282a36, #282a36);
    border-radius: 6px;
    color: #fff;
    counter-increment: step-number;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    line-height: 18px;
    padding: 9px 16px 7px;
    text-transform: uppercase
}

@media(min-width:768px) {
    .lottery .steps-item {
        flex: 1;
        font-size: 16px;
        line-height: 21px;
        padding: 12px 24px
    }
}

.lottery .steps-item br {
    display: none
}

@media(min-width:960px) {
    .lottery .steps-item br {
        display: block
    }
}

.lottery .steps-item__number {
    background: url("") 50%/cover no-repeat;
    height: 42px;
    position: relative;
    width: 42px
}

@media(min-width:768px) {
    .lottery .steps-item__number {
        height: 64px;
        width: 64px
    }
}

.lottery .steps-item__number:after {
    color: #fff;
    content: counter(step-number);
    font-size: 18px;
    font-weight: 800;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media(min-width:768px) {
    .lottery .steps-item__number:after {
        font-size: 28px
    }
    .lottery .steps-item__text {
        max-width: 109px
    }
}

@media(min-width:960px) {
    .lottery .steps-item__text {
        max-width: 138px
    }
}

.lottery__timer {
    background: linear-gradient(92deg, #cb1f41 24.55%, #302179 70.96%), #282a37;
    border-radius: 6px;
    margin: 19px auto 0;
    max-width: 500px;
    padding: 13px 5px 5px;
    position: relative
}

.lottery__timer .lottery-timer__title {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .16px;
    line-height: 22px;
    margin-bottom: 11px;
    text-align: center
}

.lottery__timer .lottery-timer__timer:before {
    background: url("") top/cover no-repeat;
    content: "";
    display: none;
    height: 150px;
    left: -96px;
    position: absolute;
    top: -34px;
    width: 150px;
    z-index: -1
}

@media(min-width:768px) {
    .lottery__timer .lottery-timer__timer:before {
        display: block
    }
}

@media(min-width:960px) {
    .lottery__timer .lottery-timer__timer:before {
        left: -106px
    }
}

.lottery__timer .lottery-timer__timer:after {
    background: url("") top/cover no-repeat;
    bottom: -12px;
    content: "";
    display: none;
    height: 163px;
    position: absolute;
    right: -133px;
    width: 163px;
    z-index: -1
}

@media(min-width:768px) {
    .lottery__timer .lottery-timer__timer:after {
        display: block
    }
}

@media(min-width:960px) {
    .lottery__timer .lottery-timer__timer:after {
        bottom: -22px;
        right: -128px
    }
}

.lottery__timer .blocks-timer {
    background: #141418;
    border-radius: 0;
    padding: 18px 0 15px
}

.lottery__timer .blocks-timer__label {
    font-size: 10px
}

.lottery__timer .blocks-timer__value {
    font-size: 26px
}

.lottery__timer .blocks-timer__item {
    content: "";
    position: relative
}

.lottery__timer .blocks-timer__item:not(:last-of-type):after {
    border-right: 1px dashed #5d5e69;
    height: 30px;
    position: absolute;
    right: 0;
    width: 1px
}

.lottery__last-stage {
    margin-top: 33px
}

@media(min-width:768px) {
    .lottery__last-stage {
        margin-top: 35px
    }
}

.lottery .description {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 160%;
    margin-top: 34px;
    text-align: center
}

@media(min-width:768px) {
    .lottery .description {
        font-size: 16px;
        margin-top: 38px
    }
}

.lottery .description__block-buttons .description__button {
    border: 2px solid #999aa1;
    border-radius: 6px;
    color: #999aa1;
    font-size: 16px;
    font-weight: 700;
    padding: 13px 30px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.lottery .description__block-buttons .description__button:hover {
    border: 2px solid #fff;
    color: #fff;
    transition: color .3s ease, border .3s ease
}

.lottery .description .title {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 32px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .lottery .description .title {
        font-size: 24px;
        margin-bottom: 14px
    }
}

.tournaments {
    padding: 0 16px;
    position: relative
}

@media(min-width:768px) {
    .tournaments {
        padding: 0 24px
    }
}

.tournaments__hero-wrapper {
    border-radius: 6px;
    height: 100px;
    left: 50%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100% - 32px)
}

@media(min-width:768px) {
    .tournaments__hero-wrapper {
        height: 245px;
        width: calc(100% - 48px)
    }
}

.tournaments__header--image {
    height: 180px;
    left: 50%;
    position: relative;
    transform: translateX(-50%)
}

@media(min-width:768px) {
    .tournaments__header--image {
        height: 245px
    }
}

@media(min-width:1632px) {
    .tournaments__header--image {
        height: auto;
        min-height: 245px;
        width: 100%
    }
}

.tournaments__banner {
    margin: 100px 0;
    position: relative;
    text-align: center
}

.tournaments__title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    padding: 24px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .tournaments__title {
        font-size: 48px;
        letter-spacing: -.02em;
        line-height: 57px;
        padding: 44px 0 45px
    }
}

.tournaments__img {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.tournaments__wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.tournaments__wrap>:not(:last-child) {
    margin-bottom: 11px
}

@media(min-width:768px) {
    .tournaments__wrap>:not(:last-child) {
        margin-bottom: 20px
    }
}

@media(min-width:1248px) {
    .tournaments__wrap {
        margin: 0 auto;
        max-width: 1200px
    }
}

.tournaments .tourn-main {
    background: linear-gradient(0deg, #282a36 69.06%, rgba(40, 42, 54, 0) 99.79%);
    border-radius: 6px
}

.tournaments .tourn-main__bg:before {
    background: linear-gradient(0deg, #282a36 20%, rgba(24, 34, 44, 0) 95%);
    content: "";
    height: 186px;
    left: 0;
    position: absolute;
    right: 0;
    top: 12%;
    width: 100%
}

.tournaments .tourn-main__bg img {
    height: 50%
}

@media(min-width:768px) {
    .tournaments .tourn-main__bg:before {
        background: linear-gradient(-90deg, #282a36 37%, rgba(24, 34, 44, 0));
        height: 100%;
        margin-left: auto;
        top: 0;
        width: 65%
    }
    .tournaments .tourn-main__bg img {
        height: 100%
    }
}

.tournaments .tourn-main__grid {
    padding: 149px 14px 24px
}

@media(min-width:768px) {
    .tournaments .tourn-main__grid {
        margin-left: auto;
        max-width: 380px;
        padding: 30px;
        width: 50%
    }
}

@media(min-width:960px) {
    .tournaments .tourn-main__grid {
        grid-column-gap: unset;
        grid-template-columns: 1fr;
        padding: 30px 79px 30px 0
    }
}

@media(min-width:1248px) {
    .tournaments .tourn-main__grid {
        max-width: 480px;
        padding: 30px 60px 30px 0
    }
}

@media(min-width:1632px) {
    .tournaments .tourn-main__grid {
        max-width: 530px;
        padding: 30px 70px 30px 0
    }
}

.tournaments .tourn-main__title {
    font-weight: 800;
    line-height: 30px
}

@media(min-width:768px) {
    .tournaments .tourn-main__title {
        font-size: 28px;
        font-weight: 700;
        line-height: 36px;
        padding: 0
    }
}

.tournaments .tourn-main__cell {
    justify-content: center
}

.tournaments .tourn-main__cell--title {
    padding: 0
}

.tournaments .tourn-main__cell--timer {
    padding: 15px 30px 0
}

.tournaments .tourn-main__cell--button {
    padding: 14px 0 0
}

.tournaments .tourn-main__cell .tourn-participate__button {
    min-height: 50px;
    min-width: 149px;
    text-transform: capitalize
}

@media(min-width:768px) {
    .tournaments .tourn-main__cell--timer {
        padding: 21px 30px 0
    }
    .tournaments .tourn-main__cell--button {
        padding: 16px 0 0
    }
}

@media(min-width:960px) {
    .tournaments .tourn-main__cell .tourn-participate {
        text-align: center
    }
    .tournaments .tourn-main__cell--pool,
    .tournaments .tourn-main__cell--timer {
        grid-column: unset;
        grid-row: unset
    }
    .tournaments .tourn-main__cell .tourn-pool {
        margin-top: 17px;
        text-align: center
    }
    .tournaments .tourn-main__cell--button {
        grid-column: unset;
        grid-row: unset
    }
}

.tournaments .tourn-pool__label {
    font-size: 12px;
    text-transform: uppercase
}

.tournaments .tourn-pool__value {
    -webkit-text-fill-color: transparent;
    background: var(--yellow-gradient, linear-gradient(271deg, #fba942 18.89%, #e4f21e 81.52%));
    background-clip: text;
    -webkit-background-clip: text;
    margin: 4px auto 0;
    max-width: 248px;
    text-transform: uppercase
}

@media(min-width:768px) {
    .tournaments .tourn-pool__value {
        font-size: 28px;
        margin: 8px auto 0
    }
}

.tournaments .tourn-timer__title {
    text-transform: uppercase
}

.tournaments .tourn-timer .blocks-timer {
    background: rgba(28, 29, 34, .8);
    border-radius: 6px;
    margin: 5px auto 0;
    max-width: 240px;
    padding: 6px 8px
}

.tournaments .tourn-timer .blocks-timer__label {
    font-size: 10px
}

.tournaments .tourn-timer .blocks-timer__value {
    font-size: 18px;
    font-weight: 700
}

.tournaments .tourn-timer .blocks-timer__item {
    padding: 0
}

.tournaments .tourn-timer .blocks-timer__item:not(:last-child):after {
    border-right: 1px dashed #5d5e69;
    content: "";
    height: 79%;
    position: absolute;
    right: -5px;
    top: 4px
}

.tournaments .tourn-timer .blocks-timer__list {
    gap: 8px
}

@media(min-width:768px) {
    .tournaments .tourn-timer {
        font-size: 12px
    }
    .tournaments .tourn-timer .blocks-timer {
        margin: 9px auto 0
    }
}

@media(min-width:960px) {
    .tournaments .tourn-timer {
        text-align: center
    }
}

.about-us {
    color: #fff;
    margin: 0 auto
}

.about-us__header {
    background-image: url("");
    background-position: right -708px bottom;
    background-repeat: no-repeat;
    height: 492px;
    position: relative;
    width: 100%
}

@media(min-width:868px) {
    .about-us__header {
        background-position: 0 100%
    }
}

@media(min-width:1248px) {
    .about-us__header {
        background-position: 0 100%
    }
}

@media(min-width:1632px) {
    .about-us__header {
        background-position: 0 0;
        background-size: cover
    }
}

.about-us__header-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    width: 300px
}

@media(min-width:768px) {
    .about-us__header-inner {
        margin-right: 60px;
        width: 360px
    }
}

@media(min-width:960px) {
    .about-us__header-inner {
        width: 556px
    }
}

@media(min-width:1248px) {
    .about-us__header-inner {
        margin-right: 112px
    }
}

@media(min-width:1632px) {
    .about-us__header-inner {
        margin-right: calc(50% - 816px)
    }
}

.about-us__header--title {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.36;
    margin-bottom: 25px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .about-us__header--title {
        font-size: 46px
    }
}

@media(min-width:960px) {
    .about-us__header--title {
        margin-bottom: 42px
    }
}

.about-us__header--subtitle {
    font-size: 24px;
    line-height: 1.42;
    margin-bottom: 16px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .about-us__header--subtitle {
        font-size: 30px
    }
}

.about-us__header--cashback {
    color: #fff;
    font-family: bc-novatica-cyr;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center
}

.about-us__header--cashback span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.12deg, #e3f41c .14%, #fba643 99.95%);
    -webkit-background-clip: text;
    color: #fff;
    padding-left: 6px
}

@media(min-width:768px) {
    .about-us__header--cashback {
        font-size: 60px
    }
}

@media(min-width:960px) {
    .about-us__header--cashback {
        font-size: 66px
    }
}

.about-us__header--percent {
    margin-top: 8px;
    text-transform: lowercase
}

@media(min-width:960px) {
    .about-us__header--percent {
        font-size: 60px
    }
}

.about-us__inner {
    margin: 0 auto;
    max-width: 1632px;
    padding: 30px 20px 0
}

@media(min-width:768px) {
    .about-us__inner {
        padding: 43px 48px 0
    }
}

@media(min-width:1248px) {
    .about-us__inner {
        padding: 43px 54px 0
    }
}

@media(min-width:1632px) {
    .about-us__inner {
        padding: 43px 64px 0
    }
}

.about-us__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin: 0 0 30px
}

.about-us__subtitle {
    font-size: 18px;
    font-weight: 700;
    line-height: 45px;
    margin: 0;
    text-transform: capitalize
}

.about-us__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    margin: 0 0 30px;
    text-transform: capitalize
}

@media(min-width:768px) {
    .about-us__text {
        margin-bottom: 45px
    }
}

@media(min-width:1248px) {
    .about-us__text {
        max-width: 805px
    }
}

@media(min-width:1632px) {
    .about-us__text {
        max-width: 1040px
    }
}

.promotions {
    padding: 0 16px;
    position: relative
}

@media(min-width:768px) {
    .promotions {
        padding: 0 24px
    }
}

.promotions__hero-wrapper {
    border-radius: 6px;
    height: 100px;
    left: 50%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    z-index: -1
}

@media(min-width:768px) {
    .promotions__hero-wrapper {
        height: 300px;
        width: calc(100% - 48px)
    }
}

.promotions__header--image {
    height: 180px;
    left: 50%;
    position: relative;
    transform: translateX(-50%)
}

@media(min-width:768px) {
    .promotions__header--image {
        height: 280px
    }
}

@media(min-width:1920px) {
    .promotions__header--image {
        height: auto
    }
}

.promotions__promo-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-around
}

@media(min-width:960px) {
    .promotions__promo-wrapper {
        gap: 20px;
        margin: 0 auto;
        max-width: 1200px
    }
}

.promotions__title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    padding: 24px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .promotions__title {
        font-size: 48px;
        letter-spacing: -.02em;
        line-height: 57px;
        padding: 44px 0 45px
    }
}

.promotions__player-levels {
    border-radius: 6px;
    margin: 12px 0 0;
    overflow: hidden;
    position: relative
}

.promotions__player-levels-banner .image {
    height: 172px;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    transform: translateX(-50%);
    width: 100%
}

.promotions__player-levels-content {
    background: #282a36;
    border-radius: 6px;
    padding: 30px;
    transform: translateY(-24px);
    z-index: 1
}

.promotions__player-levels-content .title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 4px;
    text-transform: uppercase
}

.promotions__player-levels-content .subtitle {
    color: #ff3030;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .16px;
    line-height: 22px;
    text-transform: uppercase
}

.promotions__player-levels-content .description {
    color: #b9c6d6;
    font-size: 12px;
    line-height: 160%;
    margin: 16px 0
}

.promotions__player-levels-content .link-btn {
    font-size: 16px;
    min-width: 147px;
    text-transform: capitalize
}

@media(min-width:768px) {
    .promotions__player-levels {
        display: grid;
        grid-template-columns: 1fr 32%;
        margin: 20px 0 0
    }
    .promotions__player-levels-banner .image {
        height: 100%;
        left: 38%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%
    }
    .promotions__player-levels-content {
        padding: 40px 30px;
        transform: translateY(0)
    }
    .promotions__player-levels-content .title {
        font-size: 25px;
        line-height: 31px
    }
    .promotions__player-levels-content .subtitle {
        font-size: 14px
    }
}

@media(min-width:960px) {
    .promotions__player-levels {
        margin: 20px auto 0;
        max-width: 1200px
    }
    .promotions__player-levels-content {
        padding: 40px 31px
    }
    .promotions__player-levels-content .title {
        font-size: 28px;
        line-height: 34px
    }
    .promotions__player-levels-content .subtitle {
        font-size: 16px
    }
}

@media(min-width:1248px) {
    .promotions__player-levels-banner .image {
        left: 34%;
        width: 80%
    }
}

.promotions__trn-title {
    margin-bottom: 13px
}

.promotions__trn-text {
    color: #e4e4e4;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 24px;
    margin-top: 0;
    text-transform: uppercase
}

.promotions__link {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 36px
}

.promotions__terms-link {
    color: rgba(255, 48, 48, .7);
    font-size: 14px;
    line-height: 20px
}

.promotions__terms-link:hover {
    text-decoration: underline
}

.promotions__button-link.btn {
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    min-height: 56px;
    min-width: 200px;
    text-transform: capitalize
}

.support-addresses__wrap {
    color: #fff;
    margin: 64px auto 16px
}

@media(min-width:1248px) {
    .support-addresses__wrap {
        width: 48.8%
    }
}

.support-addresses__title {
    border-bottom: 1px solid #b9c6d6;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin: 0 auto 16px;
    padding-bottom: 16px;
    text-align: center
}

.support-addresses__list {
    font-style: normal;
    margin: 0;
    padding: 0
}

.support-addresses__item {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 160%;
    text-align: center
}

.support-addresses__item:not(:last-of-type) {
    margin-bottom: 16px
}

@media(min-width:576px) {
    .support-addresses__item {
        flex-direction: row;
        text-align: left
    }
}

.support-addresses__item span {
    flex-basis: 50%;
    opacity: .8
}

.support-addresses__item a {
    color: #ff3030;
    flex-basis: 50%;
    font-weight: 600;
    text-decoration: none
}

.support-addresses__item:last-of-type a {
    color: #fff
}

h1,
h2,
h3,
p {
    margin: 0
}

.full-tourn {
    display: block;
    width: 100%
}

.full-tourn__img {
    height: 400px;
    position: absolute;
    right: -270px;
    top: 0;
    width: auto
}

@media(min-width:768px) {
    .full-tourn__img {
        left: auto
    }
}

@media(min-width:960px) {
    .full-tourn__img {
        height: 460px;
        right: 0
    }
}

@media(min-width:1248px) {
    .full-tourn__img {
        right: 56px
    }
}

@media(min-width:1600px) {
    .full-tourn__img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
}

.full-tourn__section {
    display: block;
    margin: 0 auto;
    max-width: 1552px;
    overflow: hidden;
    width: 100%
}

.full-tourn__section--head {
    margin: 0 auto;
    max-width: 300px;
    padding: 0
}

@media(min-width:360px) {
    .full-tourn__section--head {
        max-width: 330px
    }
}

@media(min-width:538px) {
    .full-tourn__section--head {
        margin-left: 104px;
        margin-right: auto
    }
}

@media(min-width:960px) {
    .full-tourn__section--head {
        margin-top: 72px;
        max-width: 371px
    }
}

@media(min-width:1632px) {
    .full-tourn__section--head {
        margin: 72px auto 0;
        max-width: 1552px;
        padding: 0 30px 0 93px
    }
    .layout__tournament:not(.layout__tournament--custom) .full-tourn__section--head>div {
        max-width: 371px
    }
}

.full-tourn__section--first {
    height: 400px;
    max-width: none;
    padding: 0;
    position: absolute;
    z-index: -1
}

.full-tourn__section--first:before {
    background: linear-gradient(#000 1%, rgba(9, 5, 8, 0) 40%);
    bottom: 0;
    content: "";
    height: 167px;
    left: auto;
    position: absolute;
    right: auto;
    transform: matrix(1, 0, 0, -1, 0, 0);
    width: 100%;
    z-index: 1
}

@media(min-width:960px) {
    .full-tourn__section--first:before {
        background: linear-gradient(#000 1%, rgba(9, 5, 8, 0) 50%)
    }
}

@media(min-width:768px) {
    .full-tourn__section--first {
        top: 60px
    }
}

@media(min-width:960px) {
    .full-tourn__section--first {
        height: 460px
    }
}

.full-tourn__section--prizes {
    padding: 0 15px
}

@media(min-width:768px) {
    .full-tourn__section--prizes {
        padding: 0 30px
    }
}

@media(min-width:960px) {
    .full-tourn__section--prizes {
        padding: 0 42px
    }
}

@media(min-width:1248px) {
    .full-tourn__section--prizes {
        align-items: stretch;
        -moz-column-gap: 60px;
        column-gap: 60px;
        display: flex;
        flex-direction: row;
        margin-bottom: 80px
    }
}

.full-tourn__name {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(0deg, #e3f41c, #fba643);
    -webkit-background-clip: text;
    color: #e3f41c;
    font-family: bc-novatica-cyr;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin: 40px auto 18px;
    max-width: 250px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:960px) {
    .full-tourn__name {
        max-width: 100%
    }
}

.full-tourn__block--prize-pool {
    margin-top: 24px
}

.full-tourn__block--prize-pool .full-tourn__block-content {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    text-align: center
}

.full-tourn__block--prizes {
    flex-basis: 50%;
    margin: 90px 0 30px
}

@media(min-width:960px) {
    .full-tourn__block--prizes {
        margin-top: 158px
    }
}

@media(min-width:1248px) {
    .full-tourn__block--prizes {
        margin-bottom: 0
    }
}

.full-tourn__block--prizes .full-tourn__block-title {
    display: none
}

.full-tourn__block--cms-snippet {
    background: rgba(35, 37, 43, .5);
    border-radius: 6px;
    flex-basis: 50%;
    margin-bottom: 30px;
    padding: 24px
}

@media(min-width:768px) {
    .full-tourn__block--cms-snippet {
        margin-bottom: 60px
    }
}

@media(min-width:1248px) {
    .full-tourn__block--cms-snippet {
        margin-bottom: 0;
        margin-top: 158px
    }
}

.full-tourn__block--cms-snippet p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 22px
}

@media(min-width:768px) {
    .full-tourn__block--cms-snippet p {
        font-size: 16px
    }
}

.full-tourn__block--cms-snippet p:last-child {
    margin-bottom: 0
}

.full-tourn__block-title {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 8px;
    text-align: center;
    text-transform: uppercase
}

.full-tourn__timer {
    min-height: 74px
}

.full-tourn__timer .blocks-timer__item:before {
    content: none !important
}

.full-tourn__timer .blocks-timer__label {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    opacity: .5;
    text-align: center;
    text-transform: uppercase
}

.full-tourn__timer .blocks-timer__value {
    color: #fff;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase
}

.full-tourn__block--leaders {
    margin: 0 auto;
    max-width: 900px;
    padding: 0 15px
}

@media(min-width:768px) {
    .full-tourn__block--leaders {
        padding: 0 30px
    }
}

.full-tourn__block--leaders .full-tourn__block-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 30px
}

@media(min-width:768px) {
    .full-tourn__block--leaders .full-tourn__block-title {
        font-size: 28px
    }
}

.full-tourn .game__title {
    line-height: 100%;
    max-height: 3em
}

@media(min-width:1248px) {
    .full-tourn .game__title {
        font-size: 16px
    }
}

.full-tourn .btn--place {
    background: #282a36;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    line-height: 25px;
    margin: 0 auto 30px;
    max-width: 850px;
    text-transform: uppercase;
    width: calc(100% - 30px)
}

@media(min-width:768px) {
    .full-tourn .btn--place {
        margin-bottom: 60px;
        width: calc(100% - 60px)
    }
}

.layout__tournament--custom .full-tourn {
    margin: 0 auto;
    max-width: 1194px;
    padding: 10px 15px 0
}

@media(min-width:768px) {
    .layout__tournament--custom .full-tourn {
        padding: 10px 30px 0
    }
}

@media(min-width:960px) {
    .layout__tournament--custom .full-tourn {
        padding: 10px 42px 0
    }
}

.layout__tournament--custom .full-tourn .full-tourn__img {
    border-radius: 6px;
    height: auto;
    margin: 0 auto 16px;
    position: static;
    width: 100%
}

@media(min-width:768px) {
    .layout__tournament--custom .full-tourn .full-tourn__img {
        margin: 0 auto 32px
    }
}

.layout__tournament--custom .full-tourn .full-tourn__section--head {
    margin: 0 auto;
    max-width: unset;
    padding: 0;
    position: static
}

.layout__tournament--custom .full-tourn .full-tourn__name {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(90.12deg, #e3f41c .14%, #fba643 99.95%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: 0 auto 16px;
    max-width: 100%;
    mix-blend-mode: normal;
    text-align: center;
    text-transform: uppercase;
    width: auto
}

@media(min-width:768px) {
    .layout__tournament--custom .full-tourn .full-tourn__name {
        font-size: 40px
    }
}

.layout__tournament--custom .full-tourn .full-tourn__pool {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: 0 auto 8px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .layout__tournament--custom .full-tourn .full-tourn__pool {
        font-size: 18px
    }
}

.layout__tournament--custom .full-tourn .full-tourn__pool-value {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto 16px;
    text-align: center
}

@media(min-width:768px) {
    .layout__tournament--custom .full-tourn .full-tourn__pool-value {
        font-size: 36px;
        margin-bottom: 32px
    }
}

.layout__tournament--custom .full-tourn .full-tourn__desc {
    align-items: center;
    background: rgba(35, 37, 43, .8);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 48px;
    padding: 32px 16px 40px
}

@media(min-width:768px) {
    .layout__tournament--custom .full-tourn .full-tourn__desc {
        margin-bottom: 60px;
        padding: 32px 32px 40px
    }
}

.layout__tournament--custom .full-tourn .full-tourn__desc-item {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    opacity: .8;
    text-align: center
}

.layout__tournament--custom .full-tourn .full-tourn__deposit-button {
    height: 52px;
    margin-top: 32px;
    min-width: 236px
}

.full-tourn+.spoiler-block:before {
    max-width: 100%
}

.layout__tournament--custom .full-tourn__catalog {
    margin: 0 auto;
    max-width: 1194px;
    padding: 0 15px
}

@media(min-width:768px) {
    .layout__tournament--custom .full-tourn__catalog {
        padding: 0 30px
    }
}

@media(min-width:960px) {
    .layout__tournament--custom .full-tourn__catalog {
        box-sizing: content-box;
        padding: 0 42px
    }
}

.layout__tournament--custom .full-tourn__section {
    margin: 64px auto 0
}

.layout__tournament--custom .spoiler-block:before {
    left: 50%;
    transform: translateX(-50%)
}

@media(min-width:1632px) {
    .layout__tournament--custom .game__label-list {
        left: 0;
        top: 0
    }
}

.cms-page--pwa-landing {
    background: url("") top no-repeat;
    background-size: auto 200px
}

@media(min-width:768px) {
    .cms-page--pwa-landing {
        background-image: url("");
        background-size: auto 492px
    }
}

.pwa-landing {
    color: #fff;
    margin: 0 auto;
    max-width: 1032px;
    padding: 0 15px
}

@media(min-width:768px) {
    .pwa-landing {
        padding: 0 25px
    }
}

.pwa-landing .gradient-text {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #faa842, #e5eb20);
    -webkit-background-clip: text;
    color: #e5eb20
}

.pwa-landing__header {
    padding-top: 156px
}

@media(min-width:768px) {
    .pwa-landing__header {
        margin-left: auto;
        max-width: 450px;
        padding-bottom: 125px;
        padding-top: 125px
    }
}

.pwa-landing .pwa-landing__title {
    font-size: 34px;
    font-weight: 800;
    line-height: 130%;
    margin: 0 0 20px;
    text-align: center
}

@media(min-width:768px) {
    .pwa-landing .pwa-landing__title {
        text-align: left
    }
}

@media(min-width:1248px) {
    .pwa-landing .pwa-landing__title {
        font-size: 48px
    }
}

.pwa-landing__desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 170%;
    margin: 0;
    text-align: center
}

@media(min-width:1248px) {
    .pwa-landing__desc {
        font-size: 16px;
        text-align: left
    }
}

.pwa-landing__section {
    background: #23242c;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    margin: 20px 0;
    padding: 30px 20px
}

@media(min-width:768px) {
    .pwa-landing__section {
        align-items: center;
        flex-direction: row;
        margin: 30px 0;
        padding: 30px 34px
    }
}

@media(min-width:1248px) {
    .pwa-landing__section {
        padding: 36px 50px
    }
}

.pwa-landing .pwa-landing__subtitle {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px;
    text-align: left;
    text-transform: none
}

@media(min-width:768px) {
    .pwa-landing .pwa-landing__subtitle {
        font-size: 30px
    }
}

.pwa-landing .pwa-landing__list {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding-left: 30px
}

@media(min-width:768px) {
    .pwa-landing .pwa-landing__list {
        font-size: 16px;
        max-width: 350px
    }
}

.pwa-landing .pwa-landing__list li+li {
    margin-top: 16px
}

.pwa-landing__images {
    display: flex
}

.pwa-landing__images--vertical {
    flex-direction: column;
    gap: 10px
}

@media(min-width:768px) {
    .pwa-landing__images--vertical {
        gap: 14px
    }
}

@media(min-width:1248px) {
    .pwa-landing__images--vertical {
        gap: 20px
    }
}

.pwa-landing__images--vertical .pwa-landing__image {
    max-width: 500px;
    width: 100%
}

.pwa-landing__image {
    max-width: 168px;
    padding: 0 6px;
    width: 33.3333333333%
}

@media(min-width:768px) {
    .pwa-landing__image {
        padding: 0 8px
    }
}

.games-landing {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 auto;
    position: relative
}

.games-landing__hero-wrapper {
    left: 50%;
    margin: 0 auto;
    max-height: 100%;
    overflow: hidden;
    position: absolute;
    transform: translateX(-50%) translateY(50%) scale(2);
    width: 100%;
    z-index: -1
}

@media(min-width:1920px) {
    .games-landing__hero-wrapper {
        transform: translateX(calc(-50% - 200px)) scale(1)
    }
}

.games-landing__header--image {
    height: auto;
    max-width: 100%
}

.games-landing .wrapper {
    padding: 0 15px
}

@media(min-width:768px) {
    .games-landing .wrapper {
        padding: 0 25px
    }
}

@media(min-width:1632px) {
    .games-landing .wrapper {
        padding: 0 216px
    }
}

@media(min-width:1920px) {
    .games-landing .wrapper {
        padding: 0 289px
    }
}

.games-landing__header {
    display: flex;
    flex-direction: column;
    height: 100%;
    outline: none;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .games-landing__header {
        height: 500px
    }
}

.games-landing__header--content {
    display: flex;
    flex-direction: column;
    margin-top: 100px
}

@media(min-width:768px) {
    .games-landing__header--content {
        bottom: 0;
        color: #fff;
        display: block;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translate(0);
        width: 100%
    }
}

.games-landing__header--inner {
    text-align: center
}

@media(min-width:768px) {
    .games-landing__header--inner {
        text-align: start
    }
}

.games-landing__header--left-panel {
    color: #fff;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    line-height: 110%;
    margin: 0;
    padding: 5px 15px;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .games-landing__header--left-panel {
        align-items: end;
        font-size: 36px;
        justify-content: flex-start;
        max-width: calc(100% - 325px);
        padding: 63px 49px
    }
}

@media(min-width:960px) {
    .games-landing__header--left-panel {
        font-size: 50px;
        padding: 69px 49px
    }
}

@media(min-width:1248px) {
    .games-landing__header--left-panel {
        padding: 70px 25px
    }
}

@media(min-width:1632px) {
    .games-landing__header--left-panel {
        padding: 63px 215px 69px
    }
}

@media(min-width:1920px) {
    .games-landing__header--left-panel {
        padding: 63px 289px 69px
    }
}

.games-landing__header--register-form {
    background: linear-gradient(180deg, #1c1d22 35.6%, rgba(28, 29, 34, 0)), linear-gradient(180deg, #373b47, rgba(35, 37, 43, 0) 64.71%);
    border-radius: 6px;
    margin: 14px auto 0;
    max-width: 338px;
    width: 100%
}

@media(min-width:576px) {
    .games-landing__header--register-form {
        max-width: 358px
    }
}

@media(min-width:768px) {
    .games-landing__header--register-form {
        align-items: center;
        display: flex;
        position: absolute;
        right: 25px;
        top: 47%;
        transform: translateY(-50%)
    }
}

@media(min-width:1632px) {
    .games-landing__header--register-form {
        margin: 0;
        right: 220px;
        top: calc(50% + 3px)
    }
}

@media(min-width:1920px) {
    .games-landing__header--register-form {
        right: 289px
    }
}

.games-landing__header--register-form .registration-form {
    padding: 20px 20px 0
}

@media(min-width:768px) {
    .games-landing__header--register-form .registration-form {
        padding: 32px 30px 0
    }
}

@media(min-width:1632px) {
    .games-landing__header--register-form .registration-form {
        padding: 30px 30px 0
    }
}

.games-landing__header--register-form .registration-form .registr-title-top {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 22px;
    margin-bottom: 16px;
    text-transform: none
}

.games-landing__header--register-form .registration-form .registr-title-top .color-number {
    color: #ec3200
}

@media(min-width:576px) {
    .games-landing__header--register-form .registration-form .registr-title-top {
        font-size: 30px;
        margin-bottom: 18px
    }
    .body--de .games-landing__header--register-form .registration-form .registr-title-top {
        font-size: 22px
    }
}

.games-landing__header--title {
    margin-bottom: 7px
}

.games-landing__header--percent {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(90.02deg, #e3f41c .14%, #fba643 99.95%);
    -webkit-background-clip: text;
    background-clip: text;
    line-height: 110%;
    margin-bottom: 11px
}

.games-landing__header--bonus {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase
}

@media(min-width:768px) {
    .games-landing__header--bonus {
        font-size: 18px;
        line-height: 25px
    }
}

@media(min-width:960px) {
    .games-landing__header--bonus {
        font-size: 24px;
        line-height: 34px
    }
}

.games-landing__bonuses-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center
}

@media(min-width:768px) {
    .games-landing__bonuses-list {
        margin: 2px 0 49px
    }
}

@media(min-width:960px) {
    .games-landing__bonuses-list {
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 4px 0 47px
    }
}

@media(min-width:1632px) {
    .games-landing__bonuses-list {
        margin: 4px 0 49px
    }
}

.games-landing__games-block {
    margin-bottom: -5px
}

@media(min-width:1248px) {
    .games-landing__games-block {
        margin-bottom: 19px
    }
}

.games-landing__games-block--title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 24px;
    text-align: center
}

@media(min-width:576px) {
    .games-landing__games-block--title {
        font-size: 36px
    }
}

.games-landing__games-block--list .catalog__list {
    grid-column-gap: 12px;
    grid-row-gap: 13px
}

@media(min-width:576px) {
    .games-landing__games-block--list .catalog__list {
        grid-row-gap: 12px
    }
}

@media(min-width:1248px) {
    .games-landing__games-block--list .catalog__list {
        grid-column-gap: 15px
    }
}

.newAffBonus-landing {
    margin: 0 auto
}

.newAffBonus-landing__header {
    height: 100%;
    outline: none;
    position: relative;
    width: 100%
}

@media(min-width:1920px) {
    .newAffBonus-landing__header {
        height: 960px;
        overflow: hidden
    }
}

@media(min-width:960px) {
    .newAffBonus-landing__header-block {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }
}

.newAffBonus-landing__header--image {
    height: 268px;
    transform: translate(-204px)
}

@media(min-width:413px) {
    .newAffBonus-landing__header--image {
        transform: translate(-22%)
    }
}

@media(min-width:576px) {
    .newAffBonus-landing__header--image {
        transform: translate(0)
    }
}

@media(min-width:768px) {
    .newAffBonus-landing__header--image {
        height: 945px;
        transform: translate(-30%)
    }
}

@media(min-width:960px) {
    .newAffBonus-landing__header--image {
        transform: translate(calc(-23% - 9px))
    }
}

@media(min-width:1248px) {
    .newAffBonus-landing__header--image {
        transform: translate(-19%)
    }
}

@media(min-width:1560px) {
    .newAffBonus-landing__header--image {
        transform: translate(-14%)
    }
}

@media(min-width:1632px) {
    .newAffBonus-landing__header--image {
        transform: translate(-9%)
    }
}

@media(min-width:1790px) {
    .newAffBonus-landing__header--image {
        transform: translate(0)
    }
}

@media(min-width:1920px) {
    .newAffBonus-landing__header--image {
        height: auto;
        width: 100%
    }
}

.newAffBonus-landing__header--content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto -80px;
    max-width: 406px;
    padding: 0 15px;
    transform: translateY(-155px)
}

@media(min-width:576px) {
    .newAffBonus-landing__header--content {
        padding: 0
    }
}

@media(min-width:768px) {
    .newAffBonus-landing__header--content {
        left: 50%;
        position: absolute;
        top: 34%;
        transform: translate(-50%, -50%)
    }
}

@media(min-width:960px) {
    .newAffBonus-landing__header--content {
        right: 60px;
        top: calc(34% + 5px);
        transform: translateY(-50%)
    }
}

@media(min-width:1248px) {
    .newAffBonus-landing__header--content {
        right: 134px
    }
}

@media(min-width:1632px) {
    .newAffBonus-landing__header--content {
        right: calc(20% + 8px)
    }
}

@media(min-width:1920px) {
    .newAffBonus-landing__header--content {
        right: calc(25% + 7px)
    }
}

@media(min-width:768px) {
    .newAffBonus-landing__header--content.logged-in {
        top: calc(18% + 6px)
    }
}

@media(min-width:960px) {
    .newAffBonus-landing__header--content.logged-in {
        right: 57px;
        top: 29%
    }
}

@media(min-width:1248px) {
    .newAffBonus-landing__header--content.logged-in {
        right: 129px;
        top: calc(28% + 8px)
    }
}

@media(min-width:1632px) {
    .newAffBonus-landing__header--content.logged-in {
        right: calc(25% + 7px)
    }
}

.newAffBonus-landing__header--inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: -2px;
    padding: 24px 12px
}

.newAffBonus-landing__header--inner p {
    text-align: center
}

@media(min-width:768px) {
    .newAffBonus-landing__header--inner {
        width: 460px
    }
}

.newAffBonus-landing__header--title {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 110%;
    margin: 0
}

@media(min-width:768px) {
    .newAffBonus-landing__header--title {
        font-size: 50px
    }
}

.newAffBonus-landing__header--bonus {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(90.02deg, #e3f41c .14%, #fba643 99.95%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 28px;
    font-weight: 700;
    line-height: 110%;
    margin: 6px 0
}

@media(min-width:358px) {
    .newAffBonus-landing__header--bonus {
        width: 325px
    }
}

@media(min-width:768px) {
    .newAffBonus-landing__header--bonus {
        font-size: 42px
    }
}

.newAffBonus-landing__header--promocode {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 8px 0 0;
    text-transform: uppercase
}

@media(min-width:768px) {
    .newAffBonus-landing__header--promocode {
        margin: 6px 0 0
    }
}

.newAffBonus-landing__header--promocode span {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(90.02deg, #e3f41c .14%, #fba643 99.95%);
    -webkit-background-clip: text;
    background-clip: text
}

.newAffBonus-landing__header--register-form .registration-form-nomodal {
    background: linear-gradient(180deg, #1c1d22 35.6%, rgba(28, 29, 34, 0)), linear-gradient(180deg, #373b47, rgba(35, 37, 43, 0) 64.71%);
    border-radius: 6px;
    padding: 20px 13px 0 15px
}

@media(min-width:768px) {
    .newAffBonus-landing__header--register-form .registration-form-nomodal {
        max-width: 358px;
        padding: 30px 30px 0
    }
}

.newAffBonus-landing__header--register-form .registration-form-nomodal__title {
    margin-bottom: 4px
}

@media(min-width:768px) {
    .newAffBonus-landing__header--register-form .registration-form-nomodal__title {
        margin-bottom: 11px
    }
}

.newAffBonus-landing__header--register-form .registration-form-nomodal__title .registr-title-top {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .24px;
    line-height: 22px;
    text-transform: none
}

@media(min-width:768px) {
    .newAffBonus-landing__header--register-form .registration-form-nomodal__title .registr-title-top {
        font-size: 30px
    }
}

.newAffBonus-landing__header--register-form .registration-form-nomodal__title .color-number {
    color: #ec3200
}

.newAffBonus-landing__button {
    display: flex;
    justify-content: center;
    margin-top: -1px
}

@media(min-width:768px) {
    .newAffBonus-landing__button {
        margin-top: -8px
    }
}

.newAffBonus-landing__button--btn.link-btn.link-btn--primary {
    font-size: 12px;
    font-weight: 700;
    line-height: 14.4px;
    text-align: center
}

@media(min-width:355px) {
    .newAffBonus-landing__button--btn.link-btn.link-btn--primary {
        padding: 17.29px 79.52px 17.71px 79.48px
    }
}

@media(min-width:768px) {
    .quests--big {
        margin-left: 8px;
        max-width: calc(100% - 16px)
    }
}

.quests-page {
    padding-top: 52px;
    position: relative
}

@media(min-width:768px) {
    .quests-page {
        padding-top: 44px
    }
}

.quests-page__img {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: auto;
    z-index: -1
}

.quests-page__img--desktop {
    display: none;
    height: 280px
}

@media(min-width:768px) {
    .quests-page__img--desktop {
        display: block
    }
}

.quests-page__img--mobile {
    height: 180px
}

@media(min-width:768px) {
    .quests-page__img--mobile {
        display: none
    }
}

.quests-page .container {
    align-content: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 1180px
}

.quests-page__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 29px;
    margin-bottom: 12px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .quests-page__title {
        font-size: 40px;
        line-height: 48px
    }
}

.quests-page__posttitle {
    color: #f41c43;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 12px;
    text-align: center
}

@media(min-width:768px) {
    .quests-page__posttitle {
        font-size: 16px;
        line-height: 26px
    }
}

.quests-page__desc {
    color: #c0c4db;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
    margin: 0 auto 20px;
    max-width: 606px;
    text-align: center
}

.quests-page__button {
    align-self: center;
    margin: 0 auto
}

.body {
    scrollbar-color: #93959a
}

.body::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.body::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.body::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.body::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .body {
        scrollbar-width: thin
    }
}

.body:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.new-landing-drop {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.new-landing-drop .wrapper {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 16px
}

@media(min-width:1248px) {
    .new-landing-drop .wrapper {
        padding: 0 16px
    }
}

.new-landing-drop__btn {
    max-width: 148px;
    text-transform: capitalize
}

.new-landing-drop__header--image {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: calc(100% + 102px)
}

@media(min-width:768px) {
    .new-landing-drop__header--image {
        transform: translate(-102px)
    }
}

@media(min-width:1248px) {
    .new-landing-drop__header--image {
        transform: translate(0)
    }
}

.new-landing-drop__banner {
    display: flex;
    height: 100%;
    min-height: 313px;
    outline: none;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .new-landing-drop__banner {
        height: 500px
    }
}

.new-landing-drop__banner--content {
    color: #fff;
    display: flex;
    left: 16px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 45px;
    width: 100%
}

@media(min-width:768px) {
    .new-landing-drop__banner--content {
        left: 44px;
        max-width: 636px;
        top: 72px
    }
    .new-landing-drop__banner--bottom-content {
        left: 60px;
        top: 93px
    }
}

.new-landing-drop__banner--inner {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media(min-width:768px) {
    .new-landing-drop__banner--inner {
        text-align: start
    }
}

@media(min-width:1248px) {
    .new-landing-drop__banner--inner {
        gap: 24px
    }
}

.new-landing-drop__banner--title {
    font-size: 12px;
    font-weight: 700;
    line-height: 17px
}

@media(min-width:768px) {
    .new-landing-drop__banner--title {
        font-size: 24px;
        line-height: 60px
    }
}

.new-landing-drop__banner--text {
    font-size: 30px;
    font-weight: 900;
    line-height: 42px;
    text-transform: uppercase
}

@media(min-width:768px) {
    .new-landing-drop__banner--text {
        font-size: 56px;
        line-height: 60px
    }
    .new-landing-drop__banner--bottom-text {
        font-size: 56px;
        line-height: 78px
    }
}

.new-landing-drop__banner--bottom-bonus {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    opacity: .6
}

@media(min-width:768px) {
    .new-landing-drop__banner--bottom-bonus {
        font-size: 16px;
        line-height: 22px
    }
}

.new-landing-drop .home__filter {
    padding: 0 0 0 16px
}

.new-landing-drop .home__filter .categroy {
    display: flex;
    flex-direction: column
}

.new-landing-drop .catalog {
    padding-top: 16px
}

.new-landing-drop .catalog__header {
    margin: 0;
    padding: 8px 16px 8px 0
}

.new-landing-drop .catalog__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: capitalize
}

.new-landing-drop .catalog__list {
    grid-auto-columns: minmax(160px, 1fr);
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fill, 160px);
    grid-template-rows: repeat(1, 1fr);
    overflow-x: auto
}

@media(min-width:1248px) {
    .new-landing-drop .catalog__list {
        grid-template-columns: repeat(6, minmax(160px, 1fr))
    }
}

@media(min-width:1632px) {
    .new-landing-drop .catalog__list {
        grid-template-columns: repeat(6, minmax(160px, 1fr))
    }
}

.new-landing-drop .catalog:first-child .catalog__list {
    grid-template-rows: repeat(2, 1fr)
}

@media(min-width:1248px) {
    .new-landing-drop .catalog:first-child .catalog__item:nth-last-child(-n+2) {
        display: none
    }
}

@media(min-width:1632px) {
    .new-landing-drop .catalog:first-child .catalog__item:nth-last-child(-n+2) {
        display: flex
    }
}

@media(min-width:1248px) {
    .new-landing-drop .catalog__item:last-child {
        display: none
    }
}

@media(min-width:1632px) {
    .new-landing-drop .catalog__item:last-child {
        display: flex
    }
}

.new-landing-drop__promotions {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding: 16px
}