/*! 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
}

html {
    height: auto;
    width: 100%
}

.body, html {
    min-height: 100%
}

.body {
    background-color: #212121 !important;
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.6;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    text-align: left;
    width: 100vw
}

* {
    /* box-sizing: border-box; */
}

img {
    border: none
}

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
}

a[disabled] {
    pointer-events: none
}

i.ti {
    font-size: 24px;
}

ol {
    padding-left: 20px
}

#launcher {
    height: 0 !important;
    opacity: 0 !important;
    width: 0 !important
}

#payments_lib_popup .payments-lib-popup__outer-container--close {
    color: #4a4a4b !important
}

.main-slider .main-slider__item {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 380px;
    justify-content: center;
    outline: none;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .main-slider .main-slider__item {
        height: 380px
    }
}

.main-slide {
    background-color: #0bdede;
    color: #2b2d32;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    line-height: 1.25;
    position: relative
}

@media(min-width: 768px) {
    .main-slide {
        font-size: 26px
    }
}

.main-slide__image {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.main-slide__image--left {
    -o-object-position: left center;
    object-position: left center
}

.main-slide__image--right {
    -o-object-position: right center;
    object-position: right center
}

.main-slide__content {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

    .main-slide__content, .main-slide__content p {
        margin: 0;
        padding: 0;
        width: 100%
    }

.main-slide__block {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    min-height: 100%;
    padding: 30px;
    position: relative;
    text-align: center;
    width: 100%
}

@media(min-width: 768px) {
    .main-slide__block {
        padding: 30px 50px
    }
}

.main-slide__block--left {
    justify-content: flex-start;
    text-align: left
}

.main-slide__block--right {
    justify-content: flex-end;
    text-align: right
}

.main-slide__block--top {
    align-items: flex-start
}

.main-slide__block--bottom {
    align-items: flex-end
}

.main-slide__block-inner {
    display: block;
    margin: 0;
    max-width: 240px;
    padding: 0;
    text-align: inherit;
    width: 100%
}

@media(min-width: 768px) {
    .main-slide__block-inner {
        max-width: 520px
    }
}

.main-slide__title {
    color: #2b2d32;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    margin: 4px 0
}

@media(min-width: 768px) {
    .main-slide__title {
        font-size: 42px
    }
}

.main-slide__subtitle {
    color: #2b2d32;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    margin: 4px 0
}

@media(min-width: 768px) {
    .main-slide__subtitle {
        font-size: 36px
    }
}

.main-slide__color-inverse {
    color: #fff !important
}

.main-slide__uppercase {
    text-transform: uppercase !important
}

.main-slide__block-button {
    margin-top: 10px
}

@media(min-width: 768px) {
    .main-slide__block-button {
        margin-top: 30px
    }
}

@media(min-width: 1200px) {

    main {
        padding: 24px 0 0;
        margin: 0 auto;
    }
}

.main-slide__full-link {
    color: inherit;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 0
}

.main-slide__full-link, .main-slide__row {
    align-items: center;
    display: flex;
    width: 100%
}

.main-slide__row {
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
    min-height: 100%;
    padding: 0 10px
}

@media(min-width: 768px) {
    .main-slide__row {
        padding: 0 20px
    }
}

@media(min-width: 960px) {
    .main-slide__row {
        padding: 0 30px
    }
}

.main-slide__cell {
    display: inline-flex;
    justify-content: center;
    width: 100%
}

@media(min-width: 768px) {
    .main-slide__cell {
        width: auto
    }
}

@media(max-width: 767px) {
    .main-slide__cell--hide-mobile {
        display: none
    }
}

.main-slide__cell .main-slide__block-inner {
    max-width: 350px;
    text-align: center;
    width: calc(100% - 50px)
}

.main-slide .main-slide__register-form {
    max-width: 350px;
    width: 100%
}

.banner {
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 1.2;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-transform: none;
    width: 100%
}

@media(min-width: 960px) {
    .banner {
        font-size: 14px
    }
}

@media(min-width: 1200px) {
    .banner {
        font-size: 12px
    }

    main {
        max-width: 1608px;
        width: calc(100% - 59px);
    }
}

@media(min-width: 1440px) {
    .banner {
        font-size: 14px
    }
}

.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 20px;
    position: absolute;
    width: 100%
}

@media(min-width: 1200px) {
    .banner__content {
        padding: 5px 10px
    }
}

@media(min-width: 1440px) {
    .banner__content {
        padding: 5px 24px
    }
}

.banner__title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px
}

p + .banner__title {
    margin: 0 0 5px
}

@media(min-width: 960px) {
    .banner__title {
        font-size: 20px;
        margin-bottom: 10px
    }
}

@media(min-width: 1200px) {
    .banner__title {
        font-size: 16px;
        margin-bottom: 5px
    }
}

@media(min-width: 1440px) {
    .banner__title {
        font-size: 20px;
        margin-bottom: 10px
    }
}

.banner__button-wrapper {
    display: block;
    margin: 16px 0 0
}

@media(min-width: 960px) {
    .banner__button-wrapper {
        margin-top: 20px
    }
}

@media(min-width: 1200px) {
    .banner__button-wrapper {
        margin-top: 16px
    }
}

@media(min-width: 1440px) {
    .banner__button-wrapper {
        margin-top: 22px
    }
}

@media(min-width: 1200px)and (max-width:1439px) {
    .layout--left-padding .banner__button-wrapper {
        margin-top: 10px
    }
}

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

.jackpot-slide__image {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.jackpot-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) {
    .jackpot-slide__content {
        font-size: 20px
    }
}

.jackpot-slide__block {
    align-items: center;
    display: flex;
    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) {
    .jackpot-slide__block {
        padding: 94px 48px
    }
}

@media(min-width: 1200px) {
    .jackpot-slide__block {
        padding: 94px 54px
    }
}

@media(min-width: 1440px) {
    .jackpot-slide__block {
        padding: 94px 64px
    }
}

.jackpot-slide__block--left {
    justify-content: flex-start;
    text-align: left
}

.jackpot-slide__block--right {
    justify-content: flex-end;
    text-align: right
}

.jackpot-slide__block--top {
    align-items: flex-start
}

.jackpot-slide__block--bottom {
    align-items: flex-end
}

.jackpot-slide__block--with-registration {
    display: none;
    width: calc(100% - 500px)
}

@media(min-width: 768px) {
    .jackpot-slide__block--with-registration {
        display: flex
    }
}

.jackpot-slide__block-inner {
    display: block;
    margin: 0;
    padding: 0;
    text-align: inherit;
    width: 100%
}

.jackpot-slide__title {
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .24px;
    margin: 0 0 9px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .jackpot-slide__title {
        font-size: 56px;
        letter-spacing: .56px;
        margin-bottom: 50px
    }
}

.jackpot-slide__title .od-total-wrapper, .jackpot-slide__title .od-total-wrapper .odometer.odometer-auto-theme, .jackpot-slide__title .od-total-wrapper .odometer.odometer-theme-default {
    font-family: Open Sans,sans-serif
}

.jackpot-slide__block--with-registration .jackpot-slide__title {
    font-size: 24px
}

@media(min-width: 768px) {
    .jackpot-slide__block--with-registration .jackpot-slide__title {
        font-size: 32px
    }
}

@media(min-width: 1200px) {
    .jackpot-slide__block--with-registration .jackpot-slide__title {
        font-size: 40px
    }
}

.jackpot-slide__block-button {
    font-family: Roboto,Arial,sans-serif
}

    .jackpot-slide__block-button .jackpot-slide__button {
        font-size: 16px;
        min-height: 52px;
        min-width: 167px
    }

@media(min-width: 768px) {
    .jackpot-slide__block-button .jackpot-slide__button {
        font-size: 22px;
        min-height: 67px;
        min-width: 215px
    }
}

.jackpot-slide__row {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%
}

@media(min-width: 768px) {
    .jackpot-slide__row {
        flex-direction: row;
        max-width: 100%;
        width: auto
    }
}

.jackpot-slide__block--left .jackpot-slide__row {
    justify-content: flex-start
}

.jackpot-slide__block--right .jackpot-slide__row {
    justify-content: flex-end
}

.jackpot-slide__block--with-registration .jackpot-slide__row {
    align-items: flex-start;
    flex-direction: column
}

@media(min-width: 960px) {
    .jackpot-slide__block--with-registration .jackpot-slide__row {
        flex-direction: row;
        max-width: 100%;
        width: auto
    }
}

.jackpot-slide__cell {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: inherit;
    width: 100%
}

@media(min-width: 768px) {
    .jackpot-slide__cell {
        width: auto
    }
}

.jackpot-slide__cell:not(:first-child) {
    margin: 16px 0 0
}

@media(min-width: 768px) {
    .jackpot-slide__cell:not(:first-child) {
        margin: 0 0 0 24px
    }
}

@media(max-width: 767px) {
    .jackpot-slide__cell:last-child {
        margin: 0 0 16px;
        order: -1
    }
}

.jackpot-slide__block--with-registration .jackpot-slide__cell:last-child {
    margin: 0
}

@media(max-width: 959px) {
    .jackpot-slide__block--with-registration .jackpot-slide__cell:last-child {
        margin: 0;
        order: -1
    }
}

.jackpot-slide__cell-inner {
    display: block;
    text-align: inherit;
    width: 100%
}

.jackpot-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%
}

.jackpot-slide .registration-form-nomodal {
    max-width: 400px;
    min-height: 360px;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%,-50%)
}

@media(min-width: 768px) {
    .jackpot-slide .registration-form-nomodal {
        right: 48px;
        transform: translateY(-50%)
    }
}

@media(min-width: 1200px) {
    .jackpot-slide .registration-form-nomodal {
        right: 54px
    }
}

@media(min-width: 1440px) {
    .jackpot-slide .registration-form-nomodal {
        right: 64px
    }
}

.jackpot-slide--jackpot .jackpot-slide__title {
    font-size: 24px;
    font-weight: 800;
    text-shadow: 0 0 10px rgba(177,78,255,.51),0 0 10px rgba(255,189,111,.25)
}

@media(min-width: 768px) {
    .jackpot-slide--jackpot .jackpot-slide__title {
        font-size: 72px;
        line-height: 80px
    }
}

.welcome-modal__header {
    align-items: center;
    background-color: #22242c;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    height: 56px;
    justify-content: center;
    text-transform: uppercase
}

.welcome-modal__image-wrapper {
    height: 160px;
    position: relative
}

@media(min-width: 768px) {
    .welcome-modal__image-wrapper {
        height: 200px
    }
}

.welcome-modal__image {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.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;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 960px) {
    .welcome-modal__title {
        font-size: 24px
    }
}

.welcome-modal__prize {
    color: #0bdede
}

.welcome-modal__desc {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
    text-align: center
}

@media(min-width: 960px) {
    .welcome-modal__desc {
        font-size: 14px
    }
}

.welcome-modal .welcome-modal__button {
    margin-top: 22px
}

.bonuses__more {
    margin-top: 30px;
    text-align: center
}

.fast-deposit-metods-info {
    padding: 10px 0
}

.welcome-bonus-sign-up {
    padding: 86px 16px 0;
    width: 100%
}

@media(min-width: 480px) {
    .welcome-bonus-sign-up {
        padding: 94px 48px 0
    }
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up {
        padding: 36px 48px 48px;
        text-align: center
    }
}

.welcome-bonus-sign-up__logo {
    display: none;
    position: relative;
    z-index: 3
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__logo {
        display: inline-block
    }

        .welcome-bonus-sign-up__logo .logo__img {
            height: 45px;
            width: 211px
        }
}

.welcome-bonus-sign-up__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    max-width: 333px;
    position: relative;
    text-transform: uppercase;
    z-index: 3
}

@media(min-width: 480px) {
    .welcome-bonus-sign-up__title {
        font-size: 26px
    }
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__title {
        margin: 32px auto 0;
        max-width: 400px
    }
}

.welcome-bonus-sign-up__background {
    height: 272px;
    left: 50%;
    position: absolute;
    top: -3px;
    transform: translate(-50%);
    width: 480px
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__background {
        height: 680px;
        top: 0;
        width: 100%
    }
}

.welcome-bonus-sign-up__background--gradient {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__background--gradient {
        display: block
    }
}

.welcome-bonus-sign-up__gradient {
    position: absolute
}

.welcome-bonus-sign-up__gradient--blue {
    background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
    bottom: 71%;
    height: 560px;
    right: -43%;
    width: 896px
}

.welcome-bonus-sign-up__gradient--red {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
    bottom: -35.1%;
    height: 809px;
    top: 47.2%;
    width: 991px
}

.welcome-bonus-sign-up__image {
    height: 100%;
    width: 100%
}

.welcome-bonus-sign-up__image--mobile {
    display: block
}

@media(min-width: 768px) {
    .welcome-bonus-sign-up__image--mobile {
        display: none
    }
}

.welcome-bonus-sign-up__image--tablet {
    display: none
}

@media(min-width: 768px) {
    .welcome-bonus-sign-up__image--tablet {
        display: block
    }
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__image--tablet {
        display: none
    }
}

.welcome-bonus-sign-up__image--desktop {
    display: none
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__image--desktop {
        display: block
    }
}

.home-vip-benifits {
    margin-top: 80px;
    position: relative
}

.home-vip-benifits__gradient {
    position: absolute;
    z-index: -1
}

.home-vip-benifits__gradient--red {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
    bottom: -90px;
    height: 920px;
    right: -610px;
    width: 896px
}

@media(min-width: 768px) {
    .home-vip-benifits__gradient--red {
        bottom: unset;
        right: -520px;
        right: -510px;
        top: -250px
    }
}

@media(min-width: 1440px) {
    .home-vip-benifits__gradient--red {
        right: -685px
    }
}

@media(min-width: 1680px) {
    .home-vip-benifits__gradient--red {
        right: -500px
    }
}

.home-vip-benifits__gradient--green {
    background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
    display: none;
    height: 920px;
    width: 896px
}

@media(min-width: 768px) {
    .home-vip-benifits__gradient--green {
        display: block;
        left: -530px;
        top: -410px
    }
}

@media(min-width: 1200px) {
    .home-vip-benifits__gradient--green {
        top: -460px
    }
}

.home-vip-benifits__star {
    position: absolute
}

.home-vip-benifits__star--small {
    display: none
}

@media(min-width: 1200px) {
    .home-vip-benifits__star--small {
        display: block;
        left: 32%;
        top: 265px
    }
}

.home-vip-benifits__star--big {
    height: 77px;
    left: 11px;
    top: 48%
}

@media(min-width: 768px) {
    .home-vip-benifits__star--big {
        left: 0;
        top: -90px
    }
}

@media(min-width: 1200px) {
    .home-vip-benifits__star--big {
        height: 91px;
        top: -97px
    }
}

.home-vip-benifits__background-image {
    height: 972px;
    opacity: .4;
    position: absolute;
    right: -570px;
    top: -165px;
    z-index: -2
}

@media(min-width: 768px) {
    .home-vip-benifits__background-image {
        opacity: 1;
        right: -375px
    }
}

@media(min-width: 1200px) {
    .home-vip-benifits__background-image {
        right: -200px;
        top: -310px
    }
}

@media(min-width: 1680px) {
    .home-vip-benifits__background-image {
        right: -50px
    }
}

.home-vip-benifits__badge {
    display: none
}

@media(min-width: 768px) {
    .home-vip-benifits {
        margin-bottom: 418px;
        margin-top: 172px
    }
}

@media(min-width: 1200px) {
    .home-vip-benifits {
        margin-bottom: 254px;
        margin-top: 262px
    }
}

@media(min-width: 1440px) {
    .home-vip-benifits {
        margin-bottom: 230px
    }
}

.home-vip-benifits .container, .home-vip-benifits__text {
    position: relative
}

@media(min-width: 768px) {
    .home-vip-benifits__text {
        max-width: 328px
    }
}

@media(min-width: 1200px) {
    .home-vip-benifits__text {
        margin-left: 32px;
        max-width: 485px
    }
}

@media(min-width: 1440px) {
    .home-vip-benifits__text {
        margin-left: 77px;
        max-width: 630px
    }
}

.home-vip-benifits__text:before {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
    content: "";
    display: none;
    height: 440px;
    opacity: .8;
    position: absolute;
    transform: rotate(-20deg);
    width: 595px;
    z-index: -1
}

@media(min-width: 768px) {
    .home-vip-benifits__text:before {
        display: block;
        left: -130px;
        top: -100px
    }
}

.home-vip-benifits__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px;
    text-transform: uppercase
}

@media(min-width: 1200px) {
    .home-vip-benifits__title {
        font-size: 42px;
        line-height: 52px;
        margin: 0 0 32px
    }
}

@media(min-width: 1440px) {
    .home-vip-benifits__title {
        font-size: 54px;
        font-weight: 800;
        line-height: 64px
    }
}

.home-vip-benifits__description {
    color: hsla(0,0%,100%,.65);
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 48px
}

@media(min-width: 768px) {
    .home-vip-benifits__description {
        margin-bottom: 40px
    }
}

@media(min-width: 1200px) {
    .home-vip-benifits__description {
        margin-bottom: 48px
    }
}

.home-vip-benifits .container {
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .home-vip-benifits .container {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

.home-vip-benifits__cards {
    display: flex;
    flex-direction: column;
    row-gap: 30px
}

@media(min-width: 768px) {
    .home-vip-benifits__cards {
        width: 465px
    }
}

.home-vip-benifits__card {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: hsla(0,0%,100%,.06);
    border-radius: 12px;
    padding: 24px 36px;
    position: relative
}

    .home-vip-benifits__card:before {
        background: transparent;
        border-bottom: 1px solid hsla(0,0%,100%,.12);
        border-radius: 12px;
        border-right: 1px solid hsla(0,0%,100%,.12);
        bottom: -8px;
        content: "";
        display: block;
        left: 12px;
        position: absolute;
        right: -12px;
        top: 8px;
        z-index: -1
    }

.home-vip-benifits__card--three {
    display: none
}

.home-vip-benifits__card-title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0
}

.home-vip-benifits__card-list {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    row-gap: 12px
}

.home-vip-benifits__card-item {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    font-size: 14px;
    line-height: 20px
}

.home-vip-benifits__card-description, .home-vip-benifits__card-item {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-style: normal;
    font-weight: 400
}

.home-vip-benifits__card-description {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px
}

.home-vip-benifits__card-image--title {
    display: none
}

.home-vip-benifits .home-vip-benifits__button {
    align-self: center;
    display: flex;
    padding: 12px 20px
}

.home-vip-benifits .home-vip-benifits__button--desktop {
    display: none
}

@media(min-width: 768px) {
    .home-vip-benifits .home-vip-benifits__button--desktop {
        display: inline-block
    }
}

.home-vip-benifits .home-vip-benifits__button--mobile {
    margin: 40px 0 72px
}

@media(min-width: 768px) {
    .home-vip-benifits .home-vip-benifits__button--mobile {
        display: none
    }
}

@keyframes badge {
    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

.iphone-modal {
    text-align: center
}

.iphone-modal__header {
    color: #fff;
    font-size: 20px;
    padding: 10px 20px
}

.iphone-modal__content {
    padding: 0 20px 20px
}

.copyright {
    display: grid;
    margin-bottom: 24px;
    margin-top: 32px;
    row-gap: 24px
}

@media(min-width: 1200px) {
    .copyright {
        -moz-column-gap: 48px;
        column-gap: 48px;
        margin-bottom: 36px;
        margin-top: 48px
    }
}

.copyright--one-column, .copyright--two-column {
    grid-template-columns: 1fr
}

@media(min-width: 1200px) {
    .copyright--two-column {
        grid-template-columns: 1fr 1fr
    }
}

.copyright__text {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.prize-level__cashback {
    display: block
}

.game-tournaments-list {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.mystery-drops-winners-tables__wrap {
    display: flex;
    gap: 24px;
    margin-bottom: 120px;
    margin-top: 110px;
    padding-top: 50px
}

@media(max-width: 1247px) {
    .mystery-drops-winners-tables__wrap {
        gap: 16px;
        margin-bottom: 112px;
        margin-top: 102px
    }
}

@media(max-width: 959px) {
    .mystery-drops-winners-tables__wrap {
        margin-bottom: 96px;
        margin-left: -24px;
        margin-top: 86px;
        overflow: auto;
        padding-left: 24px;
        padding-right: 24px;
        width: 100vw
    }
}

@media(max-width: 767px) {
    .mystery-drops-winners-tables__wrap {
        gap: 12px;
        margin-bottom: 72px;
        margin-top: 62px
    }
}

.mystery-drops-winners-tables__table {
    background: radial-gradient(49.34% 47.32% at 50% 0,rgba(142,53,255,.12) 0,rgba(107,37,255,0) 100%),rgba(223,228,255,.1);
    border-radius: 4px;
    padding: 48px 16px 16px;
    position: relative;
    width: 33.3333333333%
}

@media(max-width: 1247px) {
    .mystery-drops-winners-tables__table {
        padding-top: 52px
    }
}

@media(max-width: 959px) {
    .mystery-drops-winners-tables__table {
        min-width: 328px;
        width: 328px
    }
}

@media(max-width: 767px) {
    .mystery-drops-winners-tables__table {
        padding-top: 52px
    }
}

@media(max-width: 480px) {
    .mystery-drops-winners-tables__table {
        min-width: calc(100vw - 48px);
        width: calc(100vw - 48px)
    }
}

.mystery-drops-winners-tables__icon-wrap {
    height: 80px;
    left: 50%;
    margin-bottom: 8px;
    position: absolute;
    top: -40px;
    transform: translateX(-50%);
    width: 80px
}

    .mystery-drops-winners-tables__icon-wrap img {
        max-width: 100%
    }

.mystery-drops-winners-tables__title {
    color: #fff;
    font-family: Rubik,Arial,sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 24px;
    margin-bottom: 24px;
    text-align: center
}

@media(max-width: 1247px) {
    .mystery-drops-winners-tables__title {
        font-size: 16px;
        line-height: 20px
    }
}

@media(max-width: 959px) {
    .mystery-drops-winners-tables__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media(max-width: 767px) {
    .mystery-drops-winners-tables__title {
        font-size: 16px;
        line-height: 20px
    }
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__block {
    align-items: center;
    border-radius: 4px;
    display: flex;
    min-height: 56px;
    padding: 8px;
    position: relative
}

    .mystery-drops-winners-tables .jackpot-biggest-wrap__block:nth-child(odd) {
        background: rgba(176,180,255,.04)
    }

.mystery-drops-winners-tables .jackpot-biggest-wrap__block-place {
    margin-right: 12px;
    width: 40px
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 98px
}

@media(max-width: 1247px) {
    .mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
        width: 60px
    }
}

@media(max-width: 959px) {
    .mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
        width: 98px
    }
}

@media(max-width: 480px) {
    .mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
        width: 60px
    }
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-pool-wrap {
    align-items: center;
    display: flex;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-pool {
    color: #fff;
    flex-grow: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-level-image {
    margin-left: 8px;
    width: 18px
}

.mystery-drops-winners-tables .jackpot-biggest-wrap .ago-timer__text {
    color: hsla(0,0%,100%,.4)
}

.mystery-drops-winners-tables .jackpot-list-winner__block {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    min-height: 56px;
    padding: 8px 8px 8px 60px;
    position: relative
}

    .mystery-drops-winners-tables .jackpot-list-winner__block:nth-child(odd) {
        background: rgba(176,180,255,.04)
    }

    .mystery-drops-winners-tables .jackpot-list-winner__block:nth-child(n+6) {
        display: none
    }

.mystery-drops-winners-tables .jackpot-list-winner__name {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 98px
}

@media(max-width: 1247px) {
    .mystery-drops-winners-tables .jackpot-list-winner__name {
        width: 60px
    }
}

@media(max-width: 959px) {
    .mystery-drops-winners-tables .jackpot-list-winner__name {
        width: 98px
    }
}

@media(max-width: 480px) {
    .mystery-drops-winners-tables .jackpot-list-winner__name {
        width: 60px
    }
}

.mystery-drops-winners-tables .jackpot-list-winner__pool-wrap {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    left: 0;
    padding: 8px 8px 8px 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.mystery-drops-winners-tables .jackpot-list-winner__pool {
    color: #fff;
    flex-grow: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.mystery-drops-winners-tables .jackpot-list-winner__level-image {
    width: 35px
}

.mystery-drops-winners-tables .jackpot-list-winner .ago-timer {
    width: 100%
}

.mystery-drops-winners-tables .jackpot-list-winner .ago-timer__text {
    color: hsla(0,0%,100%,.4)
}

.mystery-drops-winners-tables .tooltip-info__info-btn {
    height: 20px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 20px
}

    .mystery-drops-winners-tables .tooltip-info__info-btn img {
        width: 100%
    }

.mystery-features {
    margin: 120px 0
}

.mystery-features-wrapper {
    position: relative;
    z-index: 2
}

    .mystery-features-wrapper:before {
        background: radial-gradient(50% 50% at 50% 50%,#0057ff 0,rgba(0,87,255,0) 100%);
        content: "";
        height: 611px;
        left: -50%;
        opacity: .2;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 611px;
        z-index: -1
    }

@media(min-width: 768px) {
    .mystery-features-wrapper:before {
        height: 1157px;
        left: -80%;
        top: 40%;
        transform: translateY(-50%);
        width: 1157px
    }
}

@media(min-width: 1200px) {
    .mystery-features-wrapper:before {
        height: 1451px;
        left: -750px;
        top: 80%;
        width: 1451px
    }
}

.mystery-features-wrapper:after {
    background: radial-gradient(50% 50% at 50% 50%,#ad00ff 0,rgba(173,0,255,0) 100%);
    content: "";
    height: 611px;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    right: -50%;
    top: -80px;
    width: 611px;
    z-index: -1
}

@media(min-width: 768px) {
    .mystery-features-wrapper:after {
        height: 1157px;
        right: -80%;
        top: 50%;
        transform: translateY(-50%);
        width: 1157px
    }
}

@media(min-width: 1200px) {
    .mystery-features-wrapper:after {
        height: 1451px;
        right: -750px;
        top: 70%;
        width: 1451px
    }
}

@media(max-width: 768px) {
    .mystery-features {
        margin: 60px 0
    }
}

.mystery-features__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 64px;
    text-align: center
}

@media(max-width: 768px) {
    .mystery-features__title {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 32px
    }
}

@media(min-width: 1200px) {
    .mystery-features__title {
        font-size: 32px;
        line-height: 40px
    }
}

.mystery-features__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media(max-width: 960px) {
    .mystery-features__list {
        row-gap: 56px
    }
}

@media(max-width: 768px) {
    .mystery-features__list {
        row-gap: 16px
    }
}

.mystery-features__list-item {
    flex: 1 1 20%;
    max-width: 20%
}

@media(max-width: 960px) {
    .mystery-features__list-item {
        flex: 1 1 33.3333%;
        max-width: 33.3333%
    }
}

@media(max-width: 768px) {
    .mystery-features__list-item {
        flex: 1 1 100%;
        max-width: 100%
    }

        .mystery-features__list-item:last-child {
            margin-bottom: 0
        }
}

.mystery-feature {
    padding: 0 15px
}

@media(max-width: 768px) {
    .mystery-feature {
        align-items: center;
        display: flex
    }
}

.mystery-feature__icon {
    height: 80px;
    margin: 0 auto 24px;
    width: 80px
}

@media(max-width: 768px) {
    .mystery-feature__icon {
        height: 64px;
        margin: -10px 24px 0 0;
        width: 64px
    }
}

.mystery-feature__icon img {
    max-width: 100%
}

.mystery-feature__content {
    flex: 1;
    text-align: center
}

@media(max-width: 768px) {
    .mystery-feature__content {
        text-align: left
    }
}

.mystery-feature__title {
    color: #fff !important;
    font-family: Rubik,Arial,sans-serif;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 28px !important;
    margin: 0
}

@media(max-width: 768px) {
    .mystery-feature__title {
        font-size: 16px !important;
        line-height: 24px !important
    }

        .mystery-feature__title br {
            display: none
        }
}

.mystery-feature__text {
    color: hsla(0,0%,100%,.65);
    font: 14px/20px Open Sans,sans-serif;
    margin-bottom: 0;
    margin-top: 4px
}

@media(min-width: 1200px) {
    .mystery-feature__text {
        font-size: 16px;
        line-height: 24px
    }
}

.ls-prizes-modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 768px) {
    .ls-prizes-modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 720px
    }
}

.ls-prizes-modal .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: hidden
}

@media(min-width: 768px) {
    .ls-prizes-modal .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }
}

.ls-prizes-modal__inner {
    height: 100%;
    overflow: auto;
    padding: 56px 16px 32px
}

@media(min-width: 768px) {
    .ls-prizes-modal__inner {
        border-radius: 20px
    }
}

.ls-prizes-modal__content {
    margin: 0 0 24px;
    text-align: center
}

.ls-prizes-modal__rewards {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media(min-width: 768px) {
    .ls-prizes-modal__rewards {
        flex-direction: row
    }
}

.ls-prizes-modal__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px
}

.ls-prizes-modal__text, .ls-prizes-modal__title {
    font-family: Open Sans,sans-serif;
    font-style: normal;
    text-align: center
}

.ls-prizes-modal__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

    .ls-prizes-modal__text:last-child {
        margin: 0
    }

.ls-prizes-modal .ls-modal-rewards {
    border: 1px solid hsla(0,0%,100%,.06);
    border-radius: 8px;
    flex: 1;
    overflow: hidden;
    padding: 58px 24px 24px;
    position: relative
}

.ls-prizes-modal .ls-modal-rewards__label {
    left: 0;
    position: absolute;
    top: -1px
}

.ls-prizes-modal .ls-modal-rewards__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.ls-prizes-modal .ls-modal-rewards__item {
    margin: 0 0 16px
}

    .ls-prizes-modal .ls-modal-rewards__item:last-child {
        margin: 0
    }

.ls-prizes-modal .ls-modal-rewards__item-text {
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    letter-spacing: .01em;
    line-height: 20px;
    margin: 0
}

    .ls-prizes-modal .ls-modal-rewards__item-text span:last-child {
        color: #fff;
        font-weight: 700
    }

.ls-prizes-modal .ls-modal-rewards--silver {
    background: linear-gradient(164.42deg,rgba(74,70,255,.1) 1.11%,rgba(74,70,255,.06))
}

.ls-prizes-modal .ls-modal-rewards--gold {
    background: linear-gradient(164.3deg,rgba(255,199,0,.1) -.49%,rgba(255,168,0,.03))
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label {
    background-size: 100% 100%;
    display: flex;
    min-width: 134px;
    padding: 6px 12px
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label__icon {
    height: 20px;
    margin-right: 11px;
    width: 20px
}

    .ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label__icon img {
        max-width: 100%
    }

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label__text {
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2em;
    line-height: 20px;
    text-transform: uppercase
}

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label--silver {
    background: url(/images/ls-ticket-label-bg-silver.4a74d196..png) 50% no-repeat
}

    .ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label--silver .ls-modal-rewards-label__text {
        color: #bbbeff
    }

.ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label--gold {
    background: url(/images/ls-ticket-label-bg-gold.b068286d..png) 50% no-repeat
}

    .ls-prizes-modal .ls-modal-rewards .ls-modal-rewards-label--gold .ls-modal-rewards-label__text {
        color: #ffc978
    }

.lb-prizes-modal__inner {
    overflow: hidden;
    padding: 40px 16px 64px
}

@media(min-width: 768px) {
    .lb-prizes-modal__inner {
        padding: 40px 56px 34px
    }
}

.lb-prizes-modal__inner:after {
    background: no-repeat;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.lb-prizes-modal__inner:before {
    background: top/contain url(/images/lb-modal-confiti.11e54642..png) no-repeat,radial-gradient(27.42% 26.24% at 100% 98.82%,rgba(0,255,240,.04) 0,transparent 100%),#121212;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media(min-width: 768px) {
    .lb-prizes-modal__inner:before {
        border-radius: 8px
    }
}

.lb-prizes-modal__bg {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

    .lb-prizes-modal__bg:after {
        background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
        bottom: -500px;
        content: "";
        display: block;
        height: 809px;
        position: absolute;
        right: -300px;
        width: 700px
    }

    .lb-prizes-modal__bg:before {
        background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
        border-radius: 630px;
        content: "";
        display: block;
        height: 560px;
        position: absolute;
        right: -100px;
        top: -400px;
        width: 631px
    }

.lb-prizes-modal__content {
    margin: 0 auto;
    max-width: 401px
}

.lb-prizes-modal__main-title, .lb-prizes-modal__title {
    color: #fff;
    font-weight: 700;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

.lb-prizes-modal__main-title {
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    line-height: 28px
}

.lb-prizes-modal__title {
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    line-height: 26px
}

.lb-prizes-modal__text {
    color: #999;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 143%;
    margin-bottom: 24px;
    margin-top: 16px;
    text-align: center
}

.lb-prizes-modal__rewards {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media(min-width: 768px) {
    .lb-prizes-modal__rewards {
        flex-direction: row;
        width: 100%
    }
}

.lb-prizes-modal .lb-modal-rewards {
    background-image: url(/images/bg-prizes-modal.6b00bac9..png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    border-radius: 8px;
    padding: 32px 52px;
    position: relative
}

@media(min-width: 768px) {
    .lb-prizes-modal .lb-modal-rewards {
        padding: 32px 24px;
        width: 100%
    }
}

.lb-prizes-modal .lb-modal-rewards__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 24px 0 0;
    padding: 0
}

.lb-prizes-modal .lb-modal-rewards__item-text {
    display: flex;
    justify-content: space-between;
    margin: 0
}

    .lb-prizes-modal .lb-modal-rewards__item-text span {
        color: hsla(0,0%,100%,.65);
        font-size: 14px;
        letter-spacing: .01em;
        line-height: 143%
    }

        .lb-prizes-modal .lb-modal-rewards__item-text span:last-child {
            color: #fff;
            font-weight: 700
        }

.lb-prizes-modal .lb-modal-rewards--epic:before {
    background: linear-gradient(180deg,#ffc736,rgba(147,63,15,.99));
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.lb-prizes-modal .lb-modal-rewards--rare:before {
    background: linear-gradient(354deg,#003f5a,#03b6aa);
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.lb-prizes-modal .modal__content-wrapper {
    margin: 0;
    max-width: 100%;
    width: 100%
}

@media(min-width: 768px) {
    .lb-prizes-modal .modal__content-wrapper {
        margin: auto;
        max-width: 700px
    }
}

.lb-prizes-modal .modal__content {
    margin: 0;
    min-height: 100vh
}

@media(min-width: 768px) {
    .lb-prizes-modal .modal__content {
        border-radius: 8px;
        min-height: auto
    }
}

.lb-prizes-modal .modal__close-button {
    right: 16px !important;
    top: 16px !important
}

.need-help-modal-content {
    padding: 56px 16px 16px
}

@media(min-width: 480px) {
    .need-help-modal-content {
        padding: 56px 48px 48px
    }
}

.need-help-modal-content__inner {
    align-items: center;
    display: flex;
    flex-direction: column
}

.need-help-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 133%;
    margin-bottom: 24px;
    margin-top: 0;
    text-align: center
}

.need-help-modal-content__list {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: 0 0 22px;
    padding: 0
}

.need-help-modal-content__item {
    background: #2a4f0e;
    border-radius: 8px;
    transition: background-color .3s
}

    .need-help-modal-content__item:not(:last-child) {
        margin-bottom: 8px
    }

    .need-help-modal-content__item:hover {
        background: #445778
    }

.need-help-modal-content__info-wrap {
    align-items: flex-start;
    display: flex;
    padding: 16px
}

.need-help-modal-content__icon {
    height: 48px;
    margin-right: 8px;
    width: 48px
}

.need-help-modal-content__subtitle {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 4px;
    margin-top: 0
}

.need-help-modal-content__desc {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    line-height: 143%;
    margin: 0
}

.need-help-modal-content__back-wrap {
    margin-bottom: 22px
}

.need-help-modal-content__back, .need-help-modal-content__contact, .need-help-modal-content__contact-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 143%;
    text-align: center
}

.need-help-modal-content__back {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    display: flex;
    gap: 8px
}

.need-help-modal-content__contact {
    color: hsla(0,0%,100%,.65);
    margin: 0
}

.need-help-modal-content__contact-link {
    color: #00dccd
}

.jackpot-snippet {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 12px 16px;
    position: relative
}

@media(min-width: 768px) {
    .jackpot-snippet {
        align-items: flex-start;
        flex-direction: row;
        gap: 24px;
        justify-content: space-between
    }
}

@media(min-width: 1200px) {
    .jackpot-snippet {
        align-items: center;
        padding: 16px 24px
    }
}

.jackpot-snippet__bg-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.jackpot-snippet__bg {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.jackpot-snippet__logo {
    display: block;
    margin: 0 auto 8px;
    max-width: 104px
}

@media(min-width: 768px) {
    .jackpot-snippet__logo {
        flex: 0 0 133px;
        margin: 0;
        max-width: 133px
    }
}

@media(min-width: 1200px) {
    .jackpot-snippet__logo {
        max-width: 174px
    }
}

.jackpot-snippet__cards {
    display: flex;
    gap: 5px;
    max-width: 842px
}

@media(min-width: 768px) {
    .jackpot-snippet__cards {
        flex: 1
    }
}

@media(min-width: 1200px) {
    .jackpot-snippet__cards {
        margin-left: auto
    }
}

.jackpot-snippet__card-item {
    flex: 1
}

.jackpot-snippet__actions {
    display: none
}

@media(min-width: 768px) {
    .jackpot-snippet__actions {
        bottom: 20px;
        display: block;
        left: 16px;
        position: absolute
    }
}

@media(min-width: 1200px) {
    .jackpot-snippet__actions {
        position: static
    }

    .jackpot-snippet .jackpot-snippet__action {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 16px
    }
}

.jackpot-snippet .jp-card {
    background: hsla(0,0%,100%,.07);
    border: 1px solid hsla(0,0%,100%,.16);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    padding: 8px 12px 12px;
    position: relative
}

@media(min-width: 1200px) {
    .jackpot-snippet .jp-card {
        align-items: center;
        flex-direction: row;
        gap: 16px;
        padding: 12px
    }
}

.jackpot-snippet .jp-card__gem {
    margin: 0 auto 8px;
    max-width: 40px;
    transform: scale(1.2)
}

@media(min-width: 768px) {
    .jackpot-snippet .jp-card__gem {
        margin-left: 0;
        max-width: 50px
    }
}

@media(min-width: 1200px) {
    .jackpot-snippet .jp-card__gem {
        flex: 0 0 50px;
        margin: 0;
        max-width: 60px
    }
}

.jackpot-snippet .jp-card__gem-image {
    display: block;
    max-width: 100%
}

.jackpot-snippet .jp-card__content {
    text-align: center
}

@media(min-width: 768px) {
    .jackpot-snippet .jp-card__content {
        text-align: left
    }
}

@media(min-width: 1200px) {
    .jackpot-snippet .jp-card__content {
        flex: 1
    }
}

.jackpot-snippet .jp-card__pre-title {
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 14px;
    margin: 0 0 8px;
    text-transform: uppercase
}

@media(min-width: 480px) {
    .jackpot-snippet .jp-card__pre-title {
        font-size: 12px;
        line-height: 16px
    }
}

@media(min-width: 768px) {
    .jackpot-snippet .jp-card__pre-title {
        left: 70px;
        position: absolute;
        top: 25px
    }
}

@media(min-width: 1200px) {
    .jackpot-snippet .jp-card__pre-title {
        margin: 0 0 4px;
        position: static
    }
}

.jackpot-snippet .jp-card__pre-title:last-child {
    margin: 0
}

.jackpot-snippet .jp-card__title {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    margin: 0 0 2px
}

@media(min-width: 480px) {
    .jackpot-snippet .jp-card__title {
        font-size: 16px;
        line-height: 22px
    }
}

.jackpot-snippet .jp-card__title:last-child {
    margin: 0
}

.jackpot-snippet .jp-card__text {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    word-break: break-word
}

.cms-page--jackpot {
    padding: 0 !important
}

    .cms-page--jackpot .page-content--desktop {
        display: none
    }

@media(min-width: 768px) {
    .cms-page--jackpot .page-content--desktop {
        display: block
    }
}

.cms-page--jackpot .page-content--mobile {
    display: block
}

@media(min-width: 768px) {
    .cms-page--jackpot .page-content--mobile {
        display: none
    }
}

.cms-page--jackpot .page-content--mobile .description {
    margin-top: 48px
}

.cms-page--jackpot .page-content p {
    color: #999;
    font-family: Rubik,Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    text-align: left
}

.cms-page--jackpot .page-content .description__block-buttons {
    text-align: left
}

.cms-page--jackpot .description__block-buttons {
    display: flex;
    justify-content: flex-start
}

.cms-page--jackpot .section-title {
    margin-top: 0
}

.cms-page--jackpot .link-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.cms-page--jackpot .jackpot-mobile-prizes {
    display: block
}

@media(min-width: 768px) {
    .cms-page--jackpot .jackpot-mobile-prizes {
        display: none
    }
}

.cms-page--jackpot .jackpot-link {
    margin-top: 35px;
    padding: 16px 28px;
    text-transform: uppercase
}

.jackpot-wrapper {
    background: #192c43;
    max-width: 100vw;
    overflow: hidden;
    padding-bottom: 80px
}

@media(min-width: 1200px) {
    .jackpot-wrapper {
        padding-bottom: 120px
    }
}

.p-support__content {
    margin: 0 0 24px
}

@media(min-width: 768px) {
    .p-support__content {
        margin: 0 0 32px
    }
}

.p-support__body {
    display: flex;
    flex-direction: column
}

@media(min-width: 1200px) {
    .p-support__body {
        align-items: flex-start;
        flex-direction: row;
        gap: 32px
    }
}

.p-support__form-wrapper {
    margin: 0 0 48px
}

@media(min-width: 1200px) {
    .p-support__form-wrapper {
        flex: 0 0 395px;
        margin: 0
    }
}

.p-support__cards {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media(min-width: 768px) {
    .p-support__cards {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 44px
    }
}

@media(min-width: 1200px) {
    .p-support__cards {
        flex: 1;
        flex-direction: column;
        gap: 40px
    }
}

.p-support__cards-item {
    flex: 1 1 50%;
    max-width: calc(50% - 22px)
}

@media(min-width: 1200px) {
    .p-support__cards-item {
        flex: 1;
        max-width: 100%
    }
}

.p-support .c-support-card {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.p-support .c-support-card__head {
    align-items: center;
    display: flex;
    gap: 12px
}

.p-support .c-support-card__icon {
    flex: 0 0 38px;
    height: 38px;
    width: 38px
}

.p-support .c-support-card__name {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.p-support .c-support-card__text {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media(min-width: 768px) {
    .p-support .c-support-card__text {
        font-size: 16px;
        line-height: 24px
    }
}

.p-support .c-support-card__text:last-child {
    margin: 0
}

.sports-ifame {
    border: none;
    min-height: calc(100vh - 60px);
    width: 100%
}

.casino-promotions {
    overflow-x: hidden;
    padding-top: 32px
}

@media(min-width: 768px) {
    .casino-promotions {
        padding-top: 48px
    }
}

@media(min-width: 1200px) {
    .casino-promotions {
        padding-top: 56px
    }
}

.casino-promotions__container {
    margin: 0 auto;
    width: calc(100% - 32px)
}

@media(min-width: 768px) {
    .casino-promotions__container {
        width: calc(100% - 48px)
    }
}

@media(min-width: 1200px) {
    .casino-promotions__container {
        width: calc(100% - 64px)
    }
}

@media(min-width: 1680px) {
    .casino-promotions__container {
        max-width: 1344px
    }
}

.casino-promotions__top {
    position: relative;
    text-align: center;
    width: 100%
}

.casino-promotions__background {
    display: block;
    height: 407px;
    left: 50%;
    position: absolute;
    top: -32px;
    transform: translateX(-50%);
    z-index: -1
}

@media(min-width: 768px) {
    .casino-promotions__background {
        height: 543px;
        top: -48px
    }
}

@media(min-width: 1200px) {
    .casino-promotions__background {
        height: 740px;
        top: -110px
    }
}

.casino-promotions__title {
    color: #fff;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .casino-promotions__title {
        font-size: 42px;
        line-height: 52px
    }
}

@media(max-width: 768px) {
    .casino-promotions__title {
        margin-top: 10%;
    }
}

@media(max-width:500px) {
    .casino-promotions__title {
        margin-top: 15%;
    }
}

@media(max-width:380px) {
    .casino-promotions__title {
        margin-top: 32%;
    }
}

@media(min-width: 1440px) {
    .casino-promotions__title {
        font-size: 54px;
        font-weight: 800;
        line-height: 64px;
        max-width: 800px;
        margin-top: 10%;
    }
}

.casino-promotions__title:before {
    color: #00ffd1;
    left: -3px
}

.casino-promotions__title:after, .casino-promotions__title:before {
    content: attr(data-value);
    max-width: 100%;
    position: absolute;
    top: 0;
    z-index: -1
}

.casino-promotions__title:after {
    color: #ff331c;
    right: -3px
}

.casino-promotions__description {
    color: #fff;
    display: block;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 32px
}

@media(min-width: 768px) {
    .casino-promotions__description {
        font-size: 20px;
        line-height: 30px
    }
}

.casino-promotions .casino-promotions__button {
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 24px;
    margin-bottom: 56px;
    padding: 12px 20px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .casino-promotions .casino-promotions__button {
        margin-bottom: 64px;
        padding: 16px 24px
    }
}

@media(min-width: 1200px) {
    .casino-promotions .casino-promotions__button {
        margin-bottom: 80px
    }
}

.vip-page__header {
    padding: 40px 0 28px
}

@media(min-width: 480px) {
    .vip-page__header {
        padding: 48px 0 32px
    }
}

@media(min-width: 768px) {
    .vip-page__header {
        padding: 64px 0 40px
    }
}

@media(min-width: 1200px) {
    .vip-page__header {
        padding: 64px 0 48px
    }
}

@media(min-width: 1440px) {
    .vip-page__header {
        padding: 80px 0 48px
    }
}

.vip-page__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 24px;
    text-align: center
}

@media(min-width: 480px) {
    .vip-page__title {
        font-size: 26px;
        line-height: 32px
    }
}

@media(min-width: 768px) {
    .vip-page__title {
        font-size: 32px;
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    .vip-page__title {
        margin: 0 0 28px
    }
}

@media(min-width: 1440px) {
    .vip-page__title {
        font-size: 42px;
        line-height: 52px
    }
}

.vip-page__description {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 auto 12px
}

@media(min-width: 1200px) {
    .vip-page__description {
        font-size: 16px;
        line-height: 24px;
        max-width: 942px
    }
}

@media(min-width: 1440px) {
    .vip-page__description {
        max-width: 1134px
    }
}

.vip-page__description:last-child {
    margin: 0 auto
}

.vip-page-benefits {
    padding: 338px 0 48px;
    position: relative
}

@media(min-width: 480px) {
    .vip-page-benefits {
        padding: 427px 0 56px
    }
}

@media(min-width: 768px) {
    .vip-page-benefits {
        padding: 94px 0 85px
    }
}

@media(min-width: 1200px) {
    .vip-page-benefits {
        padding: 90px 0 98px
    }
}

@media(min-width: 1440px) {
    .vip-page-benefits {
        padding: 140px 0 200px
    }
}

@media(min-width: 1680px) {
    .vip-page-benefits {
        padding: 200px 0
    }
}

.vip-page-benefits__image {
    height: 264px;
    left: 50%;
    position: absolute;
    top: 48px;
    transform: translateX(-50%);
    width: 343px
}

@media(min-width: 480px) {
    .vip-page-benefits__image {
        height: 346px;
        top: 56px;
        width: 448px
    }
}

@media(min-width: 768px) {
    .vip-page-benefits__image {
        left: 62%;
        top: 64px;
        transform: unset
    }
}

@media(min-width: 1200px) {
    .vip-page-benefits__image {
        top: 80px
    }
}

@media(min-width: 1440px) {
    .vip-page-benefits__image {
        height: 490px;
        left: 56%;
        width: 603px
    }
}

@media(min-width: 1680px) {
    .vip-page-benefits__image {
        height: 547px;
        width: 622px
    }
}

.vip-page-benefits__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 16px
}

@media(min-width: 480px) {
    .vip-page-benefits__title {
        margin: 0 0 24px
    }
}

@media(min-width: 1200px) {
    .vip-page-benefits__title {
        font-size: 26px;
        line-height: 32px
    }
}

.vip-page-benefits__description {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 24px
}

@media(min-width: 480px) {
    .vip-page-benefits__description {
        margin: 0 0 28px
    }
}

@media(min-width: 768px) {
    .vip-page-benefits__description {
        max-width: 445px
    }
}

@media(min-width: 1200px) {
    .vip-page-benefits__description {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 24px;
        max-width: 535px
    }
}

@media(min-width: 1440px) {
    .vip-page-benefits__description {
        margin: 0 0 32px
    }
}

.vip-page-benefits__description:last-child {
    margin: 0 0 16px
}

@media(min-width: 480px) {
    .vip-page-benefits__description:last-child {
        margin: 0 0 24px
    }
}

.vip-page-benefits__list {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex
}

@media(min-width: 480px) {
    .vip-page-benefits__list {
        -moz-column-gap: 12px;
        column-gap: 12px
    }
}

.vip-page-benefits__item {
    align-items: center;
    background: #263b57;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px;
    row-gap: 4px;
    width: 100%
}

@media(min-width: 480px) {
    .vip-page-benefits__item {
        padding: 16px;
        row-gap: 8px
    }
}

@media(min-width: 768px) {
    .vip-page-benefits__item {
        max-width: 138px
    }
}

@media(min-width: 1200px) {
    .vip-page-benefits__item {
        max-width: 162px;
        padding: 20px
    }
}

.vip-page-benefits__item span {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

@media(min-width: 1200px) {
    .vip-page-benefits__item span {
        font-size: 16px;
        line-height: 24px
    }
}

.vip-page-benefits__icon {
    color: #0bdede
}

.vip-page__bottom {
    margin-bottom: 80px
}

@media(min-width: 768px) {
    .vip-page__bottom {
        margin-bottom: 100px
    }
}

@media(min-width: 1200px) {
    .vip-page__bottom {
        margin: 0 auto 120px;
        max-width: 944px
    }
}

@media(min-width: 1440px) {
    .vip-page__bottom {
        max-width: 1144px
    }
}

@media(min-width: 1680px) {
    .vip-page__bottom {
        max-width: 1344px
    }
}

.tournaments-page {
    margin-bottom: 80px
}

@media(min-width: 768px) {
    .tournaments-page {
        margin-bottom: 100px
    }
}

@media(min-width: 1200px) {
    .tournaments-page {
        margin-bottom: 120px
    }
}

.tournaments-page__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 24px 0 16px
}

@media(min-width: 768px) {
    .tournaments-page__title {
        font-size: 32px;
        line-height: 40px;
        margin: 32px 0 24px
    }
}

@media(min-width: 1200px) {
    .tournaments-page__title {
        font-size: 42px;
        line-height: 52px
    }
}

.tournaments-page__description {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 32px
}

@media(min-width: 768px) {
    .tournaments-page__description {
        font-size: 16px;
        line-height: 24px;
        max-width: 720px
    }
}

@media(min-width: 1200px) {
    .tournaments-page__description {
        margin: 0 0 40px;
        max-width: 850px
    }
}

.tournaments-page__tabs {
    margin-bottom: 24px
}

.p-help-center__banner {
    border-radius: 12px;
    display: flex;
    max-height: 312px;
    overflow: hidden
}

@media(max-width: 1200px) {
    .p-help-center__banner {
        display: none
    }
}

.p-help-center__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.p-faq__collapse {
    margin: 0 0 8px;
    transition: margin .3s ease
}

    .p-faq__collapse.collapse-block--open {
        margin: 0 0 32px
    }

.install-app {
    background-image: url(/images/install-app-bg-mobile.e209a8b7..png);
    background-position: 67% -4%;
    background-repeat: no-repeat;
    position: relative
}

@media(min-width: 480px) {
    .install-app {
        background-position: 77% -5%
    }
}

@media(min-width: 768px) {
    .install-app {
        background-position: 0 0
    }
}

@media(min-width: 1200px) {
    .install-app {
        background-position: 100% 0
    }
}

@media(min-width: 1440px) {
    .install-app {
        background-size: 100% 92%
    }
}

@media(min-width: 1680px) {
    .install-app {
        background-image: url(/images/install-app-bg.25b0e3dd..png);
        background-size: 100% 100%
    }
}

.install-app-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 16px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .install-app-container {
        align-items: flex-start;
        max-width: 765px;
        padding: 0 24px
    }
}

@media(min-width: 1200px) {
    .install-app-container {
        max-width: 1264px;
        padding: 0 32px
    }
}

@media(min-width: 1680px) {
    .install-app-container {
        max-width: 1460px
    }
}

.install-app-hero {
    margin-bottom: 112px;
    padding-top: 310px;
    position: relative
}

@media(min-width: 480px) {
    .install-app-hero {
        margin-bottom: 120px;
        padding-top: 350px
    }
}

@media(min-width: 768px) {
    .install-app-hero {
        margin-bottom: 28px;
        padding-top: 68px
    }
}

@media(min-width: 1200px) {
    .install-app-hero {
        margin-bottom: 176px;
        padding-top: 100px
    }
}

@media(min-width: 1440px) {
    .install-app-hero {
        margin-bottom: 260px;
        padding-top: 160px
    }
}

.install-app-hero-phones {
    height: 302px;
    left: 50%;
    position: absolute;
    top: -310px;
    transform: translateX(-50%)
}

@media(min-width: 480px) {
    .install-app-hero-phones {
        top: -326px
    }
}

@media(min-width: 768px) {
    .install-app-hero-phones {
        left: unset;
        right: 0;
        top: -36px;
        transform: unset
    }
}

@media(min-width: 1200px) {
    .install-app-hero-phones {
        height: 483px;
        right: 38px;
        top: -83px
    }
}

@media(min-width: 1440px) {
    .install-app-hero-phones {
        height: 644px;
        right: -92px;
        top: -144px
    }
}

@media(min-width: 1680px) {
    .install-app-hero-phones {
        right: -52px
    }
}

.install-app-hero-text {
    margin-bottom: 48px;
    text-align: center
}

@media(min-width: 768px) {
    .install-app-hero-text {
        max-width: 370px;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .install-app-hero-text {
        max-width: 633px
    }
}

.install-app-hero-subtitle {
    color: #fff;
    display: block;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 8px
}

@media(min-width: 768px) {
    .install-app-hero-subtitle {
        margin-bottom: 24px
    }
}

@media(min-width: 1400px) {
    .install-app-hero-subtitle {
        font-size: 24px;
        line-height: 32px
    }
}

.install-app-hero-title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin: 0
}

@media(min-width: 768px) {
    .install-app-hero-title {
        font-size: 42px;
        line-height: 52px;
        max-width: 360px
    }
}

@media(min-width: 1200px) {
    .install-app-hero-title {
        font-size: 54px;
        font-weight: 800;
        line-height: 64px;
        max-width: 585px
    }
}

.install-app-hero-buttons {
    align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

@media(min-width: 768px) {
    .install-app-hero-buttons {
        -moz-column-gap: 12px;
        column-gap: 12px;
        flex-direction: row
    }
}

.install-app-how-to {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.install-app-how-to-header {
    margin-bottom: 32px
}

@media(min-width: 1200px) {
    .install-app-how-to-header {
        display: flex;
        margin-bottom: 40px
    }
}

.install-app-how-to-image {
    height: 40px;
    margin-bottom: 16px
}

@media(min-width: 1200px) {
    .install-app-how-to-image {
        margin-bottom: 0;
        margin-right: 16px
    }
}

.install-app-how-to-title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    text-align: center
}

@media(min-width: 1200px) {
    .install-app-how-to-title {
        font-size: 32px;
        line-height: 40px
    }
}

.install-app-steps {
    display: flex;
    flex-direction: column;
    margin-bottom: 90px;
    row-gap: 32px
}

@media(min-width: 768px) {
    .install-app-steps {
        -moz-column-gap: 36px;
        column-gap: 36px;
        flex-direction: row;
        margin-bottom: 80px
    }
}

@media(min-width: 1200px) {
    .install-app-steps {
        margin-bottom: 120px
    }
}

@media(min-width: 1440px) {
    .install-app-steps {
        -moz-column-gap: 100px;
        column-gap: 100px
    }
}

.install-app-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media(min-width: 768px) {
    .install-app-step {
        justify-content: space-between
    }
}

.install-app-step-text {
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .install-app-step-text {
        max-width: 216px
    }
}

@media(min-width: 1200px) {
    .install-app-step-text {
        max-width: 285px
    }
}

.install-app-step-title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 8px
}

.install-app-step-description {
    color: hsla(0,0%,100%,.8);
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0,0,0,.25)
}

.install-app-step-image {
    border-radius: 24px;
    width: 260px
}

.install-app-step-image--ios {
    border-radius: 42px
}

@media(min-width: 768px) {
    .install-app-step-image {
        height: 456px;
        width: 216px
    }
}

@media(min-width: 1200px) {
    .install-app-step-image {
        height: 600px;
        width: 285px
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.welcome-page .welcome-page__container {
    max-width: 1467px
}

.welcome-page .welcome-page__container--small {
    max-width: 1343px
}

@media(min-width: 1200px) {
    .welcome-page .welcome-page__container--intro {
        margin: 0 128px;
        width: auto
    }
}

@media(min-width: 1440px) {
    .welcome-page .welcome-page__container--intro {
        margin: 0 auto;
        max-width: 1140px
    }
}

@media(min-width: 1680px) {
    .welcome-page .welcome-page__container--intro {
        max-width: 1260px
    }
}

.welcome-page__section {
    margin: 0 0 32px
}

@media(min-width: 768px) {
    .welcome-page__section {
        margin: 0 0 48px
    }
}

.welcome-page__section--intro {
    margin: 0
}

.welcome-page__section--faq {
    margin: 0 0 80px
}

@media(min-width: 768px) {
    .welcome-page__section--faq {
        margin: 0 0 100px
    }
}

@media(min-width: 1200px) {
    .welcome-page__section--faq {
        margin: 0 0 120px
    }
}

.welcome-page__title {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 20px
}

@media(min-width: 768px) {
    .welcome-page__title {
        font-size: 24px;
        line-height: 32px
    }
}

@media(min-width: 1200px) {
    .welcome-page__title {
        margin: 0 0 24px
    }
}

.welcome-page__subtitle {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 12px
}

.welcome-page .wp-intro {
    position: relative
}

.welcome-page .wp-intro__bg-wrapper {
    height: 614px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: -1
}

@media(min-width: 480px) {
    .welcome-page .wp-intro__bg-wrapper {
        height: 614px;
        left: 25%
    }
}

@media(min-width: 768px) {
    .welcome-page .wp-intro__bg-wrapper {
        height: 953px;
        left: 50%
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-intro__bg-wrapper {
        height: 1068px;
        left: 42%
    }
}

@media(min-width: 1440px) {
    .welcome-page .wp-intro__bg-wrapper {
        height: 1112px;
        left: 45%
    }
}

@media(min-width: 1680px) {
    .welcome-page .wp-intro__bg-wrapper {
        height: 1174px;
        left: 50%;
        width: 100%
    }
}

.welcome-page .wp-intro__bg-wrapper:after {
    background: linear-gradient(0deg,#192c43 30%,transparent);
    bottom: 0;
    content: "";
    height: 150px;
    left: 0;
    position: absolute;
    width: 100%
}

.welcome-page .wp-intro__bg {
    min-width: 100%
}

.welcome-page .wp-intro__content {
    padding: 16px 0 56px;
    position: relative;
    text-align: center;
    z-index: 101
}

@media(min-width: 480px) {
    .welcome-page .wp-intro__content {
        padding: 20px 0 56px
    }
}

@media(min-width: 768px) {
    .welcome-page .wp-intro__content {
        padding: 40px 0 100px;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-intro__content {
        padding: 48px 0 120px
    }
}

.welcome-page .wp-intro__logo .logo__img {
    height: 40px;
    margin-bottom: 8px;
    max-width: 174px;
    width: 100%
}

@media(min-width: 768px) {
    .welcome-page .wp-intro__logo .logo__img {
        height: 53px;
        margin-bottom: 32px;
        max-width: 231px
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-intro__logo .logo__img {
        margin-bottom: 40px
    }
}

.welcome-page .wp-intro__pre-title {
    color: hsla(0,0%,100%,.65);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 2px
}

@media(min-width: 768px) {
    .welcome-page .wp-intro__pre-title {
        margin: 0 0 16px
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-intro__pre-title {
        font-size: 24px;
        line-height: 32px;
        margin: 0 0 24px
    }
}

.welcome-page .wp-intro__pre-title:last-child {
    margin: 0
}

.welcome-page .wp-intro__title {
    color: #0bdede;
    font-size: 60px;
    font-style: normal;
    font-weight: 800;
    line-height: 74px;
    margin: 0 0 2px
}

@media(min-width: 768px) {
    .welcome-page .wp-intro__title {
        font-size: 80px;
        margin: 0 0 16px
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-intro__title {
        font-size: 100px;
        margin: 0 0 24px
    }
}

.welcome-page .wp-intro__title:last-child {
    margin: 0
}

.welcome-page .wp-intro__text {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 26px;
    margin: 0 0 2px
}

@media(min-width: 768px) {
    .welcome-page .wp-intro__text {
        font-size: 42px;
        line-height: 52px;
        margin: 0 0 32px
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-intro__text {
        font-size: 54px;
        line-height: 64px;
        margin: 0 0 48px
    }
}

.welcome-page .wp-intro__text:last-child {
    margin: 0
}

.welcome-page .wp-intro__actions {
    display: flex;
    justify-content: center;
    margin: 264px 0 20px
}

@media(min-width: 480px) {
    .welcome-page .wp-intro__actions {
        margin: 266px 0 32px
    }
}

@media(min-width: 768px) {
    .welcome-page .wp-intro__actions {
        justify-content: flex-start;
        margin: 32px 0
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-intro__actions {
        margin: 48px 0
    }
}

.welcome-page .wp-intro__action--pulse {
    animation: pulse 2s infinite
}

.welcome-page .wp-payments {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    margin: 0 -16px;
    overflow: auto;
    padding: 0 16px
}

@media(min-width: 768px) {
    .welcome-page .wp-payments {
        gap: 12px;
        margin: 0 -24px;
        padding: 0 24px
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-payments {
        margin: 0 -32px;
        padding: 0 32px
    }
}

.welcome-page .wp-payments__item {
    flex: 1 1 120px;
    max-width: 120px
}

.welcome-page .wp-payment__image {
    display: block;
    max-height: 40px
}

@media(min-width: 768px) {
    .welcome-page .wp-payment__image {
        max-height: 48px
    }
}

.welcome-page .wp-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

@media(min-width: 768px) {
    .welcome-page .wp-benefits {
        gap: 12px
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-benefits {
        gap: 16px
    }
}

.welcome-page .wp-benefits__item {
    flex: 1 1 50%;
    max-width: calc(50% - 4px)
}

@media(min-width: 768px) {
    .welcome-page .wp-benefits__item {
        max-width: calc(50% - 6px)
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-benefits__item {
        max-width: calc(20% - 12.8px)
    }
}

.welcome-page .wp-benefit {
    align-items: center;
    background: #263b57;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    padding: 19px 12px
}

@media(min-width: 768px) {
    .welcome-page .wp-benefit {
        gap: 12px
    }
}

.welcome-page .wp-benefit__icon {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

@media(min-width: 480px) {
    .welcome-page .wp-benefit__icon {
        flex: 0 0 32px;
        height: 32px;
        width: 32px
    }
}

@media(min-width: 768px) {
    .welcome-page .wp-benefit__icon {
        flex: 0 0 40px;
        height: 40px;
        width: 40px
    }
}

.welcome-page .wp-benefit__icon img {
    max-width: 100%
}

.welcome-page .wp-benefit__content {
    flex: 1
}

.welcome-page .wp-benefit__title {
    color: hsla(0,0%,100%,.65);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 8px
}

@media(min-width: 480px) {
    .welcome-page .wp-benefit__title {
        font-size: 12px;
        line-height: 18px
    }
}

@media(min-width: 768px) {
    .welcome-page .wp-benefit__title {
        font-size: 14px;
        line-height: 20px
    }
}

.welcome-page .wp-benefit__text {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    margin: 0
}

@media(min-width: 480px) {
    .welcome-page .wp-benefit__text {
        font-size: 14px;
        line-height: 20px
    }
}

@media(min-width: 768px) {
    .welcome-page .wp-benefit__text {
        font-size: 16px;
        line-height: 24px
    }
}

.welcome-page .wp-promotions__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 32px
}

@media(min-width: 768px) {
    .welcome-page .wp-promotions__list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-promotions__list {
        gap: 16px;
        margin: 0 0 48px
    }
}

.welcome-page .wp-promotions__item {
    width: 100%
}

@media(min-width: 768px) {
    .welcome-page .wp-promotions__item {
        flex: 1 1 50%;
        max-width: calc(50% - 6px)
    }
}

@media(min-width: 1200px) {
    .welcome-page .wp-promotions__item {
        flex: 1 1 50%;
        max-width: calc(25% - 12px)
    }
}

.welcome-page .wp-promotions__actions {
    display: flex;
    justify-content: center
}

.welcome-page .wp-promotion {
    align-items: center;
    border-radius: 10px;
    display: flex;
    min-height: 186px;
    overflow: hidden;
    padding: 32px 24px;
    position: relative
}

.welcome-page .wp-promotion__bg {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.welcome-page .wp-promotion__content {
    position: relative
}

.welcome-page .wp-promotion__title {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    margin: 0
}

.welcome-page .wp-promotion__text {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.p-payments {
    padding: 24px 0 80px
}

@media(min-width: 480px) {
    .p-payments {
        padding: 32px 0 80px
    }
}

@media(min-width: 1200px) {
    .p-payments {
        padding: 40px 0 80px
    }
}

.p-payments__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 24px
}

@media(min-width: 480px) {
    .p-payments__title {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 32px
    }
}

@media(min-width: 768px) {
    .p-payments__title {
        font-size: 32px;
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    .p-payments__title {
        margin: 0 0 40px
    }
}

@media(min-width: 1440px) {
    .p-payments__title {
        font-size: 42px;
        line-height: 52px
    }
}

.bonus-store__main {
    margin: 24px 0 40px
}

@media(min-width: 768px) {
    .bonus-store__main {
        margin: 40px 0
    }
}

.bonus-store__main .container {
    display: flex;
    flex-direction: column;
    row-gap: 32px
}

@media(min-width: 768px) {
    .bonus-store__main .container {
        align-items: center;
        -moz-column-gap: 80px;
        column-gap: 80px;
        flex-direction: row;
        justify-content: space-between
    }
}

@media(min-width: 1200px) {
    .bonus-store__main .container {
        -moz-column-gap: 180px;
        column-gap: 180px
    }
}

@media(min-width: 1440px) {
    .bonus-store__main .container {
        -moz-column-gap: 240px;
        column-gap: 240px
    }
}

@media(min-width: 1680px) {
    .bonus-store__main .container {
        -moz-column-gap: 460px;
        column-gap: 460px
    }
}

.bonus-store__main--title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 16px
}

@media(min-width: 768px) {
    .bonus-store__main--title {
        font-size: 42px;
        line-height: 52px
    }
}

.bonus-store__main--text {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

@media(min-width: 1200px) {
    .bonus-store__main--text {
        font-size: 16px;
        line-height: 24px
    }
}

.bonus-store-terms {
    margin: 40px auto 80px
}

@media(min-width: 480px) {
    .bonus-store-terms {
        margin: 56px auto 80px
    }
}

@media(min-width: 768px) {
    .bonus-store-terms {
        margin: 56px auto 100px
    }
}

@media(min-width: 1200px) {
    .bonus-store-terms {
        margin: 80px auto 120px;
        max-width: 944px
    }
}

@media(min-width: 1440px) {
    .bonus-store-terms {
        max-width: 1144px
    }
}

@media(min-width: 1680px) {
    .bonus-store-terms {
        max-width: 1344px
    }
}

.ls-page {
    overflow: hidden;
    position: relative
}

.ls-page__title {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 32px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .ls-page__title {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 40px
    }
}

@media(min-width: 960px) {
    .ls-page__title {
        margin: 0 0 48px
    }
}

.ls-page__title span {
    color: #ffc83a
}

.ls-page__section {
    margin: 0 0 64px
}

.ls-page__section--intro {
    background: url(/images/ls-banner-bg-mob.b51b5057..jpg) top no-repeat;
    background-size: cover;
    min-height: 960px
}

@media(min-width: 480px) {
    .ls-page__section--intro {
        background: url(/images/ls-banner-bg.c6a1d635..jpg) top no-repeat
    }
}

@media(min-width: 1680px) {
    .ls-page__section--intro {
        background-size: contain
    }
}

.ls-page__section--rewards {
    position: relative
}

@media(min-width: 768px) {
    .ls-page__section--rewards {
        margin-top: -104px
    }
}

.ls-page__section--rewards:before {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,0,153,.11) 0,rgba(255,0,0,0) 100%);
    content: "";
    display: none;
    height: 1210px;
    left: -650px;
    position: absolute;
    top: 120px;
    width: 1210px;
    z-index: -1
}

@media(min-width: 768px) {
    .ls-page__section--rewards:before {
        display: block
    }
}

@media(min-width: 960px) {
    .ls-page__section--rewards:before {
        height: 1345px;
        left: -1000px;
        width: 1345px
    }
}

@media(min-width: 1440px) {
    .ls-page__section--rewards:before {
        height: 1559px;
        left: -940px;
        top: 0;
        width: 1559px
    }
}

@media(min-width: 1680px) {
    .ls-page__section--rewards:before {
        left: -780px
    }
}

.ls-page__section--rewards:after {
    background: radial-gradient(50% 50% at 50% 50%,rgba(5,0,255,.15) 0,rgba(36,0,255,0) 100%);
    content: "";
    display: none;
    height: 1210px;
    position: absolute;
    right: -650px;
    top: 120px;
    width: 1210px;
    z-index: -1
}

@media(min-width: 768px) {
    .ls-page__section--rewards:after {
        display: block
    }
}

@media(min-width: 960px) {
    .ls-page__section--rewards:after {
        height: 1345px;
        right: -1000px;
        width: 1345px
    }
}

@media(min-width: 1440px) {
    .ls-page__section--rewards:after {
        height: 1559px;
        right: -940px;
        top: 0;
        width: 1559px
    }
}

@media(min-width: 1680px) {
    .ls-page__section--rewards:after {
        right: -780px
    }
}

.ls-page__section--content .container {
    max-width: 1180px
}

.ls-page__section--content .description__block-buttons {
    text-align: left
}

.ls-page__section--content .description h1, .ls-page__section--content .description h2, .ls-page__section--content .description h3, .ls-page__section--content .description h4, .ls-page__section--content .description h5, .ls-page__section--content .description h6 {
    margin: 0 0 24px;
    text-transform: none
}

.ls-page__section--content .description h3 {
    font-size: 20px;
    line-height: 30px
}

.ls-page__section--content .description li, .ls-page__section--content .description p {
    color: #999;
    font-family: Rubik,Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    margin: 0 0 24px
}

    .ls-page__section--content .description li span, .ls-page__section--content .description p span {
        color: #fff;
        font-weight: 700
    }

.ls-page__section--content .description li {
    margin: 0 0 5px
}

    .ls-page__section--content .description li:before {
        top: 9px
    }

.ls-page__tooltip {
    background: #2a4f0e;
    border-radius: 4px;
    bottom: 30px;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,.44);
    padding: 12px 16px;
    position: absolute;
    right: -45px;
    text-align: left;
    transform: scale(0);
    transform-origin: 80% 100%;
    transition: all .3s ease-in-out;
    width: 240px
}

.ls-page__tooltip-title {
    color: #fff;
    font-weight: 700;
    margin: 0 0 8px
}

.ls-page__tooltip-text, .ls-page__tooltip-title {
    font-size: 12px;
    letter-spacing: .01em;
    line-height: 18px
}

.ls-page__tooltip-text {
    color: #999;
    font-weight: 400;
    margin: 0;
    text-transform: none
}

.ls-page__tooltip:after {
    background-size: cover;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #212121;
    content: "";
    height: 0;
    position: absolute;
    right: 45px;
    top: 100%;
    width: 0
}

.ls-page__label {
    background: url(/images/sale-label-red.1bdbb3ad..svg) 0 0 no-repeat;
    background-size: cover;
    height: 165px;
    position: absolute;
    right: 0;
    top: 8px;
    width: 165px;
    z-index: 2
}

@media(min-width: 768px) {
    .ls-page__label {
        height: 252px;
        right: 30px;
        top: 0;
        width: 252px
    }
}

@media(min-width: 960px) {
    .ls-page__label {
        display: none
    }
}

.ls-page__label-text {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Rubik,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    transform: translate(40px,50px) rotate(46deg)
}

@media(min-width: 768px) {
    .ls-page__label-text {
        font-size: 20px;
        line-height: 24px;
        transform: translate(70px,90px) rotate(46deg)
    }
}

.ls-page .container {
    margin: 0 auto;
    max-width: 1606px
}

.ls-page .ls-intro__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 24px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .ls-page .ls-intro__title {
        font-size: 26px;
        line-height: 32px
    }
}

.ls-page .ls-intro__title_yellow {
    color: #ffd336
}

.ls-page .ls-intro__inner {
    padding: 25px 0 0
}

@media(min-width: 768px) {
    .ls-page .ls-intro__inner {
        padding: 40px 0 175px
    }
}

@media(min-width: 1200px) {
    .ls-page .ls-intro__inner {
        padding: 52px 0 135px
    }
}

.ls-page .ls-intro__logo {
    margin: 0 auto 8px;
    max-width: 160px
}

@media(min-width: 960px) {
    .ls-page .ls-intro__logo {
        margin: 0 auto 32px;
        max-width: 240px
    }
}

.ls-page .ls-intro__logo img {
    max-width: 100%
}

.ls-page .ls-intro__container {
    padding-top: 28px;
    position: relative
}

@media(min-width: 960px) {
    .ls-page .ls-intro__container {
        -webkit-backdrop-filter: blur(100px);
        backdrop-filter: blur(100px);
        background: linear-gradient(97.21deg,rgba(255,0,0,.06),rgba(142,0,254,.05) 50.52%,rgba(112,0,255,.06));
        margin: 0 -48px
    }
}

@media(min-width: 1200px) {
    .ls-page .ls-intro__container {
        border-radius: 16px;
        margin: 0
    }
}

.ls-page .ls-intro__timer {
    margin: 0 0 32px;
    position: relative;
    z-index: 2
}

@media(min-width: 768px) {
    .ls-page .ls-intro__timer {
        margin: 0 0 24px
    }
}

@media(min-width: 960px) {
    .ls-page .ls-intro__timer {
        margin: 0;
        transform: translateY(-23px)
    }
}

.ls-page .ls-intro__tickets {
    margin: 0 0 32px;
    position: relative;
    z-index: 2
}

@media(min-width: 960px) {
    .ls-page .ls-intro__tickets {
        margin: 0
    }
}

.ls-page .ls-intro__lootboxes {
    position: relative;
    z-index: 2
}

@media(min-width: 960px) {
    .ls-page .ls-intro__lootboxes {
        transform: translateY(35px)
    }
}

.ls-page .ls-intro__figure {
    display: none;
    position: absolute;
    z-index: 0
}

@media(min-width: 960px) {
    .ls-page .ls-intro__figure {
        display: block;
        height: 480px
    }
}

@media(min-width: 1440px) {
    .ls-page .ls-intro__figure {
        height: 540px
    }
}

.ls-page .ls-intro__figure--left {
    bottom: 0;
    left: -80px
}

@media(min-width: 1200px) {
    .ls-page .ls-intro__figure--left {
        left: -40px
    }
}

.ls-page .ls-intro__figure--left .ls-intro__figure-inner {
    left: 80px;
    overflow: hidden
}

@media(min-width: 1200px) {
    .ls-page .ls-intro__figure--left .ls-intro__figure-inner {
        left: 40px
    }
}

.ls-page .ls-intro__figure--left .ls-intro__figure-backdrop {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,0,153,.27) 0,rgba(255,0,0,0) 100%)
}

.ls-page .ls-intro__figure--right {
    bottom: 0;
    right: -80px
}

@media(min-width: 1200px) {
    .ls-page .ls-intro__figure--right {
        right: -40px
    }
}

.ls-page .ls-intro__figure--right .ls-intro__figure-inner {
    overflow: hidden;
    right: 80px
}

@media(min-width: 1200px) {
    .ls-page .ls-intro__figure--right .ls-intro__figure-inner {
        right: 40px
    }
}

.ls-page .ls-intro__figure--right .ls-intro__figure-backdrop {
    background: radial-gradient(50% 50% at 50% 50%,rgba(0,163,255,.51) 0,rgba(36,0,255,0) 100%);
    left: 0;
    right: auto
}

.ls-page .ls-intro__figure--label {
    background: url(/images/sale-label-red.1bdbb3ad..svg) 0 0 no-repeat;
    background-size: cover;
    height: 252px;
    position: absolute;
    right: 0;
    top: 0;
    width: 252px;
    z-index: 2
}

.ls-page .ls-intro__figure-text {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Rubik,Arial,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    transform: translate(90px,110px) rotate(46deg)
}

.ls-page .ls-intro__figure-inner {
    border-radius: 16px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.ls-page .ls-intro__figure-backdrop {
    height: 1036px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1036px
}

.ls-page .ls-intro__figure img {
    max-height: 100%
}

.ls-page .ls-about {
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .ls-page .ls-about {
        flex-direction: row;
        justify-content: center
    }
}

.ls-page .ls-about__banner {
    flex: 1;
    text-align: center
}

@media(min-width: 768px) {
    .ls-page .ls-about__banner {
        display: none
    }
}

.ls-page .ls-about__banner img {
    max-width: 400px;
    width: 100%
}

@media(min-width: 1200px) {
    .ls-page .ls-about__content {
        margin: 0;
        width: 992px
    }
}

.ls-page .ls-about__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin: 0 0 32px;
    text-align: center
}

@media(min-width: 768px) {
    .ls-page .ls-about__title {
        margin: 0 0 48px
    }
}

.ls-page .ls-about__list {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 56px;
    row-gap: 32px
}

@media(min-width: 768px) {
    .ls-page .ls-about__list {
        -moz-column-gap: 16px;
        column-gap: 16px;
        flex-direction: row;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.ls-page .ls-about__links {
    display: flex;
    justify-content: center
}

    .ls-page .ls-about__links .s-button {
        color: #fff;
        font-family: Open Sans,sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: .2px;
        line-height: 24px;
        padding: 16px 24px;
        text-align: center;
        text-transform: uppercase
    }

.ls-page .ls-about-item {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex
}

@media(min-width: 768px) {
    .ls-page .ls-about-item {
        align-items: center;
        flex-direction: column;
        row-gap: 24px
    }
}

.ls-page .ls-about-item__icon {
    height: 64px;
    width: 64px
}

@media(min-width: 768px) {
    .ls-page .ls-about-item__content {
        text-align: center
    }
}

.ls-page .ls-about-item__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 4px
}

.ls-page .ls-about-item__text {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    text-shadow: 0 2px 4px rgba(0,0,0,.25)
}

.ls-page__terms {
    margin: 80px auto;
    max-width: 1144px
}

@media(min-width: 768px) {
    .ls-page__terms {
        margin: 80px auto 100px
    }
}

@media(min-width: 1200px) {
    .ls-page__terms {
        margin: 80px auto 120px
    }
}

@media(min-width: 1680px) {
    .ls-page__terms {
        max-width: 1344px
    }
}

.hh-page {
    background: #000;
    overflow: hidden;
    position: relative
}

.hh-page__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

@media(min-width: 768px) {
    .hh-page__title {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 40px
    }
}

.hh-page__title span {
    color: #ffc83a
}

.hh-page__text {
    color: #999;
    font-family: Rubik,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    margin: 0 0 16px;
    text-align: center
}

    .hh-page__text:last-child {
        margin: 0
    }

.hh-page__section {
    margin: 0 0 72px
}

@media(min-width: 768px) {
    .hh-page__section {
        margin: 0 0 96px
    }
}

@media(min-width: 960px) {
    .hh-page__section {
        margin: 0 0 112px
    }
}

@media(min-width: 1440px) {
    .hh-page__section {
        margin: 0 0 120px
    }
}

.hh-page__section--how-to {
    position: relative;
    z-index: 3
}

    .hh-page__section--how-to:before {
        background: radial-gradient(50% 50% at 50% 50%,rgba(250,0,255,.16) 0,rgba(204,0,255,0) 100%);
        content: "";
        height: 723px;
        left: -550px;
        pointer-events: none;
        position: absolute;
        top: 300px;
        width: 723px
    }

@media(min-width: 768px) {
    .hh-page__section--how-to:before {
        height: 1157px;
        left: -800px;
        top: -300px;
        width: 1157px
    }
}

@media(min-width: 1200px) {
    .hh-page__section--how-to:before {
        height: 1451px;
        left: -1000px;
        top: -400px;
        width: 1451px
    }
}

.hh-page__section--how-to:after {
    background: radial-gradient(50% 50% at 50% 50%,#67ff5a .52%,rgba(68,255,87,0) 100%);
    content: "";
    height: 723px;
    opacity: .12;
    pointer-events: none;
    position: absolute;
    right: -550px;
    top: 300px;
    width: 723px
}

@media(min-width: 768px) {
    .hh-page__section--how-to:after {
        height: 1157px;
        right: -800px;
        top: -300px;
        width: 1157px
    }
}

@media(min-width: 1200px) {
    .hh-page__section--how-to:after {
        height: 1451px;
        right: -1000px;
        top: -400px;
        width: 1451px
    }
}

.hh-page__section--features {
    position: relative
}

    .hh-page__section--features:after {
        background: radial-gradient(50% 50% at 50% 50%,#67ff5a .52%,rgba(68,255,87,0) 100%);
        bottom: -80%;
        content: "";
        height: 730px;
        opacity: .12;
        pointer-events: none;
        position: absolute;
        right: -370px;
        width: 730px
    }

@media(min-width: 768px) {
    .hh-page__section--features:after {
        bottom: -155%;
        height: 1157px;
        right: -650px;
        width: 1157px
    }
}

@media(min-width: 1200px) {
    .hh-page__section--features:after {
        bottom: -345%;
        height: 1451px;
        right: -950px;
        width: 1451px
    }
}

.hh-page__section--features:before {
    background: radial-gradient(50% 50% at 50% 50%,rgba(250,0,255,.16) 0,rgba(204,0,255,0) 100%);
    bottom: -500px;
    content: "";
    display: none;
    height: 730px;
    left: -600px;
    pointer-events: none;
    position: absolute;
    width: 730px
}

@media(min-width: 768px) {
    .hh-page__section--features:before {
        bottom: -175%;
        display: block;
        height: 1157px;
        width: 1157px
    }
}

@media(min-width: 1200px) {
    .hh-page__section--features:before {
        bottom: -375%;
        height: 1451px;
        left: -950px;
        width: 1451px
    }
}

.hh-page__intro-bg {
    display: block;
    left: 50%;
    min-width: 375px;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100%
}

@media(min-width: 768px) {
    .hh-page__intro-bg {
        max-height: unset
    }
}

@media(min-width: 1440px) {
    .hh-page__intro-bg {
        max-width: 1920px;
        width: 100%
    }
}

.hh-page__intro-bg:before {
    background: linear-gradient(179.15deg,transparent 50%,#000);
    bottom: 0;
    content: "";
    height: 232px;
    left: 0;
    position: absolute;
    width: 100%
}

.hh-page__intro-bg img {
    max-width: 100%
}

.hh-page__intro-jackpot {
    position: relative;
    z-index: 2
}

.hh-page .hh-page__btn {
    align-items: center;
    background: #41f13d;
    border-radius: 4px;
    box-shadow: none;
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 24px;
    padding: 12px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .3s ease
}

    .hh-page .hh-page__btn:hover {
        background: #1db415;
        color: #000
    }

.hh-page__seo {
    background: #263b57;
    border-radius: 20px;
    padding: 20px
}

@media(min-width: 768px) {
    .hh-page__seo {
        padding: 32px
    }
}

@media(min-width: 1200px) {
    .hh-page__seo {
        padding: 40px
    }
}

@media(min-width: 1680px) {
    .hh-page__seo {
        padding: 40px 48px
    }
}

.hh-page__seo .description--dark .description__preview:after {
    background: linear-gradient(180deg,rgba(15,15,20,0),#263b57)
}

.hh-page .container {
    margin: 0 auto;
    max-width: 1316px
}

.hh-page .hh-intro__logo {
    margin: 20px auto 12px;
    max-width: 216px
}

@media(min-width: 768px) {
    .hh-page .hh-intro__logo {
        margin: 24px auto 13px;
        max-width: 265px
    }
}

@media(min-width: 1440px) {
    .hh-page .hh-intro__logo {
        margin: 36px auto 16px;
        max-width: 333px
    }
}

.hh-page .hh-intro__logo img {
    max-width: 100%
}

.hh-page .hh-intro__tournament {
    margin: 0 0 40px
}

@media(min-width: 960px) {
    .hh-page .hh-intro__tournament {
        margin: 0 0 48px
    }
}

.hh-page .hh-intro__text-content {
    margin: 0 auto 32px;
    max-width: 876px
}

.hh-page .hh-intro__deposit {
    display: flex;
    justify-content: center
}

.hh-page .hh-features__title {
    font-size: 24px;
    line-height: 32px
}

@media(min-width: 768px) {
    .hh-page .hh-features__title {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 48px
    }
}

@media(min-width: 960px) {
    .hh-page .hh-features__title {
        font-size: 40px;
        line-height: 48px;
        margin: 0 0 64px
    }
}

@media(min-width: 1200px) {
    .hh-page .hh-features__title {
        margin: 0 0 32px
    }
}

.hh-page .hh-features__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 0 auto;
    max-width: 320px;
    padding: 0
}

@media(min-width: 768px) {
    .hh-page .hh-features__list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 56px 24px;
        justify-content: center;
        max-width: 672px
    }
}

@media(min-width: 960px) {
    .hh-page .hh-features__list {
        flex-wrap: nowrap;
        gap: 24px;
        max-width: unset
    }
}

.hh-page .hh-features__item {
    flex: 1
}

@media(min-width: 768px) {
    .hh-page .hh-features__item {
        flex: 1 1 208px;
        max-width: 208px
    }
}

@media(min-width: 960px) {
    .hh-page .hh-features__item {
        flex: 1
    }
}

.hh-page .hh-feature {
    align-items: center;
    display: flex;
    gap: 24px
}

@media(min-width: 768px) {
    .hh-page .hh-feature {
        flex-direction: column;
        gap: 24px
    }
}

.hh-page .hh-feature__icon {
    height: 64px;
    width: 64px
}

@media(min-width: 768px) {
    .hh-page .hh-feature__icon {
        height: 80px;
        width: 80px
    }
}

.hh-page .hh-feature__icon img {
    max-width: 100%
}

.hh-page .hh-feature__text {
    color: #fff;
    font-family: Rubik,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

@media(min-width: 768px) {
    .hh-page .hh-feature__text {
        font-size: 20px;
        line-height: 28px;
        text-align: center
    }
}

@media(min-width: 960px) {
    .hh-page .hh-feature__text {
        font-size: 16px;
        line-height: 24px
    }
}

@media(min-width: 1200px) {
    .hh-page .hh-feature__text {
        font-size: 20px;
        line-height: 28px
    }
}

@media(max-width: 520px) {
    .fontSizeTitulosCasino {
        font-size: 14px !important;
    }
}

@media(max-width: 370px) {
    .fontSizeTitulosCasino {
        font-size: 12px !important;
    }
}

.hh-page .hh-how-to__content {
    margin: 0 auto 40px;
    max-width: 876px
}

@media(min-width: 960px) {
    .hh-page .hh-how-to__content {
        margin: 0 auto 56px
    }
}

.hh-page .hh-how-to__title {
    margin: 0 0 32px
}

.hh-page .hh-how-to__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(min-width: 768px) {
    .hh-page .hh-how-to__list {
        flex-direction: row
    }
}

@media(min-width: 1200px) {
    .hh-page .hh-how-to__list {
        gap: 24px
    }
}

@media(min-width: 1440px) {
    .hh-page .hh-how-to__list {
        gap: 32px
    }
}

.hh-page .hh-how-to__item {
    flex: 1
}

.hh-page .hh-how-to-card {
    background: radial-gradient(67.9% 81.27% at 5.91% 2.14%,rgba(255,0,229,.16) 0,rgba(255,0,229,0) 100%),radial-gradient(87.44% 93.04% at 95.7% 100%,rgba(36,255,0,.16) 0,rgba(36,255,0,0) 100%),hsla(0,0%,100%,.02);
    border-radius: 8px;
    margin: 0 auto;
    max-width: 400px;
    overflow: hidden;
    position: relative
}

.hh-page .hh-how-to-card__inner {
    min-height: 168px;
    padding: 16px
}

@media(min-width: 960px) {
    .hh-page .hh-how-to-card__inner {
        min-height: 200px;
        padding: 25px
    }
}

.hh-page .hh-how-to-card__image {
    bottom: -100px;
    position: absolute;
    right: -100px
}

.hh-page .hh-how-to-card__image--clocks {
    bottom: -240px;
    right: -220px
}

@media(min-width: 960px) {
    .hh-page .hh-how-to-card__image--clocks {
        right: -290px
    }
}

@media(min-width: 1440px) {
    .hh-page .hh-how-to-card__image--clocks {
        bottom: -220px;
        right: -230px
    }
}

.hh-page .hh-how-to-card__image--ribbons {
    bottom: -50px;
    max-width: 206px;
    right: -40px
}

@media(min-width: 960px) {
    .hh-page .hh-how-to-card__image--ribbons {
        max-width: unset;
        right: -150px
    }
}

@media(min-width: 1440px) {
    .hh-page .hh-how-to-card__image--ribbons {
        bottom: -80px;
        right: -80px
    }
}

.hh-page .hh-how-to-card__image--money {
    bottom: -80px;
    max-width: 243px;
    right: -75px
}

@media(min-width: 960px) {
    .hh-page .hh-how-to-card__image--money {
        bottom: -160px;
        bottom: -170px;
        max-width: unset;
        right: -205px;
        right: -155px
    }
}

.hh-page .hh-how-to-card__content {
    position: relative;
    z-index: 2
}

.hh-page .hh-how-to-card__icon {
    height: 56px;
    margin: 0 0 16px
}

@media(min-width: 960px) {
    .hh-page .hh-how-to-card__icon {
        margin: 0 0 32px
    }
}

.hh-page .hh-how-to-card__text {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

@media(min-width: 960px) {
    .hh-page .hh-how-to-card__text {
        font-size: 20px;
        line-height: 28px
    }
}

@media(max-width: 1440px) {
    .daily-cashback .container--hero {
        width: calc(100% - 128px)
    }
}

@media(max-width: 1200px) {
    .daily-cashback .container--hero {
        width: calc(100% - 104px)
    }
}

@media(max-width: 960px) {
    .daily-cashback .container--hero {
        width: calc(100% - 88px)
    }
}

@media(max-width: 768px) {
    .daily-cashback .container--hero {
        width: calc(100% - 96px)
    }
}

@media(max-width: 480px) {
    .daily-cashback .container--hero {
        width: calc(100% - 32px)
    }
}

@media(max-width: 1440px) {
    .daily-cashback .container--promo {
        width: calc(100% - 128px)
    }
}

@media(max-width: 1200px) {
    .daily-cashback .container--promo {
        width: calc(100% - 104px)
    }
}

@media(max-width: 960px) {
    .daily-cashback .container--promo {
        width: calc(100% - 88px)
    }
}

@media(max-width: 768px) {
    .daily-cashback .container--promo {
        width: calc(100% - 96px)
    }
}

@media(max-width: 480px) {
    .daily-cashback .container--promo {
        width: 100%
    }
}

.daily-cashback__hero {
    overflow: hidden;
    padding-bottom: 136px;
    padding-top: 64px;
    position: relative
}

    .daily-cashback__hero:after {
        background: linear-gradient(90deg,rgba(15,15,20,.5),rgba(15,15,20,0) 14.02%),linear-gradient(270.11deg,rgba(15,15,20,.2) .12%,rgba(15,15,20,0) 14.69%),linear-gradient(180deg,rgba(15,15,20,0) 45.95%,rgba(15,15,20,.67) 77.52%,#0f0f14 99.17%);
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0
    }

@media(max-width: 1440px) {
    .daily-cashback__hero {
        padding-bottom: 136px;
        padding-top: 64px
    }
}

@media(max-width: 1200px) {
    .daily-cashback__hero {
        padding-bottom: 90px;
        padding-top: 32px
    }
}

@media(max-width: 768px) {
    .daily-cashback__hero {
        padding-bottom: 60px
    }
}

@media(max-width: 480px) {
    .daily-cashback__hero {
        padding-bottom: 80px;
        padding-top: 42px
    }
}

@media(max-width: 320px) {
    .daily-cashback__hero {
        padding-bottom: 142px;
        padding-top: 22px
    }
}

.daily-cashback__hero-background {
    animation: space 10s ease-out 0s infinite alternate;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1.05);
    z-index: -2
}

@media(max-width: 1440px) {
    .daily-cashback__hero-background {
        right: -100px
    }
}

@media(max-width: 1200px) {
    .daily-cashback__hero-background {
        height: 702px
    }
}

@media(max-width: 960px) {
    .daily-cashback__hero-background {
        height: 601px
    }
}

@media(max-width: 768px) {
    .daily-cashback__hero-background {
        height: 500px
    }
}

@media(max-width: 480px) {
    .daily-cashback__hero-background {
        height: 902px;
        right: -380px
    }
}

@media(max-width: 320px) {
    .daily-cashback__hero-background {
        right: -680px
    }
}

.daily-cashback__dice {
    animation: dice 10s ease-out 0s infinite alternate;
    bottom: 15px;
    left: 90px;
    position: absolute;
    z-index: -1
}

@media(max-width: 1440px) {
    .daily-cashback__dice {
        bottom: -40px;
        left: -60px
    }
}

@media(max-width: 1200px) {
    .daily-cashback__dice {
        bottom: 50px;
        height: 447px;
        right: 0
    }
}

@media(max-width: 960px) {
    .daily-cashback__dice {
        height: 383px
    }
}

@media(max-width: 768px) {
    .daily-cashback__dice {
        bottom: 100px;
        height: 319px;
        right: -50px
    }
}

@media(max-width: 480px) {
    .daily-cashback__dice {
        display: none
    }
}

@media(max-width: 320px) {
    .daily-cashback__dice {
        display: none
    }
}

.daily-cashback__dice--mobile {
    display: none
}

@media(max-width: 320px) {
    .daily-cashback__dice--mobile {
        bottom: 110px;
        display: block;
        height: 575px;
        left: 0
    }
}

.daily-cashback__spaceman {
    animation: space 10s ease-out 0s infinite alternate;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

@media(max-width: 1440px) {
    .daily-cashback__spaceman {
        right: -100px
    }
}

@media(max-width: 1200px) {
    .daily-cashback__spaceman {
        height: 702px
    }
}

@media(max-width: 960px) {
    .daily-cashback__spaceman {
        height: 601px
    }
}

@media(max-width: 768px) {
    .daily-cashback__spaceman {
        height: 500px
    }
}

@media(max-width: 480px) {
    .daily-cashback__spaceman {
        height: 902px;
        right: -300px
    }
}

@media(max-width: 320px) {
    .daily-cashback__spaceman {
        right: -750px
    }
}

.daily-cashback__bg-car-wrap {
    width: 100%;
    z-index: -1
}

.daily-cashback__bg-car-wrap, .daily-cashback__hero-car-bg {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.daily-cashback__hero-car-bg {
    animation: background-first 15s linear infinite alternate
}

.daily-cashback__ball-bg {
    animation: background-second 15s linear infinite alternate;
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.daily-cashback-description {
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center;
    z-index: 10
}

.daily-cashback-description__deposit-button {
    font-size: 24px !important;
    height: 56px;
    margin: 0 auto 21px !important;
    width: 250px
}

@media(max-width: 1200px) {
    .daily-cashback-description__deposit-button {
        font-size: 20px !important;
        height: 48px;
        margin: 0 auto 16px !important;
        width: 220px
    }
}

.daily-cashback-description__text {
    display: block;
    font-family: Open Sans,sans-serif
}

.daily-cashback-description__text--daily {
    color: hsla(0,0%,100%,.8);
    font-family: Open Sans,sans-serif;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 120%;
    text-transform: uppercase
}

@media(max-width: 1200px) {
    .daily-cashback-description__text--daily {
        font-size: 24px
    }
}

@media(max-width: 768px) {
    .daily-cashback-description__text--daily {
        font-size: 22px
    }
}

.daily-cashback-description__text--ladder {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(185.38deg,#abebff 21.88%,#35cfff 75.75%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Open Sans,sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 120%;
    margin-bottom: 40px;
    text-transform: uppercase
}

@media(max-width: 1200px) {
    .daily-cashback-description__text--ladder {
        font-size: 24px;
        margin-bottom: 32px
    }
}

@media(max-width: 768px) {
    .daily-cashback-description__text--ladder {
        font-size: 22px;
        margin-bottom: 24px
    }
}

.daily-cashback-description__text--up-to {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 76px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 100%;
    margin-bottom: 64px;
    text-transform: uppercase
}

@media(max-width: 1200px) {
    .daily-cashback-description__text--up-to {
        font-size: 44px;
        margin-bottom: 56px
    }
}

@media(max-width: 768px) {
    .daily-cashback-description__text--up-to {
        font-size: 40px;
        margin-bottom: 32px
    }
}

.daily-cashback-description__text--deposit {
    color: hsla(0,0%,100%,.8);
    font-family: Open Sans,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 24px;
    margin-bottom: 200px
}

@media(max-width: 1440px) {
    .daily-cashback-description__text--deposit {
        margin-bottom: 160px
    }
}

@media(max-width: 1200px) {
    .daily-cashback-description__text--deposit {
        font-size: 16px;
        margin-bottom: 110px
    }
}

@media(max-width: 960px) {
    .daily-cashback-description__text--deposit {
        margin-bottom: 100px
    }
}

@media(max-width: 320px) {
    .daily-cashback-description__text--deposit {
        margin-bottom: 80px
    }
}

.daily-cashback__steps {
    -moz-column-gap: 22.5px;
    column-gap: 22.5px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
    z-index: 10
}

@media(max-width: 960px) {
    .daily-cashback__steps {
        -ms-overflow-style: none;
        -moz-column-gap: 16px;
        column-gap: 16px;
        margin-left: -48px;
        overflow: scroll;
        padding-left: 48px;
        padding-right: 48px;
        scrollbar-width: none;
        width: calc(100% + 96px)
    }

        .daily-cashback__steps::-webkit-scrollbar {
            display: none
        }
}

@media(max-width: 480px) {
    .daily-cashback__steps {
        align-items: center;
        display: flex;
        flex-direction: column;
        margin: 0;
        overflow: visible;
        padding: 0;
        width: auto
    }
}

.daily-cashback-step {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: radial-gradient(100% 100% at 0 0,rgba(188,247,255,.5) .52%,rgba(96,236,255,.307) 51.04%,rgba(7,225,255,.12) 100%);
    -webkit-clip-path: polygon(60% 0,63% 9%,100% 9%,100% 100%,0 100%,0 60%,0 0);
    clip-path: polygon(291px 0,308px 17px,100% 17px,100% 100%,0 100%,0 60%,0 0);
    display: flex;
    padding: 76px 0 0 30px;
    position: relative
}

@media(max-width: 1200px) {
    .daily-cashback-step {
        -webkit-clip-path: polygon(217px 0,234px 17px,100% 17px,100% 100%,0 100%,0 60%,0 0);
        clip-path: polygon(217px 0,234px 17px,100% 17px,100% 100%,0 100%,0 60%,0 0);
        padding: 72px 0 0 30px
    }
}

@media(max-width: 960px) {
    .daily-cashback-step {
        -webkit-clip-path: polygon(167px 0,180px 13px,100% 13px,100% 100%,0 100%,0 60%,0 0);
        clip-path: polygon(167px 0,180px 13px,100% 13px,100% 100%,0 100%,0 60%,0 0);
        min-width: 280px;
        padding: 57px 0 0 24px
    }
}

@media(max-width: 480px) {
    .daily-cashback-step {
        margin-bottom: 16px;
        max-width: 280px
    }

        .daily-cashback-step:last-child {
            margin-bottom: 0
        }
}

.daily-cashback-step__header {
    align-items: center;
    background: linear-gradient(90.04deg,#ad1f00 21.16%,#291eb0 61.8%,rgba(111,44,255,0) 99.97%);
    box-shadow: 0 4px 4px rgba(1,20,24,.25);
    color: #fff;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 26px;
    font-weight: 700;
    height: 60px;
    left: 0;
    letter-spacing: .04em;
    line-height: 120%;
    padding-left: 30px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%
}

@media(max-width: 1200px) {
    .daily-cashback-step__header {
        font-size: 22px
    }
}

@media(max-width: 960px) {
    .daily-cashback-step__header {
        font-size: 18px;
        height: 44px;
        padding-left: 24px
    }
}

.daily-cashback-step__main {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.daily-cashback-step__description {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 120%;
    opacity: .9;
    padding-bottom: 16px
}

@media(max-width: 1200px) {
    .daily-cashback-step__description {
        font-size: 18px
    }
}

@media(max-width: 960px) {
    .daily-cashback-step__description {
        font-size: 14px
    }
}

.daily-cashback-step__image {
    height: 150px;
    margin-top: -35px;
    width: 150px
}

@media(max-width: 1200px) {
    .daily-cashback-step__image {
        height: 120px;
        margin-top: -2px;
        width: 120px
    }
}

@media(max-width: 960px) {
    .daily-cashback-step__image {
        height: 90px;
        margin-top: 0;
        width: 90px
    }
}

.daily-cashback-promo {
    background: url(/images/description-background.c89e807b..png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 160px;
    margin-top: 20px;
    padding: 60px 64px;
    position: relative
}

@media(max-width: 1440px) {
    .daily-cashback-promo {
        margin-bottom: 110px;
        padding: 60px 48px
    }
}

@media(max-width: 1200px) {
    .daily-cashback-promo {
        margin-bottom: 70px
    }
}

@media(max-width: 960px) {
    .daily-cashback-promo {
        margin-bottom: 60px;
        margin-top: 10px;
        padding: 40px 48px
    }
}

@media(max-width: 768px) {
    .daily-cashback-promo {
        margin-bottom: 40px;
        margin-top: 0
    }
}

@media(max-width: 480px) {
    .daily-cashback-promo {
        padding: 40px 24px
    }
}

@media(max-width: 320px) {
    .daily-cashback-promo {
        padding: 40px 16px
    }
}

.daily-cashback-promo__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 120%;
    margin: 0 0 24px;
    text-transform: uppercase
}

@media(max-width: 480px) {
    .daily-cashback-promo__title {
        text-align: center
    }
}

.daily-cashback-promo__list {
    list-style: none;
    margin: 0;
    padding-left: 20px
}

@media(max-width: 1440px) {
    .daily-cashback-promo__list {
        padding-left: 32px
    }
}

.daily-cashback-promo__list--inner {
    padding: 0
}

.daily-cashback-promo__item {
    color: hsla(0,0%,100%,.8);
    counter-increment: custom;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 12px;
    position: relative;
    text-align: left
}

    .daily-cashback-promo__item:before {
        align-items: center;
        color: #fff;
        content: counter(custom);
        display: flex;
        font-family: Open Sans,sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        height: 26px;
        justify-content: center;
        left: -32px;
        line-height: 100%;
        position: absolute;
        text-shadow: 0 0 4px rgba(0,224,255,.3);
        top: 0;
        width: 26px
    }

@media(max-width: 960px) {
    .daily-cashback-promo__item:before {
        top: -2px
    }
}

.daily-cashback-promo__item:first-child {
    counter-reset: custom
}

@media(max-width: 960px) {
    .daily-cashback-promo__item {
        font-size: 16px
    }
}

.daily-cashback-promo__item:last-child {
    margin-bottom: 0
}

.daily-cashback-promo__image {
    left: -32px;
    position: absolute;
    top: 0
}

@keyframes space {
    0% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

@keyframes dice {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.2)
    }
}

.lb-page__inner-container {
    margin: 0 auto
}

@media(min-width: 1200px) {
    .lb-page__inner-container {
        width: 1136px
    }
}

@media(min-width: 1440px) {
    .lb-page__inner-container {
        width: 1144px
    }
}

@media(min-width: 1680px) {
    .lb-page__inner-container {
        width: 1344px
    }
}

.lb-page__top {
    height: 796px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .lb-page__top {
        height: 1110px
    }
}

.lb-page__background {
    height: 531px;
    left: 50%;
    position: absolute;
    top: -14px;
    transform: translateX(-50%);
    z-index: -1
}

@media(min-width: 768px) {
    .lb-page__background {
        height: unset;
        top: 0
    }
}

.lb-page__logo {
    margin-top: 16px;
    max-width: 103px
}

@media(min-width: 768px) {
    .lb-page__logo {
        margin-top: 48px;
        max-width: 120px
    }
}

@media(min-width: 1200px) {
    .lb-page__logo {
        margin-top: 40px
    }
}

.lb-page__content {
    align-items: center;
    display: flex;
    flex-direction: column
}

.lb-page__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 16px 0 28px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 480px) {
    .lb-page__title {
        margin: 16px 0 20px
    }
}

@media(min-width: 768px) {
    .lb-page__title {
        font-size: 26px;
        line-height: 32px;
        margin: 40px 0 56px;
        max-width: 720px
    }
}

.lb-page__gates {
    left: 50%;
    max-width: 310px;
    min-width: 310px;
    position: absolute;
    top: 258px;
    transform: translateX(-50%);
    width: 100%
}

@media(min-width: 375px) {
    .lb-page__gates {
        max-width: 360px;
        top: 236px
    }
}

@media(min-width: 480px) {
    .lb-page__gates {
        max-width: 440px;
        top: 200px
    }
}

@media(min-width: 768px) {
    .lb-page__gates {
        max-width: 720px;
        top: 312px
    }
}

.lb-page__panel {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 50%;
    position: absolute;
    top: 418px;
    transform: translate(-50%)
}

@media(min-width: 768px) {
    .lb-page__panel {
        top: 696px
    }
}

.lb-page__launcher {
    margin-bottom: 62px
}

@media(min-width: 768px) {
    .lb-page__launcher {
        margin-bottom: 56px
    }
}

.lb-page-how-to {
    margin-bottom: 32px
}

@media(min-width: 480px) {
    .lb-page-how-to {
        margin-bottom: 48px
    }
}

@media(min-width: 768px) {
    .lb-page-how-to {
        margin-bottom: 56px
    }
}

@media(min-width: 1200px) {
    .lb-page-how-to {
        margin-bottom: 80px
    }
}

.lb-page-how-to__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 32px;
    text-align: center
}

@media(min-width: 768px) {
    .lb-page-how-to__title {
        font-size: 32px;
        line-height: 40px
    }
}

.lb-page-how-to__steps {
    align-items: center;
    background: radial-gradient(126.97% 126.97% at 49.47% -69.08%,rgba(192,12,255,.4) 0,transparent 82.71%),linear-gradient(180deg,#0b1436,rgba(19,18,72,0) 76.3%);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    padding: 32px 0;
    position: relative;
    row-gap: 24px;
    width: calc(100% - 4px)
}

    .lb-page-how-to__steps:before {
        background: linear-gradient(188.88deg,#7e14ff -26.88%,#090f25 61.78%);
        border-radius: 22px;
        content: "";
        height: 100%;
        left: -2px;
        opacity: .6;
        position: absolute;
        top: -2px;
        width: calc(100% + 4px);
        z-index: -1
    }

@media(min-width: 768px) {
    .lb-page-how-to__steps {
        align-items: flex-start;
        -moz-column-gap: 24px;
        column-gap: 24px;
        flex-direction: row
    }
}

@media(min-width: 1200px) {
    .lb-page-how-to__steps {
        -moz-column-gap: 40px;
        column-gap: 40px;
        justify-content: space-between;
        padding: 32px 40px
    }
}

.lb-page-how-to-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 206px;
    row-gap: 16px
}

@media(min-width: 1200px) {
    .lb-page-how-to-step {
        align-items: flex-start;
        -moz-column-gap: 16px;
        column-gap: 16px;
        flex-direction: row;
        max-width: unset
    }
}

.lb-page-how-to-step__icon {
    width: 66px
}

.lb-page-how-to-step__content {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    text-align: center
}

@media(min-width: 1200px) {
    .lb-page-how-to-step__content {
        max-width: 208px;
        text-align: left
    }
}

.lb-page-how-to-step__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.lb-page-how-to-step__text, .lb-page-how-to-step__title {
    font-family: Open Sans,sans-serif;
    font-style: normal;
    margin: 0
}

.lb-page-how-to-step__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-shadow: 0 2px 4px rgba(0,0,0,.25)
}

.lb-page__rules {
    margin-bottom: 48px
}

@media(min-width: 480px) {
    .lb-page__rules {
        margin-bottom: 80px
    }
}

@media(min-width: 768px) {
    .lb-page__rules {
        margin-bottom: 100px
    }
}

@media(min-width: 1200px) {
    .lb-page__rules {
        margin-bottom: 120px
    }
}

.lucky-box-page {
    background: #192c43;
    overflow: hidden;
    position: relative
}

.lucky-box-page__section-title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 138%;
    text-align: center;
    text-transform: uppercase
}

.lucky-box-page .top {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    z-index: 0
}

@media(min-width: 768px) {
    .lucky-box-page .top {
        min-height: 770px
    }
}

.lucky-box-page .top__bg {
    height: 100%;
    left: 50%;
    max-height: 295px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

@media(min-width: 480px) {
    .lucky-box-page .top__bg {
        max-height: 370px
    }
}

@media(min-width: 768px) {
    .lucky-box-page .top__bg {
        max-height: 100%
    }
}

.lucky-box-page .top__bg-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.lucky-box-page .top__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 526px;
    padding-top: 24px
}

@media(min-width: 768px) {
    .lucky-box-page .top__content {
        padding-top: 40px
    }
}

.lucky-box-page .top__logo {
    max-width: 170px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(min-width: 1200px) {
    .lucky-box-page .top__logo {
        max-width: 203px
    }
}

.lucky-box-page .top__title {
    font-size: 20px;
    line-height: 26px;
    margin: 45px 0 42px;
    max-width: 526px;
    text-transform: none
}

@media(min-width: 480px) {
    .lucky-box-page .top__title {
        font-size: 26px;
        line-height: 32px
    }
}

@media(min-width: 768px) {
    .lucky-box-page .top__title {
        margin: 24px 0 64px
    }
}

@media(min-width: 1200px) {
    .lucky-box-page .top__title {
        margin: 32px 0 56px
    }
}

.lucky-box-page .top .top__text--secondary-color {
    color: #ffd336
}

.lucky-box-page .how-it-work {
    margin-top: 47px
}

@media(min-width: 768px) {
    .lucky-box-page .how-it-work {
        margin-top: 40px
    }
}

.lucky-box-page .how-it-work__title {
    font-weight: 800;
    margin-bottom: 16px;
    margin-top: 0;
    text-transform: none
}

@media(min-width: 768px) {
    .lucky-box-page .how-it-work__title {
        font-size: 32px;
        line-height: 39px
    }
}

.lucky-box-page .how-it-work__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 20px;
    margin: 0 auto 32px;
    max-width: 527px;
    text-align: center
}

@media(min-width: 768px) {
    .lucky-box-page .how-it-work__text {
        margin-bottom: 32px
    }
}

@media(min-width: 1440px) {
    .lucky-box-page .how-it-work__text {
        margin-bottom: 40px
    }
}

.lucky-box-page .how-it-work__steps {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 0 auto;
    max-width: 992px;
    position: relative
}

@media(min-width: 768px) {
    .lucky-box-page .how-it-work__steps {
        flex-direction: row;
        gap: 16px;
        justify-content: center
    }
}

.lucky-box-page .how-it-work__step {
    align-items: flex-start;
    display: flex;
    font-family: Open Sans,sans-serif;
    gap: 8px;
    justify-content: center;
    max-width: 288px;
    width: 100%
}

@media(min-width: 768px) {
    .lucky-box-page .how-it-work__step {
        align-items: center;
        flex-direction: column
    }
}

.lucky-box-page .how-it-work__subtitle {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 4px
}

@media(min-width: 768px) {
    .lucky-box-page .how-it-work__subtitle {
        text-align: center
    }
}

.lucky-box-page .how-it-work__card-text {
    display: flex;
    flex-direction: column
}

.lucky-box-page .how-it-work__dsc {
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

@media(min-width: 768px) {
    .lucky-box-page .how-it-work__dsc {
        text-align: center
    }
}

.lucky-box-page .how-it-work__icon {
    height: 66px;
    width: 64px
}

.lucky-box-page .how-it-work__btn-wrapper {
    margin: 24px auto 0;
    width: -moz-max-content;
    width: max-content
}

@media(min-width: 1200px) {
    .lucky-box-page .how-it-work__btn-wrapper {
        margin-bottom: 32px
    }
}

.lucky-box-page .how-it-work__deposit-btn {
    margin: 0 auto;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 16px 24px
}

.lucky-box-page .terms {
    margin-top: 64px
}

.lucky-box-page .terms__inner {
    background: #1a1a22;
    border-radius: 20px;
    margin: 0 auto;
    max-width: 1248px;
    padding: 24px 20px
}

@media(min-width: 768px) {
    .lucky-box-page .terms__inner {
        padding: 40px 48px
    }
}

.lucky-box-page .terms__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px;
    margin-top: 0
}

@media(min-width: 768px) {
    .lucky-box-page .terms__title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 16px
    }
}

.lucky-box-page .terms__collapse {
    font-weight: 700;
    justify-content: flex-start;
    text-align: left
}

.lucky-box-page .terms__content {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 150%
}

    .lucky-box-page .terms__content p {
        margin-top: 0
    }

        .lucky-box-page .terms__content p:not(:last-child) {
            margin-bottom: 32px
        }

.lucky-box-page .terms__content--white {
    color: #fff;
    font-weight: 500
}

.lucky-box-page .terms__content--title {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px
}

.lucky-box-page .welcome-lb {
    margin-top: 80px
}

@media(min-width: 768px) {
    .lucky-box-page .welcome-lb {
        margin-top: 100px
    }
}

@media(min-width: 1440px) {
    .lucky-box-page .welcome-lb {
        margin-top: 120px
    }
}

.lucky-box-page .welcome-lb__content {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media(min-width: 768px) {
    .lucky-box-page .welcome-lb__content {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 48px;
        width: 100%
    }
}

.lucky-box-page .welcome-lb__content div {
    max-width: calc(50% - 24px);
    width: 100%
}

.lucky-box-page .welcome-lb__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px
}

.summer-calendar-page__top {
    position: relative
}

    .summer-calendar-page__top .container {
        padding-bottom: 90px
    }

.summer-calendar-page__bg {
    height: 498px;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 1296px;
    z-index: -1
}

@media(min-width: 1200px) {
    .summer-calendar-page__bg {
        height: 740px;
        width: 1680px
    }
}

.summer-calendar-page__main--title {
    color: #fff;
    font: 700 26px/32px Open Sans,sans-serif;
    margin-bottom: 24px;
    margin-top: 0;
    text-align: center
}

@media(min-width: 768px) {
    .summer-calendar-page__main--title {
        font-size: 32px;
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    .summer-calendar-page__main--title {
        font-size: 42px;
        line-height: 52px;
        margin-bottom: 80px
    }
}

.summer-calendar-page__rules {
    margin-bottom: 80px;
    margin-top: 56px
}

@media(min-width: 768px) {
    .summer-calendar-page__rules {
        margin-bottom: 100px
    }
}

@media(min-width: 1200px) {
    .summer-calendar-page__rules {
        margin-bottom: 120px;
        margin-top: 80px
    }
}

.hall-of-fame {
    overflow: hidden;
    position: relative
}

@media(min-width: 1200px) {
    .hall-of-fame .container {
        max-width: 1680px
    }
}

.hall-of-fame__title {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    margin-top: 0
}

.hall-of-fame .hall-of-fame-champions {
    margin-top: 32px
}

@media(min-width: 768px) {
    .hall-of-fame .hall-of-fame-champions {
        margin-top: 40px
    }
}

.hall-of-fame .hall-of-fame-champions__title {
    margin-bottom: 24px
}

.hall-of-fame .hall-of-fame-wins {
    margin-top: 32px
}

@media(min-width: 1200px) {
    .hall-of-fame .hall-of-fame-wins {
        margin-top: 40px
    }
}

.hall-of-fame .hall-of-fame-wins__title {
    margin-bottom: 24px;
    margin-top: 0
}

.hall-of-fame__welcome {
    margin-bottom: 8px;
    margin-top: 80px
}

@media(min-width: 1200px) {
    .hall-of-fame__welcome {
        margin-bottom: 24px;
        margin-top: 120px
    }
}

.p-vip-club {
    margin: 0 auto;
    max-width: 1440px;
    position: relative
}

    .p-vip-club .container {
        max-width: 1344px
    }

.p-vip-club__bg {
    height: 380px;
    position: relative
}

    .p-vip-club__bg:after {
        background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) 0,rgba(17,77,148,0) 100%);
        border-radius: 500px;
        content: "";
        height: 420px;
        left: -350px;
        position: absolute;
        top: -260px;
        width: 500px
    }

@media(min-width: 768px) {
    .p-vip-club__bg:after {
        border-radius: 694px;
        height: 583px;
        left: -360px;
        top: -390px;
        width: 694px
    }
}

@media(min-width: 1200px) {
    .p-vip-club__bg:after {
        border-radius: 1024px;
        height: 860px;
        left: -890px;
        top: -530px;
        width: 1024px
    }
}

.p-vip-club__bg:before {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
    border-radius: 500px;
    content: "";
    height: 420px;
    position: absolute;
    right: -350px;
    top: -250px;
    width: 500px
}

@media(min-width: 768px) {
    .p-vip-club__bg:before {
        height: 583px;
        right: -160px;
        top: -290px;
        width: 694px
    }
}

@media(min-width: 1200px) {
    .p-vip-club__bg:before {
        border-radius: 1024px;
        height: 860px;
        right: -290px;
        top: -530px;
        width: 1024px
    }
}

@media(min-width: 480px) {
    .p-vip-club__bg {
        height: 472px
    }
}

@media(min-width: 768px) {
    .p-vip-club__bg {
        height: auto;
        left: unset;
        position: absolute;
        right: -275px;
        top: 0;
        width: 1013px;
        z-index: -1
    }
}

@media(min-width: 1200px) {
    .p-vip-club__bg {
        right: -120px;
        width: 1156px
    }
}

.p-vip-club__bg-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.p-vip-club__main-title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin: 0;
    text-transform: uppercase
}

@media(min-width: 480px) {
    .p-vip-club__main-title {
        font-size: 26px;
        line-height: 32px
    }
}

@media(min-width: 768px) {
    .p-vip-club__main-title {
        font-size: 32px;
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    .p-vip-club__main-title {
        font-size: 42px;
        line-height: 52px
    }
}

.p-vip-club__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin: 0;
    text-transform: capitalize
}

@media(min-width: 480px) {
    .p-vip-club__title {
        font-size: 26px;
        line-height: 123%
    }
}

@media(min-width: 768px) {
    .p-vip-club__title {
        font-size: 20px;
        line-height: 130%
    }
}

@media(min-width: 1680px) {
    .p-vip-club__title {
        font-size: 26px;
        line-height: 123%
    }
}

.p-vip-club .p-vip-club__text--yellow {
    color: #ffd336 !important
}

.p-vip-club__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0
}

.p-vip-club__list--single {
    list-style: none
}

.p-vip-club__head, .p-vip-club__instant, .p-vip-club__passes, .p-vip-club__table {
    margin-bottom: 64px
}

@media(min-width: 768px) {
    .p-vip-club__head, .p-vip-club__instant, .p-vip-club__passes, .p-vip-club__table {
        margin-bottom: 80px
    }
}

@media(min-width: 1200px) {
    .p-vip-club__head, .p-vip-club__instant, .p-vip-club__passes, .p-vip-club__table {
        margin-bottom: 100px
    }
}

.p-vip-club__rules {
    scroll-margin: 125px 0 0 0
}

@media(min-width: 768px) {
    .p-vip-club__rules {
        scroll-margin: 65px 0 0 0
    }
}

@media(min-width: 1200px) {
    .p-vip-club__rules {
        margin-bottom: 120px;
        scroll-margin: 74px 0 0 0
    }
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-head {
        padding-top: 72px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-head {
        padding-top: 120px
    }
}

.p-vip-club .p-vip-club-head__title {
    margin-bottom: 16px;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-head__title {
        margin-bottom: 20px;
        max-width: 446px;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-head__title {
        max-width: 560px
    }
}

.p-vip-club .p-vip-club-head__desc {
    color: #fff;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 32px;
    margin-top: 0;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-head__desc {
        max-width: 354px;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-head__desc {
        margin-bottom: 48px;
        max-width: 664px
    }
}

.p-vip-club .p-vip-club-head__btn {
    display: flex;
    margin: 0 auto 64px
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-head__btn {
        margin: 0 0 72px;
        padding: 16px 24px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-head__btn {
        margin: 0 0 180px;
        padding: 16px 24px
    }
}

.p-vip-club .p-vip-club-benefits {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits {
        align-items: flex-start
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-benefits {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

.p-vip-club .p-vip-club-benefits__sticker {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits__sticker {
        flex-direction: row
    }
}

.p-vip-club .p-vip-club-benefits__badge {
    height: 100%;
    margin-bottom: 24px;
    max-height: 120px;
    max-width: 120px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits__badge {
        margin-bottom: 0;
        margin-right: 24px
    }
}

@media(min-width: 1680px) {
    .p-vip-club .p-vip-club-benefits__badge {
        max-height: 142px;
        max-width: 142px
    }
}

.p-vip-club .p-vip-club-benefits__badge-img {
    height: 100%;
    left: 50%;
    max-height: 74px;
    max-width: 74px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

@media(min-width: 1680px) {
    .p-vip-club .p-vip-club-benefits__badge-img {
        max-height: 88px;
        max-width: 88px
    }
}

.p-vip-club .p-vip-club-benefits__badge-letters {
    animation: animate-vip-sticker 10s linear infinite;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits__title {
        max-width: 122px
    }
}

@media(min-width: 1680px) {
    .p-vip-club .p-vip-club-benefits__title {
        max-width: 160px
    }
}

.p-vip-club .p-vip-club-benefits__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 8px;
    margin-top: 40px
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits__cards {
        -moz-column-gap: 41px;
        column-gap: 41px;
        flex-wrap: nowrap;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-benefits__cards {
        justify-content: end;
        margin-top: 0;
        width: auto
    }
}

.p-vip-club .p-vip-club-benefits__card {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(50% - 4px)
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits__card:not(:last-child):after {
        background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.12) 48.96%,hsla(0,0%,100%,0));
        content: "";
        height: 100%;
        position: absolute;
        right: -21px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }

    .p-vip-club .p-vip-club-benefits__card {
        flex-wrap: nowrap;
        max-width: 148px;
        width: calc(25% - 15px)
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-benefits__card {
        flex-wrap: nowrap;
        max-width: 100%;
        min-width: 170px
    }
}

.p-vip-club .p-vip-club-benefits__icon {
    height: 100%;
    margin-bottom: 12px;
    max-height: 80px;
    max-width: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.p-vip-club .p-vip-club-benefits__desc {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits__desc {
        font-size: 20px
    }
}

.p-vip-club .p-vip-club-passes__title {
    margin-bottom: 32px;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-passes__title {
        margin-bottom: 40px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-passes__title {
        margin-bottom: 48px
    }
}

.p-vip-club .p-vip-club-passes__cards {
    display: flex;
    flex-wrap: nowrap;
    margin-left: -16px;
    overflow: auto;
    padding: 0 16px;
    width: calc(100% + 32px)
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-passes__cards {
        margin-left: -24px;
        padding: 0 24px;
        width: calc(100% + 48px)
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-passes__cards {
        margin-left: unset;
        overflow: hidden;
        padding: 0;
        width: 100%
    }
}

.p-vip-club .vip-club-passes-card {
    border-radius: 16px;
    min-height: 296px;
    min-width: 288px
}

    .p-vip-club .vip-club-passes-card:not(:last-child) {
        margin-right: 12px
    }

@media(min-width: 1200px) {
    .p-vip-club .vip-club-passes-card:not(:last-child) {
        margin-right: 16px
    }
}

@media(min-width: 480px) {
    .p-vip-club .vip-club-passes-card {
        min-height: 318px;
        min-width: 324px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .vip-club-passes-card {
        min-height: 294px;
        min-width: unset;
        width: calc(25% - 12px)
    }
}

@media(min-width: 1440px) {
    .p-vip-club .vip-club-passes-card {
        min-height: 318px
    }
}

.p-vip-club .vip-club-passes-card__front-wrap {
    display: flex;
    flex-direction: column
}

.p-vip-club .vip-club-passes-card__view {
    display: flex;
    flex-direction: column;
    min-height: 178px;
    padding: 20px 20px 16px;
    position: relative;
    z-index: 1
}

@media(min-width: 480px) {
    .p-vip-club .vip-club-passes-card__view {
        min-height: 200px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .vip-club-passes-card__view {
        min-height: 176px
    }
}

@media(min-width: 1440px) {
    .p-vip-club .vip-club-passes-card__view {
        min-height: 200px
    }
}

.p-vip-club .vip-club-passes-card__img {
    border-radius: 16px;
    z-index: -1
}

.p-vip-club .vip-club-passes-card__title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 143%;
    margin-bottom: 12px;
    text-transform: uppercase
}

.p-vip-club .vip-club-passes-card__type {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 123%;
    text-transform: uppercase
}

.p-vip-club .vip-club-passes-card__holder {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-top: auto
}

.p-vip-club .vip-club-passes-card__sticker {
    bottom: 16px;
    height: 56px;
    position: absolute;
    right: 16px;
    width: 56px;
    z-index: -1
}

.p-vip-club .vip-club-passes-card__img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-vip-club .vip-club-passes-card__desc {
    padding: 20px;
    width: 100%
}

.p-vip-club .vip-club-passes-card__subtitle {
    color: hsla(0,0%,100%,.4);
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 133%;
    margin-bottom: 12px;
    text-transform: uppercase
}

.p-vip-club .vip-club-passes-card__back-details, .p-vip-club .vip-club-passes-card__ditails, .p-vip-club .vip-club-passes-card__list-title, .p-vip-club .vip-club-passes-card__message {
    color: #fff;
    font-size: 14px;
    line-height: 143%
}

.p-vip-club .vip-club-passes-card__list-title {
    margin-bottom: 12px
}

.p-vip-club .vip-club-passes-card__ditails {
    margin-bottom: 8px
}

.p-vip-club .vip-club-passes-card__back-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px 20px 20px;
    width: 100%
}

.p-vip-club .vip-club-passes-card__back-details {
    margin-bottom: 12px
}

.p-vip-club .vip-club-passes-card__more-rules {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 143%;
    margin-top: auto;
    text-decoration: none
}

    .p-vip-club .vip-club-passes-card__more-rules:hover {
        color: #fff
    }

.p-vip-club .p-vip-club-table__title {
    margin-bottom: 32px;
    text-align: center;
    text-transform: unset
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-table__title {
        margin-bottom: 40px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-table__title {
        margin-bottom: 48px
    }
}

.p-vip-club .p-vip-club-table__wrapper {
    margin-left: -16px;
    overflow: auto;
    padding: 0 16px;
    width: calc(100% + 32px)
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-table__wrapper {
        margin-left: unset;
        padding: unset;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-table__wrapper {
        display: flex;
        justify-content: center
    }
}

.p-vip-club .vip-table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 800px;
    table-layout: fixed;
    text-align: center
}

@media(min-width: 1200px) {
    .p-vip-club .vip-table {
        min-width: unset
    }
}

.p-vip-club .vip-table tr {
    border-radius: 16px
}

    .p-vip-club .vip-table tr:nth-of-type(2) td:first-child {
        border-radius: 16px 0 0 0
    }

    .p-vip-club .vip-table tr:nth-of-type(2) td:last-child {
        border-radius: 0 16px 0 0
    }

    .p-vip-club .vip-table tr:last-child td {
        border-bottom: 1px solid #506385
    }

        .p-vip-club .vip-table tr:last-child td:first-child {
            border-radius: 0 0 0 16px
        }

        .p-vip-club .vip-table tr:last-child td:last-child {
            border-radius: 0 0 16px 0
        }

    .p-vip-club .vip-table tr th {
        font-size: 16px;
        font-weight: 700;
        line-height: 150%;
        padding: 16px 0
    }

        .p-vip-club .vip-table tr th img {
            height: auto;
            margin-right: 12px;
            width: 32px
        }

    .p-vip-club .vip-table tr td {
        border-right: 1px solid #445778;
        border-top: 1px solid #445778;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        padding: 14px 16px;
        vertical-align: middle
    }

@media(min-width: 1200px) {
    .p-vip-club .vip-table tr td {
        font-size: 16px;
        line-height: 150%
    }
}

.p-vip-club .vip-table tr td:first-child {
    background: rgba(80,99,133,.4);
    border-bottom: 1px solid #445778;
    border-left: 1px solid #445778;
    text-align: left;
    width: 200px
}

@media(min-width: 1200px) {
    .p-vip-club .vip-table tr td:first-child {
        width: auto
    }
}

.p-vip-club .vip-table .tooltip-info__info-btn {
    align-self: flex-end;
    color: hsla(0,0%,100%,.2);
    display: flex;
    height: 22px;
    margin-left: 4px
}

    .p-vip-club .vip-table .tooltip-info__info-btn .icon-info {
        color: #fff;
        font-size: 20px;
        opacity: .4
    }

.p-vip-club .vip-table .tooltip-info__info-icon {
    color: hsla(0,0%,100%,.2)
}

.p-vip-club .vip-table .tooltip-info {
    background: #445778
}

.p-vip-club .vip-table__name {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.p-vip-club .vip-table__top-name {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center
}

.p-vip-club .vip-table__star {
    margin-right: 4px;
    position: relative;
    top: 4px;
    width: 20px
}

.p-vip-club .vip-table__circle-icon {
    color: #5c6f91;
    vertical-align: middle
}

.p-vip-club .vip-table__check-circle-icon {
    color: #00dccd;
    vertical-align: middle
}

.p-vip-club .vip-table__star {
    color: #00dccd
}

.p-vip-club .p-vip-club-instant {
    display: none
}

.p-vip-club .p-vip-club-instant__title {
    margin-bottom: 12px;
    text-align: center
}

@media(min-width: 480px) {
    .p-vip-club .p-vip-club-instant__title {
        margin-bottom: 16px
    }
}

.p-vip-club .p-vip-club-instant__subtitle {
    color: hsla(0,0%,100%,.65);
    margin-bottom: 32px;
    margin-top: 0;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-instant__subtitle {
        margin-bottom: 40px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-instant__subtitle {
        margin-bottom: 48px
    }
}

.p-vip-club .p-vip-club-instant__list {
    display: flex;
    flex-direction: column
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-instant__list {
        flex-direction: row
    }
}

.p-vip-club .p-vip-club-instant__card {
    width: 100%
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-instant__card {
        width: calc(33.33333% - 8px)
    }
}

.p-vip-club .p-vip-club-instant__card:not(:last-child) {
    margin-bottom: 12px
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-instant__card:not(:last-child) {
        margin-bottom: 0;
        margin-right: 12px
    }
}

.p-vip-club .p-vip-instant-card {
    background: radial-gradient(50% 50% at 50% 0,rgba(0,220,205,.08) 0,rgba(0,220,205,0) 100%),#263b57;
    border-radius: 16px;
    padding: 24px 24px 32px;
    position: relative
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-instant-card {
        display: flex;
        padding: 24px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-instant-card {
        display: block;
        flex: 1 1 33.3333333333%;
        margin-bottom: 0;
        padding: 40px 32px
    }
}

@media(min-width: 1680px) {
    .p-vip-club .p-vip-instant-card {
        padding: 40px 32px 64px
    }
}

.p-vip-club .p-vip-instant-card__content {
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-instant-card__content {
        margin-bottom: 0;
        margin-left: 24px;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-instant-card__content {
        margin-left: 0
    }
}

.p-vip-club .p-vip-instant-card .yellow {
    color: #ffd336
}

.p-vip-club .p-vip-instant-card__img {
    display: block;
    height: auto;
    margin: 0 auto 16px;
    width: 88px
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-instant-card__img {
        align-self: flex-start
    }
}

.p-vip-club .p-vip-instant-card__title {
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 133%;
    margin-bottom: 16px;
    margin-top: 0;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-instant-card__title {
        text-align: left
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-instant-card__title {
        text-align: center
    }
}

.p-vip-club .p-vip-instant-card li, .p-vip-club .p-vip-instant-card p {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

    .p-vip-club .p-vip-instant-card li:first-child, .p-vip-club .p-vip-instant-card li:first-of-type, .p-vip-club .p-vip-instant-card p:first-child, .p-vip-club .p-vip-instant-card p:first-of-type {
        margin-top: 0
    }

    .p-vip-club .p-vip-instant-card li:last-child, .p-vip-club .p-vip-instant-card li:last-of-type, .p-vip-club .p-vip-instant-card p:last-child, .p-vip-club .p-vip-instant-card p:last-of-type {
        margin-bottom: 0
    }

    .p-vip-club .p-vip-instant-card p.small-text {
        font-size: 14px;
        line-height: 142.857%
    }

.p-vip-club .p-vip-instant-card__item {
    align-items: center;
    display: flex;
    margin-bottom: 16px
}

    .p-vip-club .p-vip-instant-card__item img {
        align-self: flex-start;
        height: auto;
        margin-right: 16px;
        min-width: 32px;
        width: 32px
    }

.p-vip-club .p-vip-instant-card__btn {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 24px auto 0;
    max-width: -moz-max-content;
    max-width: max-content
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-instant-card__btn {
        margin: 24px 0 0
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-instant-card__btn {
        margin: 32px auto 0
    }
}

@keyframes animate-vip-sticker {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.p-game-info {
    padding-bottom: 24px;
    padding-top: 16px
}

@media(min-width: 768px) {
    .p-game-info {
        padding-bottom: 36px
    }
}

@media(min-width: 1200px) {
    .p-game-info {
        padding-bottom: 48px
    }
}

@media(min-width: 1440px) {
    .p-game-info {
        padding-bottom: 63px
    }
}

@media(min-width: 1200px) {
    .p-game-info .container {
        max-width: 1344px
    }
}

.p-game-info__section {
    padding-bottom: 40px
}

    .p-game-info__section .home-game-slider {
        margin-bottom: 0
    }

.p-game-info__section--slider {
    padding-bottom: 24px
}

@media(min-width: 768px) {
    .p-game-info__section--slider {
        padding-bottom: 32px
    }
}

.p-game-info__banner {
    margin-bottom: 8px
}

@media(min-width: 768px) {
    .p-game-info__banner {
        margin-bottom: 16px
    }
}

.p-game-info__row {
    display: grid;
    gap: 8px
}

@media(min-width: 768px) {
    .p-game-info__row {
        gap: 16px
    }
}

@media(min-width: 1200px) {
    .p-game-info__row {
        grid-template-columns: 1fr 368px
    }
}

@media(min-width: 1440px) {
    .p-game-info__row {
        grid-template-columns: 1fr 392px
    }
}

.p-game-info__col--content li, .p-game-info__col--content ul {
    margin: 0
}

    .p-game-info__col--content p + h2, .p-game-info__col--content ul + h2 {
        margin-top: 32px
    }

    .p-game-info__col--content ol + ol, .p-game-info__col--content ol + ul, .p-game-info__col--content ul + ol, .p-game-info__col--content ul + ul {
        margin-top: 12px
    }

    .p-game-info__col--content ul li:not(:last-child) {
        margin-bottom: 12px
    }

.p-game-info__col--content .p-game-info__game-links {
    margin-top: 32px
}

@media(min-width: 1200px) {
    .p-game-info__col--content {
        grid-row: 1/2
    }
}

.p-game-info__col--table {
    margin-bottom: 32px
}

@media(min-width: 1200px) {
    .p-game-info__col--table {
        grid-column: -2/-1;
        margin-bottom: 0
    }
}

.p-game-info__col--table .p-game-info__title {
    margin-bottom: 20px
}

.p-game-info__title {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 16px
}

.p-game-info__title--mb-24 {
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .p-game-info__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

.p-game-info__text {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 24px
}

.p-game-info__slider {
    background: #263b57;
    border-radius: 20px;
    padding: 32px
}

@media(max-width: 767px) {
    .p-game-info__game-links .s-button {
        font-size: 14px;
        height: 40px;
        line-height: 20px;
        padding: 10px 16px
    }
}

.p-game-info__game-links .s-button:not(:first-child):last-child {
    display: none
}

.info-banner__content {
    background-color: #263b57;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    padding: 20px
}

@media(min-width: 768px) {
    .info-banner__content {
        padding: 24px
    }
}

@media(min-width: 1200px) {
    .info-banner__content {
        min-height: 400px
    }
}

.info-banner__content p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 16px
}

.info-banner__content .p-game-info__game-links {
    margin-top: 8px
}

@media(min-width: 1200px) {
    .info-banner__content .p-game-info__game-links {
        margin-top: auto
    }
}

.info-banner__content .p-game-info__game-links .s-button {
    width: 100%
}

.info-banner__provider {
    color: hsla(0,0%,100%,.45);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin-bottom: 16px;
    text-transform: uppercase
}

.info-banner__title {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 8px
}

.info-banner__image {
    height: 145px;
    position: relative
}

@media(min-width: 480px) {
    .info-banner__image {
        height: 190px
    }
}

@media(min-width: 768px) {
    .info-banner__image {
        height: 310px
    }
}

@media(min-width: 1200px) {
    .info-banner__image {
        height: 100%;
        max-height: 400px
    }
}

.info-banner__image img {
    border-radius: 20px;
    display: block;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.info-welcome-banner__link {
    align-items: flex-start;
    background: linear-gradient(271deg,#22b299,#53189e);
    border-radius: 12px;
    display: flex;
    padding: 16px
}

@media(min-width: 768px) {
    .info-welcome-banner__link {
        padding: 18px 24px
    }
}

.info-welcome-banner__img {
    flex-shrink: 0;
    height: 48px;
    margin-right: 12px;
    width: 48px
}

@media(min-width: 768px) {
    .info-welcome-banner__img {
        height: 64px;
        margin-right: 24px;
        width: 64px
    }
}

.info-welcome-banner__content {
    display: flex;
    flex-direction: column;
    font-weight: 700;
    gap: 4px
}

.info-welcome-banner__title {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    line-height: 20px
}

@media(min-width: 768px) {
    .info-welcome-banner__title {
        font-size: 16px;
        line-height: 24px
    }
}

.info-welcome-banner__text {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .info-welcome-banner__text {
        font-size: 20px;
        line-height: 26px
    }
}

.info-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: -24px 0 0;
    padding: 0
}

.info-breadcrumbs__item {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    line-height: 18px
}

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

.info-breadcrumbs__link {
    color: hsla(0,0%,100%,.65)
}

.info-breadcrumbs__icon {
    color: hsla(0,0%,100%,.4);
    margin-left: 2px;
    margin-right: 2px
}

.info-features {
    background-color: #263b57;
    border-radius: 20px;
    padding: 24px
}

.info-features__row {
    display: grid;
    gap: 8px 32px;
    grid-template-columns: repeat(2,1fr)
}

    .info-features__row:not(:last-child) {
        margin-bottom: 12px
    }

.info-features__col {
    font-size: 14px;
    line-height: 20px
}

    .info-features__col:last-child {
        color: #fff;
        font-weight: 700
    }

.info-about {
    gap: 24px
}

@media(min-width: 1200px) {
    .info-about {
        grid-template-rows: repeat(2,auto)
    }
}

.info-about__banner {
    padding-bottom: 52.5%;
    position: relative
}

@media(min-width: 480px) {
    .info-about__banner {
        padding-bottom: 49.12%
    }
}

@media(min-width: 768px) {
    .info-about__banner {
        padding-bottom: 47.25%
    }
}

@media(min-width: 1200px) {
    .info-about__banner {
        padding-bottom: 53.75%
    }
}

.info-about__banner img {
    border-radius: 20px;
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.info-about__content p {
    margin: 0
}

    .info-about__content p:not(:last-child) {
        margin-bottom: 32px
    }

@media(min-width: 1200px) {
    .info-about .p-game-info__col--content + .p-game-info__col {
        grid-row: span 2
    }
}

.info-about .p-game-info__game-links {
    margin-top: 8px
}

.single-payment-section {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 40px 0 24px;
    position: relative
}

    .single-payment-section:before {
        bottom: 0;
        content: "";
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 1680px;
        z-index: -1
    }

@media(min-width: 1440px) {
    .single-payment-section:before {
        left: 0;
        transform: none;
        width: 100%
    }
}

@media(min-width: 768px) {
    .single-payment-section {
        min-height: 600px;
        padding: 48px 0 56px
    }
}

@media(min-width: 1440px) {
    .single-payment-section {
        padding: 50px 0
    }
}

.single-payment-section + .container {
    padding-bottom: 8px;
    padding-top: 80px
}

@media(min-width: 768px) {
    .single-payment-section + .container {
        padding-top: 100px
    }
}

@media(min-width: 1200px) {
    .single-payment-section + .container {
        padding-bottom: 16px
    }
}

@media(min-width: 1440px) {
    .single-payment-section + .container {
        padding-top: 120px
    }
}

.single-payment-section .container {
    max-width: 1344px
}

.single-payment-section__box {
    display: flex;
    justify-content: center
}

@media(min-width: 768px) {
    .single-payment-section__box {
        background: radial-gradient(44.83% 58.64% at 11.27% 100%,rgba(45,167,255,.2) 0,rgba(45,167,255,0) 100%),radial-gradient(42.06% 61.01% at 87.69% 0,rgba(45,167,255,.2) 0,rgba(45,167,255,0) 100%),#263b57;
        border-radius: 20px;
        padding: 56px 32px
    }
}

.single-payment-section__box-content {
    max-width: 805px
}

.single-payment-section__box-content, .single-payment-section__inner {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .single-payment-section__inner {
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-left: -24px
    }
}

@media(min-width: 1200px) {
    .single-payment-section__inner {
        margin-left: -32px
    }
}

.single-payment-section__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 24px 0
}

@media(min-width: 768px) {
    .single-payment-section__content {
        align-items: flex-start;
        max-width: 52.34375%;
        padding: 0 24px
    }
}

@media(min-width: 1200px) {
    .single-payment-section__content {
        max-width: 744px;
        padding: 0 32px
    }
}

.single-payment-section__box-content h2, .single-payment-section__content h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 1440px) {
    .single-payment-section__box-content h2, .single-payment-section__content h2 {
        font-size: 32px;
        line-height: 40px
    }
}

.single-payment-section__box-content p, .single-payment-section__content p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0
}

    .single-payment-section__box-content p:not(:last-child), .single-payment-section__content p:not(:last-child) {
        margin-bottom: 32px
    }

@media(min-width: 1440px) {
    .single-payment-section__box-content p, .single-payment-section__content p {
        font-size: 16px;
        line-height: 24px
    }
}

.single-payment-section__content h2 {
    text-align: center
}

@media(min-width: 768px) {
    .single-payment-section__content h2 {
        text-align: left
    }
}

@media(min-width: 1440px) {
    .single-payment-section__content h2 {
        max-width: 576px
    }
}

.single-payment-section__logo {
    margin-bottom: 16px
}

@media(min-width: 480px) {
    .single-payment-section__picture {
        max-width: 380px
    }
}

@media(min-width: 768px) {
    .single-payment-section__picture {
        display: flex;
        flex-shrink: 0;
        justify-content: flex-end;
        max-width: 47.3958333333%;
        width: 50%
    }
}

@media(min-width: 1200px) {
    .single-payment-section__picture {
        margin-right: -35px;
        max-width: 625px
    }
}

@media(min-width: 1440px) {
    .single-payment-section__picture {
        margin-right: 0;
        max-width: 680px
    }
}

.single-payment-section__image {
    display: block;
    height: auto;
    max-width: 100%
}

.single-payment-section--green:before {
    background: radial-gradient(40.14% 68.3% at 66.79% 100%,rgba(0,87,255,.59) 0,rgba(0,87,255,.58) 6.67%,rgba(0,87,255,.57) 13.33%,rgba(0,87,255,.54) 20%,rgba(0,87,255,.5) 26.67%,rgba(0,87,255,.45) 33.33%,rgba(0,87,255,.39) 40%,rgba(0,87,255,.33) 46.67%,rgba(0,87,255,.26) 53.33%,rgba(0,87,255,.2) 60%,rgba(0,87,255,.14) 66.67%,rgba(0,87,255,.09) 73.33%,rgba(0,87,255,.05) 80%,rgba(0,87,255,.02) 86.67%,rgba(0,87,255,.01) 93.33%,rgba(0,87,255,0) 100%),radial-gradient(75.69% 106% at 61.25% 43.67%,#00a59b 0,rgba(0,165,155,.99) 6.67%,rgba(0,165,155,.96) 13.33%,rgba(0,165,155,.92) 20%,rgba(0,165,155,.85) 26.67%,rgba(0,165,155,.77) 33.33%,rgba(0,165,155,.67) 40%,rgba(0,165,155,.56) 46.67%,rgba(0,165,155,.44) 53.33%,rgba(0,165,155,.33) 60%,rgba(0,165,155,.23) 66.67%,rgba(0,165,155,.15) 73.33%,rgba(0,165,155,.08) 80%,rgba(0,165,155,.04) 86.67%,rgba(0,165,155,.01) 93.33%,rgba(0,165,155,0) 100%),radial-gradient(80.51% 93.26% at 21.87% 100%,#00ed97 0,rgba(0,237,151,.99) 6.67%,rgba(0,237,151,.96) 13.33%,rgba(0,237,151,.92) 20%,rgba(0,237,151,.85) 26.67%,rgba(0,237,151,.77) 33.33%,rgba(0,237,151,.67) 40%,rgba(0,237,151,.56) 46.67%,rgba(0,237,151,.44) 53.33%,rgba(0,237,151,.33) 60%,rgba(0,237,151,.23) 66.67%,rgba(0,237,151,.15) 73.33%,rgba(0,237,151,.08) 80%,rgba(0,237,151,.04) 86.67%,rgba(0,237,151,.01) 93.33%,rgba(0,237,151,0) 100%),#001b33
}

.single-payment-section--blue:before {
    background: radial-gradient(48.36% 80.78% at 66.16% 105.09%,rgba(0,255,224,.59) 0,rgba(0,255,224,.58) 6.67%,rgba(0,255,224,.57) 13.33%,rgba(0,255,224,.54) 20%,rgba(0,255,224,.5) 26.67%,rgba(0,255,224,.45) 33.33%,rgba(0,255,224,.39) 40%,rgba(0,255,224,.33) 46.67%,rgba(0,255,224,.26) 53.33%,rgba(0,255,224,.2) 60%,rgba(0,255,224,.14) 66.67%,rgba(0,255,224,.09) 73.33%,rgba(0,255,224,.05) 80%,rgba(0,255,224,.02) 86.67%,rgba(0,255,224,.01) 93.33%,rgba(0,255,224,0) 100%),radial-gradient(75.69% 106% at 61.25% 43.67%,#004cbe 0,rgba(0,76,190,.99) 6.67%,rgba(0,76,190,.96) 13.33%,rgba(0,76,190,.92) 20%,rgba(0,76,190,.85) 26.67%,rgba(0,76,190,.77) 33.33%,rgba(0,76,190,.67) 40%,rgba(0,76,190,.56) 46.67%,rgba(0,76,190,.44) 53.33%,rgba(0,76,190,.33) 60%,rgba(0,76,190,.23) 66.67%,rgba(0,76,190,.15) 73.33%,rgba(0,76,190,.08) 80%,rgba(0,76,190,.04) 86.67%,rgba(0,76,190,.01) 93.33%,rgba(0,76,190,0) 100%),radial-gradient(87.32% 93.26% at 21.87% 100%,#936dff 0,rgba(147,109,255,.99) 6.67%,rgba(147,109,255,.96) 13.33%,rgba(147,109,255,.92) 20%,rgba(147,109,255,.85) 26.67%,rgba(147,109,255,.77) 33.33%,rgba(147,109,255,.67) 40%,rgba(147,109,255,.56) 46.67%,rgba(147,109,255,.44) 53.33%,rgba(147,109,255,.33) 60%,rgba(147,109,255,.23) 66.67%,rgba(147,109,255,.15) 73.33%,rgba(147,109,255,.08) 80%,rgba(147,109,255,.04) 86.67%,rgba(147,109,255,.01) 93.33%,rgba(147,109,255,0) 100%),#001b33
}

.single-payment-section--purple:before {
    background: radial-gradient(46.61% 79.28% at 66.79% 100%,rgba(56,29,223,.59) 0,rgba(56,29,223,.58) 6.67%,rgba(56,29,223,.57) 13.33%,rgba(56,29,223,.54) 20%,rgba(56,29,223,.5) 26.67%,rgba(56,29,223,.45) 33.33%,rgba(56,29,223,.39) 40%,rgba(56,29,223,.33) 46.67%,rgba(56,29,223,.26) 53.33%,rgba(56,29,223,.2) 60%,rgba(56,29,223,.14) 66.67%,rgba(56,29,223,.09) 73.33%,rgba(56,29,223,.05) 80%,rgba(56,29,223,.02) 86.67%,rgba(56,29,223,.01) 93.33%,rgba(56,29,223,0) 100%),radial-gradient(83.3% 106% at 61.25% 43.67%,#8d00be 0,rgba(141,0,190,.99) 6.67%,rgba(141,0,190,.96) 13.33%,rgba(141,0,190,.92) 20%,rgba(141,0,190,.85) 26.67%,rgba(141,0,190,.77) 33.33%,rgba(141,0,190,.67) 40%,rgba(141,0,190,.56) 46.67%,rgba(141,0,190,.44) 53.33%,rgba(141,0,190,.33) 60%,rgba(141,0,190,.23) 66.67%,rgba(141,0,190,.15) 73.33%,rgba(141,0,190,.08) 80%,rgba(141,0,190,.04) 86.67%,rgba(141,0,190,.01) 93.33%,rgba(141,0,190,0) 100%),radial-gradient(87.36% 113.49% at 21.87% 100%,#9f2b5c 0,rgba(159,43,92,.99) 6.67%,rgba(159,43,92,.96) 13.33%,rgba(159,43,92,.92) 20%,rgba(159,43,92,.85) 26.67%,rgba(159,43,92,.77) 33.33%,rgba(159,43,92,.67) 40%,rgba(159,43,92,.56) 46.67%,rgba(159,43,92,.44) 53.33%,rgba(159,43,92,.33) 60%,rgba(159,43,92,.23) 66.67%,rgba(159,43,92,.15) 73.33%,rgba(159,43,92,.08) 80%,rgba(159,43,92,.04) 86.67%,rgba(159,43,92,.01) 93.33%,rgba(159,43,92,0) 100%),#001b33
}

.single-payment-section--white {
    background-color: #fff;
    color: #001b33
}

.single-payment-section--box {
    background: radial-gradient(44.83% 58.64% at 11.27% 100%,rgba(45,167,255,.2) 0,rgba(45,167,255,0) 100%),radial-gradient(42.06% 61.01% at 87.69% 0,rgba(45,167,255,.2) 0,rgba(45,167,255,0) 100%),#263b57;
    padding: 40px 0 48px
}

@media(min-width: 480px) {
    .single-payment-section--box {
        padding-bottom: 56px
    }
}

@media(min-width: 768px) {
    .single-payment-section--box {
        background: none;
        padding: 58px 0 0
    }

    .single-payment-section--reversed .single-payment-section__inner {
        flex-direction: row;
        margin-left: 0;
        margin-right: -24px
    }
}

@media(min-width: 1200px) {
    .single-payment-section--reversed .single-payment-section__inner {
        margin-left: 0;
        margin-right: -32px
    }
}

.single-payment-section--reversed .single-payment-section__picture {
    justify-content: flex-start
}

@media(min-width: 768px) {
    .single-payment-section--reversed .single-payment-section__picture {
        margin-left: -35px;
        margin-right: 0
    }
}

@media(min-width: 1440px) {
    .single-payment-section--reversed .single-payment-section__picture {
        margin-left: 0
    }
}

.p-single-payment-seo {
    padding-top: 80px
}

@media(min-width: 768px) {
    .p-single-payment-seo {
        padding-top: 100px
    }
}

.p-single-payment-seo__title {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .p-single-payment-seo__content {
        display: grid;
        gap: 48px;
        grid-template-columns: repeat(2,1fr)
    }
}

.p-providers {
    padding: 32px 0 40px
}

@media(min-width: 1200px) {
    .p-providers {
        padding: 40px 0 56px
    }
}

.p-providers__title {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 24px
}

@media(min-width: 480px) {
    .p-providers__title {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 32px
    }
}

@media(min-width: 768px) {
    .p-providers__title {
        font-size: 32px;
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    .p-providers__title {
        font-size: 42px;
        font-weight: 800;
        line-height: 52px;
        margin: 0 0 40px
    }
}

.p-providers__list {
    margin: 0 0 80px
}

@media(min-width: 768px) {
    .p-providers__list {
        margin: 0 0 100px
    }
}

@media(min-width: 1200px) {
    .p-providers__list {
        margin: 0 0 120px
    }
}

.promo-single-page {
    overflow: hidden;
    position: relative
}

@media(min-width: 1200px) {
    .promo-single-page .promo-single-page__container--big {
        max-width: 1072px
    }
}

.promo-single-page .promo-single-page__container--small {
    max-width: 800px
}

.promo-single-page__title {
    margin: 0
}

.promo-single-page__title--header {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    text-transform: uppercase
}

.promo-single-page__title--content {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 16px
}

@media(min-width: 768px) {
    .promo-single-page__title--content {
        font-size: 24px;
        line-height: 32px
    }
}

.promo-single-page__title--block {
    margin: 0 0 12px
}

.promo-single-page__title--block, .promo-single-page__title--step {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.promo-single-page__title--how-it-works {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px
}

.promo-single-page__title--jackpot {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px
}

.promo-single-page__title--promotion {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px
}

.promo-single-page__text {
    margin: 0
}

.promo-single-page__text--header {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px
}

@media(min-width: 768px) {
    .promo-single-page__text--header {
        font-size: 32px;
        font-weight: 800;
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    .promo-single-page__text--header {
        font-size: 40px;
        line-height: 48px
    }
}

.promo-single-page__text--days {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

@media(min-width: 768px) {
    .promo-single-page__text--days {
        font-size: 14px;
        line-height: 20px
    }
}

.promo-single-page__text--timer {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.promo-single-page__text--block {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 12px
}

    .promo-single-page__text--block:last-child {
        margin: 0
    }

.promo-single-page__text--white {
    color: #fff
}

.promo-single-page__text--code {
    color: #fff;
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 30px;
    padding: 21px 0;
    width: 100%
}

.promo-single-page__text--step {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.promo-single-page__text--jackpot {
    color: #ffd336;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px
}

.promo-single-page__text--back-button {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px
}

.promo-single-page__divider {
    background: hsla(0,0%,100%,.12);
    border: none;
    height: 1px;
    margin: 40px 0;
    width: 100%
}

.promo-single-page-header {
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 220px;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 16px 12px 20px;
    position: relative
}

@media(min-width: 480px) {
    .promo-single-page-header {
        padding: 16px 16px 20px
    }
}

@media(min-width: 768px) {
    .promo-single-page-header {
        height: 360px;
        margin-bottom: 40px;
        padding: 32px 40px 48px
    }
}

@media(min-width: 1200px) {
    .promo-single-page-header {
        height: 440px
    }
}

.promo-single-page-header__background {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: -1
}

.promo-single-page-header__content {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    row-gap: 12px
}

    .promo-single-page-header__content:has(.promo-single-page-header__timer) {
        row-gap: 12px
    }

@media(min-width: 768px) {
    .promo-single-page-header__content {
        row-gap: 20px
    }

        .promo-single-page-header__content:has(.promo-single-page-header__timer) {
            row-gap: 20px
        }
}

.promo-single-page-header__days {
    align-self: flex-start;
    background: rgba(0,27,51,.4);
    border-radius: 16px;
    padding: 4px 12px
}

.promo-single-page-header__days, .promo-single-page-header__timer {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex
}

.promo-single-page-header .promo-single-page-header__time {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.promo-single-page-content, .promo-single-page__block {
    display: flex;
    flex-direction: column
}

.promo-single-page-content {
    row-gap: 32px
}

.promo-single-page-jackpot {
    align-items: center;
    background: #263b57;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    row-gap: 8px
}

.promo-single-page-codes {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

@media(min-width: 1200px) {
    .promo-single-page-codes {
        row-gap: 16px
    }
}

.promo-single-page-codes__code {
    align-items: center;
    background: #2a4f0e;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media(min-width: 768px) {
    .promo-single-page-codes__code {
        flex-direction: row;
        max-width: unset
    }
}

.promo-single-page-codes__clipboard .promotions-bonus-code {
    padding: 6px
}

.promo-single-page-codes__clipboard .promotions-bonus-code__inner {
    border: 2px solid #001b33;
    padding: 15px 0
}

.promo-single-page-steps {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

@media(min-width: 768px) {
    .promo-single-page-steps {
        -moz-column-gap: 12px;
        column-gap: 12px;
        flex-direction: row
    }
}

.promo-single-page-steps__step {
    align-items: flex-start;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #263b57;
    border-radius: 12px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    padding: 20px;
    width: 100%
}

@media(min-width: 768px) {
    .promo-single-page-steps__step {
        align-items: center;
        flex-direction: column;
        padding: 32px 24px;
        row-gap: 24px
    }
}

.promo-single-page-steps__content {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

@media(min-width: 768px) {
    .promo-single-page-steps__content {
        text-align: center
    }
}

.promo-single-page-steps__image {
    height: 64px
}

@media(min-width: 768px) {
    .promo-single-page-steps__image {
        height: 80px;
        margin: 0 auto
    }
}

.promo-single-page__home-promotions.home-promotions {
    margin: 40px 0 80px
}

@media(min-width: 768px) {
    .promo-single-page__home-promotions.home-promotions {
        margin: 48px 0 100px
    }
}

@media(min-width: 1200px) {
    .promo-single-page__home-promotions.home-promotions {
        margin: 80px 0 120px
    }
}

.promo-single-page__button {
    display: flex
}

.promo-single-page__button--left {
    align-self: flex-start
}

.promo-single-page__button--center {
    align-self: center
}

.promo-single-page ol, .promo-single-page ul {
    margin-bottom: 12px;
    padding: 0 0 0 24px
}

    .promo-single-page ol:last-child, .promo-single-page ul:last-child {
        margin: 0
    }

.promo-single-page li {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px
}

    .promo-single-page li:last-child {
        margin: 0
    }

.promo-single-page__terms {
    margin-top: 48px
}

.promo-single-page__back-button {
    align-items: center;
    align-self: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    padding: 16px 0;
    text-transform: uppercase
}

    .promo-single-page__back-button i {
        color: hsla(0,0%,100%,.65);
        transition: color .3s ease
    }

    .promo-single-page__back-button:hover i {
        color: #fff
    }

@media(min-width: 768px) {
    .promo-single-page__back-button {
        padding: 24px 0
    }
}

.breadcrumbs {
    padding: 40px 0 14px
}

@media(min-width: 480px) {
    .breadcrumbs {
        padding: 28px 0 12px
    }
}

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

@media(min-width: 1200px) {
    .breadcrumbs {
        padding-bottom: 20px
    }
}

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0
}

.breadcrumbs__item {
    font-size: 12px;
    line-height: 18px;
    margin: 0
}

    .breadcrumbs__item:not(:last-child) {
        padding-right: 8px;
        position: relative
    }

        .breadcrumbs__item:not(:last-child):after {
            content: "/";
            font-size: 12px;
            line-height: 18px;
            position: absolute;
            right: 0;
            top: 0
        }

.breadcrumbs__link {
    color: #fff;
    text-decoration: none
}

.breadcrumbs a.breadcrumbs__link {
    transition: color .3s ease
}

    .breadcrumbs a.breadcrumbs__link:hover {
        color: #00dccd;
        text-decoration: none
    }

.auth-page {
    position: relative
}

.auth-page__gradient {
    height: 638px;
    position: absolute;
    width: 656px;
    z-index: -1
}

@media(min-width: 768px) {
    .auth-page__gradient {
        height: 896px;
        width: 920px
    }
}

.auth-page__gradient--blue {
    background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
    left: -405px;
    top: -175px
}

@media(min-width: 480px) {
    .auth-page__gradient--blue {
        top: -130px
    }
}

@media(min-width: 768px) {
    .auth-page__gradient--blue {
        left: -534px;
        top: -357px
    }
}

@media(min-width: 1200px) {
    .auth-page__gradient--blue {
        top: -327px
    }
}

@media(min-width: 1680px) {
    .auth-page__gradient--blue {
        top: -400px
    }
}

.auth-page__gradient--red {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
    right: -456px;
    top: 110px
}

@media(min-width: 480px) {
    .auth-page__gradient--red {
        top: 155px
    }
}

@media(min-width: 768px) {
    .auth-page__gradient--red {
        right: -610px;
        top: -93px
    }
}

@media(min-width: 1200px) {
    .auth-page__gradient--red {
        right: -554px;
        top: -108px
    }
}

@media(min-width: 768px) {
    .auth-page {
        padding: 16px 0 0
    }
}

@media(min-width: 1200px) {
    .auth-page {
        padding: 24px 0 0
    }
}

.auth-page__top {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
    max-width: 100%;
    row-gap: 16px
}

@media(min-width: 1200px) {
    .auth-page__top {
        display: grid;
        grid-template-areas: "slider form" "payments form";
        grid-template-columns: calc(100% - 368px) 368px;
        grid-template-rows: 502px auto
    }
}

@media(min-width: 1440px) {
    .auth-page__top {
        grid-template-columns: calc(100% - 392px) 392px
    }
}

.auth-page__slider {
    grid-area: slider;
    height: 320px;
    margin-left: -16px;
    overflow: hidden;
    position: relative;
    width: calc(100% + 32px)
}

@media(min-width: 768px) {
    .auth-page__slider {
        border-radius: 20px;
        height: 360px;
        margin-left: 0;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .auth-page__slider {
        height: 502px
    }
}

.auth-page__slider .home-bonuses__pretitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 150%
}

@media(min-width: 1440px) {
    .auth-page__slider .home-bonuses__pretitle {
        font-size: 24px;
        font-weight: 700;
        line-height: 133%
    }
}

.auth-page__slider .home-bonuses__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 123%
}

@media(min-width: 768px) {
    .auth-page__slider .home-bonuses__title {
        font-size: 32px;
        line-height: 125%
    }
}

@media(min-width: 1200px) {
    .auth-page__slider .home-bonuses__title {
        font-size: 42px;
        font-weight: 800;
        line-height: 123%
    }
}

@media(min-width: 1440px) {
    .auth-page__slider .home-bonuses__title {
        font-size: 54px;
        line-height: 118%
    }
}

.auth-page__slider .home-bonuses__background-image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.auth-page .auth-page__form {
    align-items: center;
    background: #263b57;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    grid-area: form;
    padding: 24px 16px
}

@media(min-width: 480px) {
    .auth-page .auth-page__form {
        padding: 24px
    }
}

@media(min-width: 768px) {
    .auth-page .auth-page__form {
        padding: 40px 80px
    }
}

@media(min-width: 1200px) {
    .auth-page .auth-page__form {
        padding: 24px
    }
}

.auth-page .auth-page__form .login-form__footer, .auth-page .auth-page__form .registration-dynamic-form__footer, .auth-page .auth-page__form .registration-form-head {
    display: none
}

.auth-page .auth-page__form .registration-dynamic-form {
    align-items: center
}

.auth-page .auth-page__form .login-form, .auth-page .auth-page__form .registration-dynamic-form__form {
    margin-top: 20px
}

.auth-page .auth-page__form .login-form__forgot-password-link-wrapper {
    margin-top: 0
}

.auth-page .auth-page__form .login-form__form-element:nth-child(2) {
    margin-bottom: 20px
}

.auth-page .sign-form-switcher {
    display: flex;
    position: static
}

.auth-page-payments {
    left: 0;
    position: absolute;
    top: 260px;
    width: 100%;
    z-index: 10
}

@media(min-width: 768px) {
    .auth-page-payments {
        background: #263b57;
        border-radius: 12px;
        display: flex;
        grid-area: payments;
        height: 72px;
        left: unset;
        padding: 0 24px;
        position: relative;
        top: unset;
        width: unset
    }
}

@media(min-width: 1200px) {
    .auth-page-payments {
        height: 88px
    }
}

@media(min-width: 1440px) {
    .auth-page-payments {
        -moz-column-gap: 56px;
        column-gap: 56px;
        padding: 40px
    }
}

.auth-page-payments__logos {
    -ms-overflow-style: none;
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex;
    overflow-x: auto;
    padding: 0 16px;
    scrollbar-width: none
}

    .auth-page-payments__logos::-webkit-scrollbar {
        display: none
    }

@media(min-width: 768px) {
    .auth-page-payments {
        padding: 0
    }
}

.auth-page-payments__image {
    height: 28px
}

@media(min-width: 1200px) {
    .auth-page-payments__image {
        height: 36px
    }
}

.auth-page-payments__link {
    display: flex
}

.auth-page-features {
    margin: 64px 0 0;
    padding-bottom: 471px;
    position: relative
}

@media(min-width: 480px) {
    .auth-page-features {
        margin: 64px 0 0;
        padding-bottom: 500px
    }
}

@media(min-width: 768px) {
    .auth-page-features {
        margin: 80px 0 0;
        padding-bottom: 596px
    }
}

@media(min-width: 1200px) {
    .auth-page-features {
        margin: 136px 0 0;
        padding-bottom: 136px
    }

        .auth-page-features .container {
            padding: 0 32px;
            position: relative
        }
}

@media(min-width: 1680px) {
    .auth-page-features .container {
        padding: 0 72px
    }
}

.auth-page-features__star {
    display: none;
    left: 0;
    position: absolute;
    top: -75px
}

@media(min-width: 1680px) {
    .auth-page-features__star {
        display: block
    }
}

.auth-page-features__background {
    bottom: 34px;
    height: 465px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 528px;
    z-index: -3
}

@media(min-width: 480px) {
    .auth-page-features__background {
        bottom: 0;
        height: 553px;
        width: 628px
    }
}

@media(min-width: 768px) {
    .auth-page-features__background {
        bottom: 0;
        height: 676px;
        width: 768px
    }
}

@media(min-width: 1200px) {
    .auth-page-features__background {
        bottom: unset;
        height: 703px;
        left: unset;
        right: -88px;
        top: -56px;
        transform: unset;
        width: 800px
    }
}

@media(min-width: 1440px) {
    .auth-page-features__background {
        height: 900px;
        right: -145px;
        top: -156px;
        width: 1024px
    }
}

@media(min-width: 1680px) {
    .auth-page-features__background {
        right: -29px
    }
}

.auth-page-features__image {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.auth-page-features__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0
}

@media(min-width: 1200px) {
    .auth-page-features__title {
        font-size: 42px;
        line-height: 52px
    }
}

.auth-page-features__list {
    display: grid;
    grid-template-columns: 1fr;
    list-style: none;
    margin: 32px 0;
    padding: 0;
    row-gap: 24px;
    width: 100%
}

@media(min-width: 768px) {
    .auth-page-features__list {
        -moz-column-gap: 24px;
        column-gap: 24px;
        grid-template-columns: 1fr 1fr;
        margin: 40px 0;
        row-gap: 32px
    }
}

@media(min-width: 1200px) {
    .auth-page-features__list {
        margin: 56px 0;
        max-width: 528px
    }
}

@media(min-width: 1440px) {
    .auth-page-features__list {
        max-width: 680px
    }
}

.auth-page-features .auth-page-features__button {
    padding: 16px 24px
}

.auth-page-features-item {
    display: flex
}

.auth-page-features-item__icon {
    height: 40px;
    margin-right: 16px;
    width: 40px
}

.auth-page-features-item__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 8px
}

.auth-page-features-item__description {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.auth-page-mobile-links {
    align-items: center;
    bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    position: absolute;
    row-gap: 8px;
    transform: translateX(-50%)
}

@media(min-width: 480px) {
    .auth-page-mobile-links {
        bottom: 50px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        flex-direction: row
    }
}

@media(min-width: 768px) {
    .auth-page-mobile-links {
        bottom: 64px
    }
}

@media(min-width: 1200px) {
    .auth-page-mobile-links {
        bottom: 290px;
        left: unset;
        right: 125px;
        transform: unset
    }
}

@media(min-width: 1440px) {
    .auth-page-mobile-links {
        bottom: 110px;
        bottom: 100px;
        right: 180px
    }
}

@media(min-width: 1680px) {
    .auth-page-mobile-links {
        right: 296px
    }
}

.auth-page-mobile-links__link {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: hsla(0,0%,100%,.04);
    border-radius: 8px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    height: 64px;
    justify-content: center;
    text-decoration: none;
    width: 219px
}

@media(min-width: 480px) {
    .auth-page-mobile-links__link {
        width: 179px
    }
}

.auth-page-mobile-links__link div {
    display: flex;
    flex-direction: column
}

.auth-page-mobile-links__link span {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.auth-page-mobile-links__link p {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    margin: 0
}

.auth-page .description {
    margin-top: 70px
}

@media(min-width: 768px) {
    .auth-page .description {
        margin-top: 0
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes bounce-md-figure {
    0% {
        transform: translate(-50%)
    }

    25% {
        transform: translate(-50%,-20px)
    }

    75% {
        transform: translate(-50%,20px)
    }

    to {
        transform: translate(-50%)
    }
}

.md-page .md-page__container {
    max-width: 1408px
}

.md-page .md-page__container--sm {
    max-width: 768px
}

@media(min-width: 960px) {
    .md-page .md-page__container--sm {
        max-width: 960px
    }
}

@media(min-width: 1440px) {
    .md-page .md-page__container--sm {
        max-width: 1136px
    }
}

.md-page__section {
    margin: 0 0 80px;
    position: relative
}

@media(min-width: 1200px) {
    .md-page__section {
        margin: 0 0 100px
    }
}

.md-page__section--banner {
    margin: 0
}

.md-page__title {
    color: #fff;
    font-size: 26px;
    font-weight: 900;
    line-height: 32px;
    margin: 0 0 32px;
    text-align: center
}

@media(min-width: 1200px) {
    .md-page__title {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 56px
    }
}

@media(min-width: 1440px) {
    .md-page__title {
        font-size: 42px;
        line-height: 52px;
        margin: 0 0 64px
    }
}

.md-page .md-banner {
    position: relative
}

.md-page .md-banner__bg-wrapper {
    height: 580px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translate(-50%)
}

@media(min-width: 480px) {
    .md-page .md-banner__bg-wrapper {
        width: auto
    }
}

@media(min-width: 1200px) {
    .md-page .md-banner__bg-wrapper {
        height: 620px
    }
}

.md-page .md-banner__bg-wrapper:after {
    background: linear-gradient(180deg,rgba(25,44,67,0) 12.65%,rgba(25,44,67,.61) 39.34%,rgba(25,44,67,.73) 51.27%,#192c43 72.13%);
    bottom: 0;
    content: "";
    height: 290px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3
}

@media(min-width: 480px)and (max-width:767px) {
    .md-page .md-banner__bg {
        width: 800px
    }
}

@media(min-width: 768px) {
    .md-page .md-banner__bg {
        width: auto
    }
}

.md-page .md-banner__inner {
    padding: 32px 0 56px;
    position: relative;
    z-index: 2
}

@media(min-width: 768px) {
    .md-page .md-banner__inner {
        padding: 64px 0 31px
    }
}

@media(min-width: 1200px) {
    .md-page .md-banner__inner {
        padding: 64px 0 114px
    }
}

.md-page .md-banner__logo {
    display: block;
    margin: 0 auto;
    max-width: 271px
}

@media(min-width: 768px) {
    .md-page .md-banner__logo {
        max-width: 356px
    }
}

@media(min-width: 1200px) {
    .md-page .md-banner__logo {
        max-width: 412px
    }
}

.md-page .md-banner__content {
    display: none;
    text-align: center
}

.md-page .md-banner__title {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.28px;
    line-height: 32px;
    margin: 0 0 4px;
    text-transform: uppercase
}

.md-page .md-banner__total {
    color: #fff;
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 52px;
    max-height: 52px;
    text-shadow: 0 0 6px #0bdede,0 0 6px rgba(11,222,222,.5)
}

@media(min-width: 768px) {
    .md-page .md-banner__total {
        font-size: 64px;
        font-size: 72px;
        line-height: 74px;
        line-height: 82px;
        max-height: 74px;
        max-height: 82px
    }
}

@media(min-width: 1680px) {
    .md-page .md-banner__total {
        font-size: 80px;
        line-height: 74px
    }
}

.md-page .md-banner__total .jackpot-total__symbol {
    margin-top: -5px
}

@media(min-width: 768px) {
    .md-page .md-banner__total .jackpot-total__symbol {
        margin-top: -8px
    }
}

@media(min-width: 1200px) {
    .md-page .md-banner__total .jackpot-total__symbol {
        margin-top: -12px
    }
}

.md-page .md-banner__total .odometer-digit, .md-page .md-banner__total .odometer-value {
    width: 28px
}

@media(min-width: 480px) {
    .md-page .md-banner__total .odometer-digit, .md-page .md-banner__total .odometer-value {
        width: 36px
    }
}

@media(min-width: 768px) {
    .md-page .md-banner__total .odometer-digit, .md-page .md-banner__total .odometer-value {
        width: 46px
    }
}

@media(min-width: 1200px) {
    .md-page .md-banner__total .odometer-digit, .md-page .md-banner__total .odometer-value {
        width: 58px
    }
}

@media(min-width: 1680px) {
    .md-page .md-banner__total .odometer-digit, .md-page .md-banner__total .odometer-value {
        width: 70px
    }
}

.md-page .md-offer {
    align-items: center;
    background: linear-gradient(270deg,rgba(188,177,255,0),rgba(32,97,195,0) .01%,rgba(119,162,196,.4) 52.6%,rgba(32,97,195,0));
    display: flex;
    min-height: 64px;
    padding: 10px 72px
}

.md-page .md-offer__content {
    text-align: center;
    width: 100%
}

.md-page .md-offer__text {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    position: relative
}

@media(min-width: 768px) {
    .md-page .md-offer__text {
        font-size: 16px;
        line-height: 24px
    }
}

.md-page .md-offer__text:after, .md-page .md-offer__text:before {
    background-size: cover;
    content: "";
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.md-page .md-offer__text:before {
    background: url(/images/md-offer-star-left.829f9a81..svg) 50% no-repeat;
    left: -40px
}

.md-page .md-offer__text:after {
    background: url(/images/md-offer-star-right.25fbee43..svg) 50% no-repeat;
    right: -40px
}

.md-page .md-offer__text span {
    color: #0bdede
}

.md-page .md-winners {
    display: flex;
    justify-content: center
}

.md-page .md-winners__list {
    display: flex;
    flex: 1;
    gap: 12px;
    margin: -40px 0;
    overflow: auto;
    padding: 40px 0
}

.md-page .md-winners__list-item {
    flex: 1 1 33.3333333333%;
    max-width: calc(33.33333% - 8px);
    min-width: 288px
}

    .md-page .md-winners__list-item:last-child {
        margin-right: 16px
    }

@media(min-width: 960px) {
    .md-page .md-winners__list-item:last-child {
        margin-right: 0
    }
}

.md-page .md-winner-table {
    background: radial-gradient(49.34% 47.32% at 50% 0,rgba(142,53,255,.12) 0,rgba(107,37,255,0) 100%),rgba(223,228,255,.04);
    border-radius: 12px;
    padding: 0 16px 16px;
    position: relative
}

.md-page .md-winner-table__head {
    margin: 0 0 24px;
    text-align: center
}

.md-page .md-winner-table__list {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.md-page .md-winner-table__list-item {
    border-radius: 8px
}

    .md-page .md-winner-table__list-item:nth-child(odd) {
        background: rgba(176,180,255,.04)
    }

.md-page .md-winner-table__icon {
    height: 80px;
    margin: -40px 0 8px;
    width: 80px
}

.md-page .md-winner-table__title {
    color: #fff;
    font-family: Rubik,Arial,sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase
}

.md-page .md-winner-table__info-btn {
    color: hsla(0,0%,100%,.4);
    height: 20px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 20px
}

    .md-page .md-winner-table__info-btn img {
        width: 100%
    }

.md-page .md-winner {
    align-items: center;
    display: flex;
    gap: 12px;
    height: 56px;
    padding: 8px
}

.md-page .md-winner__icon {
    flex: 1 1 40px;
    max-width: 40px
}

    .md-page .md-winner__icon img {
        display: block
    }

.md-page .md-winner__content {
    flex: 1 1 35%;
    max-width: 35%;
    overflow: hidden
}

.md-page .md-winner__name {
    color: #fff;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.md-page .md-winner__time {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin: 0
}

.md-page .md-winner__pool {
    color: #fff;
    display: flex;
    flex: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    gap: 6px;
    justify-content: flex-end;
    line-height: 20px
}

.md-page .md-winner__pool-icon {
    display: block;
    flex: 0 0 20px;
    max-width: 20px
}

.md-page .md-perks__title {
    text-align: center
}

.md-page .md-perks__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 auto;
    max-width: 600px
}

@media(min-width: 768px) {
    .md-page .md-perks__list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px 10px;
        justify-content: center;
        max-width: 100%
    }
}

@media(min-width: 1200px) {
    .md-page .md-perks__list {
        flex-wrap: nowrap
    }
}

@media(min-width: 768px) {
    .md-page .md-perks__list-item {
        flex: 1 1 33.3333333333%;
        max-width: calc(33.33333% - 6.66667px)
    }
}

@media(min-width: 1200px) {
    .md-page .md-perks__list-item {
        flex: 1 1 20%;
        max-width: calc(20% - 8px)
    }
}

.md-page .md-perk {
    align-items: center;
    display: flex;
    gap: 24px;
    min-height: 60px
}

@media(min-width: 768px) {
    .md-page .md-perk {
        align-items: center;
        flex-direction: column;
        gap: 24px;
        justify-content: flex-start
    }
}

.md-page .md-perk__icon {
    align-items: center;
    display: flex;
    flex: 1 1 60px;
    justify-content: center;
    max-height: 60px;
    max-width: 60px
}

@media(min-width: 768px) {
    .md-page .md-perk__icon {
        flex: 1 1 80px;
        max-height: 80px;
        max-width: 80px
    }
}

.md-page .md-perk__icon img {
    display: block;
    max-width: 100%
}

.md-page .md-perk__content {
    flex: 1
}

.md-page .md-perk__text {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0
}

@media(min-width: 768px) {
    .md-page .md-perk__text {
        max-width: 150px;
        text-align: center
    }
}

@media(min-width: 1200px) {
    .md-page .md-perk__text {
        max-width: 100%
    }
}

.md-page .md-games {
    background: url(/images/md-games-section-bg.7e0c007b..jpg) 50% no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 56px 0;
    position: relative
}

@media(min-width: 768px) {
    .md-page .md-games {
        padding: 80px 0
    }
}

.md-page .md-games:after, .md-page .md-games:before {
    content: "";
    height: 865px;
    position: absolute;
    transform: translate(-50%);
    width: 284px
}

@media(min-width: 768px) {
    .md-page .md-games:after, .md-page .md-games:before {
        height: 947px;
        transform: translate(-70%);
        width: 454px
    }
}

@media(min-width: 1200px) {
    .md-page .md-games:after, .md-page .md-games:before {
        height: 982px;
        width: 567px
    }
}

.md-page .md-games:before {
    background: radial-gradient(51.08% 51.08% at 46.88% 49.01%,rgba(11,222,222,.6) 0,rgba(11,83,222,0) 100%);
    bottom: 10%;
    left: 0
}

.md-page .md-games:after {
    background: radial-gradient(50% 50% at 50% 50%,rgba(245,25,105,.4) 0,rgba(245,25,105,0) 100%);
    left: 100%;
    opacity: .2;
    top: 10%
}

.md-page .md-games__title {
    margin: 0 0 48px;
    position: relative;
    text-align: center;
    z-index: 2
}

.md-page .md-games__slider {
    margin: 0 0 48px
}

.md-page .md-games__grid-slider {
    position: relative;
    z-index: 2
}

@media(min-width: 1200px) {
    .md-page .md-games__grid-slider {
        margin: 0 -50px;
        max-width: unset;
        padding: 0 50px
    }
}

.md-page .md-games__grid-slider .grid-game-slider.slick-slider:hover .slick-arrow {
    color: #fff;
    opacity: 1
}

.md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-arrow {
    background: transparent;
    display: inline-flex;
    font-size: 24px;
    height: 48px;
    opacity: 0;
    top: 60%;
    width: 48px;
    z-index: 2
}

.md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-prev {
    left: -40px
}

@media(min-width: 1650px) {
    .md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-prev {
        left: -50px
    }
}

.md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-next {
    right: -20px
}

@media(min-width: 1200px) {
    .md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-next {
        right: -40px
    }
}

@media(min-width: 1650px) {
    .md-page .md-games__grid-slider .grid-game-slider.slick-slider .slick-next {
        right: -50px
    }
}

.md-page .md-games__actions {
    text-align: center
}

.md-page .md-games__action {
    min-width: 200px
}

.md-page .md-how-to {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 32px
}

@media(min-width: 768px) {
    .md-page .md-how-to {
        row-gap: 24px
    }
}

.md-page .md-how-to__title {
    margin: 0
}

.md-page .md-how-to__steps {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

@media(min-width: 768px) {
    .md-page .md-how-to__steps {
        flex-direction: row
    }
}

.md-page .md-how-to__step {
    flex: 1
}

.md-page .md-step {
    background: #263b57;
    border-radius: 12px;
    display: flex;
    gap: 16px;
    padding: 20px
}

@media(min-width: 768px) {
    .md-page .md-step {
        align-items: center;
        flex-direction: column;
        gap: 24px;
        padding: 24px
    }
}

@media(min-width: 1200px) {
    .md-page .md-step {
        align-items: center;
        flex-direction: row
    }
}

.md-page .md-step__icon {
    flex: 0 0 64px
}

@media(min-width: 768px) {
    .md-page .md-step__icon {
        flex: 0 0 80px
    }
}

.md-page .md-step__image {
    max-width: 100%
}

.md-page .md-step__content {
    flex: 1
}

@media(min-width: 768px) {
    .md-page .md-step__content {
        text-align: center
    }
}

@media(min-width: 1200px) {
    .md-page .md-step__content {
        text-align: left
    }
}

.md-page .md-step__title {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 8px
}

@media(min-width: 1200px) {
    .md-page .md-step__title {
        font-size: 20px;
        line-height: 30px
    }
}

.md-page .md-step__text {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.body {
    scrollbar-color: #f6d515
}

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

    .body::-webkit-scrollbar-track {
        background: #22242c;
        border-radius: 2px
    }

    .body::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.6);
        border-radius: 2px;
        margin: 0
    }

        .body::-webkit-scrollbar-thumb:hover {
            background: #f6d515
        }

    .body:hover::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.8)
    }

.md-page .md-winners__list, .p-vip-club .p-vip-club-passes__cards, .p-vip-club .p-vip-club-table__wrapper, .welcome-page .wp-payments {
    scrollbar-color: transparent;
    scrollbar-width: none
}

    .md-page .md-winners__list::-webkit-scrollbar, .p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar, .p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar, .welcome-page .wp-payments::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .md-page .md-winners__list::-webkit-scrollbar-track, .p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar-track, .p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar-track, .welcome-page .wp-payments::-webkit-scrollbar-track {
        background: transparent
    }

    .md-page .md-winners__list::-webkit-scrollbar-thumb, .p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar-thumb, .p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar-thumb, .welcome-page .wp-payments::-webkit-scrollbar-thumb {
        background: transparent;
        margin: 0
    }

        .md-page .md-winners__list::-webkit-scrollbar-thumb:hover, .md-page .md-winners__list:hover::-webkit-scrollbar-thumb, .p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar-thumb:hover, .p-vip-club .p-vip-club-passes__cards:hover::-webkit-scrollbar-thumb, .p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar-thumb:hover, .p-vip-club .p-vip-club-table__wrapper:hover::-webkit-scrollbar-thumb, .welcome-page .wp-payments::-webkit-scrollbar-thumb:hover, .welcome-page .wp-payments:hover::-webkit-scrollbar-thumb {
            background: transparent
        }

.body {
    scrollbar-color: #5c6f91;
    scrollbar-width: thin;
    padding-right: 0px !important;
}

    .body::-webkit-scrollbar {
        height: 4px;
        width: 4px
    }

    .body::-webkit-scrollbar-track {
        background: transparent !important
    }

    .body::-webkit-scrollbar-thumb {
        background: #5c6f91 !important;
        border-radius: 9px !important;
        margin: 0 5px 0 0
    }

        .body::-webkit-scrollbar-thumb:hover {
            background: #5c6f91 !important
        }

.body--ar .bar {
    left: auto;
    right: 0
}

.body--ar .bar__content {
    left: auto;
    right: 0;
    transform: translateX(300px)
}

.body--ar .bar__content--open {
    transform: translateX(0)
}

.body--ar .payment-amount-default__hint {
    display: block
}

.body--ar .amount-hint {
    width: 100%
}

.body--ar .sign-up-steps__icon {
    left: -12px;
    right: auto;
    transform: rotate(-180deg)
}

.body--ar .input__placeholder {
    left: auto;
    right: 16px
}

.body--ar .game-section-games-block-favorite__game-icon, .body--ar .game-section-games-block-played__game-icon, .body--ar .game-section-games-block__game-icon, .body--ar .games-block-recommended__game-icon {
    left: 12px;
    right: auto;
    transform: rotate(-180deg) translateY(50%)
}

.body--ar .help-center-menu__icon, .body--ar .player-level-user-menu__progress {
    transform: rotate(-180deg)
}

.body--ar .payment-dynamic-form__credit-card-number .input__right-container {
    margin-left: 0
}

.body--ar .card-tournament__content, .body--ar .card-tournament__timer, .body--ar .description__button, .body--ar .home-bonuses__button, .body--ar .home-vip-benifits__text, .body--ar .install-app-hero-title, .body--ar .rules__button, .body--ar .tourn-block__title, .body--ar .tourn-card-big__timer .blocks-timer, .body--ar .tournament-status, .body--ar .tournaments-page__description, .body--ar .vip-level__divider, .body--ar .vip-page-benefits__description {
    margin-left: auto
}

.body--ar .input__left-container, .body--ar .notification-center-card__image, .body--ar .payment-banners .payments-js-lib__img-wrapper, .body--ar .sign-out-menu-button__icon, .body--ar .user-menu__icon {
    margin-left: 12px;
    margin-right: 0 !important
}

.body--ar .fast-deposit-bonus-code-card__code--value, .body--ar .live-chat-link, .body--ar .login-form__sign-up-link, .body--ar .registration-dynamic-form__link {
    margin-left: 0;
    margin-right: 4px
}

.body--ar .game-category-select__icon, .body--ar .promotions-sportsbook-switcher__icon, .body--ar .sportsbook-switcher__icon {
    margin-left: 8px;
    margin-right: 0
}

.body--ar .bar__icon, .body--ar .sidebar-menu-main__icon {
    margin-left: 20px;
    margin-right: 0 !important
}

.body--ar .games-filter-block__icon, .body--ar .games-page-providers__image, .body--ar .install-app-widget-close-icon, .body--ar .install-app-widget-logo, .body--ar .select-language-icons-with-name__icon, .body--ar .sidebar-menu-main__image {
    margin-left: 12px;
    margin-right: 0
}

.body--ar .header__icon--search {
    margin-left: 0;
    margin-right: 24px
}

@media(min-width: 768px) {
    .body--ar .ls-lootboxes__icon {
        margin-left: 24px;
        margin-right: 0
    }
}

.body--ar .how-to-item__icon {
    margin-left: 24px;
    margin-right: 0
}

.body--ar .game-section-games-block-favorite__image, .body--ar .game-section-games-block-played__image, .body--ar .game-section-games-block__image, .body--ar .games-block-recommended__image, .body--ar .header__icon--menu, .body--ar .player-level-user-menu__image, .body--ar .switcher__block-text {
    margin-left: 16px;
    margin-right: 0
}

.body--ar .inline-icon-timer__title {
    margin-left: 5px
}

.body--ar .home-sportsbook-widget-slider__controls {
    justify-content: flex-start
}

.body--ar .payment-list__table {
    direction: rtl
}

.body--ar .base-slider__header, .body--ar .bonus-store__tabs .tab-list, .body--ar .checkbox, .body--ar .footer__utils .footer__language-select, .body--ar .full-tourn__about, .body--ar .full-tourn__participate, .body--ar .home-bonuses__item, .body--ar .home-game-slider__title, .body--ar .home-promotions__title, .body--ar .home-vip-benifits__card-list, .body--ar .home-winners__tabs, .body--ar .install-app-hero-buttons, .body--ar .jackpot-game-panel-info__tabs, .body--ar .option-link, .body--ar .payment-tables__tabs, .body--ar .providers-preview-list__title, .body--ar .tourn-tabs, .body--ar .tournament-game-slider__title, .body--ar .vip-level__header-value, .body--ar .vip-page-benefits__list {
    justify-content: flex-end
}

.body--ar .amount-hint, .body--ar .balance-rcp__info .num, .body--ar .balance-rcp__tooltip, .body--ar .bonus-pop-up__text, .body--ar .bonus-store__main--left, .body--ar .c-jp-level__level-content, .body--ar .card-bottom__description, .body--ar .card-bottom__title, .body--ar .card-tournament__content, .body--ar .cms-page--jackpot .page-content p, .body--ar .content, .body--ar .copyright__text, .body--ar .description, .body--ar .dynamic-form__label, .body--ar .fast-deposit-bonus-code__link, .body--ar .footer-menu, .body--ar .form-element__error, .body--ar .full-tourn__title, .body--ar .game-section-games-block-favorite__content, .body--ar .game-section-games-block-played__content, .body--ar .game-section-games-block__content, .body--ar .games-block-recommended__content, .body--ar .games-block-recommended__title, .body--ar .home-bonuses__content, .body--ar .home-sportsbook-widget__text, .body--ar .home-vip-benifits__card-description, .body--ar .home-vip-benifits__card-title, .body--ar .home-vip-benifits__text, .body--ar .how-to-item__content, .body--ar .input__native, .body--ar .jackpot-game-panel-info__section-title, .body--ar .jackpot-game-panel-info__text, .body--ar .jackpot-how-to__content, .body--ar .jackpot-how-to__title, .body--ar .jackpot-list__content, .body--ar .layout-help-center__title, .body--ar .notification-center-card__content, .body--ar .p-payments__title, .body--ar .payment-list__table td, .body--ar .payment-list__table th, .body--ar .payments-js-lib__description, .body--ar .player-level-user-menu__content, .body--ar .profile-modal__title, .body--ar .promotions-block__description, .body--ar .promotions-block__title, .body--ar .promotions-card__code--long, .body--ar .promotions-card__content--top, .body--ar .promotions-modal-content, .body--ar .promotions-modal__top, .body--ar .registration-form-head, .body--ar .sidebar-menu-info__item, .body--ar .sign-in-page__title, .body--ar .tab-content__title, .body--ar .tourn-about-big__description, .body--ar .tourn-block__title, .body--ar .tourn-card-big__bottom, .body--ar .tourn-card-big__top, .body--ar .tournaments-page__description, .body--ar .tournaments-page__title, .body--ar .vip-level__description, .body--ar .vip-level__descriptions-group, .body--ar .vip-level__header-title, .body--ar .vip-page-benefits__description, .body--ar .vip-page-benefits__title, .body--ar .vip-page__description, .body--ar .welcome-bonus-sign-up__title {
    text-align: right !important
}

@media(min-width: 1200px) {
    .body--ar .home-sportsbook-widget__title {
        text-align: right
    }
}

@media(min-width: 768px) {
    .body--ar .install-app-hero-text {
        text-align: right
    }
}

.body--ar .payment-list .payment-list__table tbody tr td:last-child {
    text-align: left !important
}

.body--ar .sign-up-page {
    flex-direction: inherit
}

.body--ar .promotions-card__content--bottom {
    flex-direction: column-reverse
}

@media(min-width: 480px) {
    .body--ar .promotions-card__content--bottom {
        flex-direction: row-reverse
    }
}

@media(min-width: 768px) {
    .body--ar .promotions-card__content--bottom {
        flex-direction: column-reverse
    }
}

@media(min-width: 1200px) {
    .body--ar .promotions-card__content--bottom {
        flex-direction: row-reverse
    }
}

.body--ar .bar__link, .body--ar .card-bottom__info, .body--ar .checkbox__block, .body--ar .collapse-block__toggle, .body--ar .deposit-bonus-settings-default, .body--ar .description__button, .body--ar .fast-deposit-bonus-code-card__code, .body--ar .fast-deposit-modal__footer, .body--ar .fast-deposit-modal__payment-method, .body--ar .game-category-select__link, .body--ar .game-jackpots, .body--ar .game-section-games-block-favorite__link, .body--ar .game-section-games-block-played__link, .body--ar .game-section-games-block__link, .body--ar .games-block-recommended__link, .body--ar .games-filter-block__providers-button, .body--ar .games-filter-block__wrapper, .body--ar .games-page-providers__link, .body--ar .grand-prizes-main__text, .body--ar .header__block--left, .body--ar .header__wrapper, .body--ar .help-center-menu__link, .body--ar .home-vip-benifits__card-item, .body--ar .inline-icon-timer__inner, .body--ar .input, .body--ar .install-app-widget, .body--ar .install-app-widget-left, .body--ar .jackpot-game-panel-info__level, .body--ar .jackpot-game-panel-info__levels-list, .body--ar .jackpot-how-to__list-item.how-to-item, .body--ar .jackpot-list, .body--ar .jackpot-list__item, .body--ar .login-form__footer, .body--ar .notification-center-card, .body--ar .option-link__content, .body--ar .payment-banners .payments-js-lib__wrapper, .body--ar .promotions-card__buttons, .body--ar .promotions-categories__buttons, .body--ar .promotions-sportsbook-switcher, .body--ar .promotions-sportsbook-switcher__item, .body--ar .registration-dynamic-form__footer, .body--ar .rules__button, .body--ar .select-header-currency__button, .body--ar .select-language-icons-with-name__button, .body--ar .select-language-icons-with-name__button-inner, .body--ar .sidebar-menu-main__link, .body--ar .sign-out-menu-button, .body--ar .sign-up-steps, .body--ar .sportsbook-switcher, .body--ar .sportsbook-switcher__item, .body--ar .switcher__block, .body--ar .tourn-about-big__item, .body--ar .tourn-block__description-item, .body--ar .tourn-participate-big__info, .body--ar .user-menu__balance, .body--ar .user-menu__link, .body--ar .user-menu__player-level {
    flex-direction: row-reverse
}

@media(min-width: 768px) {
    .body--ar .bonus-store__main .container, .body--ar .fast-deposit-modal__wrap, .body--ar .install-app-steps, .body--ar .ls-lootboxes__content, .body--ar .ls-lootboxes__inner, .body--ar .ls-ticket, .body--ar .promotions-modal__bonus-code {
        flex-direction: row-reverse
    }
}

@media(min-width: 1200px) {
    .body--ar .home-sportsbook-widget .container, .body--ar .layout-help-center__inner {
        flex-direction: row-reverse
    }
}

.body--ar .games-filter-block__providers-button:after {
    left: auto !important;
    right: -48px;
    transform: rotate(-180deg)
}

.body--ar .base-slider.base-slider--with-see-more, .body--ar .home-game-slider--with-see-more, .body--ar .home-promotions--with-see-more, .body--ar .tournament-game-slider--with-see-more {
    grid-template-areas: "see-more header header" "slider slider slider";
    grid-template-columns: minmax(86px,min-content) 1fr 1fr
}

@media(min-width: 1200px) {
    .body--ar .base-slider.base-slider--with-see-more, .body--ar .home-game-slider--with-see-more, .body--ar .home-promotions--with-see-more, .body--ar .tournament-game-slider--with-see-more {
        grid-template-areas: "controls see-more header" "slider slider slider";
        grid-template-columns: 88px minmax(86px,min-content) 1fr
    }
}

.body--ar .base-slider, .body--ar .providers-preview-list {
    grid-template-areas: "controls header header" "slider slider slider";
    grid-template-columns: 88px 1fr 1fr
}

.body--ar .home-winners {
    grid-template-areas: "controls tabs " "slider slider";
    grid-template-columns: 88px 1fr
}

.body--ar .home-vip-benifits__background-image {
    left: -50px;
    right: auto;
    transform: scaleX(-1)
}

.body--ar .home-vip-benifits__card-image--title {
    left: 0;
    right: auto;
    transform: scaleX(-1)
}

.body--ar .home-vip-benifits__card:before {
    left: -8px;
    right: auto
}

@media(min-width: 768px) {
    .body--ar .home-vip-benifits__card--one {
        left: 6px;
        right: auto
    }
}

@media(min-width: 1200px) {
    .body--ar .home-vip-benifits__card--one {
        left: 110px;
        right: auto
    }
}

@media(min-width: 1440px) {
    .body--ar .home-vip-benifits__card--one {
        left: 132px;
        right: auto
    }
}

@media(min-width: 1680px) {
    .body--ar .home-vip-benifits__card--one {
        left: 237px;
        right: auto
    }
}

@media(min-width: 768px) {
    .body--ar .home-vip-benifits__card--two {
        left: 6px;
        right: auto
    }
}

@media(min-width: 1200px) {
    .body--ar .home-vip-benifits__card--two {
        left: 8px;
        right: auto
    }
}

@media(min-width: 1440px) {
    .body--ar .home-vip-benifits__card--two {
        left: 30px;
        right: auto
    }
}

@media(min-width: 1680px) {
    .body--ar .home-vip-benifits__card--two {
        left: 134px;
        right: auto
    }
}

@media(min-width: 768px) {
    .body--ar .home-vip-benifits__card--three {
        left: 338px;
        right: auto
    }
}

@media(min-width: 1200px) {
    .body--ar .home-vip-benifits__card--three {
        left: 340px;
        right: auto
    }
}

@media(min-width: 1440px) {
    .body--ar .home-vip-benifits__card--three {
        left: 362px;
        right: auto
    }
}

@media(min-width: 1680px) {
    .body--ar .home-vip-benifits__card--three {
        left: 466px;
        right: auto
    }
}

@media(min-width: 480px) {
    .body--ar .home-vip-benifits__badge {
        left: auto;
        right: 130%
    }
}

@media(min-width: 768px) {
    .body--ar .home-vip-benifits__badge {
        left: -74px;
        right: auto
    }
}

@media(min-width: 1200px) {
    .body--ar .footer__navigation {
        flex-direction: row-reverse
    }
}

.body--ar .footer__brand-links {
    flex-direction: row-reverse
}

@media(min-width: 1200px) {
    .body--ar .footer__brand-links {
        flex-direction: inherit;
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .body--ar .footer__logo {
        text-align: right;
        width: 100%
    }
}

.body--ar .footer-menu .text-btn.text-btn--primary {
    flex-direction: row-reverse
}

@media(min-width: 1200px) {
    .body--ar .footer-menu .text-btn.text-btn--primary {
        flex-direction: inherit;
        justify-content: flex-end
    }
}

.body--ar .promotions-modal__terms {
    padding: 0 40px 0 0
}

.body--ar .promotions-modal__terms-item:before {
    left: auto;
    right: -40px
}

.body--ar .search-modal-header .search-modal-header__input .input__native {
    padding: 0 12px 0 48px !important
}

.body--ar .search-modal-header .search-modal-header__input .input__left-container {
    padding-left: 0;
    padding-right: 16px
}

.body--ar .user-menu__select .select-header-currency__wrapper {
    left: auto;
    right: 0
}

.body--ar .notification-center__container, .body--ar .select-header-currency__wrapper, .body--ar .select-user-menu__dropdown {
    left: 0;
    right: auto
}

.body--ar .user-menu .user-menu__icon--right {
    left: 8px;
    right: auto
}

.body--ar .bonus-code-form-default .bonus-code-form-default__button, .body--ar .notification-center-card--new:after, .body--ar .payment-amount-default__currency {
    left: 16px;
    right: auto
}

.body--ar .content ul > li:before {
    left: auto;
    right: 12px
}

.body--ar .notification-center-card {
    padding: 12px 16px 12px 32px
}

.body--ar .payment-amount-default__input--amount .input {
    padding-left: 55px;
    padding-right: 16px
}

.body--ar .bonus-code-form-default .bonus-code-form-default__input {
    padding: 0 16px 0 64px
}

.body--ar .fast-deposit-bonus-code-card {
    padding: 12px 12px 12px 48px;
    text-align: right
}

.body--ar .promotions-block__description, .body--ar .vip-level__progress {
    display: block;
    width: 100%
}

.body--ar .content ul:not([type]) > li {
    padding-left: 0;
    padding-right: 24px
}

@media(min-width: 768px) {
    .body--ar .vip-page-benefits__image {
        left: 0;
        z-index: -1
    }
}

.body--ar .ls-ticket__label {
    left: auto;
    right: -1px
}

.body--ar .ls-ticket__text {
    display: flex;
    flex-direction: row-reverse
}

    .body--ar .ls-ticket__text span {
        margin-right: 4px
    }

@media(min-width: 768px) {
    .body--ar .install-app-hero-phones {
        left: -50px;
        right: auto
    }
}

.notification__container {
    background-color: #445778;
    border-radius: 4px;
    display: flex;
    padding: 20px;
    position: relative;
    width: 100%;
    word-break: break-all
}

.notification__text-wrapper {
    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: hsla(0,0%,100%,.65);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.notification__icon {
    flex-shrink: 0;
    font-size: 16px;
    height: 20px;
    margin-right: 12px;
    width: 20px
}

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

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

.notification__icon--warning {
    color: #ff9500
}

.notification__icon--danger {
    color: #f51969
}

.rnc__notification-container--top-right {
    right: 16px;
    top: 80px
}

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

.text-btn {
    background: transparent none;
    border: none;
    box-shadow: none;
    display: flex;
    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: hsla(0,0%,100%,.65);
        outline: none
    }

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

.text-btn--secondary {
    color: hsla(0,0%,100%,.65)
}

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

.text-btn--primary {
    color: hsla(0,0%,100%,.65)
}

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

.text-btn--danger {
    color: hsla(0,0%,100%,.65)
}

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

@font-face {
    font-display: block;
    font-family: font-icons;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/font-icons.8cae7300..ttf) format("truetype"),url(/fonts/font-icons.4c9002f2..woff) format("woff"),url(/fonts/font-icons.973aa6d7..svg#font-icons) 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--default:before {
    content: ""
}

.font-icons--platin-jackpot:before {
    content: ""
}

.font-icons--winter:before {
    content: ""
}

.font-icons--check-circle:before {
    content: ""
}

.font-icons--circle:before {
    content: ""
}

.font-icons--lucky-box:before {
    content: ""
}

.font-icons--location-pin-slash:before {
    content: ""
}

.font-icons--hall-of-fame:before {
    content: ""
}

.font-icons--flip:before {
    content: ""
}

.font-icons--gift:before {
    content: ""
}

.font-icons--cancel-circle:before {
    content: ""
}

.font-icons--big-wilds:before {
    content: ""
}

.font-icons--cascading:before {
    content: ""
}

.font-icons--collections:before {
    content: ""
}

.font-icons--drops-and-wins-live:before {
    content: ""
}

.font-icons--drops-and-wins-slots:before {
    content: ""
}

.font-icons--football-games:before {
    content: ""
}

.font-icons--hold-and-win:before {
    content: ""
}

.font-icons--live-baccarat:before {
    content: ""
}

.font-icons--live-blackjack:before {
    content: ""
}

.font-icons--live-other:before {
    content: ""
}

.font-icons--live-poker:before {
    content: ""
}

.font-icons--live-roulette:before {
    content: ""
}

.font-icons--live-shows:before {
    content: ""
}

.font-icons--live-top:before {
    content: ""
}

.font-icons--lucky-kick:before {
    content: ""
}

.font-icons--re-spin:before {
    content: ""
}

.font-icons--scratch:before {
    content: ""
}

.font-icons--space-day:before {
    content: ""
}

.font-icons--sport-games:before {
    content: ""
}

.font-icons--st-patrick:before {
    content: ""
}

.font-icons--st-valentains:before {
    content: ""
}

.font-icons--tournament-games:before {
    content: ""
}

.font-icons--bonus-refues:before {
    content: ""
}

.font-icons--summer-calendar:before {
    content: ""
}

.font-icons--add-new:before {
    content: ""
}

.font-icons--trash:before {
    content: ""
}

.font-icons--twitter:before {
    content: ""
}

.font-icons--key:before {
    content: ""
}

.font-icons--shield-check:before {
    content: ""
}

.font-icons--email-thin:before {
    content: ""
}

.font-icons--caret-up:before {
    content: ""
}

.font-icons--user-dollar:before {
    content: ""
}

.font-icons--user-check-alt:before {
    content: ""
}

.font-icons--info-rounded:before {
    content: ""
}

.font-icons--power-off:before {
    content: ""
}

.font-icons--more-circle:before {
    content: ""
}

.font-icons--copy-alt:before {
    content: ""
}

.font-icons--info:before {
    content: ""
}

.font-icons--time-small:before {
    content: ""
}

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

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

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

.font-icons--screen:before {
    content: ""
}

.font-icons--fullscreen:before {
    content: ""
}

.font-icons--chat:before {
    content: ""
}

.font-icons--register:before {
    content: ""
}

.font-icons--login:before {
    content: ""
}

.font-icons--responsible-game:before {
    content: ""
}

.font-icons--top-casino-games:before {
    content: ""
}

.font-icons--playedGames:before {
    content: ""
}

.font-icons--plus:before {
    content: ""
}

.font-icons--no-bonus:before {
    content: ""
}

.font-icons--lock:before {
    content: ""
}

.font-icons--copy:before {
    content: ""
}

.font-icons--show:before {
    content: ""
}

.font-icons--hide:before {
    content: ""
}

.font-icons--arrow-left-small:before {
    content: ""
}

.font-icons--arrow-right-small:before {
    content: ""
}

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

.font-icons--favorite:before {
    content: ""
}

.font-icons--play:before {
    content: ""
}

.font-icons--angle-left-small:before {
    content: ""
}

.font-icons--aviator:before {
    content: ""
}

.font-icons--st-partrick:before {
    content: ""
}

.font-icons--christmas:before {
    content: ""
}

.font-icons--cashback:before {
    content: ""
}

.font-icons--jackpot-games:before {
    content: ""
}

.font-icons--happy-hours:before {
    content: ""
}

.font-icons--halloween:before {
    content: ""
}

.font-icons--easter:before {
    content: ""
}

.font-icons--high-bets:before {
    content: ""
}

.font-icons--octoberfest:before {
    content: ""
}

.font-icons--instant-win:before {
    content: ""
}

.font-icons--table:before {
    content: ""
}

.font-icons--favoritesGames:before {
    content: ""
}

.font-icons--bingo:before {
    content: ""
}

.font-icons--lottery:before {
    content: ""
}

.font-icons--bonus-buy:before {
    content: ""
}

.font-icons--drops-and-wins:before {
    content: ""
}

.font-icons--megaways:before {
    content: ""
}

.font-icons--new-games:before {
    content: ""
}

.font-icons--all:before {
    content: ""
}

.font-icons--angle-right-small:before {
    content: ""
}

.font-icons--verification-not-confirmed:before {
    content: ""
}

.font-icons--close-circle:before {
    content: ""
}

.font-icons--telegram:before {
    content: ""
}

.font-icons--facebook:before {
    content: ""
}

.font-icons--daily-cashback:before {
    content: ""
}

.font-icons--favoriteGames:before {
    content: ""
}

.font-icons--slots:before {
    content: ""
}

.font-icons--livecasino:before {
    content: ""
}

.font-icons--shop:before {
    content: ""
}

.font-icons--mystery-drops:before {
    content: ""
}

.font-icons--mystery-drops-happy-hours:before {
    content: ""
}

.font-icons--lucky-spin:before {
    content: ""
}

.font-icons--close:before {
    content: ""
}

.font-icons--angle-down-small:before {
    content: ""
}

.font-icons--angle-down-small1:before {
    content: ""
}

.font-icons--select:before {
    content: ""
}

.font-icons--check:before {
    color: #1adb4a;
    margin-left: 0.5rem;
}

.font-icons--verification-confirmed:before {
    content: ""
}

.font-icons--logout:before {
    content: ""
}

.font-icons--game-history:before {
    content: ""
}

.font-icons--support:before {
    content: ""
}

.font-icons--bonuses:before {
    content: ""
}

.font-icons--verification:before {
    content: ""
}

.font-icons--lobby:before {
    content: ""
}

.font-icons--withdraw:before {
    content: ""
}

.font-icons--wallet:before {
    content: ""
}

.font-icons--providers:before {
    content: ""
}

.font-icons--casino:before {
    content: ""
}

.font-icons--sport:before {
    content: ""
}

.font-icons--promotions:before {
    content: ""
}

.font-icons--tournaments:before {
    content: ""
}

.font-icons--payments:before {
    content: ""
}

.font-icons--platinclub:before {
    content: ""
}

.font-icons--search:before {
    content: ""
}

.font-icons--notifications:before {
    content: ""
}

.font-icons--user:before {
    content: ""
}

.font-icons--install-app:before {
    content: ""
}

.font-icons--menu-left:before {
    content: ""
}

.font-icons--flag:before {
    content: ""
}

.font-icons--location-crosshairs:before {
    content: ""
}

.font-icons--location-crosshairs-slash:before {
    content: ""
}

.font-icons--location-crosshairs1:before {
    content: ""
}

.font-icons--location-crosshairs-slash1:before {
    content: ""
}

.font-icons--instagram:before {
    content: ""
}

@font-face {
    font-family: DrukCyr;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Druk-Wide-Cy-Web-Bold-Regular.646784fe..ttf) format("truetype")
}

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

.loading__spinner-border {
    animation: spinner-border .75s linear infinite;
    border: 5px solid #0bdede;
    border-radius: 50%;
    border-right-color: transparent;
    display: inline-block;
    height: 40px;
    vertical-align: text-bottom;
    width: 40px
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}


.install-app-hero-button {
    background: #0bdede;
    border-radius: 10px;
    display: flex;
    padding: 8px 24px;
    text-decoration: none
}

.install-app-hero-button__image {
    margin-right: 8px
}

.install-app-hero-button__text-top {
    color: hsla(0,0%,100%,.8);
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap
}

.install-app-hero-button__text-platform, .install-app-hero-button__text-top {
    font-family: Open Sans,sans-serif;
    font-style: normal;
    font-weight: 700;
    margin: 0
}

.install-app-hero-button__text-platform {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase
}

.game-links__link {
    width: 100%
}

.game-tile--controls-only {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start !important;
    width: auto !important
}

@media(min-width: 768px) {
    .game-tile--controls-only .game__link {
        font-size: 14px;
        line-height: 20px;
        white-space: nowrap
    }
}

.game-tile--controls-only .game__link img {
    margin-right: 5px
}

.game-tile--controls-only .game__link--dark {
    background: #212121;
    box-shadow: none;
    transition: background .3s ease
}

    .game-tile--controls-only .game__link--dark:hover {
        background: #31373f
    }

.promotions-sportsbook-switcher {
    background: rgba(0,27,51,.65);
    border-radius: 100px;
    display: flex;
    height: 40px;
    margin: 0 auto 32px;
    max-width: 180px;
    overflow: hidden;
    padding: 4px;
    width: 100%
}

@media(min-width: 768px) {
    .promotions-sportsbook-switcher {
        height: 56px;
        margin: 0 auto 48px;
        max-width: 412px
    }
}

@media(min-width: 1200px) {
    .promotions-sportsbook-switcher {
        margin: 0 auto 56px
    }
}

@media(min-width: 1440px) {
    .promotions-sportsbook-switcher {
        margin: 0 auto 64px
    }
}

.promotions-sportsbook-switcher__item {
    align-items: center;
    border-radius: 100px;
    display: flex;
    height: 100%;
    justify-content: center;
    transition: background .3s ease;
    width: 100%
}

    .promotions-sportsbook-switcher__item:hover:not(.promotions-sportsbook-switcher__item--active) .promotions-sportsbook-switcher__icon:before {
        color: #fff !important
    }

    .promotions-sportsbook-switcher__item:hover:not(.promotions-sportsbook-switcher__item--active) .promotions-sportsbook-switcher__title {
        color: #fff
    }

.promotions-sportsbook-switcher__item--active {
    background: #2a4f0e
}

    .promotions-sportsbook-switcher__item--active .promotions-sportsbook-switcher__icon:before {
        color: #0bdede !important
    }

    .promotions-sportsbook-switcher__item--active .promotions-sportsbook-switcher__title {
        color: #fff
    }

.promotions-sportsbook-switcher__icon {
    display: none;
    margin-right: 8px
}

    .promotions-sportsbook-switcher__icon:before {
        color: hsla(0,0%,100%,.4) !important;
        transition: color .3s ease
    }

@media(min-width: 768px) {
    .promotions-sportsbook-switcher__icon {
        display: block
    }
}

.promotions-sportsbook-switcher__title {
    color: hsla(0,0%,100%,.65);
    display: none;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    text-transform: uppercase;
    transition: color .3s ease
}

@media(min-width: 768px) {
    .promotions-sportsbook-switcher__title {
        display: block
    }
}

.promotions-sportsbook-switcher__title--mobile {
    display: block
}

@media(min-width: 768px) {
    .promotions-sportsbook-switcher__title--mobile {
        display: none
    }
}

.full-tourn__prizes {
    scrollbar-color: transparent;
    scrollbar-width: none
}

    .full-tourn__prizes::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .full-tourn__prizes::-webkit-scrollbar-track {
        background: transparent
    }

    .full-tourn__prizes::-webkit-scrollbar-thumb {
        background: transparent;
        margin: 0
    }

        .full-tourn__prizes::-webkit-scrollbar-thumb:hover, .full-tourn__prizes:hover::-webkit-scrollbar-thumb {
            background: transparent
        }

.full-tourn {
    position: relative
}

.full-tourn__container {
    padding: 16px 16px 80px
}

@media(min-width: 768px) {
    .full-tourn__container {
        padding: 16px 24px 100px
    }
}

@media(min-width: 1200px) {
    .full-tourn__container {
        align-items: flex-start;
        -moz-column-gap: 16px;
        column-gap: 16px;
        display: flex;
        padding: 24px 32px 120px
    }
}

@media(min-width: 1440px) {
    .full-tourn__container {
        margin: 0 auto;
        max-width: 1408px
    }
}

.full-tourn__section--right {
    display: none
}

@media(min-width: 1200px) {
    .full-tourn__section--right {
        display: block;
        min-width: 368px;
        position: sticky;
        top: 80px
    }
}

@media(min-width: 1440px) {
    .full-tourn__section--right {
        min-width: 392px
    }
}

.full-tourn__background {
    filter: blur(20px);
    left: 50%;
    opacity: .4;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: -1
}

    .full-tourn__background:after {
        background: linear-gradient(180deg,rgba(15,15,20,0),rgba(15,15,20,0) 55.29%,#0f0f14);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.full-tourn__participate {
    margin-top: 16px
}

.full-tourn__about {
    margin: 32px 0
}

@media(min-width: 768px) {
    .full-tourn__about {
        margin: 40px 0
    }
}

.full-tourn__description {
    margin-bottom: 32px
}

    .full-tourn__description p {
        font-size: 16px !important;
        line-height: 24px !important
    }

@media(min-width: 768px) {
    .full-tourn__description {
        margin-bottom: 40px
    }
}

.full-tourn__slider {
    margin-top: 40px
}

@media(min-width: 1200px) {
    .full-tourn__slider {
        margin-top: 48px
    }
}

.full-tourn__rules {
    margin-top: 40px
}

@media(min-width: 1200px) {
    .full-tourn__rules {
        margin-top: 48px
    }
}

.full-tourn__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 0 8px
}

.full-tourn__prizes {
    background: rgba(0,27,51,.65);
    border-radius: 20px;
    max-height: calc(100vh - 112px);
    overflow: auto;
    padding: 24px 16px 16px
}

.full-tourn__prizes--mobile {
    background: transparent;
    border-radius: 0;
    margin: 40px 0;
    padding: 0
}

@media(min-width: 1200px) {
    .full-tourn__prizes--mobile {
        display: none
    }
}

.tourn-card-big {
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 320px;
    justify-content: space-between;
    overflow: hidden;
    padding: 24px 16px 16px;
    position: relative
}

@media(min-width: 768px) {
    .tourn-card-big {
        height: 340px;
        padding: 32px
    }
}

@media(min-width: 1200px) {
    .tourn-card-big {
        height: 400px;
        padding: 40px
    }
}

.tourn-card-big__background {
    display: none;
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: -1
}

@media(min-width: 768px) {
    .tourn-card-big__background {
        display: block
    }
}

.tourn-card-big__background--mobile {
    display: block
}

@media(min-width: 768px) {
    .tourn-card-big__background--mobile {
        display: none
    }
}

.tourn-card-big__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 16px 0 0;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .tourn-card-big__title {
        font-size: 32px;
        line-height: 40px;
        margin: 24px 0 0
    }
}

@media(min-width: 1200px) {
    .tourn-card-big__title {
        font-size: 42px;
        line-height: 52px
    }
}

.tourn-card-big__timer-title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 0 0 12px;
    text-transform: uppercase
}

.tourn-card-big__timer .blocks-timer {
    background: rgba(0,27,51,.4);
    max-width: 254px
}

.sportsbook-iframe-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    min-width: 100vw;
    position: relative
}

    .sportsbook-iframe-wrapper .sign-form-switcher {
        display: none !important
    }

.sportsbook-iframe-wrapper__content {
    background: #263b57;
    border-radius: 4px;
    margin: 20px 0;
    max-width: 900px;
    position: relative;
    width: calc(100% - 20px)
}

@media(max-width: 480px) {
    .sportsbook-iframe-wrapper__content {
        border-radius: 0;
        height: 100vh;
        margin: 0;
        width: 100%
    }
}

.sportsbook-iframe-wrapper--sign-up .sportsbook-iframe-wrapper__content {
    max-width: 1024px
}

.sportsbook-iframe-wrapper--confirmation-instructions .sportsbook-iframe-wrapper__content, .sportsbook-iframe-wrapper--edit-password .sportsbook-iframe-wrapper__content, .sportsbook-iframe-wrapper--forgot-password .sportsbook-iframe-wrapper__content, .sportsbook-iframe-wrapper--sign-in .sportsbook-iframe-wrapper__content, .sportsbook-iframe-wrapper--unlock-instructions .sportsbook-iframe-wrapper__content {
    max-width: 480px
}

.sportsbook-iframe-wrapper__content > * {
    position: relative;
    z-index: 1
}

.sportsbook-iframe-wrapper__backdrop {
    background: transparent none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sign-up-page {
    display: block;
    overflow: hidden;
    position: relative
}

@media(min-width: 1200px) {
    .sign-up-page {
        display: flex;
        flex-direction: row-reverse;
        height: unset;
        min-height: 680px
    }
}

.sign-up-page__column {
    position: relative;
    width: 100%
}

@media(min-width: 1200px) {
    .sign-up-page__column {
        width: 50%
    }
}

.sign-up-page__steps--desktop {
    bottom: 32px;
    display: none;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 100%;
    z-index: 3
}

@media(min-width: 1200px) {
    .sign-up-page__steps--desktop {
        display: block
    }
}

.sign-up-page__steps--mobile {
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .sign-up-page__steps--mobile {
        margin-bottom: 32px
    }
}

@media(min-width: 1200px) {
    .sign-up-page__steps--mobile {
        display: none
    }
}

.sign-up-page__form {
    padding: 48px 16px 0
}

@media(min-width: 480px) {
    .sign-up-page__form {
        padding: 48px 48px 0
    }
}

@media(min-width: 1200px) {
    .sign-up-page__form {
        padding: 48px 56px
    }
}

.welcome-bonus-sign-up {
    padding: 86px 16px 0;
    width: 100%
}

@media(min-width: 480px) {
    .welcome-bonus-sign-up {
        padding: 94px 48px 0
    }
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up {
        padding: 36px 48px 48px;
        text-align: center
    }
}

.welcome-bonus-sign-up__logo {
    display: none;
    position: relative;
    z-index: 3
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__logo {
        display: inline-block
    }
}

.welcome-bonus-sign-up__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    max-width: 333px;
    position: relative;
    text-transform: uppercase;
    z-index: 3
}

@media(min-width: 480px) {
    .welcome-bonus-sign-up__title {
        font-size: 26px
    }
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__title {
        margin: 32px auto 0;
        max-width: 400px
    }
}

.welcome-bonus-sign-up__background {
    height: 272px;
    left: 50%;
    position: absolute;
    top: -3px;
    transform: translate(-50%);
    width: 480px
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__background {
        height: 680px;
        top: 0;
        width: 100%
    }
}

.welcome-bonus-sign-up__background--gradient {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__background--gradient {
        display: block
    }
}

.welcome-bonus-sign-up__gradient {
    position: absolute
}

.welcome-bonus-sign-up__gradient--blue {
    background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
    bottom: 71%;
    height: 560px;
    right: -43%;
    width: 896px
}

.welcome-bonus-sign-up__gradient--red {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
    bottom: -35.1%;
    height: 809px;
    top: 47.2%;
    width: 991px
}

.welcome-bonus-sign-up__image {
    height: 100%;
    width: 100%
}

.welcome-bonus-sign-up__image--mobile {
    display: block
}

@media(min-width: 768px) {
    .welcome-bonus-sign-up__image--mobile {
        display: none
    }
}

.welcome-bonus-sign-up__image--tablet {
    display: none
}

@media(min-width: 768px) {
    .welcome-bonus-sign-up__image--tablet {
        display: block
    }
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__image--tablet {
        display: none
    }
}

.welcome-bonus-sign-up__image--desktop {
    display: none
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__image--desktop {
        display: block
    }
}

.reset-password-page__inner {
    padding: 48px 0
}

@media(min-width: 768px) {
    .reset-password-page__inner {
        padding: 80px 0 300px
    }
}

.reset-password-page__content {
    margin: 0 0 32px;
    text-align: center
}

.reset-password-page__icon {
    align-items: center;
    background: rgba(0,220,205,.08);
    border-radius: 50%;
    color: #00dccd;
    display: flex;
    font-size: 42px;
    height: 100px;
    justify-content: center;
    margin: 0 auto 24px;
    width: 100px
}

    .reset-password-page__icon i {
        font-size: 42px
    }

.reset-password-page__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

@media(min-width: 768px) {
    .reset-password-page__title {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 24px
    }
}

@media(min-width: 1200px) {
    .reset-password-page__title {
        font-size: 42px;
        line-height: 52px
    }
}

.reset-password-page__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 32px
}

    .reset-password-page__text:last-child {
        margin: 0
    }

    .reset-password-page__text span {
        color: #fff;
        display: block;
        width: 100%
    }

.reset-password-page__form {
    margin: 0 auto;
    max-width: 424px
}

.user-page-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 560px;
    padding: 30px 24px
}

@media(min-width: 768px) {
    .user-page-container {
        padding: 40px 48px
    }
}

@media(min-width: 1200px) {
    .user-page-container {
        padding: 40px 54px
    }
}

@media(min-width: 1440px) {
    .user-page-container {
        padding: 40px 64px
    }
}

@media(min-width: 1680px) {
    .user-page-container {
        padding: 40px 68px
    }
}

.page-title {
    color: #fff;
    font-size: 40px;
    margin: 0 0 20px;
    text-align: center;
    text-transform: capitalize
}

@media(max-width: 480px) {
    .page-title {
        font-size: 24px;
        margin: 0 0 10px
    }
}

.sign-in-page {
    overflow: hidden;
    padding: 126px 16px 0;
    position: relative;
    z-index: 5
}

@media(min-width: 480px) {
    .sign-in-page {
        padding: 134px 48px 48px
    }
}

@media(min-width: 1200px) {
    .sign-in-page {
        padding: 56px 48px 48px
    }
}

.sign-in-page__background {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%)
}

@media(min-width: 1200px) {
    .sign-in-page__background {
        display: none
    }
}

.sign-in-page__background:after {
    background: linear-gradient(180deg,rgba(38,59,87,.3),#263b57 66.18%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sign-in-page__background--gradient {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

@media(min-width: 1200px) {
    .sign-in-page__background--gradient {
        display: block
    }
}

.sign-in-page__gradient {
    position: absolute
}

.sign-in-page__gradient--blue {
    background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
    bottom: 60%;
    height: 560px;
    left: -92.29%;
    right: 5.62%;
    top: -87.27%;
    width: 896px
}

.sign-in-page__gradient--red {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
    bottom: -89.55%;
    height: 610px;
    left: 21.67%;
    right: -108.33%;
    top: 50.91%;
    width: 896px
}

.sign-in-page__form {
    position: relative
}

.sign-in-page__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 24px;
    position: relative
}

@media(min-width: 1200px) {
    .sign-in-page__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 32px;
        text-align: center
    }
}

.register-form {
    max-width: 524px
}

.dynamic-form-pnp {
    background-color: #22242c;
    border-radius: 4px
}

.dynamic-form-pnp__head {
    align-items: center;
    background-color: #000;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
    min-height: 60px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.dynamic-form-pnp__form-wrap {
    margin: 33px 0 0;
    padding: 0 45px
}

.dynamic-form-pnp__footer {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    margin-top: 16px;
    padding: 0 45px 33px;
    text-align: center
}

.dynamic-form-pnp__list {
    display: block;
    width: 100%
}

.dynamic-form-pnp__logo-wrap {
    margin: 0 0 20px
}

.dynamic-form-pnp__logo {
    max-height: 34px;
    max-width: 100px
}

.dynamic-form-pnp__element + .dynamic-form-pnp__element {
    margin-top: 16px
}

.dynamic-form-pnp__link {
    color: #0bdede;
    transition: color .3s ease
}

    .dynamic-form-pnp__link:hover {
        color: #0acbcb
    }

.dynamic-form-pnp__banner {
    display: block;
    max-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.dynamic-form-pnp__submit {
    display: block;
    margin-top: 20px;
    text-align: center;
    width: 100%
}

.dynamic-form-pnp--sign_up .dynamic-form-pnp__submit {
    margin-top: 4px
}

.dynamic-form-pnp .dynamic-form-pnp__button {
    min-width: 147px
}

.dynamic-form-pnp .dynamic-form-pnp__currency-hidden {
    display: none
}

.main-slide .dynamic-form-pnp .dynamic-form-pnp__banner {
    display: none !important
}

.main-slide .dynamic-form-pnp .dynamic-form-pnp__form-wrap {
    padding: 0 10px
}

.cms-page {
    padding-bottom: 60px;
    padding-top: 30px;
    position: relative
}

@media(min-width: 768px) {
    .cms-page {
        padding-top: 35px
    }
}

@media(min-width: 1200px) {
    .cms-page {
        padding-bottom: 80px;
        padding-left: 0;
        padding-top: 50px
    }
}

@media(min-width: 1440px) {
    .cms-page {
        padding-bottom: 80px;
        padding-left: 0;
        padding-top: 60px
    }
}

.cms-page__bg {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.cms-page__head {
    align-items: center;
    display: flex;
    margin-bottom: 24px;
    padding: 0;
    position: relative
}

@media(min-width: 768px) {
    .cms-page__head {
        margin-bottom: 32px
    }
}

.cms-page__head-wrap {
    position: relative;
    width: 100%;
    z-index: 3
}

.cms-page__title {
    color: #fff;
    font-weight: 700;
    margin: 0 0 16px;
    padding: 0;
    text-transform: capitalize
}

.cms-page__date {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.cms-page--without-vertical-space {
    padding-bottom: 0;
    padding-top: 0
}

.cms-page--without-top-space {
    padding-top: 0
}

.cms-page--without-bottom-space {
    padding-bottom: 0
}

.cms-page--center-header {
    text-align: center
}

.jackpot-total {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 100%;
    white-space: nowrap;
    width: auto
}

.odometer.odometer-auto-theme, .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default, .odometer.odometer-theme-default .odometer-digit {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    position: relative;
    vertical-align: middle;
    *vertical-align: auto
}

    .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
        *zoom: 1;
        display: inline-block;
        *display: inline;
        vertical-align: middle;
        *vertical-align: auto;
        visibility: hidden
    }

    .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
        bottom: 0;
        display: block;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        text-align: left;
        top: 0
    }

    .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
        display: block
    }

    .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
        -webkit-backface-visibility: hidden;
        display: block
    }

    .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
        display: block;
        -webkit-transform: translateZ(0)
    }

        .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
            position: absolute
        }

    .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
        transition: transform 2s
    }

    .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
        transform: translateY(-100%)
    }

    .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
        transform: translateY(0);
        transition: transform 2s
    }

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    font-family: Helvetica Neue,sans-serif;
    line-height: 1.1em
}

    .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
        text-align: center
    }

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    font-family: inherit !important;
    line-height: normal !important
}

    .odometer.odometer-auto-theme .odometer-inside, .odometer.odometer-theme-default .odometer-inside {
        display: flex !important
    }

.container {
    margin: 0 auto;
    width: calc(100% - 32px)
}

@media(min-width: 768px) {
    .container {
        width: calc(100% - 48px);
    }
}

@media(min-width: 1200px) {
    .container {
        /* max-width: 1616px; */
        /* width: calc(100% - 64px); */
    }
}

.container--jackpots {
    margin: 0 auto;
    max-width: 1272px;
    position: relative
}

    .container--jackpots.container--grand-prizes-main {
        max-width: 1180px
    }

@media(min-width: 1200px) {
    .container--jackpots {
        padding: 0 48px
    }
}

.container--jackpots .section-title {
    margin-bottom: 32px;
    margin-top: 64px
}

.providers-list {
    display: grid;
    gap: 8px;
    grid-auto-rows: 112px;
    grid-template-columns: repeat(2,1fr)
}

@media(min-width: 768px) {
    .providers-list {
        gap: 20px;
        grid-auto-rows: 120px;
        grid-template-columns: repeat(auto-fit,minmax(220px,1fr))
    }
}

.providers-list__item {
    background-color: #263b57;
    border-radius: 16px;
    transition: background-color .3s ease
}

    .providers-list__item:hover {
        background-color: #2a4f0e
    }

.providers-list__link {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 25px;
    width: 100%
}

    .providers-list__link:hover .providers-list-item__image {
        transform: scale(1.1)
    }

.providers-list__image {
    height: auto;
    max-height: 100%;
    max-width: min(120px,100%);
    transition: all .5s ease
}

.tourn-tabs {
    display: flex;
    position: relative;
    width: 100%
}

    .tourn-tabs:after {
        background: hsla(0,0%,100%,.12);
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: -1
    }

.tourn-tabs__buttons {
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: inline-flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 13px
}

.tourn-tabs .tourn-tabs__button {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

    .tourn-tabs .tourn-tabs__button--active, .tourn-tabs .tourn-tabs__button:active, .tourn-tabs .tourn-tabs__button:focus, .tourn-tabs .tourn-tabs__button:hover {
        color: #fff
    }

        .tourn-tabs .tourn-tabs__button--active:after {
            background: #0bdede;
            bottom: -13px;
            content: "";
            height: 2px;
            position: absolute;
            width: 100%
        }

.reset-password-form {
    display: flex;
    flex-direction: column;
    max-width: 560px
}

    .reset-password-form.form {
        margin-top: 20px
    }

.reset-password-form__form-element.form-element {
    margin-bottom: 16px
}

.reset-password-form .s-button {
    text-transform: uppercase;
    width: 100%
}

.reset-password-form__errors {
    margin-bottom: 15px
}

.home-bonuses {
    height: 320px;
    margin-left: -16px;
    overflow: hidden;
    position: relative;
    width: calc(100% + 32px)
}

@media(min-width: 768px) {
    .home-bonuses {
        border-radius: 20px;
        height: 360px;
        margin-left: 0;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .home-bonuses {
        height: 420px
    }
}

@media(min-width: 1440px) {
    .home-bonuses {
        height: 500px
    }
}

.home-bonuses__item {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.home-bonuses__background {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: -1
}

@media(max-width: 480px) {
    .home-bonuses__background--desktop {
        display: none
    }
}

.home-bonuses__background--mobile {
    display: none
}

@media(max-width: 480px) {
    .home-bonuses__background--mobile {
        display: block
    }
}

.home-bonuses__background--single .home-bonuses__background-image {
    animation: unset !important
}

.home-bonuses__background-image {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media(min-width: 768px) {
    .home-bonuses__background-image {
        border-radius: 20px
    }
}

.home-bonuses__background-image--first {
    animation: background-first 12s linear infinite alternate;
    z-index: 1
}

.home-bonuses__background-image--second {
    animation: background-second 12s linear infinite alternate;
    z-index: 2
}

.home-bonuses__content {
    height: 100%;
    max-width: 343px;
    padding: 40px 16px;
    position: relative;
    width: 100%;
    z-index: 3
}

    .home-bonuses__content > * {
        display: block
    }

    .home-bonuses__content > :first-child {
        margin-top: 0 !important
    }

@media(min-width: 768px) {
    .home-bonuses__content {
        max-width: 414px;
        padding: 40px 32px
    }
}

@media(min-width: 1200px) {
    .home-bonuses__content {
        max-width: 600px;
        padding: 56px
    }
}

@media(min-width: 1440px) {
    .home-bonuses__content {
        max-width: 728px;
        padding: 62px 72px
    }
}

.home-bonuses__top-image {
    margin: 0 0 16px;
    max-width: 100px
}

.home-bonuses__pretitle {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

@media(min-width: 768px) {
    .home-bonuses__pretitle {
        font-size: 20px;
        line-height: 30px
    }
}

@media(min-width: 1440px) {
    .home-bonuses__pretitle {
        font-size: 24px;
        line-height: 32px
    }
}

.home-bonuses__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 12px 0 0
}

@media(min-width: 768px) {
    .home-bonuses__title {
        font-size: 32px;
        line-height: 40px;
        margin: 16px 0 0
    }
}

@media(min-width: 1200px) {
    .home-bonuses__title {
        font-size: 42px;
        line-height: 52px
    }
}

@media(min-width: 1440px) {
    .home-bonuses__title {
        font-size: 54px;
        font-weight: 800;
        line-height: 64px;
        margin: 24px 0 0
    }
}

.home-bonuses__subtitle {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px
}

@media(min-width: 768px) {
    .home-bonuses__subtitle {
        font-size: 16px;
        line-height: 24px
    }
}

@media(min-width: 1440px) {
    .home-bonuses__subtitle {
        font-size: 20px;
        line-height: 30px;
        margin-top: 16px
    }
}

.home-bonuses .home-bonuses__button {
    margin-top: 24px;
    padding: 12px 20px
}

@media(min-width: 768px) {
    .home-bonuses .home-bonuses__button {
        margin-top: 32px
    }
}

@media(min-width: 1440px) {
    .home-bonuses .home-bonuses__button {
        margin-top: 40px
    }
}

@keyframes background-first {
    0% {
        transform: translate(-50%,-50%)
    }

    to {
        transform: translate(calc(-50% - 20px),-50%)
    }
}

@keyframes background-second {
    0% {
        transform: translate(-50%,-50%)
    }

    to {
        transform: translate(calc(-50% + 20px),-50%)
    }
}

.games-filter-block__wrapper {
    display: flex;
    flex-direction: column;
    padding: 0
}

@media(min-width: 768px) {
    .games-filter-block__wrapper {
        align-items: center;
        background: #31373f;
        border-radius: 12px;
        flex-direction: row;
        justify-content: space-between;
        padding: 16px 16px 16px 4px
    }
}

.games-filter-block__category {
    margin-left: -16px;
    overflow-x: visible;
    position: relative;
    width: calc(100% + 32px)
}

@media(min-width: 768px) {
    .games-filter-block__category {
        margin-left: 0;
        overflow: hidden;
        padding: 0 28px 0 12px;
        width: auto
    }
}

.games-filter-block__category:after {
    background: linear-gradient(270deg,#252525,rgba(15,15,20,0));
    content: "";
    height: 40px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.scroll-left-button,
.scroll-right-button {
    cursor: pointer;
    background: #ccc;
    border: none;
    padding: 5px 10px;
    margin: 0;
    display: none;
}


@media(min-width: 768px) {
    .games-filter-block__category:after {
        display: none
    }
}

.games-filter-block .games-filter-block__providers-button {
    align-items: center;
    background: #2a4f0e;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    margin-top: 16px;
    position: relative;
    transition: background .3s ease;
    width: 100%
}

    .games-filter-block .games-filter-block__providers-button:after {
        /* background: linear-gradient(270deg,#2b3d2b,rgba(26,26,34,0)); */
        content: "";
        display: none;
        height: 48px;
        left: -48px;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 48px
    }

@media(min-width: 768px) {
    .games-filter-block .games-filter-block__providers-button:after {
        display: block
    }
}

.games-filter-block .games-filter-block__providers-button:hover {
    background: #356213;
}

@media(min-width: 768px) {
    .games-filter-block .games-filter-block__providers-button {
        margin-top: 0;
        padding: 0 16px;
        width: unset
    }
}

.games-filter-block__icon {
    color: #0CD664;
    margin-right: 12px
}

.games-filter-block .categories-slider.slick-slider .slick-arrow {
    display: none !important
}

.games-filter-block:hover .categories-slider.slick-slider .slick-arrow {
    display: block !important
}

    .games-filter-block:hover .categories-slider.slick-slider .slick-arrow.slick-disabled {
        display: none !important
    }

.game-category-select {
    -ms-overflow-style: none;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 16px;
    scrollbar-width: none
}

    .game-category-select::-webkit-scrollbar {
        display: none
    }

@media(min-width: 768px) {
    .game-category-select {
        padding: 0
    }
}

.game-category-select__link {
    align-items: center;
    background: transparent;
    border-radius: 40px;
    color: #fff;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 40px;
    line-height: 20px;
    margin: 0 1px;
    padding: 0 16px;
    transition: background .3s ease
}

    .game-category-select__link:hover {
        background: #47484a;
        text-decoration: none;
        color: white;
    }

@media(min-width: 768px) {
    .game-category-select__link {
        font-size: 16px;
        height: 48px;
        line-height: 24px
    }
}

.game-category-select__link--current {
    background: #077436 !important;
    color: white;
    font-weight: 700
}

    .game-category-select__link--current .game-category-select__icon:before {
        color: white
    }

.game-category-select__icon {
    color: #0CD664;
    margin-right: 8px;
    transition: color .3s ease
}

.game-category-select__name {
    white-space: nowrap
}

.slick-arrow {
    align-items: center;
    background-color: #22242c;
    background-image: none;
    border: none;
    border-radius: 8px;
    box-shadow: none;
    color: hsla(0,0%,100%,.65);
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 13px;
    height: 48px;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    transition: background-color .3s ease,opacity .3s ease;
    width: 28px
}


    .slick-arrow:hover, .slick-arrow__control--active .slick-arrow {
        background-color: #2b2d32
    }

    .slick-arrow.slick-disabled {
        background-color: #22242c !important;
        cursor: not-allowed;
        opacity: .5
    }

    .slick-arrow.slick-next {
        right: 240px;
        /*top: -20px;*/
        /* transform: translateY(-100%)*/
    }

    .slick-arrow.slick-prev {
        /*  left: 60px;*/
        /*  top: -20px;*/
        /*  transform: translateY(-100%)*/
        z-index: 1000;
    }

.providers-preview-list .slick-arrow.slick-next, .providers-preview-list .slick-arrow.slick-prev {
    top: -10px
}

.game-slider .slick-arrow {
    left: calc(100% + 10px);
    position: absolute;
    top: 50%;
    transform: translateY(calc(-100% - 5px))
}

    .game-slider .slick-arrow.slick-next {
        transform: translateY(5px)
    }

.sign-form-switcher {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0,27,51,.65);
    border-radius: 100px;
    display: flex;
    left: 16px;
    padding: 4px;
    position: absolute;
    top: 16px;
    z-index: 3
}

@media(min-width: 480px) {
    .sign-form-switcher {
        left: 48px;
        top: 24px
    }
}

@media(min-width: 1200px) {
    .sign-form-switcher {
        display: none
    }
}

@media(max-width: 1200px) {
    .slick-arrow.slick-next {
        right: 195px;
    }
}

@media(max-width: 767px) {
    .slick-arrow.slick-next {
        display: none !important;
    }
}

.sign-form-switcher__item {
    align-items: center;
    border-radius: 51px;
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 6px 16px;
    text-transform: uppercase;
    transition: color .3s ease
}

    .sign-form-switcher__item:hover:not(.sign-form-switcher__item--active) {
        color: #fff
    }

.sign-form-switcher__item--active {
    background: #0bdede;
    color: #001b33
}

.logo {
    vertical-align: top
}

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

.logo__img {
    border: none;
    display: inline-block;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    vertical-align: top
}

.logo--footer .logo__img {
    width: 128px
}

@media(min-width: 768px) {
    .logo--footer .logo__img {
        width: 155px
    }
}

.description {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%
}

.description__preview {
    margin-bottom: 20px;
    position: relative
}

@media(min-width: 768px) {
    .description__preview {
        margin-bottom: 24px
    }
}

.description__preview:after {
    background: linear-gradient(1turn,#192c43,rgba(15,15,20,0));
    bottom: 0;
    content: "";
    height: 64px;
    left: 0;
    position: absolute;
    width: 100%
}

.description__preview--open:after {
    display: none
}

.description__block-buttons {
    display: block;
    margin: 0;
    padding: 15px 0 0;
    text-align: center;
    width: 100%
}

.description .description__button {
    background-color: #2a4f0e;
    border-radius: 8px;
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 24px;
    margin: 0 auto;
    min-width: 116px;
    padding: 10px 16px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .description .description__button {
        min-width: 300px;
        padding: 12px 20px
    }
}

.description--only-preview .description__preview:after {
    display: none
}

.description--dark .description__preview:after {
    background: linear-gradient(180deg,rgba(15,15,20,0),#000)
}

.description--terms {
    background: #263b57;
    border-radius: 20px;
    padding: 24px 20px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .description--terms {
        padding: 40px 48px
    }
}

.description--terms .description__preview:after {
    background: linear-gradient(180deg,rgba(38,59,87,0),#263b57)
}

.description--secondary .description__icon {
    display: none
}

.description--secondary .description__button {
    align-items: center;
    background: #2a4f0e;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 20px;
    margin: 0 auto;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 10px 16px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .description--secondary .description__button {
        font-size: 16px;
        line-height: 24px;
        max-width: 260px;
        padding: 12px 20px;
        width: 100%
    }
}

.description--secondary .description__preview:after {
    background: linear-gradient(1turn,#263b57,rgba(15,15,20,0));
    bottom: 0;
    content: "";
    height: 64px;
    left: 0;
    position: absolute;
    width: 100%
}

.link {
    text-decoration: none
}

.categories-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
}

    .categories-slider.slick-slider:after {
        content: "";
        display: block;
        height: 100%;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px
    }

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

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

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

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

    .categories-slider.slick-slider .slick-track {
        display: block;
        display: flex;
        flex-wrap: nowrap;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 0
    }

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

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

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

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

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

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

.categories-slider.slick-slider .slick-slide img:not(.image--hidden) {
    display: block
}

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

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

.categories-slider.slick-slider .slick-slide .game-category-menu-v2__item {
    display: inline-flex !important
}

.categories-slider.slick-slider.slick-initialized .slick-slide {
    display: block
}

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

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

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

.categories-slider.slick-slider .categories-slider__btn {
    background-color: #000
}

.categories-slider.slick-slider .slick-arrow {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: rgba(0,27,51,.65);
    border-radius: 8px;
    height: 48px;
    opacity: 1;
    position: absolute;
    transform: none;
    width: 24px;
    z-index: 1
}

    .categories-slider.slick-slider .slick-arrow.slick-prev {
        left: -10px;
        top: 0
    }

    .categories-slider.slick-slider .slick-arrow.slick-next {
        right: -24px;
        top: 0;
    }

.ago-timer {
    align-items: center;
    display: flex
}

.ago-timer__text {
    color: hsla(0,0%,100%,.4);
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.ago-timer__text--visible {
    display: block
}

.ago-timer__text--ago {
    margin-left: 4px
}

.sign-up-steps {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    row-gap: 12px;
    width: 100%
}

.sign-up-steps__step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    row-gap: 8px;
    width: calc(33.3333% - 5.33333px)
}

@media(min-width: 480px) {
    .sign-up-steps__step {
        width: 108px
    }
}

.sign-up-steps__step:last-child .sign-up-steps__icon {
    display: none
}

.sign-up-steps__step:last-child .sign-up-steps__image {
    transform: scale(1.5)
}

@media(min-width: 480px) {
    .sign-up-steps__step {
        width: 128px
    }
}

.sign-up-steps__icon {
    color: hsla(0,0%,100%,.2);
    position: absolute;
    right: -12px;
    top: 12px
}

.sign-up-steps__image {
    height: 48px;
    width: 48px
}

.sign-up-steps__title {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: center
}

.registration-dynamic-form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

.registration-dynamic-form__step-bar {
    background: #506385;
    border-radius: 4px;
    height: 3px;
    margin: 24px 0 0;
    width: 100%
}

.registration-dynamic-form__step-bar--value {
    background: #0bdede;
    border-radius: 6px;
    height: 100%
}

.registration-dynamic-form__title {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0 0 24px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.registration-dynamic-form .registration-dynamic-form__form {
    flex-grow: 1;
    margin: 24px 0 0
}

.registration-dynamic-form__form-step {
    width: 100%
}

.registration-dynamic-form .registration-dynamic-form__element {
    margin-bottom: 12px
}

    .registration-dynamic-form .registration-dynamic-form__element + .registration-dynamic-form__element--age_terms_acceptance, .registration-dynamic-form .registration-dynamic-form__element + .registration-dynamic-form__element--recieve_all_promos {
        margin-top: 24px
    }

.registration-dynamic-form__footer {
    display: none
}

@media(min-width: 1200px) {
    .registration-dynamic-form__footer {
        align-items: center;
        color: hsla(0,0%,100%,.65);
        display: flex;
        font-family: Open Sans,sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        justify-content: center;
        line-height: 20px;
        margin-top: 24px;
        text-align: center;
        width: 100%
    }
}

.registration-dynamic-form__footer p {
    margin: 0;
    padding: 0
}

.registration-dynamic-form__link {
    color: #00dccd;
    margin-left: 4px;
    transition: color .3s ease
}

    .registration-dynamic-form__link:hover {
        color: #1df0e2
    }

.registration-dynamic-form__label-wrapper {
    color: #fff;
    display: none;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 16px;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

@media(min-width: 768px) {
    .registration-dynamic-form__label-wrapper {
        font-size: 16px
    }
}

.registration-dynamic-form__label {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

@media(min-width: 768px) {
    .registration-dynamic-form__label {
        font-size: 16px
    }
}

.registration-dynamic-form__buttons {
    display: flex;
    flex-wrap: nowrap;
    margin: 12px 0 0
}

.registration-dynamic-form__button-wrapper, .registration-dynamic-form__buttons {
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding: 0;
    width: 100%
}

.registration-dynamic-form__button-wrapper {
    align-self: stretch;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0
}

.registration-dynamic-form__button-wrapper--submit {
    flex: 1
}

.registration-dynamic-form__button-wrapper--step {
    width: auto
}

.registration-dynamic-form__button-wrapper + .registration-dynamic-form__button-wrapper {
    margin-left: 12px
}

.registration-dynamic-form .registration-dynamic-form__back-button {
    height: 48px;
    min-width: unset;
    width: 48px
}

.registration-dynamic-form .registration-dynamic-form__submit-button, .registration-dynamic-form__social {
    width: 100%
}

@media(min-width: 1200px) {
    .registration-form-head {
        text-align: center;
        width: 100%
    }
}

.registration-form-head__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 8px
}

@media(min-width: 1200px) {
    .registration-form-head__title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 16px
    }
}

.registration-form-head__text {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.registration-dynamic-form__element--gender .radio__input:checked + .radio__block .radio__point {
    opacity: 1
}

.registration-dynamic-form__element--gender .radio__input:checked + .radio__block .radio__label {
    color: #fff
}

.registration-dynamic-form__element--gender .radio {
    background: #2a4f0e;
    border-radius: 8px;
    flex: 1;
    max-width: 100%;
    position: relative;
    width: 50%
}

    .registration-dynamic-form__element--gender .radio:after {
        content: "";
        height: 24px;
        left: 16px;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 24px
    }

    .registration-dynamic-form__element--gender .radio:first-child:after {
        background: url(/images/male.fcee5b3b..svg) 50% no-repeat
    }

    .registration-dynamic-form__element--gender .radio:nth-child(2):after {
        background: url(/images/female.c2058d17..svg) 50% no-repeat
    }

.registration-dynamic-form__element--gender .radio-group {
    gap: 12px;
    justify-content: space-between
}

.registration-dynamic-form__element--gender .radio-group--inline .radio-group__radio:not(:first-child) {
    margin-left: 0;
    margin-top: 0
}

.registration-dynamic-form__element--gender .radio__block {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    height: 56px;
    justify-content: center;
    width: 100%
}

.registration-dynamic-form__element--gender .radio__label {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-left: 52px;
    margin-right: 5px;
    white-space: nowrap
}

.registration-dynamic-form__element--gender .radio__point {
    margin-right: 18px;
    min-width: 20px
}

.registration-dynamic-form__element--bonus_code, .registration-dynamic-form__element--captcha {
    display: none !important
}

.catalog {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.catalog__not-found {
    text-transform: uppercase
}

.catalog__list {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 8px
}

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

@media(min-width: 768px) {
    .catalog__list {
        -moz-column-gap: 12px;
        column-gap: 12px;
        grid-template-columns: repeat(4,1fr);
        row-gap: 12px
    }
}

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

@media(min-width: 1200px) {
    .catalog__list {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: repeat(6,1fr);
        row-gap: 16px
    }
}

@media(min-width: 1440px) {
    .catalog__list {
        grid-template-columns: repeat(7,1fr)
    }
}

.catalog__more {
    display: block;
    margin: 0;
    padding-top: 24px;
    text-align: center;
    width: 100%
}

@media(min-width: 1200px) {
    .catalog__more {
        padding-top: 32px
    }
}

.catalog .catalog__more-button {
    width: 100%
}

@media(min-width: 768px) {
    .catalog .catalog__more-button {
        max-width: 300px
    }
}

.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: hsla(0,0%,100%,.65);
    text-align: center;
    text-transform: uppercase
}

.form-element {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.form-element__error {
    color: #f51969;
    display: block;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 4px;
    width: 100%
}

    .form-element__error:first-letter {
        text-transform: uppercase
    }

.notification-center-card--empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.notification-center-card--empty__image {
    height: 100%;
    margin-bottom: 20px;
    width: 100%
}

@media(min-width: 768px) {
    .notification-center-card--empty__image {
        height: 64px;
        margin-bottom: 12px;
        width: 64px
    }
}

.notification-center-card--empty__text {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    white-space: nowrap
}

.game-panel__section .notification-center-card--empty {
    top: 128px
}

.notification-center-card--jackpot-win .notification-center-card__container {
    background: transparent;
    border: none;
    display: flex;
    flex: 1;
    gap: 12px;
    margin: 0;
    padding: 0
}

.notification-center-card--jackpot-win .notification-center-card__block-icon {
    flex: 0 0 40px;
    height: 40px;
    width: 40px
}

    .notification-center-card--jackpot-win .notification-center-card__block-icon img {
        max-width: 100%
    }

.notification-center-card--jackpot-win .notification-center-card__content {
    cursor: pointer;
    flex: 1;
    overflow: hidden;
    text-align: left
}

.notification-center-card--jackpot-win .notification-center-card__title {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notification-center-card--jackpot-win .notification-center-card__description {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

.auth-form__description {
    margin: 0 0 20px;
    text-align: center
}

@media(min-width: 480px) {
    .auth-form__description {
        margin: 0 0 60px
    }
}

.auth-form__description-text {
    color: #fff;
    margin: 0
}

.auth-form__captcha {
    display: none !important
}

.auth-form__description-help {
    color: #fff;
    margin: 0
}

.auth-form__description-help--link {
    color: #0bdede;
    transition: color .3s ease
}

    .auth-form__description-help--link:hover {
        color: #0acbcb;
        text-decoration: underline
    }

.auth-form__buttons, .auth-form__submit {
    width: 100%
}

.auth-form__form-element-wrap {
    margin-bottom: 16px;
    margin-top: 0;
    width: 100%
}

.auth-form__instructions {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    text-align: center
}

    .auth-form__instructions > * + * {
        margin-top: 8px
    }

.auth-form__instruction-link {
    color: #0bdede;
    transition: color .3s ease
}

    .auth-form__instruction-link:hover {
        color: #0acbcb;
        text-decoration: underline
    }

.tournaments-list--block {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 12px
}

@media(min-width: 768px) {
    .tournaments-list--block {
        -moz-column-gap: 12px;
        column-gap: 12px;
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 1200px) {
    .tournaments-list--block {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 16px
    }
}

.tournaments-list--card {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.tournaments-list--empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 56px;
    row-gap: 32px
}

@media(min-width: 1200px) {
    .tournaments-list--empty {
        margin-top: 116px
    }
}

.tournaments-list__image {
    height: 128px;
    width: 128px
}

.tournaments-list__text {
    margin: 0
}

.tournaments-list__text--empty {
    color: hsla(0,0%,100%,.4);
    font-family: Roboto,sans-serif;
    font-size: 16px;
    line-height: 24px
}

.tourn-block {
    border-radius: 12px;
    overflow: hidden
}

.tourn-block--hidden {
    display: none
}

.tourn-block__header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 200px;
    justify-content: space-between;
    padding: 16px 16px 24px;
    position: relative
}

@media(min-width: 1200px) {
    .tourn-block__header {
        height: 224px;
        padding: 24px 24px 32px
    }
}

.tourn-block__background {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: -1
}

.tourn-block__tags {
    position: absolute;
    right: 18px;
    top: 16px
}

@media(min-width: 1200px) {
    .tourn-block__tags {
        right: 24px;
        top: 24px
    }
}

.tourn-block__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0
}

@media(min-width: 1200px) {
    .tourn-block__title {
        font-size: 26px;
        line-height: 32px
    }
}

.tourn-block__content {
    background: #263b57;
    padding: 24px 16px 16px
}

@media(min-width: 1200px) {
    .tourn-block__content {
        padding: 32px 24px 24px
    }
}

.tourn-block__description {
    margin-bottom: 24px
}

@media(min-width: 1200px) {
    .tourn-block__description {
        margin-bottom: 32px
    }
}

.tourn-block__description-item {
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    color: #fff;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    justify-content: space-between;
    line-height: 20px;
    padding: 18px 0
}

    .tourn-block__description-item:first-child {
        padding: 0 0 18px
    }

    .tourn-block__description-item:last-child {
        border-bottom: none;
        padding: 18px 0 0
    }

@media(min-width: 1200px) {
    .tourn-block__description-item {
        font-size: 16px;
        line-height: 24px;
        padding: 16px 0
    }

        .tourn-block__description-item:first-child {
            padding: 0 0 16px
        }

        .tourn-block__description-item:last-child {
            padding: 16px 0 0
        }
}

.tourn-block__description-label {
    color: hsla(0,0%,100%,.65);
    font-weight: 400
}

.tourn-block .tourn-block__button {
    width: 100%
}

@media(min-width: 1200px) {
    .tourn-block .tourn-block__button {
        font-size: 16px;
        height: 48px;
        line-height: 24px
    }
}

.tournament-status {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(10,10,13,.4);
    border-radius: 16px;
    color: #ffd336;
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    padding: 4px 12px 4px 26px;
    position: relative;
    text-transform: uppercase;
    width: auto
}

    .tournament-status:before {
        background: #ffd336;
        border-radius: 50%;
        content: "";
        height: 6px;
        left: 12px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 6px
    }

.tournament-status--active {
    color: #00dccd
}

    .tournament-status--active:before {
        animation: ping 1.5s linear infinite alternate;
        background: #00dccd
    }

.tournament-status--ended {
    color: hsla(0,0%,100%,.65)
}

    .tournament-status--ended:before {
        background: hsla(0,0%,100%,.65)
    }

@keyframes ping {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.blocks-timer {
    background-color: #001b33;
    padding: 0
}

.blocks-timer, .blocks-timer__list {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%
}

.blocks-timer__list {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    margin: 0;
    max-width: 100%;
    padding: 12px 8px
}

.blocks-timer__item {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    min-width: 20%;
    padding: 0 10px;
    position: relative;
    width: auto
}

    .blocks-timer__item:before {
        color: hsla(0,0%,100%,.4);
        content: ":";
        display: block;
        font-family: Open Sans,sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        position: absolute;
        right: -4px;
        top: 35%;
        transform: translateY(-50%)
    }

    .blocks-timer__item:last-child {
        flex: 1
    }

        .blocks-timer__item:last-child:before {
            display: none
        }

    .blocks-timer__item:first-child {
        flex: 1
    }

        .blocks-timer__item:first-child:before {
            display: none
        }

.blocks-timer__value {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.blocks-timer__text, .blocks-timer__value {
    font-family: Open Sans,sans-serif;
    font-style: normal
}

.blocks-timer__text {
    color: hsla(0,0%,100%,.4);
    font-size: 8px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase
}

.tourn-participate-big {
    align-items: center;
    background: rgba(0,27,51,.65);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    padding: 16px
}

@media(min-width: 768px) {
    .tourn-participate-big {
        flex-direction: row;
        justify-content: space-between
    }
}

.tourn-participate-big__info {
    align-items: center;
    display: flex;
    gap: 12px;
    margin: 0 0 20px
}

.tourn-participate-big__info--restricted {
    margin: 0
}

    .tourn-participate-big__info--restricted .tourn-participate-big__info-icon {
        color: #ffd336
    }

@media(min-width: 768px) {
    .tourn-participate-big__info {
        margin: 0
    }
}

.tourn-participate-big__info-icon {
    align-self: flex-start;
    color: #00dccd;
    display: flex;
    flex: 0 0 24px
}

.tourn-participate-big__info-text {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

@media(min-width: 768px) {
    .tourn-participate-big__info-text {
        font-size: 16px;
        line-height: 24px
    }
}

.tourn-participate-big__button-wrapper {
    width: 100%
}

@media(min-width: 768px) {
    .tourn-participate-big__button-wrapper {
        max-width: 180px
    }
}

.tourn-participate-big .tourn-participate-big__button {
    width: 100%
}

.tourn-participate-big .tourn-participate-big__button--active {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: transparent;
    border: 1px solid hsla(0,0%,100%,.12);
    color: #fff;
    cursor: default !important;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    height: 40px;
    white-space: nowrap
}

    .tourn-participate-big .tourn-participate-big__button--active:active, .tourn-participate-big .tourn-participate-big__button--active:focus, .tourn-participate-big .tourn-participate-big__button--active:hover {
        background: transparent
    }

    .tourn-participate-big .tourn-participate-big__button--active .font-icons {
        color: #1adb4a
    }

.content {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif
}

    .content > :last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
        color: #fff;
        font-weight: 700;
        margin-top: 0
    }

    .content h1 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 16px
    }

@media(min-width: 768px) {
    .content h1 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 16px
    }
}

.content h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .content h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 16px
    }
}

.content h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .content h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 16px
    }
}

.content h4 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .content h4 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px
    }
}

.content h5 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .content h5 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px
    }
}

.content h6 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .content h6 {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 12px
    }
}

.content hr {
    background: hsla(0,0%,100%,.12);
    border: none;
    height: 1px;
    margin-bottom: 44px;
    margin-top: 44px;
    width: 100%
}

.content section {
    margin-bottom: 32px
}

    .content section > :first-of-type {
        margin-top: 0;
        padding-top: 0
    }

.content a, .content blockquote, .content mark, .content ol, .content p, .content table, .content ul {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 0
}

@media(min-width: 768px) {
    .content a, .content blockquote, .content mark, .content ol, .content p, .content table, .content ul {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

.content a:last-child, .content blockquote:last-child, .content mark:last-child, .content ol:last-child, .content p:last-child, .content table:last-child, .content ul:last-child {
    margin: 0
}

.content mark {
    background: #00dccd;
    color: #001b33;
    font-weight: 500;
    padding: 1px 5px
}

.content a:not(.link-btn):not(.link-no-styles) {
    color: #00dccd;
    font-size: inherit;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: none;
    transition: color .3s ease
}

    .content a:not(.link-btn):not(.link-no-styles):hover {
        color: #1df0e2;
        text-decoration: underline
    }

.content ol:not([type]) > li {
    padding-left: 0;
    position: relative
}

.content ul:not([type]) > li {
    padding-left: 24px;
    position: relative
}

.content ol:not([type]), .content ul:not([type]) {
    list-style: none;
    margin-top: 0;
    padding: 0
}

    .content ol:not([type]) li + li, .content ul:not([type]) li + li {
        margin-top: 10px
    }

@media(min-width: 768px) {
    .content ol:not([type]) li + li, .content ul:not([type]) li + li {
        margin-top: 12px
    }
}

.content ol:not([type]) ol, .content ol:not([type]) ul, .content ul:not([type]) ol, .content ul:not([type]) ul {
    margin-top: 10px
}

@media(min-width: 768px) {
    .content ol:not([type]) ol, .content ol:not([type]) ul, .content ul:not([type]) ol, .content ul:not([type]) ul {
        margin-top: 12px
    }
}

.content ul > li:before {
    background-color: hsla(0,0%,100%,.65);
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 12px;
    position: absolute;
    top: 8px;
    width: 4px
}

@media(min-width: 768px) {
    .content ul > li:before {
        top: 10px
    }
}

.content ol.sm > li, .content ul.sm > li {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 14px
}

.content ol:not([type]) {
    counter-reset: list-counter
}

    .content ol:not([type]) > li {
        counter-increment: list-counter
    }

        .content ol:not([type]) > li:before {
            content: counter(list-counter) ". ";
            font-family: Open Sans,sans-serif;
            font-size: 14px;
            line-height: 20px
        }

@media(min-width: 768px) {
    .content ol:not([type]) > li:before {
        font-size: 16px;
        line-height: 24px
    }
}

.content img {
    display: inline-block;
    margin: 0;
    max-width: 100%
}

.content pre {
    white-space: normal
}

.content blockquote {
    border-left: 1px solid #00dccd;
    margin: 32px 0;
    padding-left: 32px
}

.content .center {
    text-align: center
}

.content .right {
    text-align: right
}

.content .row {
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .content .row {
        -moz-column-gap: 48px;
        column-gap: 48px;
        flex-direction: row
    }
}

.content .column {
    margin-bottom: 20px;
    width: 100%
}

@media(min-width: 768px) {
    .content .column {
        margin-bottom: 24px
    }
}

.content .column > :last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.content .s-button, .content .link-btn {
    padding: 12px 20px
}

    .content .s-button:not(:last-child), .content .link-btn:not(:last-child) {
        margin-bottom: 20px
    }

@media(min-width: 768px) {
    .content .s-button:not(:last-child), .content .link-btn:not(:last-child) {
        margin-bottom: 24px
    }
}

.content table, .content td, .content th {
    border: 1px solid #506385;
    border-collapse: collapse
}

.content th {
    background: #263b57;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.content td, .content th {
    color: hsla(0,0%,100%,.65);
    padding: 10px 16px
}

.content td {
    font-size: 14px;
    line-height: 20px
}

.collapse-block {
    color: #6d6a71;
    font-size: 16px;
    text-align: left
}

@media(min-width: 768px) {
    .collapse-block {
        font-size: 20px
    }
}

.collapse-block__toggle {
    align-items: center;
    background: #2a4f0e;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    gap: 16px;
    min-height: 64px;
    padding: 20px 16px;
    transition: color .3s ease,background .3s ease
}

@media(min-width: 768px) {
    .collapse-block__toggle {
        min-height: 72px
    }
}

.collapse-block--open .collapse-block__toggle, .collapse-block__toggle:hover {
    background: #506385
}

.collapse-block__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

@media(min-width: 768px) {
    .collapse-block__title {
        font-size: 20px;
        line-height: 30px
    }
}

.collapse-block__caret {
    align-items: center;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    position: relative;
    transform-origin: center;
    width: 24px
}

    .collapse-block__caret:after, .collapse-block__caret:before {
        background: #0bdede;
        border-radius: 100px;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        transition: transform .3s ease;
        width: 15.5px
    }

    .collapse-block__caret:after {
        transform: translate(-50%,-50%) rotate(90deg)
    }

.collapse-block__caret--open:after {
    transform: translate(-50%,-50%)
}

.collapse-block__content-wrap {
    padding: 24px 0 0
}

@media(min-width: 768px) {
    .collapse-block__content-wrap {
        padding: 24px 0 0 56px
    }
}

.collapse-block--with-separator:not(:last-child) {
    border-bottom: 1px solid hsla(266,3%,43%,.4)
}

.full-tourn .collapse-block .collapse-block__title, .tourn-network .collapse-block .collapse-block__title {
    flex: 1
}

.full-tourn .collapse-block .collapse-block__toggle, .tourn-network .collapse-block .collapse-block__toggle {
    min-height: auto;
    padding: 0 30px;
    position: relative
}

.full-tourn .collapse-block .collapse-block__caret, .tourn-network .collapse-block .collapse-block__caret {
    min-width: auto;
    position: absolute;
    right: 0;
    top: calc(50% - 2px)
}

.full-tourn .collapse-block .collapse-block__content-wrap, .tourn-network .collapse-block .collapse-block__content-wrap {
    padding: 0
}

.full-tourn .collapse-block h1, .full-tourn .collapse-block h2, .full-tourn .collapse-block h3, .full-tourn .collapse-block h4, .full-tourn .collapse-block h5, .tourn-network .collapse-block h1, .tourn-network .collapse-block h2, .tourn-network .collapse-block h3, .tourn-network .collapse-block h4, .tourn-network .collapse-block h5 {
    color: #fff;
    margin-bottom: 16px;
    text-align: center
}

.full-tourn .collapse-block .content, .tourn-network .collapse-block .content {
    color: hsla(0,0%,100%,.65);
    text-align: center
}

.contact-form .contact-form__form-element:not(:first-child) {
    margin-top: 12px
}

.contact-form .contact-form__submit-button {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 24px;
    margin: 24px 0 0;
    min-height: 48px;
    text-transform: uppercase;
    width: 100%
}

.contact-form__label {
    color: hsla(0,0%,100%,.65);
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0 0 15px;
    padding: 0;
    text-align: left;
    text-transform: capitalize;
    width: 100%
}

@media(min-width: 768px) {
    .contact-form__label {
        font-size: 16px
    }
}

.contact-form .textarea, .contact-form__input {
    background: #22222b
}

.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, .input {
    width: 100%
}

.input {
    align-items: center;
    background: rgb(53 53 53 / 65%);
    border-radius: 8px;
    color: #fff;
    cursor: text;
    display: flex;
    height: 56px;
    padding: 0 16px;
    position: relative;
    transition: background .3s ease
}

.input--placeholder .input__native {
    padding: 0 !important
}

.input:hover {
    background: #444;
}

.input:has(.input__native:focus) {
    background: #454545;
}

.input__left-container, .input__right-container {
    display: flex
}

.input__placeholder {
    color: hsla(0,0%,100%,.4);
    left: 16px;
    line-height: 24px;
    pointer-events: none;
    position: absolute;
    top: 16px;
    transition: all .3s ease
}

.input__native, .input__placeholder {
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.input__native {
    background: transparent;
    background-color: transparent;
    border: none;
    color: #fff;
    display: block;
    height: 100%;
    line-height: 1;
    line-height: 24px;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    transition: color .3s ease;
    white-space: nowrap;
    width: 100%
}

    .input__native::-moz-placeholder {
        color: hsla(0,0%,100%,.25)
    }

    .input__native::placeholder {
        color: hsla(0,0%,100%,.25)
    }

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

    .input__native:not(:-moz-placeholder-shown) {
        padding: 24px 0 8px
    }

    .input__native:not(:placeholder-shown) {
        padding: 24px 0 8px
    }

    .input__native:not(:-moz-placeholder-shown) + .input__placeholder {
        font-size: 12px;
        line-height: 16px;
        top: 8px !important
    }

    .input__native:not(:placeholder-shown) + .input__placeholder {
        font-size: 12px;
        line-height: 16px;
        top: 8px !important
    }

    .input__native:focus {
        outline: none;
        padding: 24px 0 8px
    }

        .input__native:focus + .input__placeholder {
            font-size: 12px;
            line-height: 16px;
            top: 8px !important
        }

    .input__native:-webkit-autofill {
        -webkit-text-fill-color: #fff !important;
        background: #2a4f0e !important;
        background-clip: content-box !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: inset 0 0 0 100px #2a4f0e !important;
        color: #fff !important;
        font-size: 16px !important;
        line-height: 24px !important;
        -webkit-transition: color .3s ease,background-color .3s ease,box-shadow .3s ease !important;
        transition: color .3s ease,background-color .3s ease,box-shadow .3s ease !important
    }

        .input__native:-webkit-autofill:active, .input__native:-webkit-autofill:active:hover, .input__native:-webkit-autofill:focus, .input__native:-webkit-autofill:hover {
            -webkit-text-fill-color: #fff !important;
            box-shadow: inset 0 0 0 100px #445778 !important;
            color: #fff !important;
            font-size: 16px !important;
            line-height: 24px !important
        }

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

.input--disabled {
    background: #2a4f0e !important
}

.amount-elem {
    display: block;
    width: 100%
}

.amount-elem__list {
    grid-gap: 6px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    margin: 0 0 16px;
    width: 100%
}

.amount-elem__wrap-input {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%
}

.amount-elem__currency {
    color: #fff;
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    margin: 0 0 0 6px;
    min-width: 66px;
    text-align: center
}

.amount-elem .amount-elem__item {
    align-items: center;
    align-self: stretch;
    background-color: #000;
    border: 1px solid #6d6a71;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    min-height: 44px;
    min-width: auto;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    transition: background-color .3s ease,color .3s ease,border-color .3s ease;
    width: 100%
}

    .amount-elem .amount-elem__item--active, .amount-elem .amount-elem__item:hover {
        background-color: #0bdede;
        border-color: #0bdede;
        color: #22242c
    }

.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 a {
    color: #00dccd;
    transition: color .3s ease,-webkit-text-decoration .3s ease;
    transition: color .3s ease,text-decoration .3s ease;
    transition: color .3s ease,text-decoration .3s ease,-webkit-text-decoration .3s ease
}

    .checkbox a:hover {
        text-decoration: underline
    }

.checkbox__block {
    align-items: flex-start;
    -moz-column-gap: 14px;
    column-gap: 14px;
    cursor: pointer;
    display: flex
}

    .checkbox__block:hover .checkbox__point {
        border-color: #677b9e
    }

    .checkbox__block:hover .checkbox__label {
        color: #fff
    }

    .checkbox__block:hover a {
        color: #1df0e2
    }

.checkbox__point {
    align-items: center;
    border: 1.5px solid #5c6f91;
    border-radius: 4px;
    display: flex;
    height: 20px;
    justify-content: center;
    transition: border-color .3s ease,background .3s ease;
    width: 20px
}

    .checkbox__point i {
        opacity: 0
    }

        .checkbox__point i:before {
            color: #192c43
        }

.checkbox__label {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    transition: color .3s ease
}

    .checkbox__label sup {
        color: #00dccd;
        top: 0
    }

.checkbox__input:checked + .checkbox__block .checkbox__point {
    background: #00dccd;
    border-color: #00dccd
}

    .checkbox__input:checked + .checkbox__block .checkbox__point:hover {
        background: #1df0e2
    }

    .checkbox__input:checked + .checkbox__block .checkbox__point i {
        opacity: 1
    }

.checkbox__input:checked + .checkbox__block:hover .checkbox__point {
    border-color: #1df0e2
}

.checkbox--disabled, .checkbox[disabled] {
    cursor: not-allowed
}

    .checkbox--disabled .checkbox__block, .checkbox[disabled] .checkbox__block {
        pointer-events: none
    }

.checkbox--error .checkbox__point {
    border-color: #0bdede !important
}

.checkbox--error .checkbox__label {
    color: #0bdede !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__input {
    display: none;
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute
}

.radio__block {
    align-items: flex-start;
    align-self: stretch;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: auto
}

.radio__point {
    align-items: center;
    border: 1.5px solid #506385;
    border-radius: 50%;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    transition: border-color .3s ease;
    width: 20px
}

    .radio__point:before {
        background: transparent none;
        border-radius: 50%;
        content: "";
        display: block;
        height: 12px;
        transition: background .3s ease;
        width: 12px
    }

.radio__block:hover .radio__point {
    border-color: #5c6f91
}

.radio__label {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    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-left: 12px;
    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: #fff
}

.radio__input:checked + .radio__block .radio__point {
    border-color: #00dccd
}

    .radio__input:checked + .radio__block .radio__point:before {
        background: #00dccd
    }

.radio__input:checked + .radio__block:hover .radio__point {
    border-color: #1df0e2
}

    .radio__input:checked + .radio__block:hover .radio__point:before {
        background: #1df0e2
    }

.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: hsla(0,0%,100%,.65)
    }

    .radio--disabled .radio__label, .radio[disabled] .radio__label {
        color: hsla(0,0%,100%,.65)
    }

    .radio--disabled .radio__input:checked + .radio__block .radio__point, .radio[disabled] .radio__input:checked + .radio__block .radio__point {
        background: tranparent none;
        border-color: hsla(0,0%,100%,.65)
    }

        .radio--disabled .radio__input:checked + .radio__block .radio__point:before, .radio[disabled] .radio__input:checked + .radio__block .radio__point:before {
            background: hsla(0,0%,100%,.65) none
        }

    .radio--disabled .radio__input:checked + .radio__block .radio__label, .radio[disabled] .radio__input:checked + .radio__block .radio__label {
        color: hsla(0,0%,100%,.65)
    }

.radio--error .radio__point {
    border-color: #0bdede !important
}

    .radio--error .radio__point:before {
        background: #0bdede !important
    }

.radio--error .radio__label {
    color: #0bdede !important
}

.simple-date {
    color: #fff;
    display: flex
}

.simple-date__day, .simple-date__month {
    margin-right: 12px
}

.select__dropdown {
    scrollbar-color: #f6d515
}

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

    .select__dropdown::-webkit-scrollbar-track {
        background: #22242c;
        border-radius: 2px
    }

    .select__dropdown::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.6);
        border-radius: 2px;
        margin: 0
    }

        .select__dropdown::-webkit-scrollbar-thumb:hover {
            background: #f6d515
        }

    .select__dropdown:hover::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.8)
    }

.select__dropdown {
    scrollbar-color: #5c6f91;
    scrollbar-width: thin
}

    .select__dropdown::-webkit-scrollbar {
        height: 4px;
        width: 4px
    }

    .select__dropdown::-webkit-scrollbar-track {
        background: transparent !important
    }

    .select__dropdown::-webkit-scrollbar-thumb {
        background: #5c6f91 !important;
        border-radius: 9px !important;
        margin: 0 5px 0 0
    }

        .select__dropdown::-webkit-scrollbar-thumb:hover {
            background: #5c6f91 !important
        }

.select {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

    .select .input {
        padding: 0 12px 0 16px
    }

.select__dropdown {
    background: #2a4f0e;
    border-radius: 8px;
    display: block;
    left: 0;
    margin: 0;
    max-height: 240px;
    overflow: hidden;
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    z-index: 100
}

.select__arrow-icon-wrapper {
    background: none;
    border: none;
    color: hsla(0,0%,100%,.4);
    cursor: pointer;
    display: flex;
    padding: 0;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .3s ease,color .3s ease
}

.select__arrow-icon-wrapper--open {
    transform: rotate(180deg)
}

.dynamic-form-pnp .select--one .select__arrow-icon-wrapper, .dynamic-form-pnp .select--one .select__bottom-line {
    display: none
}

.option {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 16px;
    position: relative;
    transition: background .3s ease;
    width: 100%
}

.option__icon {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.option:hover {
    background: #445778
}

.tel {
    display: flex;
    width: 100%
}

.tel__code-select {
    max-width: 148px
}

    .tel__code-select .input__left-container {
        margin-right: 12px
    }

    .tel__code-select + .tel__number-input {
        margin-left: 12px
    }

.select-with-country-icons__dropdown, .select__dropdown {
    scrollbar-color: #f6d515
}

    .select-with-country-icons__dropdown::-webkit-scrollbar, .select__dropdown::-webkit-scrollbar {
        height: 3px;
        width: 3px
    }

    .select-with-country-icons__dropdown::-webkit-scrollbar-track, .select__dropdown::-webkit-scrollbar-track {
        background: #22242c;
        border-radius: 2px
    }

    .select-with-country-icons__dropdown::-webkit-scrollbar-thumb, .select__dropdown::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.6);
        border-radius: 2px;
        margin: 0
    }

        .select-with-country-icons__dropdown::-webkit-scrollbar-thumb:hover, .select__dropdown::-webkit-scrollbar-thumb:hover {
            background: #f6d515
        }

    .select-with-country-icons__dropdown:hover::-webkit-scrollbar-thumb, .select__dropdown:hover::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.8)
    }

.select-with-country-icons__dropdown, .select__dropdown {
    scrollbar-color: #5c6f91;
    scrollbar-width: thin
}

    .select-with-country-icons__dropdown::-webkit-scrollbar, .select__dropdown::-webkit-scrollbar {
        height: 4px;
        width: 4px
    }

    .select-with-country-icons__dropdown::-webkit-scrollbar-track, .select__dropdown::-webkit-scrollbar-track {
        background: transparent !important
    }

    .select-with-country-icons__dropdown::-webkit-scrollbar-thumb, .select__dropdown::-webkit-scrollbar-thumb {
        background: #5c6f91 !important;
        border-radius: 9px !important;
        margin: 0 5px 0 0
    }

        .select-with-country-icons__dropdown::-webkit-scrollbar-thumb:hover, .select__dropdown::-webkit-scrollbar-thumb:hover {
            background: #5c6f91 !important
        }

.select, .select-with-country-icons {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

    .select .input, .select-with-country-icons .input {
        padding: 0 12px 0 16px
    }

.select-with-country-icons__dropdown, .select__dropdown {
    background: #2a4f0e;
    border-radius: 8px;
    display: block;
    left: 0;
    margin: 0;
    max-height: 240px;
    overflow: hidden;
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    z-index: 100
}

.select-with-country-icons__arrow-icon-wrapper, .select__arrow-icon-wrapper {
    background: none;
    border: none;
    color: hsla(0,0%,100%,.4);
    cursor: pointer;
    display: flex;
    padding: 0;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .3s ease,color .3s ease
}

.select-with-country-icons__arrow-icon-wrapper--open, .select__arrow-icon-wrapper--open {
    transform: rotate(180deg)
}

.dynamic-form-pnp .select--one .select-with-country-icons__arrow-icon-wrapper, .dynamic-form-pnp .select--one .select-with-country-icons__bottom-line, .dynamic-form-pnp .select--one .select__arrow-icon-wrapper, .dynamic-form-pnp .select--one .select__bottom-line {
    display: none
}

.select-with-country-icons__input-country-icon, .select-with-country-icons__option-country-icon {
    border-radius: 4px;
    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
}

.textarea {
    scrollbar-color: #f6d515
}

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

    .textarea::-webkit-scrollbar-track {
        background: #22242c;
        border-radius: 2px
    }

    .textarea::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.6);
        border-radius: 2px;
        margin: 0
    }

        .textarea::-webkit-scrollbar-thumb:hover {
            background: #f6d515
        }

    .textarea:hover::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.8)
    }

.textarea {
    scrollbar-color: #5c6f91;
    scrollbar-width: thin
}

    .textarea::-webkit-scrollbar {
        height: 4px;
        width: 4px
    }

    .textarea::-webkit-scrollbar-track {
        background: transparent !important
    }

    .textarea::-webkit-scrollbar-thumb {
        background: #5c6f91 !important;
        border-radius: 9px !important;
        margin: 0 5px 0 0
    }

        .textarea::-webkit-scrollbar-thumb:hover {
            background: #5c6f91 !important
        }

.textarea {
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: none;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 200px;
    letter-spacing: normal;
    line-height: 1.2;
    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, .textarea:active, .textarea:focus, .textarea:hover {
        background: #2a4f0e none;
        color: hsla(0,0%,100%,.4);
        outline: none
    }

        .textarea:active, .textarea:focus, .textarea:hover {
            border-color: transparent
        }

        .textarea:focus, .textarea:hover {
            background: #445778 none;
            border-color: transparent;
            color: hsla(0,0%,100%,.4)
        }

.textarea--empty, .textarea--empty:focus, .textarea--empty:hover {
    background: #2a4f0e none none;
    border-color: transparent;
    color: hsla(0,0%,100%,.4)
}

.textarea--disabled {
    background: #2a4f0e none none !important;
    border-color: transparent !important;
    color: hsla(0,0%,100%,.65) !important;
    cursor: not-allowed
}

.textarea::-moz-placeholder {
    color: hsla(0,0%,100%,.4) !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: hsla(0,0%,100%,.4) !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: hsla(0,0%,100%,.4) !important;
    opacity: 1
}

.textarea:hover::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.4) !important;
    opacity: 1
}

.textarea:-webkit-autofill {
    -webkit-text-fill-color: hsla(0,0%,100%,.4) !important;
    background: #2a4f0e none !important;
    background-clip: content-box !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    box-shadow: inset 0 0 0 100px #2a4f0e none !important;
    color: hsla(0,0%,100%,.4) !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: hsla(0,0%,100%,.4) !important;
        border-color: transparent !important;
        box-shadow: inset 0 0 0 100px #445778 none !important;
        color: hsla(0,0%,100%,.4) !important
    }

        .textarea:-webkit-autofill:active:not(:hover) {
            -webkit-text-fill-color: hsla(0,0%,100%,.4) !important
        }

.textarea--error {
    border-color: rgba(245,25,105,.3) !important
}

    .textarea--error:-webkit-autofill {
        border-color: rgba(245,25,105,.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(245,25,105,.3) !important
        }

.password-input .password-input__input {
    height: 56px
}

.password-input .password-input__visibility-button {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.password-input .password-input__visibility-icon {
    color: hsla(0,0%,100%,.4)
}

.password-input__strength {
    display: block;
    margin: 0;
    padding: 5px 0 0;
    width: 100%
}

.password-input__strength-bar {
    background-color: #2a4f0e;
    border-radius: 4px;
    display: block;
    height: 3px;
    margin: 0 0 2px;
    padding: 0;
    position: relative;
    width: 100%
}

.password-input__strength-progress {
    border-radius: 10px;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color .3s ease,width .3s ease
}

.password-input__strength--bad .password-input__strength-progress {
    background-color: #f51969
}

.password-input__strength--weak .password-input__strength-progress {
    background-color: #ffd336
}

.password-input__strength--strong .password-input__strength-progress {
    background-color: #00dccd
}

.password-input__strength--great .password-input__strength-progress {
    background-color: #1adb4a
}

.password-input__strength-description {
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: right;
    text-transform: capitalize;
    transition: color .3s ease
}

.password-input__strength--bad .password-input__strength-description {
    color: #f51969
}

.password-input__strength--weak .password-input__strength-description {
    color: #ffd336
}

.password-input__strength--strong .password-input__strength-description {
    color: #00dccd
}

.password-input__strength--great .password-input__strength-description {
    color: #1adb4a
}

.multiple-checkboxes, .multiple-checkboxes__childs {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.multiple-checkboxes__childs {
    padding-left: 10px
}

.multiple-checkboxes__message {
    color: hsla(0,0%,100%,.65);
    font-size: 11px
}

.errors__error {
    color: #f51969;
    font-size: 12px
}

.captcha-term-and-policy {
    color: #fff;
    font-size: 14px;
    margin: 10px 0
}

.captcha-term-and-policy__link {
    color: hsla(0,0%,100%,.65)
}

.required-fields-modal__content {
    padding: 24px
}

.required-fields-modal .required-fields-modal__form {
    background-color: transparent
}

@media(min-width: 480px) {
    .required-fields-modal .required-fields-modal__form {
        padding: 16px
    }
}

.required-fields-modal__reject-button {
    margin: 10px 0 0;
    text-transform: uppercase
}

@media(min-width: 480px) {
    .required-fields-modal__reject-button {
        margin: 0 16px 0 0
    }
}

.required-fields-modal__submit-button {
    text-transform: uppercase
}

.required-fields-modal .dynamic-form__buttons-wrapper {
    margin-top: 24px
}

    .required-fields-modal .dynamic-form__buttons-wrapper .s-button, .required-fields-modal .dynamic-form__buttons-wrapper .link-btn {
        width: 100%
    }

@media(min-width: 480px) {
    .required-fields-modal .dynamic-form__buttons-wrapper .s-button, .required-fields-modal .dynamic-form__buttons-wrapper .link-btn {
        width: auto
    }
}

.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: 12px
}

.dynamic-form__label {
    color: #fff;
    display: block;
    font-size: 13px;
    margin-bottom: 5px
}

.dynamic-form__label-star {
    display: none
}

.dynamic-form__buttons-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center
}

@media(min-width: 480px) {
    .dynamic-form__buttons-wrapper {
        flex-direction: row
    }
}

.terms-acceptance-with-preview__content-wrapper {
    scrollbar-color: #f6d515
}

    .terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar {
        height: 3px;
        width: 3px
    }

    .terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-track {
        background: #22242c;
        border-radius: 2px
    }

    .terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.6);
        border-radius: 2px;
        margin: 0
    }

        .terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-thumb:hover {
            background: #f6d515
        }

    .terms-acceptance-with-preview__content-wrapper:hover::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.8)
    }

.terms-acceptance-with-preview__content-wrapper {
    scrollbar-color: #5c6f91;
    scrollbar-width: thin
}

    .terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar {
        height: 4px;
        width: 4px
    }

    .terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-track {
        background: transparent !important
    }

    .terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-thumb {
        background: #5c6f91 !important;
        border-radius: 9px !important;
        margin: 0 5px 0 0
    }

        .terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-thumb:hover {
            background: #5c6f91 !important
        }

.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: 64vh;
    overflow: hidden;
    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
}

.file-input__native-input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.tourn-tags {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex
}

.tourn-tags__tag {
    border-radius: 8px;
    padding: 4px
}

.tourn-tags__tag--new {
    background: linear-gradient(250.38deg,#1adb4a 8.31%,#87ffa5 16.13%,#1adb4a 45.83%,#a3ffba 72.16%,#1adb4a)
}

.tourn-tags__inner {
    border: 1.5px solid #001b33;
    border-radius: 6px;
    color: #001b33;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    padding: 8px;
    text-transform: uppercase
}

.string-timer {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 100%;
    text-align: center
}

.string-timer__list {
    display: flex;
    gap: 6px;
    max-width: 100%;
    width: 100%
}

.string-timer__item, .string-timer__list {
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0
}

.string-timer__item {
    display: inline-flex;
    position: relative;
    width: auto
}

    .string-timer__item:not(:first-child,:last-child):before {
        color: #fff;
        content: ":";
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        position: absolute;
        right: -5px;
        text-align: center;
        top: 50%;
        transform: translateY(-50%)
    }

.string-timer__label, .string-timer__value {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.string-timer__text, .string-timer__value {
    color: #fff;
    font-weight: 700
}

.string-timer__text {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.loader {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px;
    z-index: 1080
}

.loader--provider-preview {
    min-height: 199px
}

@media(min-width: 960px) {
    .loader--provider-preview {
        min-height: 265px
    }
}

.loader--home-game-slider {
    min-height: 50vw
}

@media(min-width: 768px) {
    .loader--home-game-slider {
        min-height: 25vw;
        min-height: 17vw
    }
}

.loader--home-game-slider-big-slider {
    min-height: 47vw
}

@media(min-width: 768px) {
    .loader--home-game-slider-big-slider {
        min-height: calc(25vw - 32.5px)
    }
}

@media(min-width: 1440px) {
    .loader--home-game-slider-big-slider {
        min-height: calc(20vw - 26px)
    }
}

.loader--jackpot-list {
    min-height: 110px
}

.loader__box {
    animation: spinner-border .75s linear infinite;
    border: 5px solid #0bdede;
    border-radius: 50%;
    border-right-color: transparent;
    display: inline-block;
    height: 40px;
    vertical-align: text-bottom;
    width: 40px
}

.loader--winners {
    min-height: 470px
}

@media(min-width: 768px) {
    .loader--winners {
        min-height: 135px
    }
}

.loader--winners-in-game {
    min-height: 110px
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.md-jackpots__section {
    margin: 0 0 32px
}

.md-jackpots__list {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px
}

@media(min-width: 480px) {
    .md-jackpots__list {
        gap: 0 12px
    }
}

@media(min-width: 768px) {
    .md-jackpots__list {
        flex-wrap: nowrap;
        max-width: unset
    }
}

.md-jackpots__list-item {
    flex: 1 1 50%;
    max-width: calc(50% - 4px);
    min-height: 200px;
    order: 2;
    position: relative
}

@media(min-width: 480px) {
    .md-jackpots__list-item {
        flex: 1 1 50%;
        max-width: calc(50% - 6px);
        order: 1
    }
}

@media(min-width: 768px) {
    .md-jackpots__list-item {
        flex: 1 1 33.3333333333%;
        max-width: calc(33.33333% - 13.33333px);
        order: 1
    }
}

.md-jackpots__list-item:first-child {
    flex: 1 1 100%;
    margin: 0 auto;
    max-width: 100%;
    order: 1
}

@media(min-width: 768px) {
    .md-jackpots__list-item:first-child {
        flex: 1 1 41%;
        max-width: 41%;
        order: 2
    }
}

@media(min-width: 960px) {
    .md-jackpots__list-item:first-child {
        flex: 1 1 38%;
        max-width: 38%
    }
}

@media(min-width: 768px) {
    .md-jackpots__list-item:nth-child(2) {
        order: 1
    }

    .md-jackpots__list-item:last-child {
        order: 3
    }
}

.md-jackpots__offer {
    margin-bottom: 48px
}

@media(min-width: 768px) {
    .md-jackpots__offer {
        margin-bottom: 56px
    }
}

@media(min-width: 1200px) {
    .md-jackpots__offer {
        margin-bottom: 64px
    }
}

.md-jackpots__text {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 24px
}

    .md-jackpots__text:last-child {
        margin: 0
    }

.md-jackpots__actions {
    text-align: center
}

.md-jackpot {
    margin: 0 auto;
    padding-top: 45px;
    position: relative
}

.md-jackpot__bg {
    width: 100%
}

.md-jackpot__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.md-jackpot__icon {
    display: block;
    margin: 0 auto -3px;
    transform: scale(1.2);
    width: 104px
}

@media(min-width: 768px) {
    .md-jackpot__icon {
        margin: -17px auto 6px;
        width: 116px
    }
}

@media(min-width: 1200px) {
    .md-jackpot__icon {
        margin: -35px auto 0;
        width: 168px
    }
}

.md-jackpot__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0 16px;
    text-align: center
}

@media(min-width: 768px) {
    .md-jackpot__content {
        padding-bottom: 20px
    }
}

@media(min-width: 1440px) {
    .md-jackpot__content {
        padding-bottom: 50px
    }
}

.md-jackpot__title {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 0 0 3px;
    text-transform: uppercase
}

@media(min-width: 1200px) {
    .md-jackpot__title {
        font-size: 14px;
        line-height: 20px
    }
}

.md-jackpot__text {
    color: hsla(0,0%,100%,.65);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    gap: 0 12px;
    line-height: 18px;
    margin: 0
}

    .md-jackpot__text span {
        color: #fff
    }

.md-jackpot__total {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 22px;
    margin: 0 0 16px
}

@media(min-width: 768px) {
    .md-jackpot__total {
        font-size: 20px;
        line-height: 26px
    }
}

@media(min-width: 1200px) {
    .md-jackpot__total {
        font-size: 32px;
        font-weight: 800;
        line-height: 40px
    }
}

.md-jackpot__total .odometer.odometer-auto-theme, .md-jackpot__total .odometer.odometer-theme-default {
    height: 22px
}

@media(min-width: 768px) {
    .md-jackpot__total .odometer.odometer-auto-theme, .md-jackpot__total .odometer.odometer-theme-default {
        height: 26px
    }
}

@media(min-width: 1200px) {
    .md-jackpot__total .odometer.odometer-auto-theme, .md-jackpot__total .odometer.odometer-theme-default {
        height: 40px
    }
}

.md-jackpot__range {
    display: flex;
    flex-direction: column
}

@media(min-width: 480px) {
    .md-jackpot__range {
        flex-direction: row;
        gap: 8px;
        justify-content: center
    }
}

@media(min-width: 768px) {
    .md-jackpot__range {
        margin-top: auto
    }
}

.md-jackpot--prime {
    max-width: 272px
}

@media(min-width: 768px) {
    .md-jackpot--prime {
        max-width: 100%
    }
}

.md-jackpot--prime .md-jackpot__bg {
    height: 189px
}

@media(min-width: 768px) {
    .md-jackpot--prime .md-jackpot__bg {
        height: auto
    }
}

.md-jackpot--prime .md-jackpot__icon {
    margin: -17px auto 3px;
    width: 144px
}

@media(min-width: 960px) {
    .md-jackpot--prime .md-jackpot__icon {
        margin: -16px auto 6px;
        width: 175px
    }
}

@media(min-width: 1200px) {
    .md-jackpot--prime .md-jackpot__icon {
        margin: -60px auto 0;
        width: 240px
    }
}

.md-jackpot--prime .md-jackpot__total {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 28px;
    text-shadow: 0 0 3px #0bdede,0 0 3px rgba(11,222,222,.5)
}

@media(min-width: 1200px) {
    .md-jackpot--prime .md-jackpot__total {
        font-size: 42px;
        font-weight: 800;
        line-height: 52px
    }
}

.md-jackpot--prime .md-jackpot__total .odometer.odometer-auto-theme, .md-jackpot--prime .md-jackpot__total .odometer.odometer-theme-default {
    height: 36px
}

@media(min-width: 1200px) {
    .md-jackpot--prime .md-jackpot__total .odometer.odometer-auto-theme, .md-jackpot--prime .md-jackpot__total .odometer.odometer-theme-default {
        height: 52px
    }
}

.md-jackpot--prime .md-jackpot__range {
    flex-direction: row;
    justify-content: center
}

.md-jackpot--prime .odometer-digit, .md-jackpot--prime .odometer-value {
    line-height: 36px;
    width: 18px
}

@media(min-width: 1200px) {
    .md-jackpot--prime .odometer-digit, .md-jackpot--prime .odometer-value {
        line-height: 52px;
        width: 30px
    }
}

.md-jackpot--grand .md-jackpot__icon, .md-jackpot--major .md-jackpot__icon {
    height: 107px;
    width: auto
}

@media(min-width: 768px) {
    .md-jackpot--grand .md-jackpot__icon, .md-jackpot--major .md-jackpot__icon {
        height: 125px;
        height: 145px
    }
}

@media(min-width: 1200px) {
    .md-jackpot--grand .md-jackpot__icon, .md-jackpot--major .md-jackpot__icon {
        height: 178px
    }
}

.md-jackpot--grand .odometer-digit, .md-jackpot--grand .odometer-value, .md-jackpot--major .odometer-digit, .md-jackpot--major .odometer-value {
    line-height: 22px;
    width: 12px
}

@media(min-width: 768px) {
    .md-jackpot--grand .odometer-digit, .md-jackpot--grand .odometer-value, .md-jackpot--major .odometer-digit, .md-jackpot--major .odometer-value {
        line-height: 26px;
        width: 15px
    }
}

@media(min-width: 1200px) {
    .md-jackpot--grand .odometer-digit, .md-jackpot--grand .odometer-value, .md-jackpot--major .odometer-digit, .md-jackpot--major .odometer-value {
        line-height: 42px;
        width: 23px
    }
}

.md-jackpot--grand .md-jackpot__total {
    text-shadow: 0 0 3px #809eed,0 0 3px rgba(187,206,255,.5)
}

.md-jackpot--major .md-jackpot__total {
    text-shadow: 0 0 3px #ff6ea3,0 0 3px rgba(255,138,181,.5)
}

.s-button {
    align-items: center;
    background: #0bdede;
    border: none;
    color: #001b33;
    display: inline-flex;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    transition: background .3s ease,border-color .3s ease,color .3s ease;
    white-space: nowrap
}

    .s-button:active, .s-button:focus, .s-button:hover {
        background: #0acbcb
    }

    .s-button:not(:disabled) {
        cursor: pointer
    }

    .s-button:disabled {
        background: rgba(80,99,133,.4);
        color: hsla(0,0%,100%,.25);
        cursor: not-allowed
    }

.s-button--secondary {
    background: #2a4f0e;
    color: #fff
}

    .s-button--secondary:active, .s-button--secondary:focus, .s-button--secondary:hover {
        background: #445778
    }

    .s-button--secondary:disabled {
        background: rgba(80,99,133,.4)
    }

.s-button--third {
    background: #f51969;
    color: #fff
}

    .s-button--third:active, .s-button--third:focus, .s-button--third:hover {
        background: #ff3b82
    }

    .s-button--third:disabled {
        background: rgba(80,99,133,.4)
    }

.s-button--outline {
    background: transparent;
    border: 1px solid hsla(0,0%,100%,.12);
    color: #fff
}

    .s-button--outline:active, .s-button--outline:focus, .s-button--outline:hover {
        background: transparent;
        border-color: hsla(0,0%,100%,.2)
    }

    .s-button--outline:disabled {
        background: transparent;
        border-color: hsla(0,0%,100%,.12)
    }

.s-button--lg {
    border-radius: 10px;
    height: 56px;
    padding: 16px 24px
}

.s-button--lg, .s-button--md {
    font-size: 16px;
    line-height: 24px;
    min-width: 100px
}

.s-button--md {
    border-radius: 8px;
    height: 48px;
    padding: 12px 20px
}

.s-button--sm {
    height: 40px;
    padding: 10px 16px
}

.s-button--sm, .s-button--xs {
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    min-width: 80px
}

.s-button--xs {
    height: 36px;
    padding: 8px 12px
}

.login-form .login-form__form-element, .login-form__two-factor-errors {
    margin-bottom: 12px
}

.login-form__forgot-password-link-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
    width: 100%
}

.login-form__forgot-password-link {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    transition: color .3s ease
}

    .login-form__forgot-password-link:hover {
        color: #fff
    }

.login-form__sign-up-link {
    color: #00dccd;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-left: 4px;
    transition: color .3s ease
}

    .login-form__sign-up-link:hover {
        color: #1df0e2
    }

.login-form .login-form__submit-button {
    margin: 16px 0 0;
    width: 100%
}

.login-form__footer {
    color: hsla(0,0%,100%,.65);
    display: none;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px;
    width: 100%
}

@media(min-width: 1200px) {
    .login-form__footer {
        align-items: center;
        display: flex;
        justify-content: center
    }
}

.flip-card {
    display: flex;
    overflow: hidden;
    perspective: 1000px;
    position: relative;
    width: 100%
}

.flip-card__back, .flip-card__front {
    backface-visibility: hidden;
    background: #263b57;
    left: 0;
    min-height: 100%;
    position: static;
    top: 0;
    transition: transform .3s;
    width: 100%
}

.flip-card__back {
    position: absolute;
    transform: rotateY(180deg)
}

.flip-card__btn {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 10
}

.flip-card--open .flip-card__front {
    position: absolute;
    transform: rotateY(180deg)
}

.flip-card--open .flip-card__back {
    position: static;
    transform: rotateY(1turn)
}

.tooltip-info {
    background: #445778;
    border-radius: 8px;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,.44);
    font-size: 14px;
    line-height: 20px;
    margin-right: 4px;
    margin-top: -4px;
    padding: 12px 16px;
    pointer-events: none;
    position: absolute;
    z-index: 9999
}

.tooltip-info__arrow {
    background: #445778;
    height: 10px !important;
    margin-left: -2px !important;
    width: 16px !important
}

.tooltip-info__content {
    max-width: 228px
}

.tooltip-info__title {
    color: #fff;
    font-weight: 700;
    margin-bottom: 4px
}

.tooltip-info__text, .tooltip-info__title {
    font-size: 12px;
    letter-spacing: .01em;
    line-height: 18px
}

.tooltip-info__text {
    color: #999;
    font-weight: 400
}

.tooltip-info__info-btn {
    cursor: pointer
}

.promotions-categories {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

    .promotions-categories:after {
        background: hsla(0,0%,100%,.12);
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: -1
    }

.promotions-categories__buttons {
    -ms-overflow-style: none;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: inline-flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 13px;
    scrollbar-width: none
}

    .promotions-categories__buttons::-webkit-scrollbar {
        display: none
    }

.promotions-categories .promotions-categories__button {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

    .promotions-categories .promotions-categories__button--active, .promotions-categories .promotions-categories__button:active, .promotions-categories .promotions-categories__button:focus, .promotions-categories .promotions-categories__button:hover {
        color: #fff
    }

        .promotions-categories .promotions-categories__button--active:after {
            background: #0bdede;
            bottom: -13px;
            content: "";
            height: 2px;
            position: absolute;
            width: 100%
        }

.promotions-block {
    margin-bottom: 40px
}

@media(min-width: 768px) {
    .promotions-block {
        margin-bottom: 48px
    }
}

.promotions-block__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 32px 0 8px
}

@media(min-width: 1200px) {
    .promotions-block__title {
        font-size: 24px;
        line-height: 32px;
        margin: 40px 0 8px
    }
}

.promotions-block__description {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px
}

.promotions-block__cards {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 24px;
    row-gap: 12px
}

@media(min-width: 768px) {
    .promotions-block__cards {
        -moz-column-gap: 12px;
        column-gap: 12px;
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 1200px) {
    .promotions-block__cards {
        -moz-column-gap: 16px;
        column-gap: 16px;
        row-gap: 16px
    }
}

.promotions-block__card {
    border-radius: 12px;
    min-height: 268px;
    overflow: hidden
}

.promotions-block__card--full {
    grid-column: 1/-1
}

@media(min-width: 480px) {
    .promotions-block__card {
        min-height: 264px
    }
}

@media(min-width: 768px) {
    .promotions-block__card {
        min-height: 294px
    }
}

@media(min-width: 1200px) {
    .promotions-block__card {
        min-height: 312px
    }
}

.promotions-block--active {
    margin-top: 32px
}

@media(min-width: 1200px) {
    .promotions-block--active {
        margin-top: 40px
    }
}

.metamask.metamask {
    border: none;
    min-height: 0;
    min-width: 0;
    padding: 0
}

    .metamask.metamask:hover {
        background: transparent
    }

.metamask__icon {
    height: 100%;
    width: 100%
}

.tourn-about-big {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    row-gap: 24px
}

@media(min-width: 768px) {
    .tourn-about-big {
        -moz-column-gap: 65px;
        column-gap: 65px;
        flex-direction: row
    }
}

.tourn-about-big__item {
    display: flex;
    gap: 16px;
    position: relative
}

@media(min-width: 768px) {
    .tourn-about-big__item:after {
        background: hsla(0,0%,100%,.12);
        content: "";
        height: 100%;
        position: absolute;
        right: -33px;
        width: 1px
    }

    .tourn-about-big__item:last-child:after {
        display: none
    }
}

.tourn-about-big__image {
    height: 48px;
    width: 48px
}

.tourn-about-big__description {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.tourn-about-big__title {
    color: hsla(0,0%,100%,.4);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.tourn-about-big__title, .tourn-about-big__value {
    font-family: Open Sans,sans-serif;
    font-style: normal
}

.tourn-about-big__value {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    line-height: 24px;
    margin: 0;
    position: relative;
    text-transform: capitalize
}

.tourn-about-big__hint {
    color: hsla(0,0%,100%,.4);
    display: inline-block;
    position: relative
}

.tourn-about-big__hint-container {
    background: #000;
    border-radius: 8px;
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    left: 64px;
    line-height: 20px;
    max-width: 200px;
    min-width: 220px;
    padding: 8px;
    position: absolute;
    text-align: left;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: all .3s ease;
    z-index: 1
}

    .tourn-about-big__hint-container:before {
        border-bottom: 8px solid transparent;
        border-right: 8px solid #000;
        border-top: 8px solid transparent;
        content: "";
        left: -8px;
        position: absolute;
        top: calc(50% - 8px)
    }

.tourn-about-big__hint-container--active {
    transform: translateY(-50%) scale(1)
}

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

.notification-center-card {
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    padding: 12px 32px 12px 16px;
    position: relative;
    transition: background .3s ease
}

    .notification-center-card:hover {
        background: #445778
    }

.notification-center-card__image {
    margin-right: 12px
}

.notification-center-card__content {
    display: flex;
    flex-direction: column
}

.notification-center-card__title {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px
}

.notification-center-card__description {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.notification-center-card--new:after {
    background: #0bdede;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px
}

.notification-center-card--new .notification-center-card__description {
    color: #fff !important
}

.promotions-bonus-code {
    background: radial-gradient(177.24% 171.39% at 95.96% 0,#2ad0ca 0,#e1f664 22.92%,#feb0fe 46.88%,#abb3fc 68.23%,#5df7a4 87.5%,#58c4f6 100%);
    border-radius: 8px;
    display: inline-block;
    padding: 8px
}

.promotions-bonus-code__inner {
    border: 1.5px solid #001b33;
    border-radius: 6px;
    color: #001b33;
    padding: 12px
}

.promotions-bonus-code--short .promotions-bonus-code__inner {
    font-family: Open Sans,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 14px;
    padding: 8px 24px;
    text-align: center;
    text-transform: uppercase
}

.promotions-bonus-code--short .promotions-bonus-code__value {
    display: block;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    margin-top: 4px;
    text-align: center
}

.promotions-bonus-code--long .promotions-bonus-code__inner {
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.promotions-bonus-code--long .promotions-bonus-code__value {
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-align: center
}

.promotions-bonus-code--modal {
    width: 100%
}

    .promotions-bonus-code--modal .promotions-bonus-code__inner {
        text-align: center
    }

    .promotions-bonus-code--modal .promotions-bonus-code__value {
        align-items: center;
        -moz-column-gap: 8px;
        column-gap: 8px;
        display: flex;
        font-family: Open Sans,sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        justify-content: center;
        line-height: 26px
    }

    .promotions-bonus-code--modal .promotions-bonus-code__button, .promotions-bonus-code--modal .promotions-bonus-code__button:active, .promotions-bonus-code--modal .promotions-bonus-code__button:focus, .promotions-bonus-code--modal .promotions-bonus-code__button:hover {
        color: #001b33
    }

.promotions-bonus-code--clipboard {
    width: 100%
}

    .promotions-bonus-code--clipboard .promotions-bonus-code__inner {
        align-items: center;
        display: flex;
        gap: 8px;
        justify-content: center;
        text-align: center
    }

    .promotions-bonus-code--clipboard .promotions-bonus-code__value {
        -moz-column-gap: 8px;
        column-gap: 8px;
        display: inline-block;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: uppercase
    }

@media(min-width: 768px) {
    .promotions-bonus-code--clipboard .promotions-bonus-code__value {
        font-size: 20px;
        line-height: 26px
    }
}

@media(min-width: 1200px) {
    .promotions-bonus-code--clipboard .promotions-bonus-code__value {
        font-size: 24px;
        line-height: 32px
    }
}

.promotions-bonus-code--clipboard .promotions-bonus-code__button, .promotions-bonus-code--clipboard .promotions-bonus-code__button:active, .promotions-bonus-code--clipboard .promotions-bonus-code__button:focus, .promotions-bonus-code--clipboard .promotions-bonus-code__button:hover {
    color: #001b33
}

.promotions-card {
    height: 100%;
    position: relative;
    width: 100%
}

.promotions-card-carousel {
    height: 265px;
    position: relative;
    width: 500px;
}

@media(max-width: 768px) {
    .promotions-card-carousel {
        height: 213px;
        width: 345px;
    }
}

@media(max-width: 550px) {
    .promotions-card-carousel {
        width: 265px;
    }
}

.promotions-card__background {
    height: 100%;
    left: 50%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.promotions-card__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 24px 16px;
    position: relative;
    width: 100%
}

@media(min-width: 1200px) {
    .promotions-card__content {
        padding: 32px 24px 24px 32px
    }
}

.promotions-card__content--bottom {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 20px
}

@media(min-width: 480px) {
    .promotions-card__content--bottom {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

@media(min-width: 768px) {
    .promotions-card__content--bottom {
        align-items: unset;
        flex-direction: column-reverse;
        justify-content: unset
    }
}

@media(min-width: 1200px) {
    .promotions-card__content--bottom {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

.promotions-card__title {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase
}

.promotions-card__description, .promotions-card__title {
    font-family: Open Sans,sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px
}

.promotions-card__description {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 24px
}

.promotions-card__text {
    color: #fff;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 16px 0 12px;
    text-transform: uppercase
}

@media(min-width: 1200px) {
    .promotions-card__text {
        font-size: 26px;
        line-height: 32px;
        margin: 20px 0 12px
    }
}

.promotions-card__code--short {
    display: none
}

@media(min-width: 480px) {
    .promotions-card__code--short {
        display: block
    }
}

@media(min-width: 768px) {
    .promotions-card__code--short {
        display: none
    }
}

@media(min-width: 1200px) {
    .promotions-card__code--short {
        display: block
    }
}

@media(min-width: 480px) {
    .promotions-card__code--long {
        display: none
    }
}

@media(min-width: 768px) {
    .promotions-card__code--long {
        display: block
    }
}

@media(min-width: 1200px) {
    .promotions-card__code--long {
        display: none
    }
}

.promotions-card__buttons {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex
}

.gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(33, 33, 33, 0), #212121);
    pointer-events: none; /* Evita que el overlay interfiera con los eventos del ratón */
}

.promotions-card .promotions-card__deposit-button {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px;
    background: #0bde53;
    color: black;
}

.promotions-card__modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 768px) {
    .promotions-card__modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 720px;
        width: calc(100% - 20px)
    }
}

.promotions-card__modal .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: hidden
}

@media(min-width: 768px) {
    .promotions-card__modal .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }
}

.clipboard {
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    cursor: pointer;
    display: flex;
    position: relative
}

.clipboard__tooltip {
    background: #445778;
    border-radius: 8px;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,.44);
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    line-height: 20px;
    padding: 8px 12px;
    position: absolute;
    top: -50px;
    transform: translate(-50%) scale(0);
    transition: all .3s ease
}

    .clipboard__tooltip:after {
        background-size: cover;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #445778;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 100%;
        transform: translate(-50%);
        width: 0
    }

.clipboard__tooltip--active {
    transform: translate(-50%) scale(1)
}

.home-game-slider {
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .home-game-slider {
        margin-bottom: 32px
    }
}

.base-slider__horiz-scroll .home-game-slider__item {
    aspect-ratio: 1;
    width: calc(50vw - 20px)
}

@media(min-width: 480px) {
    .base-slider__horiz-scroll .home-game-slider__item {
        width: calc(33.33333vw - 16px)
    }
}

@media(min-width: 768px) {
    .base-slider__horiz-scroll .home-game-slider__item {
        width: calc(25vw - 20px)
    }
}

@media(min-width: 960px) {
    .base-slider__horiz-scroll .home-game-slider__item {
        width: calc(20vw - 18px)
    }
}

@media(min-width: 1200px) {
    .base-slider__horiz-scroll .home-game-slider__item {
        width: unset
    }
}

.modal, .modal__scroller {
    scrollbar-color: transparent;
    scrollbar-width: none
}

    .modal::-webkit-scrollbar, .modal__scroller::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .modal::-webkit-scrollbar-track, .modal__scroller::-webkit-scrollbar-track {
        background: transparent
    }

    .modal::-webkit-scrollbar-thumb, .modal__scroller::-webkit-scrollbar-thumb {
        background: transparent;
        margin: 0
    }

        .modal::-webkit-scrollbar-thumb:hover, .modal:hover::-webkit-scrollbar-thumb, .modal__scroller::-webkit-scrollbar-thumb:hover, .modal__scroller:hover::-webkit-scrollbar-thumb {
            background: transparent
        }

.sign-in-modal.modal--pnp .modal__content-wrapper, .sign-up-modal.modal--pnp .modal__content-wrapper {
    max-width: 462px
}

.search-modal .modal__content-wrapper {
    margin-top: 0;
    width: 100%
}

.search-modal .modal__content {
    background: transparent;
    display: block;
    margin: 64px auto 20px;
    max-width: 340px;
    padding: 0;
    width: 100%
}

@media(min-width: 768px) {
    .search-modal .modal__content {
        margin-top: 160px;
        max-width: 720px
    }
}

.search-modal.modal .modal__close-button {
    right: 26px;
    top: 26px;
    z-index: 1030
}

@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: 1440px) {
    .welcome-modal-wrapper.modal .modal__content-wrapper {
        max-width: 480px
    }
}

.notification-center-modal--lootbox.modal .modal__content-wrapper {
    max-width: 1140px
}

.notification-center-modal--lootbox.modal .modal__content {
    padding: 0
}

.game-panel-info-modal .modal__content-wrapper {
    max-width: 480px
}

.game-panel-info-modal .modal__content {
    border-radius: 20px;
    overflow: hidden
}

.game-panel-info-modal.modal .modal__close-button {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 2
}

@media(min-width: 768px) {
    .game-panel-info-modal.modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.game-info-modal .modal__content-wrapper {
    max-width: 480px
}

.game-info-modal .modal__content {
    border-radius: 20px;
    overflow: hidden;
    padding: 56px 16px
}

@media(min-width: 768px) {
    .game-info-modal .modal__content {
        padding: 56px 48px 48px
    }
}

.game-info-modal.modal .modal__close-button {
    z-index: 2
}

@media(min-width: 768px) {
    .game-info-modal.modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.game-panel-modal__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px;
    text-align: center
}

.game-panel-modal .modal__content-wrapper {
    max-width: 480px
}

.game-panel-modal .modal__content {
    background: #263b57;
    border-radius: 20px
}

.game-panel-modal .modal__scroller {
    padding: 56px 16px 16px
}

@media(min-width: 768px) {
    .game-panel-modal .modal__scroller {
        max-height: calc(100vh - 120px);
        padding: 56px 32px 48px
    }
}

.game-panel-modal.modal .modal__close-button {
    z-index: 2
}

@media(min-width: 768px) {
    .game-panel-modal.modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.game-panel-modal--currency .modal__scroller {
    max-height: calc(100vh - 48px)
}

@media(min-width: 768px) {
    .game-panel-modal--currency .modal__scroller {
        max-height: calc(100vh - 120px)
    }
}

.support-modal .modal__content-wrapper {
    max-width: 500px
}

.support-modal .modal__content {
    border-radius: 20px;
    overflow: hidden;
    padding: 56px 16px
}

@media(min-width: 768px) {
    .support-modal .modal__content {
        padding: 56px 48px 48px
    }
}

.support-modal.modal .modal__close-button {
    z-index: 2
}

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

.cms-modal .modal__content {
    border-radius: 20px;
    overflow: hidden
}

.cms-modal .modal__scroller {
    padding: 56px 16px
}

@media(min-width: 768px) {
    .cms-modal .modal__scroller {
        max-height: calc(100vh - 120px);
        padding: 56px 32px
    }
}

.cms-modal.modal .modal__close-button {
    z-index: 2
}

@media(min-width: 768px) {
    .cms-modal.modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}
/*@media(max-width: 767px) {
    .modal {
        z-index: 9999999999!important;
    }
}*/

.modal {
    align-items: flex-start;
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050
}

.modal--install-app#profile {
    margin-top: 116px
}

@media(min-width: 768px) {
    .modal--install-app#profile {
        margin-top: 56px
    }
}

.modal__backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition-property: opacity;
    z-index: -1
}

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

.modal__scroller {
    display: flex;
    flex: 1;
    flex-direction: column;
    max-height: 100vh;
    overflow: auto
}

@media(min-width: 768px) {
    .modal__scroller {
        max-height: unset
    }
}

.modal__content {
    /*  background-color: #263b57;*/
    border-radius: 4px;
    /*margin: 15px 0px;*/
    /*  opacity: 0;*/
    overflow: hidden;
    position: relative;
    transform: translateY(0px);
    transition-property: opacity,transform;
    border-radius: 20px;
}

.modal .modal__close-button {
    align-items: center;
    background: #333;
    border-radius: 50%;
    color: hsla(0,0%,100%,.65);
    display: flex;
    height: 40px;
    justify-content: center;
    position: fixed;
    right: 16px;
    top: 16px;
    transition: color .3s ease;
    width: 40px;
    z-index: 10
}

@media(min-width: 480px) {
    .modal .modal__close-button {
        position: absolute
    }
}

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

.modal .modal__close-button i {
    font-size: 24px
}

.modal .modal__close-button:hover {
    background: #444 !important;
    color: #fff
}

.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--jackpot-promo .modal__content-wrapper {
    max-width: 1200px
}

.modal--jackpot-promo .modal__content {
    padding: 30px 20px
}

@media(max-width: 768px) {
    .modal--fs-mobile-sm .modal__content-wrapper {
        max-width: 100%;
        width: 100%
    }

    .category-content-margin {
        margin: 0 auto;
        width: calc(100% - 32px);
    }

    .modal--fs-mobile-sm .modal__content {
        border-radius: 0;
        display: flex;
        flex-direction: column;
        margin: 0;
        min-height: 100vh
    }
}

#profile {
    height: calc(100% - 109px);
    margin-top: 55px;
    z-index: 99
}

    #profile .modal__backdrop {
        display: none
    }

@media(min-width: 960px) {
    #profile {
        display: none !important;
    }

        #profile .modal__backdrop {
            display: block
        }
}

#profile .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 960px) {
    #profile .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 720px;
        width: calc(100% - 20px)
    }
}

#profile .modal__content {
    background: #31353f;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: auto
}

#search-modal-games .modal__content-wrapper, #search-modal-providers .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 768px) {
    #search-modal-games .modal__content-wrapper, #search-modal-providers .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 720px;
        width: calc(100% - 20px)
    }
}

#search-modal-games .modal__content, #search-modal-providers .modal__content {
    background: #3a3a3a;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: hidden
}

@media(min-width: 768px) {
    #search-modal-games .modal__content, #search-modal-providers .modal__content {
        border-radius: 20px;
        margin: 32px auto;
        max-height: 800px;
    }
}

#fast-deposit .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 768px) {
    #fast-deposit .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 720px;
        width: calc(100% - 20px)
    }
}

#fast-deposit .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: auto
}

@media(min-width: 768px) {
    #fast-deposit .modal__content {
        border-radius: 20px;
        margin: 32px auto;
        overflow: hidden
    }
}

#kyc-modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 768px) {
    #kyc-modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

#kyc-modal .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: auto
}

@media(min-width: 768px) {
    #kyc-modal .modal__content {
        border-radius: 20px;
        margin: 32px auto;
        overflow: hidden
    }
}

#sign-in .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 480px) {
    #sign-in .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

#sign-in .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: hidden
}

@media(min-width: 480px) {
    #sign-in .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }
}

#sign-in .modal__close-button {
    right: 16px;
    top: 16px
}

@media(min-width: 480px) {
    #sign-in .modal__close-button {
        right: 24px;
        top: 24px
    }
}

#sign-up .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 480px) {
    #sign-up .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

@media(min-width: 1200px) {
    #sign-up .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 1024px
    }
}

#sign-up .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    overflow: auto
}

@media(min-width: 480px) {
    #sign-up .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }
}

#sign-up .modal__close-button {
    right: 16px;
    top: 16px
}

@media(min-width: 480px) {
    #sign-up .modal__close-button {
        right: 24px;
        top: 24px
    }
}

#success-after-registration .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 480px) {
    #success-after-registration .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

#success-after-registration .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media(min-width: 480px) {
    #success-after-registration .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }

    #success-after-registration .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.game-session-close-modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 480px) {
    .game-session-close-modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

.game-session-close-modal .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media(min-width: 480px) {
    .game-session-close-modal .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }

    .game-session-close-modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

#responsible-game .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 480px) {
    #responsible-game .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

#responsible-game .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media(min-width: 480px) {
    #responsible-game .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }

    #responsible-game .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.after-modal-close .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 768px) {
    .after-modal-close .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

.after-modal-close .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media(min-width: 768px) {
    .after-modal-close .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }

    .after-modal-close .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.contact-us-modal .modal__content-wrapper {
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    margin: 0;
    max-width: 100%;
    min-height: 100%;
    width: 100%
}

@media(min-width: 768px) {
    .contact-us-modal .modal__content-wrapper {
        margin: auto;
        max-width: 480px;
        min-height: unset;
        width: calc(100% - 20px)
    }
}

.contact-us-modal .modal__content {
    border-radius: 0;
    flex: 1 1 auto;
    margin: 0
}

@media(min-width: 768px) {
    .contact-us-modal .modal__content {
        border-radius: 20px;
        margin: 20px 0
    }
}

.need-help-modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 480px) {
    .need-help-modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

.need-help-modal .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media(min-width: 768px) {
    .need-help-modal .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }
}

.tourn-winner-special {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    min-height: 48px;
    padding: 8px 12px;
    position: relative
}

    .tourn-winner-special:before {
        border-radius: 0 4px 4px 0;
        content: "";
        height: 32px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2px
    }

.tourn-winner-special__cell {
    color: #fff;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tourn-winner-special--bronze .tourn-winner-special__cell--place, .tourn-winner-special--gold .tourn-winner-special__cell--place, .tourn-winner-special--silver .tourn-winner-special__cell--place {
    align-items: flex-start;
    background: url(/images/place-bg.64bf0c72..svg) 50% no-repeat;
    background-size: cover
}

.tourn-winner-special__cell--place {
    align-items: center;
    display: flex;
    flex: 0 0 32px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    padding: 2px 0
}

.tourn-winner-special__cell--points {
    text-align: right
}

.tourn-winner-special__cell--prize {
    font-weight: 700;
    text-align: right
}

.tourn-winner-special--gold {
    background: linear-gradient(90deg,rgba(255,199,54,.2),rgba(255,199,54,.04))
}

    .tourn-winner-special--gold:before {
        background: #ffc736
    }

.tourn-winner-special--silver {
    background: linear-gradient(90deg,rgba(139,182,215,.2),rgba(139,182,215,.04))
}

    .tourn-winner-special--silver:before {
        background: #8cb6d7
    }

.tourn-winner-special--bronze {
    background: linear-gradient(90deg,rgba(214,110,65,.2),rgba(214,110,65,.04))
}

    .tourn-winner-special--bronze:before {
        background: #d66e41
    }

.tourn-winner-special--current:not(.tourn-winner-special--silver,.tourn-winner-special--gold,.tourn-winner-special--bronze) .tourn-winner-special__cell--place {
    background: #2a4f0e;
    border-radius: 20px;
    flex: 0 0 auto;
    height: auto;
    min-width: 32px;
    padding: 4px 8px
}

.tourn-winner-special--current:not(.tourn-winner-special--silver,.tourn-winner-special--gold,.tourn-winner-special--bronze) .tourn-winner-special__cell--name {
    color: #00dccd
}

.tourn-winners-flex__head {
    padding: 12px 12px 12px 0
}

    .tourn-winners-flex__head .tourn-winners-flex__cell {
        color: hsla(0,0%,100%,.4);
        flex: 1;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .2px;
        line-height: 16px;
        text-transform: uppercase
    }

.tourn-winners-flex__row {
    display: flex
}

.tourn-winners-flex .tourn-winners-flex__cell--place {
    flex: 0 0 56px;
    text-align: center
}

.tourn-winners-flex .tourn-winners-flex__cell--points {
    text-align: right;
    white-space: nowrap
}

.tourn-winners-flex .tourn-winners-flex__cell--prize {
    flex: 1;
    text-align: right
}

.tourn-winners-flex__list {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.tourn-winners-flex__more {
    margin-top: 16px;
    width: 100%
}

    .tourn-winners-flex__more .s-button {
        width: 100%
    }

.tourn-winners-flex__modal-title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

.tourn-winners-flex__modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 768px) {
    .tourn-winners-flex__modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

.tourn-winners-flex__modal .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 56px 16px 32px
}

@media(min-width: 768px) {
    .tourn-winners-flex__modal .modal__content {
        border-radius: 20px;
        margin: 32px auto;
        padding: 56px 32px 32px
    }
}

@media(min-width: 480px) {
    .tourn-winners-flex__modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.tourn-winner {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    min-height: 48px;
    padding: 8px 12px;
    position: relative
}

    .tourn-winner:before {
        border-radius: 0 4px 4px 0;
        content: "";
        height: 32px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2px
    }

.tourn-winner__cell {
    color: #fff;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tourn-winner--bronze .tourn-winner__cell--place, .tourn-winner--gold .tourn-winner__cell--place, .tourn-winner--silver .tourn-winner__cell--place {
    align-items: flex-start;
    background: url(/images/place-bg.64bf0c72..svg) 50% no-repeat;
    background-size: cover
}

.tourn-winner__cell--place {
    align-items: center;
    display: flex;
    flex: 0 0 32px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    padding: 2px 0
}

.tourn-winner__cell--points {
    text-align: right
}

.tourn-winner__cell--prize {
    font-weight: 700;
    text-align: right
}

.tourn-winner--gold {
    background: linear-gradient(90deg,rgba(255,199,54,.2),rgba(255,199,54,.04))
}

    .tourn-winner--gold:before {
        background: #ffc736
    }

.tourn-winner--silver {
    background: linear-gradient(90deg,rgba(139,182,215,.2),rgba(139,182,215,.04))
}

    .tourn-winner--silver:before {
        background: #8cb6d7
    }

.tourn-winner--bronze {
    background: linear-gradient(90deg,rgba(214,110,65,.2),rgba(214,110,65,.04))
}

    .tourn-winner--bronze:before {
        background: #d66e41
    }

.tourn-winner--current:not(.tourn-winner--silver,.tourn-winner--gold,.tourn-winner--bronze) .tourn-winner__cell--place {
    background: #2a4f0e;
    border-radius: 20px;
    flex: 0 0 auto;
    height: auto;
    min-width: 32px;
    padding: 4px 8px
}

.tourn-winner--current:not(.tourn-winner--silver,.tourn-winner--gold,.tourn-winner--bronze) .tourn-winner__cell--name {
    color: #00dccd
}

.slider-loader {
    aspect-ratio: 1;
    background: #263b57;
    border-radius: 8px;
    height: auto;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

    .slider-loader:before {
        animation: flareAnimation 1.5s linear .5s infinite;
        background: linear-gradient(0deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.4),hsla(0,0%,100%,.1));
        content: "";
        height: 100%;
        left: -150%;
        opacity: .1;
        position: absolute;
        top: 0;
        transform: skewX(-45deg);
        width: 20%
    }

@keyframes flareAnimation {
    0% {
        left: -150%
    }

    to {
        left: 150%
    }
}

.games-not-found {
    color: hsla(0,0%,100%,.65);
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase
}

.games-not-found--custom {
    margin-top: 85px
}

@media(min-width: 768px) {
    .games-not-found--custom {
        margin-top: 105px
    }
}

.games-not-found--custom .games-not-found__img-wrap {
    height: 100px;
    margin: 0 auto;
    width: 100px
}

@media(min-width: 768px) {
    .games-not-found--custom .games-not-found__img-wrap {
        height: 140px;
        width: 140px
    }
}

.games-not-found--custom .games-not-found__img {
    height: 100%;
    width: 100%
}

.games-not-found--custom .games-not-found__title {
    color: hsla(0,0%,100%,.45);
    font-family: Roboto,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 20px 0;
    text-align: center;
    text-transform: none
}

@media(min-width: 768px) {
    .games-not-found--custom .games-not-found__title {
        font-size: 16px;
        line-height: 24px
    }
}

.card-link {
    align-items: center;
    aspect-ratio: 1/1;
    background-color: #445778;
    border-radius: 8px;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap: 8px;
    justify-content: center;
    line-height: 20px;
    padding: 16px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s ease
}

    .card-link:hover {
        background-color: #2a4f0e;
        text-decoration: none
    }

.card-link__btn {
    font-size: inherit
}

.card-link--trimmed {
    overflow: hidden
}

    .card-link--trimmed .card-link__text {
        max-width: calc(100% - 32px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.tourn-prizes-flex__head {
    padding: 12px 0
}

    .tourn-prizes-flex__head .tourn-prizes-flex__cell {
        color: hsla(0,0%,100%,.4);
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .2px;
        line-height: 16px;
        text-transform: uppercase
    }

.tourn-prizes-flex__row {
    display: flex
}

.tourn-prizes-flex__cell--place {
    flex: 0 0 56px;
    text-align: center
}

.tourn-prizes-flex__cell--prize {
    flex: 1
}

.tourn-prizes-flex__list {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.tourn-prizes-flex__more {
    margin-top: 16px;
    width: 100%
}

    .tourn-prizes-flex__more .s-button {
        width: 100%
    }

.tourn-prizes-flex__modal-title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

.tourn-prizes-flex__modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 768px) {
    .tourn-prizes-flex__modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

.tourn-prizes-flex__modal .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 56px 16px 32px
}

@media(min-width: 768px) {
    .tourn-prizes-flex__modal .modal__content {
        border-radius: 20px;
        margin: 32px auto;
        padding: 56px 32px 32px
    }
}

@media(min-width: 480px) {
    .tourn-prizes-flex__modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.s-button, .link-btn {
    align-items: center;
    background: #0bde53;
    border: none;
    color: #001b33;
    display: inline-flex;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    transition: background .3s ease,border-color .3s ease,color .3s ease;
    white-space: nowrap
}

    .s-button:active, .s-button:focus, .s-button:hover, .link-btn:active, .link-btn:focus, .link-btn:hover {
        background: #0aed7d;
    }

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

    .s-button:disabled, .link-btn:disabled {
        background: rgba(80,99,133,.4);
        color: hsla(0,0%,100%,.25);
        cursor: not-allowed
    }

.s-button--secondary, .link-btn--secondary {
    background: #2a4f0e;
    color: #fff
}

    .s-button--secondary:active, .s-button--secondary:focus, .s-button--secondary:hover, .link-btn--secondary:active, .link-btn--secondary:focus, .link-btn--secondary:hover {
        background: #445778
    }

    .s-button--secondary:disabled, .link-btn--secondary:disabled {
        background: rgba(80,99,133,.4)
    }

.s-button--third, .link-btn--third {
    background: #0CD664;
    color: #fff
}

    .s-button--third:active, .s-button--third:focus, .s-button--third:hover, .link-btn--third:active, .link-btn--third:focus, .link-btn--third:hover {
        background: #19B42C;
        text-decoration: none;
        color: white;
    }

    .s-button--third:disabled, .link-btn--third:disabled {
        background: rgba(80,99,133,.4)
    }

.s-button--outline, .link-btn--outline {
    background: transparent;
    border: 1px solid hsla(0,0%,100%,.12);
    color: #fff
}

    .s-button--outline:active, .s-button--outline:focus, .s-button--outline:hover, .link-btn--outline:active, .link-btn--outline:focus, .link-btn--outline:hover {
        background: transparent;
        border-color: hsl(0deg 0% 100% / 46%);
        text-decoration: none;
        color: white;
    }

    .s-button--outline:disabled, .link-btn--outline:disabled {
        background: transparent;
        border-color: hsla(0,0%,100%,.12)
    }

.s-button--lg, .link-btn--lg {
    border-radius: 10px;
    height: 56px;
    padding: 16px 24px
}

.s-button--lg, .s-button--md, .link-btn--lg, .link-btn--md {
    font-size: 16px;
    line-height: 24px;
    min-width: 100px
}

.s-button--md, .link-btn--md {
    border-radius: 8px;
    height: 48px;
    padding: 12px 20px
}

.s-button--sm, .link-btn--sm {
    height: 40px;
    padding: 10px 16px
}

.s-button--sm, .s-button--xs, .link-btn--sm, .link-btn--xs {
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    min-width: 80px
}

.s-button--xs, .link-btn--xs {
    height: 36px;
    padding: 8px 12px
}

.link-btn {
    text-decoration: none
}

.game-slider.game-slider--jackpot {
    background-color: transparent
}

    .game-slider.game-slider--jackpot + .game-slider__controls {
        display: flex;
        justify-content: space-between;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%
    }

@media(max-width: 960px) {
    .game-slider.game-slider--jackpot + .game-slider__controls {
        display: none
    }
}

.game-slider.game-slider--jackpot + .game-slider__controls .game-slider__button {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: transparent;
    background: #001b33;
    border: none;
    border-radius: 50%;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 48px;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    text-shadow: none;
    transition: background-color .3s ease;
    width: 48px
}

    .game-slider.game-slider--jackpot + .game-slider__controls .game-slider__button:hover {
        background: rgba(0,27,51,.7)
    }

.game-slider.game-slider--jackpot + .game-slider__controls .game-slider__button--next {
    margin-right: -50px
}

.game-slider.game-slider--jackpot + .game-slider__controls .game-slider__button--prev {
    margin-left: -50px
}

.slider-wrapper {
    position: relative
}

.game-slider.slick-slider.game-slider-jackpot {
    -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;
    z-index: 2
}

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

        .game-slider.slick-slider.game-slider-jackpot .slick-list:focus {
            outline: none
        }

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

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

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

@media(max-width: 768px) {
    .game-slider.slick-slider.game-slider-jackpot .slick-track {
        display: flex
    }
}

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

.game-slider.slick-slider.game-slider-jackpot .slick-track:after {
    clear: both
}

.slick-loading .game-slider.slick-slider.game-slider-jackpot .slick-track {
    visibility: hidden
}

.game-slider.slick-slider.game-slider-jackpot .slick-slide {
    display: none;
    float: left;
    height: 100%;
    margin: 0 !important;
    min-height: 1px;
    padding: 0 12px
}

@media(max-width: 768px) {
    .game-slider.slick-slider.game-slider-jackpot .slick-slide {
        padding: 0 8px
    }
}

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

.game-slider.slick-slider.game-slider-jackpot .slick-slide img:not(.image--hidden) {
    display: block
}

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

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

.game-slider.slick-slider.game-slider-jackpot.slick-initialized .slick-slide {
    display: block
}

.game-slider.slick-slider.game-slider-jackpot.slick-loading .slick-slide {
    visibility: hidden
}

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

.game-slider.slick-slider.game-slider-jackpot .slick-arrow.slick-hidden {
    display: none
}

@media(max-width: 960px) {
    .game-slider.slick-slider.game-slider-jackpot.game-slider--jackpot .slick-list {
        overflow: visible
    }
}

@media(max-width: 768px) {
    .game-slider.slick-slider.game-slider-jackpot.game-slider--jackpot .slick-slide {
        flex: 0 0 156px
    }
}

.grid-game-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
}

    .grid-game-slider.slick-slider .slick-list {
        display: block;
        margin: 0 -8px;
        overflow: hidden;
        padding: 0;
        position: relative
    }

@media(min-width: 480px) {
    .grid-game-slider.slick-slider .slick-list {
        margin: 0 -/2
    }
}

@media(min-width: 768px) {
    .grid-game-slider.slick-slider .slick-list {
        margin: 0 -8px
    }
}

@media(min-width: 960px) {
    .grid-game-slider.slick-slider .slick-list {
        margin: 0 -/2
    }
}

@media(min-width: 1200px) {
    .grid-game-slider.slick-slider .slick-list {
        margin: 0 -8px
    }
}

@media(min-width: 1440px) {
    .grid-game-slider.slick-slider .slick-list {
        margin: 0 -/2
    }
}

@media(min-width: 1680px) {
    .grid-game-slider.slick-slider .slick-list {
        margin: 0 -/2
    }
}

.grid-game-slider.slick-slider .slick-list:focus {
    outline: none
}

.grid-game-slider.slick-slider .slick-list.dragging {
    cursor: hand
}

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

.grid-game-slider.slick-slider .slick-track {
    align-items: stretch;
    display: flex;
    left: 0;
    position: relative;
    top: 0
}

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

    .grid-game-slider.slick-slider .slick-track:after {
        clear: both
    }

.slick-loading .grid-game-slider.slick-slider .slick-track {
    visibility: hidden
}

.grid-game-slider.slick-slider .slick-slide {
    display: none;
    min-height: 1px;
    padding: 0 8px
}

@media(max-width: 768px) {
    .grid-game-slider.slick-slider .slick-slide {
        flex-shrink: 0;
        width: 136px !important
    }
}

@media(min-width: 480px) {
    .grid-game-slider.slick-slider .slick-slide {
        padding: 0/2
    }
}

@media(min-width: 768px) {
    .grid-game-slider.slick-slider .slick-slide {
        padding: 0 8px
    }
}

@media(min-width: 960px) {
    .grid-game-slider.slick-slider .slick-slide {
        padding: 0/2
    }
}

@media(min-width: 1200px) {
    .grid-game-slider.slick-slider .slick-slide {
        padding: 0 8px
    }
}

@media(min-width: 1440px) {
    .grid-game-slider.slick-slider .slick-slide {
        padding: 0/2
    }
}

@media(min-width: 1680px) {
    .grid-game-slider.slick-slider .slick-slide {
        padding: 0/2
    }
}

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

.grid-game-slider.slick-slider .slick-slide img:not(.image--hidden) {
    display: block
}

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

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

.grid-game-slider.slick-slider .slick-slide > div {
    max-width: 100%
}

.grid-game-slider.slick-slider.slick-initialized .slick-slide {
    display: flex
}

    .grid-game-slider.slick-slider.slick-initialized .slick-slide > div, .grid-game-slider.slick-slider.slick-initialized .slick-slide > div > div {
        display: flex !important
    }

.grid-game-slider.slick-slider.slick-loading .slick-slide {
    visibility: hidden
}

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

.grid-game-slider.slick-slider .slick-arrow.slick-hidden {
    display: none
}

.grid-game-slider .slick-arrow {
    background: transparent;
    border: 1px solid hsla(0,0%,100%,.12);
    border-radius: 50%;
    height: 40px;
    min-width: unset;
    width: 40px
}

.grid-game-slider__horiz-scroll {
    -ms-overflow-style: none;
    background: #263b57;
    border-radius: 20px;
    display: grid;
    gap: 16px;
    grid-auto-flow: column;
    grid-template-columns: max-content;
    overflow: auto;
    padding: 24px;
    position: relative;
    scrollbar-width: none
}

    .grid-game-slider__horiz-scroll::-webkit-scrollbar {
        display: none
    }

@media(min-width: 768px) {
    .grid-game-slider__horiz-scroll {
        display: none
    }
}

.game-info-slide {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 120px
}

@media(min-width: 768px) {
    .game-info-slide {
        width: auto
    }
}

.game-info-slide__image {
    height: 120px;
    margin: 0 0 16px
}

@media(min-width: 1200px) {
    .game-info-slide__image {
        height: 166px
    }
}

@media(min-width: 1440px) {
    .game-info-slide__image {
        height: 200px
    }
}

.game-info-slide__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.game-info-slide__content {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase
}

.game-info-slide__tooltip {
    background: #000;
    max-width: 250px
}

.tooltip {
    border-radius: 8px;
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    line-height: 18px;
    max-width: 260px;
    padding: 12px;
    pointer-events: none;
    position: absolute;
    transition: all .3s ease;
    z-index: 1070
}

    .tooltip, .tooltip .arrow {
        background: #445778
    }

@media(min-width: 480px) {
    #tooltip-root .tooltip:not(:last-child) {
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }
}

.ze-chat-btn {
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 50%;
    color: #0bdede;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-width: unset;
    outline: none;
    padding: 0;
    position: fixed;
    transition: .2s
}

    .ze-chat-btn:active, .ze-chat-btn:focus, .ze-chat-btn:hover {
        background: #0bdede !important;
        color: #fff !important
    }

.ze-chat-btn--game {
    bottom: 0;
    height: 44px;
    position: relative;
    right: 0;
    width: 44px
}

.ze-chat-btn--home {
    background: #0dcd61;
    bottom: 64px;
    color: #192c43;
    height: 44px;
    position: fixed;
    right: 8px;
    width: 44px;
    z-index: 15
}

@media(min-width: 768px) {
    .ze-chat-btn--home {
        height: 60px;
        width: 60px
    }

        .ze-chat-btn--home i {
            font-size: 28px
        }
}

@media(min-width: 960px) {
    .ze-chat-btn--home {
        bottom: 16px;
        right: 16px
    }
}

.ze-chat-btn--home:active, .ze-chat-btn--home:focus, .ze-chat-btn--home:hover {
    background: #1df0e2 !important;
    color: #192c43 !important
}

.ze-chat-btn--inline-text {
    background: transparent;
    border-radius: 0;
    color: #00dccd;
    display: inline;
    position: static
}

    .ze-chat-btn--inline-text:active, .ze-chat-btn--inline-text:focus, .ze-chat-btn--inline-text:hover {
        background: transparent !important;
        color: #1df0e2 !important
    }

.card-tournament {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    min-height: 144px;
    overflow: hidden;
    padding: 12px;
    position: relative
}

    .card-tournament:after {
        background: linear-gradient(359.28deg,rgba(10,10,13,.4) .68%,rgba(10,10,13,0) 99.45%);
        bottom: 0;
        content: "";
        height: 90px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1
    }

.card-tournament__bg {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    width: 100%
}

.card-tournament__inner {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    position: relative;
    z-index: 2
}

.card-tournament__content {
    margin: auto 0 0
}

.card-tournament__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 8px
}

    .card-tournament__title:last-child {
        margin: 0
    }

.card-timer {
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(10,10,13,.4);
    border-radius: 16px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 100%;
    min-height: 24px;
    padding: 4px 8px;
    text-align: center
}

.card-timer__list {
    display: flex;
    gap: 6px;
    max-width: 100%;
    width: 100%
}

.card-timer__item, .card-timer__list {
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0
}

.card-timer__item {
    display: inline-flex;
    position: relative;
    width: auto
}

    .card-timer__item:not(:first-child,:last-child):before {
        color: #fff;
        content: ":";
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        position: absolute;
        right: -5px;
        text-align: center;
        top: 50%;
        transform: translateY(-50%)
    }

.card-timer__label {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

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

.card-timer__value {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.card-timer__text, .card-timer__value {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

.card-timer__text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tourn-prize {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    min-height: 48px;
    overflow: hidden;
    padding: 8px 12px;
    position: relative
}

.tourn-prize__place {
    background: url(/images/place-bg.64bf0c72..svg) 50% no-repeat;
    background-size: cover;
    flex: 0 0 32px;
    height: 32px;
    padding: 2px 0;
    text-align: center
}

.tourn-prize__place, .tourn-prize__prize {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.tourn-prize__prize {
    margin: 0
}

.tourn-prize--gold {
    background: linear-gradient(90deg,rgba(255,199,54,.2),rgba(255,199,54,.04))
}

    .tourn-prize--gold:after {
        background: url(/images/gold-cup.f198fdf0..png) 50% no-repeat;
        bottom: -16px;
        content: "";
        height: 56px;
        position: absolute;
        right: 4px;
        width: 64px
    }

.tourn-prize--silver {
    background: linear-gradient(90deg,rgba(139,182,215,.2),rgba(139,182,215,.04))
}

    .tourn-prize--silver:after {
        background: url(/images/silver-cup.41188d3a..png) 50% no-repeat;
        bottom: -16px;
        content: "";
        height: 56px;
        position: absolute;
        right: 4px;
        width: 64px
    }

.tourn-prize--bronze {
    background: linear-gradient(90deg,rgba(214,110,65,.2),rgba(214,110,65,.04))
}

    .tourn-prize--bronze:after {
        background: url(/images/bronze-cup.e7f69b70..png) 50% no-repeat;
        bottom: -16px;
        content: "";
        height: 56px;
        position: absolute;
        right: 4px;
        width: 64px
    }

.base-slider__horiz-scroll .tournament-game-slider__item {
    width: 100%;
    width: calc(50vw - 20px)
}

@media(min-width: 480px) {
    .base-slider__horiz-scroll .tournament-game-slider__item {
        width: calc(33.33333vw - 16px)
    }
}

@media(min-width: 768px) {
    .base-slider__horiz-scroll .tournament-game-slider__item {
        width: calc(25vw - 20px)
    }
}

@media(min-width: 960px) {
    .base-slider__horiz-scroll .tournament-game-slider__item {
        width: calc(20vw - 18px)
    }
}

@media(min-width: 1200px) {
    .base-slider__horiz-scroll .tournament-game-slider__item {
        width: unset
    }
}

.game {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.game--jackpot .game__action, .game--jackpot .game__block-img {
    border-radius: 8px 8px 0 0
}

.game--jackpot:hover:after {
    opacity: 0
}

.game--jackpot:after {
    background: linear-gradient(180deg,rgba(38,59,87,0),rgba(38,59,87,.009) 6.67%,rgba(38,59,87,.036) 13.33%,rgba(38,59,87,.082) 20%,rgba(38,59,87,.147) 26.67%,rgba(38,59,87,.232) 33.33%,rgba(38,59,87,.332) 40%,rgba(38,59,87,.443) 46.67%,rgba(38,59,87,.557) 53.33%,rgba(38,59,87,.668) 60%,rgba(38,59,87,.768) 66.67%,rgba(38,59,87,.853) 73.33%,rgba(38,59,87,.918) 80%,rgba(38,59,87,.964) 86.67%,rgba(38,59,87,.991) 93.33%,#263b57);
    bottom: 0;
    content: "";
    height: 40%;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s ease;
    width: 100%
}

.game__block-img {
    border-radius: 8px;
    display: flex;
    font-size: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.game__img {
    border: none;
    height: 100%;
    width: 100%
}

.game__action {
    align-items: center;
    background-color: rgba(0,27,51,.65);
    border-radius: 8px;
    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%
}

.game:hover .game__action {
    opacity: 0
}

@media(min-width: 1200px) {
    .game:hover .game__action {
        opacity: 1
    }
}

.game__favorite {
    border-radius: 50%;
    display: none;
    opacity: 0;
    padding: 6px;
    position: absolute;
    right: 4px;
    top: 4px;
    transition: opacity .3s ease,background .3s ease;
    z-index: 10
}

@media(min-width: 1200px) {
    .game__favorite {
        display: block
    }
}

.game__favorite:hover {
    background: rgba(0,27,51,.65)
}

.game__favorite--add {
    color: #fff
}

.game__favorite--remove {
    color: #0bdede !important
}

.game:hover .game__favorite {
    opacity: 1
}

@media(max-width: 1200px) {
    .game:hover .game__favorite {
        opacity: 0
    }
}

.game__label-list {
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    opacity: 1;
    padding: 8px;
    pointer-events: none;
    position: absolute;
    row-gap: 4px;
    top: 0;
    transition: opacity .3s ease
}

@media(min-width: 1200px) {
    .game:hover .game__label-list {
        opacity: 0
    }
}

.game__label {
    border-radius: 12px;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    padding: 2px 6px;
    text-transform: uppercase
}

.game__label--new {
    background: #1adb4a;
    color: #001b33
}

.game__label--top {
    background: #00dccd;
    color: #001b33
}

.game__label--cashback {
    background: #7e14ff;
    color: #fff
}

.game__label--hot {
    background: #0bdede;
    color: #fff
}

.game__label--exclusive {
    background: radial-gradient(243.63% 279.45% at 127.61% -17.5%,#2ad0ca 0,#e1f664 22.92%,#feb0fe 56.7%,#5df7a4 98.15%);
    color: #001b33
}

.game__label--night {
    background: #e212ff;
    color: #fff
}

.game__label--platin-jackpot {
    height: 24px;
    padding: 0;
    width: 24px
}

.game__label--jackpot {
    background: #ffd336;
    bottom: 8px;
    color: #001b33;
    left: 8px;
    opacity: 1;
    position: absolute;
    transition: opacity .3s ease
}

@media(min-width: 1200px) {
    .game:hover .game__label--jackpot {
        opacity: 0
    }
}

.game__label img {
    width: 100%
}

.game__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin: 8px 0 4px;
    max-width: 144px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.game > .game__title {
    left: 50%;
    padding: 0 4px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.game__provider {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase
}

.game__buttons {
    display: block;
    margin: 8% 0 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.game .game__button--play {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-size: 21px;
    height: 100%;
    justify-content: center;
    left: 50%;
    min-height: unset;
    min-width: unset;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

@media(min-width: 1200px) {
    .game .game__button--play {
        border-radius: 50%;
        height: 56px;
        left: unset;
        position: relative;
        top: unset;
        transform: unset;
        width: 56px
    }
}

.game .game__button--demo {
    border-radius: 25px;
    bottom: 8px;
    color: #fff;
    display: none;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    left: 50%;
    letter-spacing: .2px;
    line-height: 16px;
    padding: 6px 12px;
    position: absolute;
    text-transform: uppercase;
    transform: translate(-50%);
    transition: background .3s ease
}

    .game .game__button--demo:hover {
        background: rgba(0,27,51,.65)
    }

@media(min-width: 1200px) {
    .game .game__button--demo {
        display: block
    }
}

.game__play {
    align-items: center;
    display: flex;
    flex-direction: column
}

.game__icon--play {
    font-size: 21px !important;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.base-slider {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-template-areas: "header header controls" "slider slider slider";
    grid-template-columns: 1fr 1fr 88px;
    row-gap: 12px
}

@media(min-width: 768px) {
    .base-slider {
        row-gap: 20px
    }
}

.base-slider--with-see-more {
    -moz-column-gap: 12px;
    column-gap: 12px;
    grid-template-areas: "header header see-more" "slider slider slider";
    grid-template-columns: 1fr 1fr minmax(86px,min-content);
    row-gap: 12px
}

@media(min-width: 768px) {
    .base-slider--with-see-more {
        row-gap: 20px
    }
}

@media(min-width: 1200px) {
    .base-slider--with-see-more {
        grid-template-areas: "header see-more controls" "slider slider slider";
        grid-template-columns: 1fr minmax(86px,min-content) 88px
    }
}

.base-slider__header {
    align-items: center;
    display: flex;
    grid-area: header
}

.base-slider__controls {
    display: none;
    grid-area: controls
}

@media(min-width: 1200px) {
    .base-slider__controls {
        display: flex
    }
}

.base-slider__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

    .base-slider__title:first-letter {
        text-transform: uppercase
    }

@media(min-width: 480px) {
    .base-slider__title {
        font-size: 20px;
        line-height: 30px
    }
}

@media(min-width: 768px) {
    .base-slider__title {
        font-size: 24px;
        line-height: 32px
    }
}

.base-slider .base-slider__button--see-more {
    grid-area: see-more
}

.base-slider .base-slider__button--next, .base-slider .base-slider__button--prev {
    border-radius: 50%;
    height: 40px;
    min-width: unset;
    width: 40px
}

.base-slider__arrows {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex
}

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

    .base-slider__slider.slick-slider .slick-list {
        display: block;
        margin: 0 -4px;
        padding: 0;
        position: relative
    }

@media(min-width: 480px) {
    .base-slider__slider.slick-slider .slick-list {
        margin: 0 -/2
    }
}

@media(min-width: 768px) {
    .base-slider__slider.slick-slider .slick-list {
        margin: 0 -6px
    }
}

@media(min-width: 960px) {
    .base-slider__slider.slick-slider .slick-list {
        margin: 0 -/2
    }
}

@media(min-width: 1200px) {
    .base-slider__slider.slick-slider .slick-list {
        margin: 0 -8px
    }
}

@media(min-width: 1440px) {
    .base-slider__slider.slick-slider .slick-list {
        margin: 0 -/2
    }
}

@media(min-width: 1680px) {
    .base-slider__slider.slick-slider .slick-list {
        margin: 0 -/2
    }
}

.base-slider__slider.slick-slider .slick-list:focus {
    outline: none
}

.base-slider__slider.slick-slider .slick-list.dragging {
    cursor: hand
}

@media(min-width: 1200px) {
    .base-slider__slider.slick-slider .slick-list {
        overflow: hidden
    }
}

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

.base-slider__slider.slick-slider .slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0
}

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

    .base-slider__slider.slick-slider .slick-track:after {
        clear: both
    }

.slick-loading .base-slider__slider.slick-slider .slick-track {
    visibility: hidden
}

.base-slider__slider.slick-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    padding: 0 4px
}

@media(min-width: 480px) {
    .base-slider__slider.slick-slider .slick-slide {
        padding: 0/2
    }
}

@media(min-width: 768px) {
    .base-slider__slider.slick-slider .slick-slide {
        padding: 0 6px
    }
}

@media(min-width: 960px) {
    .base-slider__slider.slick-slider .slick-slide {
        padding: 0/2
    }
}

@media(min-width: 1200px) {
    .base-slider__slider.slick-slider .slick-slide {
        padding: 0 8px
    }
}

@media(min-width: 1440px) {
    .base-slider__slider.slick-slider .slick-slide {
        padding: 0/2
    }
}

@media(min-width: 1680px) {
    .base-slider__slider.slick-slider .slick-slide {
        padding: 0/2
    }
}

.base-slider__slider.slick-slider .slick-slide > div {
    display: flex
}

    .base-slider__slider.slick-slider .slick-slide > div + div {
        margin-top: 16px
    }

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

.base-slider__slider.slick-slider .slick-slide img:not(.image--hidden) {
    display: block
}

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

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

.base-slider__slider.slick-slider.slick-initialized .slick-slide {
    display: block
}

.base-slider__slider.slick-slider.slick-loading .slick-slide {
    visibility: hidden
}

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

.base-slider__slider.slick-slider .slick-arrow.slick-hidden {
    display: none
}

.base-slider__horiz-scroll {
    -ms-overflow-style: none;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-area: slider;
    grid-auto-flow: column;
    grid-template-columns: max-content;
    margin-left: -16px;
    overflow: auto;
    padding-left: 16px;
    padding-right: 16px;
    row-gap: 8px;
    scrollbar-width: none;
    width: calc(100% + 32px)
}

    .base-slider__horiz-scroll::-webkit-scrollbar {
        display: none
    }

@media(min-width: 768px) {
    .base-slider__horiz-scroll {
        -moz-column-gap: 12px;
        column-gap: 12px;
        margin-left: -24px;
        padding-left: 24px;
        padding-right: 24px;
        row-gap: 12px;
        width: calc(100% + 48px)
    }
}

@media(min-width: 1200px) {
    .base-slider__horiz-scroll {
        display: none
    }
}

.link-no-styles:link, .link-no-styles:visited {
    color: inherit;
    cursor: pointer;
    text-decoration: inherit
}

.jackpot-winners__title {
    color: #fff;
    font-weight: 700;
    text-align: center
}

.jackpot-winners__table {
    background-color: #263b57;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    padding: 16px
}

.jackpot-winners__tr {
    align-items: center;
    border-radius: 8px;
    display: flex
}

.jackpot-winners__tr--head {
    gap: 16px;
    min-height: 48px;
    padding: 0 16px
}

.jackpot-winners__table-body .jackpot-winners__tr {
    gap: 16px;
    min-height: 64px;
    padding: 8px 16px
}

    .jackpot-winners__table-body .jackpot-winners__tr:nth-child(odd) {
        background: #2a4f0e
    }

.jackpot-winners__th {
    color: hsla(0,0%,100%,.65);
    flex: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.jackpot-winners__th--game {
    flex: 1
}

@media(min-width: 480px) {
    .jackpot-winners__th--game {
        flex: 1
    }
}

@media(min-width: 960px) {
    .jackpot-winners__th--game {
        flex: 1 1 440px
    }
}

.jackpot-winners__th--user {
    display: none
}

@media(min-width: 768px) {
    .jackpot-winners__th--user {
        display: block;
        flex: 0 0 112px
    }
}

@media(min-width: 960px) {
    .jackpot-winners__th--user {
        flex: 1 1 260px
    }
}

.jackpot-winners__th--hit {
    display: none
}

@media(min-width: 768px) {
    .jackpot-winners__th--hit {
        display: block;
        flex: 0 0 112px
    }
}

@media(min-width: 1440px) {
    .jackpot-winners__th--hit {
        flex: 0 0 150px
    }
}

.jackpot-winners__th--jackpot {
    display: none;
    flex: 0 0 112px
}

@media(min-width: 480px) {
    .jackpot-winners__th--jackpot {
        display: flex;
        justify-content: flex-end
    }
}

@media(min-width: 768px) {
    .jackpot-winners__th--jackpot {
        justify-content: center
    }
}

@media(min-width: 1440px) {
    .jackpot-winners__th--jackpot {
        flex: 0 0 150px
    }
}

.jackpot-winners__th--payout {
    flex: 0 0 112px;
    text-align: right
}

@media(min-width: 480px) {
    .jackpot-winners__th--payout {
        flex: 0 0 112px
    }
}

@media(min-width: 1440px) {
    .jackpot-winners__th--payout {
        flex: 0 0 180px
    }
}

.jackpot-winners__td {
    align-items: center;
    display: flex;
    flex: 1
}

.jackpot-winners__td--game {
    flex: 1
}

@media(min-width: 960px) {
    .jackpot-winners__td--game {
        flex: 1 1 440px
    }
}

.jackpot-winners__td--user {
    color: #fff;
    display: none;
    flex: 0 0 112px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

@media(min-width: 768px) {
    .jackpot-winners__td--user {
        display: flex
    }
}

@media(min-width: 960px) {
    .jackpot-winners__td--user {
        flex: 1 1 260px
    }
}

.jackpot-winners__td--hit {
    display: none
}

@media(min-width: 768px) {
    .jackpot-winners__td--hit {
        display: block;
        flex: 0 0 112px
    }
}

@media(min-width: 1440px) {
    .jackpot-winners__td--hit {
        flex: 0 0 150px
    }
}

.jackpot-winners__td--jackpot {
    display: none;
    flex: 0 0 112px
}

@media(min-width: 480px) {
    .jackpot-winners__td--jackpot {
        display: flex;
        justify-content: flex-end
    }
}

@media(min-width: 768px) {
    .jackpot-winners__td--jackpot {
        justify-content: center
    }
}

@media(min-width: 1440px) {
    .jackpot-winners__td--jackpot {
        flex: 0 0 150px
    }
}

.jackpot-winners__td--payout {
    color: #fff;
    flex: 0 0 112px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    justify-content: flex-end;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(min-width: 1440px) {
    .jackpot-winners__td--payout {
        flex: 0 0 180px
    }
}

.jackpot-winners .jackpot-winners__date {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.jackpot-winners__action {
    width: 100%
}

.jackpot-winners .td-game {
    align-items: center;
    display: flex;
    gap: 16px
}

.jackpot-winners .td-game__icon {
    border-radius: 8px;
    flex: 0 0 32px;
    max-width: 32px;
    overflow: hidden
}

.jackpot-winners .td-game__image {
    display: block;
    max-width: 100%
}

.jackpot-winners .td-game__content {
    flex: 1;
    overflow: hidden
}

.jackpot-winners .td-game__name {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jackpot-winners .td-game__name, .jackpot-winners .td-game__user {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.jackpot-winners .td-game__user {
    color: hsla(0,0%,100%,.4)
}

.jackpot-winners .td-jackpot {
    align-items: center;
    display: flex;
    gap: 4px
}

.jackpot-winners .td-jackpot__icon {
    flex: 0 0 24px;
    max-width: 24px
}

.jackpot-winners .td-jackpot__image {
    display: block;
    max-width: 100%;
    transform: scale(1.2)
}

.jackpot-winners .td-jackpot__name {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.rules {
    align-items: center;
    background: #263b57;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    padding: 24px 20px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .rules {
        padding: 40px 48px 32px
    }
}

.rules--open:after, .rules--without-button:after {
    display: none
}

.rules:after {
    background: linear-gradient(180deg,rgba(38,59,87,0),rgba(38,59,87,.76) 64.58%,#263b57);
    bottom: 64px;
    content: "";
    height: 112px;
    left: 0;
    position: absolute;
    width: 100%
}

@media(min-width: 768px) {
    .rules:after {
        bottom: 80px
    }
}

.rules li + li {
    margin-top: 10px
}

@media(min-width: 768px) {
    .rules li + li {
        margin-top: 12px
    }
}

.rules__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 12px
}

@media(min-width: 768px) {
    .rules__title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 0 0 16px 0
    }
}

.rules__content {
    max-height: 272px;
    overflow: hidden
}

@media(min-width: 768px) {
    .rules__content {
        max-height: 320px
    }
}

.rules__content--open, .rules__content--without-button {
    margin: 0 0 24px;
    max-height: unset
}

@media(min-width: 768px) {
    .rules .rules__button {
        font-size: 16px;
        height: 48px;
        line-height: 24px;
        min-width: 300px;
        padding: 12px 20px
    }
}

.rules__icon {
    transition: transform .3s ease
}

.rules__icon--open {
    transform: rotate(180deg)
}

.home-promotions {
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .home-promotions {
        margin-bottom: 32px
    }
}

.home-promotions__item {
    border-radius: 12px;
    height: 294px;
    overflow: hidden
}

@media(min-width: 480px) {
    .home-promotions__item {
        height: 264px
    }
}

@media(min-width: 768px) {
    .home-promotions__item {
        height: 294px
    }
}

@media(min-width: 1200px) {
    .home-promotions__item {
        height: 312px
    }
}

.promotions-modal {
    scrollbar-color: #f6d515
}

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

    .promotions-modal::-webkit-scrollbar-track {
        background: #22242c;
        border-radius: 2px
    }

    .promotions-modal::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.6);
        border-radius: 2px;
        margin: 0
    }

        .promotions-modal::-webkit-scrollbar-thumb:hover {
            background: #f6d515
        }

    .promotions-modal:hover::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.8)
    }

@font-face {
    font-family: DrukCyr;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Druk-Wide-Cy-Web-Bold-Regular.646784fe..ttf) format("truetype")
}

.promotions-modal {
    scrollbar-color: #5c6f91;
    scrollbar-width: thin
}

    .promotions-modal::-webkit-scrollbar {
        height: 4px;
        width: 4px
    }

    .promotions-modal::-webkit-scrollbar-track {
        background: transparent !important
    }

    .promotions-modal::-webkit-scrollbar-thumb {
        background: #5c6f91 !important;
        border-radius: 9px !important;
        margin: 0 5px 0 0
    }

        .promotions-modal::-webkit-scrollbar-thumb:hover {
            background: #5c6f91 !important
        }

.promotions-modal {
    height: 100%;
    overflow-y: auto;
    position: relative
}

@media(min-width: 768px) {
    .promotions-modal {
        max-height: 85vh;
    }
}

@media(max-width: 768px) {
    .promotions-modal {
        max-height: 90vh;
    }
}

.promotions-modal__top {
    display: flex;
    flex-direction: column;
    height: 220px;
    justify-content: flex-end;
    overflow: hidden;
    padding: 40px 16px;
    position: relative;
    width: 100%
}

@media(max-width: 480px) {
    .promotions-modal__top {
        height: 120px
    }

    .promotions-modal__text {
        margin-top: 0px !important
    }
}

@media(min-width: 768px) {
    .promotions-modal__top {
        height: 190px;
        padding: 48px 32px
    }
}

.promotions-modal__background {
    left: 50%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1
}

.promotions-modal__title {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase
}

.promotions-modal__description {
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px
}

.promotions-modal__description, .promotions-modal__text {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-style: normal;
    font-weight: 700
}

.promotions-modal__text {
    display: inline-block;
    font-size: 20px;
    line-height: 26px;
    margin-top: 20px
}

.promotions-modal__text--betting {
    text-transform: uppercase
}

@media(min-width: 480px) {
    .promotions-modal__text {
        font-size: 26px;
        line-height: 32px
    }
}

@media(min-width: 768px) {
    .promotions-modal__text {
        font-size: 32px;
        line-height: 40px
    }
}

.promotions-modal-content {
    padding: 32px 16px 80px
}

@media(min-width: 768px) {
    .promotions-modal-content {
        padding: 32px 32px 96px
    }
}

.promotions-modal-content__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 16px
}

.promotions-modal-content__title--terms {
    font-size: 16px;
    line-height: 24px;
    margin: 32px 0 16px
}

.promotions-modal-content__text {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.promotions-modal__bonus-code {
    align-items: center;
    background: #2a4f0e;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 32px auto;
    max-width: 340px;
    width: 100%
}

@media(min-width: 768px) {
    .promotions-modal__bonus-code {
        flex-direction: row;
        max-width: unset
    }
}

.promotions-modal__bonus-code > span {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    padding: 25px 0
}

@media(min-width: 768px) {
    .promotions-modal__bonus-code > span {
        font-size: 20px;
        line-height: 26px;
        padding: 0;
        text-align: center;
        width: 100%
    }
}

.promotions-modal__terms {
    counter-reset: list-counter;
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 16px 0;
    padding: 0 0 0 40px;
    row-gap: 16px
}

.promotions-modal__terms-item {
    color: hsla(0,0%,100%,.65);
    counter-increment: list-counter;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative
}

    .promotions-modal__terms-item:before {
        align-items: center;
        background: #445778;
        border-radius: 50%;
        color: #fff;
        content: counter(list-counter);
        display: flex;
        font-family: Open Sans,sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        height: 24px;
        justify-content: center;
        left: -40px;
        line-height: 20px;
        position: absolute;
        width: 24px
    }

.promotions-modal__bottom {
    background: #343a40;
    border-top: 1px solid #192c43;
    bottom: 0;
    left: 0;
    padding: 16px;
    position: fixed;
    width: 100%
}

@media(min-width: 768px) {
    .promotions-modal__bottom {
        padding: 24px 32px
    }
}

.promotions-modal .promotions-modal__button {
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    letter-spacing: .2px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    background: #0bde53;
    color: black;
}

.pop-ups {
    bottom: 76px;
    display: flex;
    flex-direction: column;
    left: 50%;
    position: fixed;
    row-gap: 8px;
    transform: translateX(-50%);
    z-index: 90
}

.pop-ups--landing {
    bottom: 8px
}

.pop-ups:has(.bonus-pop-up) {
    width: calc(100% - 32px)
}

    .pop-ups:has(.bonus-pop-up) .notification-cookies-policy {
        left: 50%;
        position: absolute;
        top: -56px;
        transform: translate(-50%)
    }

@media(min-width: 768px) {
    .pop-ups {
        max-width: 720px;
        width: unset
    }
}

@media(min-width: 960px) {
    .pop-ups {
        bottom: 8px
    }
}

.hidden {
    display: none !important
}

.layout {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    /* min-height: 100vh; */
    overflow: hidden;
    /* background: white;*/
}

.layout__main {
    /* flex: 1; */
    /* max-width: 100vw; */
    /* overflow: hidden; */
    /* padding-top: 0px; */
}

@media(min-width: 960px) {
    .layout__main {
        /* max-width: inherit; */
        /* overflow: inherit; */
    }
}

@media(min-width: 1200px) {
    .layout__main {
        /* padding-top: 8px; */
    }
}

.layout__main--install-app {
    padding-top: 116px
}

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

@media(min-width: 1200px) {
    .layout__main--install-app {
        padding-top: 64px
    }
}

.layout--overflow-visible {
    overflow: visible
}

.header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.header__wrapper {
    align-items: center;
    background: #31373f;
    display: flex;
    height: 56px;
    justify-content: space-between;
    padding: 0 16px;
}

@media(min-width: 1200px) {
    .header__wrapper {
        height: 64px;
        padding: 0 32px
    }
}

.header__block {
    align-items: center;
    display: flex
}

.header .header__icon:before {
    color: hsla(0,0%,100%,.65);
    transition: color .3s ease
}

.header .header__icon:hover:before {
    color: #fff
}

.header .header__icon--menu {
    margin-right: 12px
}

@media(min-width: 480px) {
    .header .header__icon--menu {
        margin-right: 16px
    }
}

.header .header__icon--search {
    display: none;
    margin-left: 24px
}

@media(min-width: 960px) {
    .header .header__icon--search {
        display: block
    }
}

.header__logo {
    display: none
}

@media(min-width: 480px) {
    .header__logo {
        display: block;
        height: 27px
    }
}

@media(min-width: 1400px) {
    .header__logo {
        height: 33px;
        margin-right: 24px
    }
}

.header__logo--mobile {
    display: block;
    margin-right: 0;
    width: 73px;
    overflow: hidden;
    margin-left: 7px;
}

@media(min-width: 480px) {
    .header__logo--mobile {
        display: none
    }
}

.header__logo img {
    height: 100%;
    /* width: 680%; */
}

@media (min-width: 481px) and (max-width: 740px) {
    .header__logo img {
        width: 100%;
    }
}
/*@media (max-width: 481px) {
    .header__logo img {
        width: 680% !important;
    }
}*/

.header__switcher {
    display: none;
    margin-left: 52px;
    margin-right: 32px;
    min-width: 256px
}

@media(min-width: 1300px) {
    .header__switcher {
        display: flex
    }
}

@media(max-width: 1370px) {
    .header__switcher {
        margin-left: 15px;
    }
}

.header__menu {
    display: none;
    margin: 0 24px
}

@media(min-width: 1300px) {
    .header__menu {
        display: flex
    }
}

.header__utils {
    align-items: center;
    display: flex;
    /* margin-right: 12px; */
}

@media(min-width: 1200px) {
    .header__utils {
        /* margin-right: 20px; */
    }
}

.header__buttons {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex
}

@media(min-width: 1200px) {
    .header__buttons {
        -moz-column-gap: 12px;
        column-gap: 12px
    }

    .header .header__button {
        height: 40px;
        padding: 10px 16px
    }
}

.header .header__button--deposit {
    min-width: unset;
    padding: 6px
}

@media(min-width: 480px) {
    .header .header__button--deposit {
        padding: 8px 12px
    }
}

@media(min-width: 1200px) {
    .header .header__button--deposit {
        height: 40px;
        padding: 10px 16px
    }
}


.header .header__button--login {
    min-width: unset;
    padding: 6px
}

@media(min-width: 480px) {
    .header .header__button--login {
        padding: 8px 12px
    }
}

@media(min-width: 1200px) {
    .header .header__button--login {
        height: 40px;
        padding: 10px 16px
    }
}

.header--scroll {
    transition: opacity .3s ease
}

@media(max-width: 767px) {
    .header--scroll {
        opacity: 0
    }
}

.header--scroll.header--scrolled {
    opacity: 1
}

.install-app-widget {
    background: #445778;
    height: 60px;
    justify-content: space-between;
    padding: 9px 24px 9px 16px;
    width: 100%
}

.install-app-widget, .install-app-widget-left {
    align-items: center;
    display: flex
}

.install-app-widget-close-icon {
    margin-right: 12px
}

.install-app-widget-logo {
    border-radius: 8px;
    height: auto;
    margin-right: 12px;
    max-width: 40px;
    width: 100%
}

.install-app-widget-text {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.install-app-widget-right {
    display: flex
}

@media(min-width: 768px) {
    .install-app-widget {
        display: none
    }
}

.sportsbook-switcher {
    border-radius: 8px;
    height: 40px;
    overflow: hidden;
    width: 100%
}

.sportsbook-switcher__item {
    align-items: center;
    background: #111;
    display: flex;
    height: 100%;
    justify-content: center;
    transition: background .3s ease;
    width: 100%
}

a.sportsbook-switcher__item.link:hover {
    text-decoration: none !important;
}

.sportsbook-switcher__item:hover:not(.sportsbook-switcher__item--active) .sportsbook-switcher__icon:before {
    color: #fff !important
}

.sportsbook-switcher__item:hover:not(.sportsbook-switcher__item--active) .sportsbook-switcher__title {
    color: #fff
}

.sportsbook-switcher__item--active {
    background: #2a4f0e;
    /* color: white; */
    text-decoration: none !important;
}

    .sportsbook-switcher__item--active .sportsbook-switcher__icon:before {
        color: #0CD664 !important;
    }

    .sportsbook-switcher__item--active .sportsbook-switcher__title {
        color: #fff
    }

.sportsbook-switcher__icon {
    margin-right: 8px
}

    .sportsbook-switcher__icon:before {
        color: hsla(0,0%,100%,.4) !important;
        transition: color .3s ease
    }

.header__switcher a:hover {
    text-decoration: none;
}

.sportsbook-switcher__title {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    text-transform: uppercase;
    transition: color .3s ease
}

.header-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.header-menu__item {
    margin-right: 24px;
    white-space: nowrap
}

    .header-menu__item:last-child {
        margin-right: 0
    }

.header-menu__link {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    position: relative;
    text-transform: uppercase;
    transition: color .3s ease
}

    .header-menu__link--current, .header-menu__link:hover {
        color: #fff;
        text-decoration: none;
    }

        .header-menu__link--current:after {
            background: #49b356;
            bottom: -23px;
            content: "";
            height: 2px;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            width: 100%
        }

.notification-center__container {
    scrollbar-color: #f6d515
}

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

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

    .notification-center__container::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.6);
        border-radius: 2px;
        margin: 0
    }

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

    .notification-center__container:hover::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.8)
    }

.notification-center__container {
    scrollbar-color: #5c6f91;
    scrollbar-width: thin
}

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

    .notification-center__container::-webkit-scrollbar-track {
        background: transparent !important
    }

    .notification-center__container::-webkit-scrollbar-thumb {
        background: #5c6f91 !important;
        border-radius: 9px !important;
        margin: 0 5px 0 0
    }

        .notification-center__container::-webkit-scrollbar-thumb:hover {
            background: #5c6f91 !important
        }

.notification-center, .notification-center .notification-center__button {
    position: relative
}

.notification-center__modal {
    height: 100%;
    overflow: auto
}

.notification-center__count {
    align-items: center;
    background-color: #2a4f0e;
    border: 2px solid #2a4f0e;
    border-radius: 15px;
    color: #fff;
    display: flex;
    font-size: 11px;
    font-weight: 600;
    justify-content: center;
    left: 9px;
    line-height: 10px;
    padding: 1px 3px;
    position: absolute;
    text-align: center;
    top: -7px;
    width: auto
}

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

.notification-center--new .notification-center__count {
    background-color: #f51969;
    border-color: #f51969
}

.notification-center .notification-center__icon:before {
    color: hsla(0,0%,100%,.65);
    transition: color .3s ease
}

.notification-center .notification-center__icon:hover:before {
    color: #fff
}

@media(min-width: 768px) {
    .notification-center__list {
        height: unset;
        overflow: unset
    }
}

.notification-center__title {
    color: #fff;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 32px;
    padding: 56px 0 16px;
    text-align: center
}

.notification-center__container {
    background: #2a4f0e;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0,0,0,.2);
    max-height: 592px;
    min-height: 160px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 32px;
    width: 320px;
    z-index: 100
}

.notification-center__container-mobile .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

.notification-center__container-mobile .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.select-user-menu {
    display: none;
    position: relative
}

@media(min-width: 960px) {
    .select-user-menu {
        display: none;
    }
}

.select-user-menu__button {
    cursor: pointer;
    display: flex;
    margin-left: 16px
}

.select-user-menu .select-user-menu__icon:before {
    color: hsla(0,0%,100%,.65);
    transition: color .3s ease
}

.select-user-menu .select-user-menu__icon:hover:before {
    color: #fff
}

.select-user-menu__dropdown {
    background: #31373f;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0,0,0,.2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 32px;
    width: 280px;
    display: none;
}

.user-menu__utils {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

@media(min-width: 768px) {
    .user-menu__utils {
        flex-direction: row
    }
}

.user-menu__balance {
    align-items: center;
    background: #3d404d;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    width: 100%
}

@media(min-width: 960px) {
    .user-menu__balance {
        display: none
    }
}

.user-menu__text {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin-bottom: 4px;
    text-transform: uppercase
}

.user-menu__select .select-header-currency__button {
    margin-left: 0 !important
}

.user-menu__select .select-header-currency__wrapper {
    left: 0;
    right: unset
}

@media(min-width: 768px) {
    .user-menu__select .select-header-currency__wrapper {
        left: unset;
        right: 0
    }
}

.user-menu .user-menu__deposit-button {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    min-height: unset;
    min-width: unset;
    padding: 10px 16px;
    text-align: center;
    text-transform: uppercase;
    background: #0CD664;
}

.user-menu__list {
    list-style: none;
    margin: 16px 0;
    padding: 0
}

@media(min-width: 960px) {
    .user-menu__list {
        margin: 8px
    }
}

.user-menu .user-menu__link {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    display: flex;
    padding: 12px 16px;
    position: relative;
    transition: background .3s ease;
    width: 100%
}

    .user-menu .user-menu__link:hover {
        background: #2a4f0e;
        text-decoration: auto;
    }

@media(min-width: 768px) {
    .user-menu .user-menu__link:hover {
        background: #2a4f0e;
        text-decoration: none;
    }
}

.user-menu .user-menu__link span {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize
}

.user-menu .user-menu__link:active, .user-menu .user-menu__link:focus {
    background: transparent
}

.user-menu .user-menu__icon {
    margin-right: 12px
}

    .user-menu .user-menu__icon:before {
        color: hsl(0deg 0% 100% / 55%);
    }

.user-menu .user-menu__icon--right {
    margin: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.user-menu .user-menu__icon--verification-confirmed:before {
    color: hsla(0,0%,100%,.4)
}

.user-menu .user-menu__icon--verification-not-confirmed:before {
    color: #ffd336
}

.player-level-user-menu {
    background: #263b57;
    border-radius: 8px;
    display: flex;
    padding: 24px;
    width: 100%
}

@media(min-width: 960px) {
    .player-level-user-menu {
        background: #445778;
        border-radius: 0
    }
}

.player-level-user-menu__image {
    height: 44px;
    margin-right: 16px
}

.player-level-user-menu__content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.player-level-user-menu__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.player-level-user-menu__icon {
    color: hsla(0,0%,100%,.45)
}

.select-header-currency__wrapper {
    scrollbar-color: #f6d515
}

    .select-header-currency__wrapper::-webkit-scrollbar {
        height: 3px;
        width: 3px
    }

    .select-header-currency__wrapper::-webkit-scrollbar-track {
        background: #22242c;
        border-radius: 2px
    }

    .select-header-currency__wrapper::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.6);
        border-radius: 2px;
        margin: 0
    }

        .select-header-currency__wrapper::-webkit-scrollbar-thumb:hover {
            background: #f6d515
        }

    .select-header-currency__wrapper:hover::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.8)
    }

.select-header-currency__wrapper {
    scrollbar-color: #5c6f91;
    scrollbar-width: thin
}

    .select-header-currency__wrapper::-webkit-scrollbar {
        height: 4px;
        width: 4px
    }

    .select-header-currency__wrapper::-webkit-scrollbar-track {
        background: transparent !important
    }

    .select-header-currency__wrapper::-webkit-scrollbar-thumb {
        background: #5c6f91 !important;
        border-radius: 9px !important;
        margin: 0 5px 0 0
    }

        .select-header-currency__wrapper::-webkit-scrollbar-thumb:hover {
            background: #5c6f91 !important
        }

.select-header-currency {
    position: relative
}

.select-header-currency--open .select-header-currency__icon {
    transform: rotate(180deg)
}

.select-header-currency .select-header-currency__button {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-left: 20px
}

    .select-header-currency .select-header-currency__button:hover .select-header-currency__icon:before {
        color: #fff
    }

.select-header-currency__balance {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

    .select-header-currency__balance:hover {
        color: white;
        text-decoration: none;
    }

@media(min-width: 1200px) {
    .select-header-currency__balance {
        font-size: 16px;
        line-height: 24px
    }
}

.select-header-currency .select-header-currency__icon {
    font-size: 24px;
    transition: transform .3s ease
}

    .select-header-currency .select-header-currency__icon:before {
        color: hsla(0,0%,100%,.65);
        transition: color .3s ease
    }

.select-header-currency__wrapper {
    background: #353535;
    border-radius: 12px;
    max-height: 320px;
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 32px;
    /* width: 140px; */
    z-index: 100;
    display: none;
}

.header-currency-item {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 12px 8px 12px 16px;
    transition: background .3s ease;
    width: 100%
}

    .header-currency-item:hover {
        background: #2a4f0e;
    }

.header-currency-item__code {
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-wrap: nowrap;
}

@media(min-width: 1200px) {
    .header-currency-item__code {
        font-size: 16px;
        line-height: 24px
    }
}

.header-currency-item__code--selected {
    color: #fff
}

.header-currency-item__icon {
    font-size: 24px
}

.sign-out-menu-button.menu-button {
    align-items: center;
    background: #2f7838;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase;
    transition: background .3s ease;
    width: 100%;
    color: white;
}

    .sign-out-menu-button.menu-button:hover {
        background: #3c9847;
    }

@media(min-width: 960px) {
    .sign-out-menu-button.menu-button {
        border-radius: 0;
        border-top: 1px solid hsla(0,0%,100%,.12);
        font-size: 16px;
        font-weight: 400;
        justify-content: flex-start;
        line-height: 24px;
        padding: 20px 24px;
        text-transform: capitalize;
        background: #31373f;
    }
}

.sign-out-menu-button .sign-out-menu-button__icon {
    margin-right: 12px;
    color: white;
}

    .sign-out-menu-button .sign-out-menu-button__icon:before {
        color: white;
    }

.sign-out-menu-button a {
    color: white;
}

    .sign-out-menu-button a:hover {
        text-decoration: none;
    }

.menu-button {
    align-items: center;
    background: transparent none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    margin: 0;
    min-height: 36px;
    padding: 5px 20px;
    text-shadow: none;
    text-transform: none;
    transition: color .3s ease,background-color .3s ease;
    width: 100%
}

    .menu-button, .menu-button:active, .menu-button:focus {
        color: hsla(0,0%,100%,.65);
        outline: none;
        text-decoration: none
    }

        .menu-button:hover {
            background-color: #000;
            color: #fff
        }

@media(min-width: 480px) {
    .header-deposit-button__icon {
        display: none;
    }
}

@media(min-width: 480px) {
    .header-login-button__icon {
        display: none;
    }
}

.header-deposit-button__text {
    display: none
}

@media(min-width: 480px) {
    .header-deposit-button__text {
        display: block
    }
}

.header-login-button__text {
    display: none
}

@media(min-width: 480px) {
    .header-login-button__text {
        display: block
    }
}


.bar {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1100
}

.bar--open {
    height: 100%;
    width: 100%
}

@supports(height: 100dvh) {
    .bar--open {
        height: 100dvh
    }
}

.bar__background {
    background: rgba(0,0,0,.8);
    height: 100%;
    width: 100%
}

.bar__content {
    -ms-overflow-style: none;
    background: #31373f;
    height: 100%;
    left: 0;
    overflow-y: auto;
    padding: 88px 16px 96px;
    position: absolute;
    scrollbar-width: none;
    top: 0;
    transform: translateX(-300px);
    transition: transform .3s ease;
    width: 300px;
    z-index: 1100;
    /* background: linear-gradient(45deg, black, #414141); */
}

.bar__content--open {
    transform: translate(0)
}

.bar__content::-webkit-scrollbar {
    display: none
}

@supports(height: 100dvh) {
    .bar__content {
        height: 100dvh
    }
}

@media(min-width: 960px) {
    .bar__content {
        padding: 64px 16px 96px
    }
}

.bar__switcher {
    display: flex;
    margin-bottom: 16px
}

.bar .bar__close-icon {
    font-size: 24px;
    position: absolute;
    right: 16px;
    top: 16px
}

@media(min-width: 960px) {
    .bar .bar__close-icon {
        left: 32px;
        right: unset;
        top: 20px
    }
}

.bar .bar__close-icon:hover:before {
    color: #fff
}

.bar .bar__close-icon:before {
    color: hsla(0,0%,100%,.65);
    transition: color .3s ease
}

.bar .bar__logo {
    height: 28px !important;
    left: 32px;
    position: absolute;
    top: 28px;
    max-width: 60%
}

@media(min-width: 960px) {
    .bar .bar__logo {
        display: none
    }
}

.bar__divider {
    background: hsla(0,0%,100%,.12);
    height: 1px;
    margin: 16px auto;
    width: 236px
}

.bar .bar__link {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 12px 16px;
    text-transform: uppercase;
    transition: background .3s ease
}

    .bar .bar__link:hover {
        background: #2a4f0e;
        color: #fff
    }

.bar .bar__link--current .bar__icon:before {
    color: #0bdede !important
}

.bar .bar__icon {
    margin-right: 20px
}

    .bar .bar__icon:before {
        color: hsla(0,0%,100%,.4)
    }

.bar .bar__image {
    margin-right: 12px
}

.sidebar-menu-main {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.sidebar-menu-main__link {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 12px 16px;
    text-transform: uppercase;
    transition: background .3s ease
}

    .sidebar-menu-main__link:hover {
        background: #2a4f0e;
        text-decoration: none;
        color: white;
    }

.sidebar-menu-main__link--current .sidebar-menu-main__icon:before {
    color: #64bb23 !important;
}

.sidebar-menu-main__link--mystery-drops {
    background: linear-gradient(271deg,rgba(11,159,222,.06) .62%,rgba(11,222,222,.35) 99.38%);
    margin-bottom: 8px;
    margin-top: 8px
}

    .sidebar-menu-main__link--mystery-drops:hover {
        background: linear-gradient(271deg,rgba(76,195,245,.06) .62%,rgba(12,236,236,.35) 99.38%)
    }

.sidebar-menu-main__link--lucky-spin {
    background: linear-gradient(268.9deg,rgba(182,26,255,.08),rgba(255,26,150,.3));
    margin-bottom: 8px
}

    .sidebar-menu-main__link--lucky-spin img {
        animation: rotate 4s linear infinite
    }

    .sidebar-menu-main__link--lucky-spin:hover {
        background: linear-gradient(268.9deg,rgba(182,26,255,.08),rgba(255,26,150,.3))
    }

.sidebar-menu-main .sidebar-menu-main__icon {
    font-size: 24px;
    margin-right: 20px
}

    .sidebar-menu-main .sidebar-menu-main__icon:before {
        color: hsla(0,0%,100%,.4)
    }

.sidebar-menu-main .sidebar-menu-main__image {
    height: 36px;
    width: 36px
}

.sidebar-menu-main__image-wrapper {
    display: flex;
    margin-right: 12px;
    overflow: hidden;
    position: relative
}

.sidebar-menu-main__line {
    animation: line 10s linear infinite;
    left: 0;
    position: absolute;
    top: -30px;
    transform: translate(-100%)
}

@keyframes line {
    0% {
        transform: translate(-100%)
    }

    3% {
        transform: translate(100%,100%)
    }

    to {
        transform: translate(100%,100%)
    }
}

.select-language-icons-with-name__container {
    scrollbar-color: #f6d515
}

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

    .select-language-icons-with-name__container::-webkit-scrollbar-track {
        background: #22242c;
        border-radius: 2px
    }

    .select-language-icons-with-name__container::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.6);
        border-radius: 2px;
        margin: 0
    }

        .select-language-icons-with-name__container::-webkit-scrollbar-thumb:hover {
            background: #f6d515
        }

    .select-language-icons-with-name__container:hover::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.8)
    }

.select-language-icons-with-name__container {
    scrollbar-color: #5c6f91;
    scrollbar-width: thin
}

    .select-language-icons-with-name__container::-webkit-scrollbar {
        height: 4px;
        width: 4px
    }

    .select-language-icons-with-name__container::-webkit-scrollbar-track {
        background: transparent !important
    }

    .select-language-icons-with-name__container::-webkit-scrollbar-thumb {
        background: #5c6f91 !important;
        border-radius: 9px !important;
        margin: 0 5px 0 0
    }

        .select-language-icons-with-name__container::-webkit-scrollbar-thumb:hover {
            background: #5c6f91 !important
        }

.select-language-icons-with-name {
    position: relative
}

.select-language-icons-with-name--footer .select-language-icons-with-name__button {
    background: #2a4f0e;
    min-width: 176px;
    padding: 12px 12px 12px 16px
}

    .select-language-icons-with-name--footer .select-language-icons-with-name__button:hover {
        background: #445778
    }

.select-language-icons-with-name--footer .select-language-icons-with-name__container {
    width: 240px
}

.select-language-icons-with-name--footer .select-language-icons-with-name__name {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
    white-space: nowrap
}

.select-language-icons-with-name--bar .select-language-icons-with-name__button {
    width: 100%
}

.select-language-icons-with-name__button {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
    transition: background .3s ease
}

    .select-language-icons-with-name__button:hover {
        background: #2a4f0e
    }

.select-language-icons-with-name__button-inner {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    text-transform: uppercase
}

.select-language-icons-with-name__icon {
    align-items: center;
    border-radius: 4px;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-right: 12px;
    overflow: hidden;
    width: 24px
}

    .select-language-icons-with-name__icon img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.select-language-icons-with-name__icon--selected {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.select-language-icons-with-name .select-language-icons-with-name__caret {
    font-size: 24px;
    transition: transform .3s ease
}

    .select-language-icons-with-name .select-language-icons-with-name__caret:before {
        color: hsla(0,0%,100%,.4)
    }

.select-language-icons-with-name .select-language-icons-with-name__caret--open {
    transform: rotate(180deg)
}

.select-language-icons-with-name__container {
    background: #2a4f0e;
    border-radius: 12px;
    bottom: calc(100% + 8px);
    display: none;
    left: 0;
    max-height: 320px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    width: 100%;
    z-index: 1
}

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

.select-language-icons-with-name__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.select-language-icons-with-name .select-language-icons-with-name__item .option-link--highlighted {
    background: transparent
}

.select-language-icons-with-name .select-language-icons-with-name__link {
    border-radius: 8px;
    margin: 0 !important;
    padding: 12px 16px;
    transition: background .3s ease
}

    .select-language-icons-with-name .select-language-icons-with-name__link:hover {
        background: #445778
    }

.select-language-icons-with-name__name {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.option, .select-language-icons-with-name__item-name {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.option {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    padding: 12px 16px;
    position: relative;
    transition: background .3s ease;
    width: 100%;
}

.option__icon {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.option:hover {
    background: #445778
}

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

.option-link, .option-link__content {
    align-items: center;
    display: flex
}

.sidebar-menu-info {
    list-style: none;
    margin: 0;
    padding: 24px 16px 0
}

.sidebar-menu-info__item {
    margin-bottom: 16px
}

    .sidebar-menu-info__item:last-child {
        margin-bottom: 0
    }

.sidebar-menu-info__link {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
    transition: color .3s ease
}

    .sidebar-menu-info__link:hover {
        color: #fff
    }

.footer {
    padding-bottom: 56px;
    padding-top: 40px
}

@media(min-width: 960px) {
    .footer {
        padding-bottom: 0
    }
}

.footer__navigation {
    display: flex;
    flex-direction: column-reverse
}

@media(min-width: 1200px) {
    .footer__navigation {
        border-bottom: 1px solid hsla(0,0%,100%,.12);
        border-top: 1px solid hsla(0,0%,100%,.12);
        flex-direction: row;
        padding: 56px 0
    }
}

.footer__utils .footer__language-select {
    display: flex
}

@media(min-width: 1200px) {
    .footer__utils .footer__language-select {
        display: none
    }

    .footer__utils {
        flex-basis: 20%
    }
}

.footer__brand-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 32px
}

@media(min-width: 1200px) {
    .footer__brand-links {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 0;
        margin-top: 0
    }
}

.footer__askgamblers {
    margin-top: 24px;
    width: 100%
}

.footer__social-links {
    display: flex
}

@media(min-width: 1200px) {
    .footer__social-links {
        margin-top: 24px
    }
}

.footer__social-link {
    align-items: center;
    color: hsla(0,0%,100%,.4);
    display: inline-flex;
    margin-right: 16px;
    opacity: .4;
    transition: color .3s ease,opacity .3s ease;
    width: 24px
}

    .footer__social-link:last-child {
        margin-right: 0
    }

    .footer__social-link:hover {
        color: #fff;
        opacity: 1
    }

@media(min-width: 1200px) {
    .footer__menus {
        display: flex;
        flex-basis: 80%
    }
}

.footer__responsibility {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 54px
}

@media(min-width: 1200px) {
    .footer__responsibility {
        justify-content: space-between
    }
}

.footer__responsibility .footer__language-select {
    display: none
}

@media(min-width: 1200px) {
    .footer__responsibility .footer__language-select {
        display: flex
    }

        .footer__responsibility .footer__language-select .select-language-icons-with-name__container {
            left: unset;
            right: 0
        }
}

.footer__responsibility-logos {
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 28px
}

.footer__responsibility-logo {
    height: 32px;
    opacity: .6;
    transition: opacity .3s ease
}

    .footer__responsibility-logo:hover {
        opacity: 1
    }

.footer__responsibility-logo--mga {
    height: 48px;
    opacity: 1
}

    .footer__responsibility-logo--mga img {
        height: 48px !important
    }

.footer-payments {
    margin-bottom: 32px;
    overflow: hidden;
    position: relative
}

    .footer-payments:after, .footer-payments:before {
        content: "";
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 64px;
        z-index: 10
    }

    .footer-payments:after {
        background: linear-gradient(270deg,#192c43,rgba(15,15,20,0));
        left: unset;
        right: 0
    }

@media(min-width: 1200px) {
    .footer-payments {
        margin-bottom: 40px
    }
}

.footer-payments__item {
    opacity: .3;
    transition: opacity .3s ease
}

    .footer-payments__item:hover {
        opacity: 1
    }

.footer-payments__image {
    min-height: 32px
}

.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:hover .slick-next, .footer-slider.slick-slider:hover .slick-prev {
        display: block;
        opacity: 1
    }

    .footer-slider.slick-slider .slick-list {
        display: block;
        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 {
        align-items: center;
        -moz-column-gap: 32px;
        column-gap: 32px;
        display: flex;
        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
}

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

.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 {
    display: block
}

.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: rgba(0,27,51,.65);
    color: #fff;
    height: 48px;
    line-height: 1;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background .3s ease,opacity .3s ease;
    width: 48px;
    z-index: 11
}

    .footer-slider.slick-slider .slick-next:hover, .footer-slider.slick-slider .slick-prev:hover {
        background: rgba(25,44,67,.65)
    }

.footer-slider.slick-slider .slick-prev {
    left: 0
}

.footer-slider.slick-slider .slick-next {
    right: 0
}

.footer-menu {
    border-bottom: 1px solid hsla(0,0%,100%,.12)
}

    .footer-menu:last-child {
        border-bottom: none
    }

@media(min-width: 1200px) {
    .footer-menu {
        border-bottom: none;
        flex: 1
    }
}

.footer-menu .text-btn {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    text-align: left;
    width: 100%
}

@media(min-width: 1200px) {
    .footer-menu .text-btn {
        cursor: auto;
        pointer-events: none
    }
}

.footer-menu .text-btn:hover .footer-menu__icon:before {
    color: #fff
}

.footer-menu--open .footer-menu__icon {
    transform: rotate(180deg)
}

.footer-menu .footer-menu__icon {
    font-size: 24px;
    transition: transform .3s ease
}

@media(min-width: 1200px) {
    .footer-menu .footer-menu__icon {
        display: none
    }
}

.footer-menu .footer-menu__icon:before {
    color: hsla(0,0%,100%,.65);
    transition: color .3s ease
}

@media(min-width: 1200px) {
    .footer-menu__collapse {
        display: none
    }
}

.footer-menu__title {
    color: #fff;
    display: block;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 16px 0
}

@media(min-width: 1200px) {
    .footer-menu__title {
        font-weight: 700;
        padding: 0 0 12px
    }
}

.footer-menu__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-menu__item {
    margin-bottom: 8px
}

.footer-menu__link {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    transition: color .3s ease
}

@media(min-width: 1200px) {
    .footer-menu__link {
        padding-right: 24px
    }
}

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

.footer-menu__links {
    display: none
}

@media(min-width: 1200px) {
    .footer-menu__links {
        display: block
    }
}

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

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

.panel-auth {
    align-items: center;
    background: #263b57;
    bottom: 0;
    display: flex;
    gap: 12px;
    height: 56px;
    justify-content: space-between;
    left: 0;
    padding: 10px 24px;
    position: fixed;
    width: 100%;
    z-index: 100
}

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

.panel-auth__button {
    flex: 1
}

.panel-view {
    background: #31373f;
    bottom: 0px;
    display: block;
    height: 56px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
    margin-bottom: -1px;
}

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

.panel__list {
    flex-wrap: nowrap;
    height: 100%;
    margin: 0;
    padding: 0
}

.panel__item, .panel__list {
    align-items: center;
    display: flex
}

.panel__item {
    justify-content: center;
    /* width: 20%; */
    flex: 1;
}

.panel__item--main .panel__link {
    flex-direction: column !important;
    font-size: 10px !important;
    line-height: 12px !important
}

    .panel__item--main .panel__link .panel__icon {
        align-items: center;
        background: #0CD664;
        border-radius: 50%;
        display: flex;
        height: 44px;
        justify-content: center;
        margin-bottom: 6px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: -20px;
        transition: background .3s ease;
        width: 44px
    }

        .panel__item--main .panel__link .panel__icon:before {
            color: #fff !important
        }

        .panel__item--main .panel__link .panel__icon:hover {
            background: #19B42C
        }

.panel__link {
    color: hsla(0,0%,100%,.65);
    display: flex;
    flex-direction: column;
    font-family: Open Sans,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    text-align: center;
    text-transform: capitalize;
    transition: color .3s ease
}

@media(min-width: 768px) {
    .panel__link {
        align-items: center;
        flex-direction: row;
        font-size: 12px;
        line-height: 18px
    }
}

.panel__link--active, .panel__link:hover, .panel__link:hover .panel__icon:before {
    color: #fff;
    text-decoration: none;
}

    .panel__link--active .panel__icon:before {
        color: #0CD664 !important;
    }

.panel-view .panel__icon {
    margin-bottom: 6px
}

@media(min-width: 768px) {
    .panel-view .panel__icon {
        margin-bottom: 0;
        margin-right: 8px
    }
}

.panel-view .panel__icon:before {
    color: hsla(0,0%,100%,.65);
    transition: color .3s ease
}

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

.layout-help-center__main {
    flex: 1;
    margin-bottom: 80px;
    padding-top: 56px
}

@media(min-width: 1200px) {
    .layout-help-center__main {
        margin-bottom: 120px;
        padding-top: 64px
    }
}

.layout-help-center__main--install-app {
    padding-top: 116px
}

@media(min-width: 768px) {
    .layout-help-center__main--install-app {
        padding-top: 56px
    }
}

@media(min-width: 1200px) {
    .layout-help-center__main--install-app {
        padding-top: 64px
    }
}

.layout-help-center__inner {
    display: flex;
    flex-direction: column;
    padding-top: 16px
}

@media(min-width: 768px) {
    .layout-help-center__inner {
        padding-top: 24px
    }
}

@media(min-width: 1200px) {
    .layout-help-center__inner {
        flex-direction: row;
        gap: 16px;
        padding-top: 0
    }
}

.layout-help-center__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 24px 0 8px
}

@media(min-width: 480px) {
    .layout-help-center__title {
        font-size: 26px;
        line-height: 32px;
        margin: 32px 0 16px
    }
}

@media(min-width: 768px) {
    .layout-help-center__title {
        font-size: 32px;
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    .layout-help-center__title {
        margin: 40px 0
    }
}

@media(min-width: 1440px) {
    .layout-help-center__title {
        font-size: 42px;
        line-height: 52px
    }
}

.layout-help-center__title--secondary {
    display: none
}

@media(min-width: 1200px) {
    .layout-help-center__title--secondary {
        display: block
    }
}

.layout-help-center__nav {
    margin: 0 0 32px
}

@media(min-width: 768px) {
    .layout-help-center__nav {
        margin: 0 0 40px
    }
}

@media(min-width: 1200px) {
    .layout-help-center__nav {
        flex: 1 1 256px;
        margin: 0;
        max-width: 256px
    }
}

.layout-help-center__back {
    margin: 0 0 24px
}

@media(min-width: 768px) {
    .layout-help-center__back {
        margin: 0 0 32px
    }
}

@media(min-width: 1200px) {
    .layout-help-center__back {
        display: none
    }
}

.layout-help-center__body {
    flex: 1
}

@media(min-width: 1200px) {
    .layout-help-center__body {
        background: #263b57;
        border-radius: 12px;
        padding: 40px 40px 56px
    }
}

.help-center-back-button {
    align-items: center;
    background: #263b57;
    border-radius: 12px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 12px;
    height: 48px;
    line-height: 24px;
    padding: 12px 16px
}

.help-center-back-button__icon {
    align-items: center;
    color: hsla(0,0%,100%,.4);
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.help-center-menu {
    background: #263b57;
    border-radius: 12px;
    list-style: none;
    margin: 0;
    padding: 16px
}

@media(min-width: 960px) {
    .help-center-menu {
        position: sticky;
        top: 80px
    }
}

.help-center-menu__link {
    align-items: center;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 16px;
    justify-content: space-between;
    line-height: 24px;
    min-height: 48px;
    padding: 12px 16px;
    position: relative;
    transition: background .3s ease
}

    .help-center-menu__link:before {
        background: transparent;
        content: "";
        height: 100%;
        left: -16px;
        position: absolute;
        top: 0;
        transition: background .3s ease;
        width: 2px
    }

@media(min-width: 1200px) {
    .help-center-menu__link:hover {
        background: #445778
    }
}

.help-center-menu__link--current {
    font-weight: 700
}

@media(min-width: 1200px) {
    .help-center-menu__link--current:before {
        background: #0bdede
    }
}

.help-center-menu__icon {
    color: hsla(0,0%,100%,.4);
    height: 24px;
    width: 24px
}

@media(min-width: 1200px) {
    .help-center-menu__icon {
        display: none
    }
}

.layout-invisible-header {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    min-height: 100vh;
    overflow: hidden
}

.layout-invisible-header__header.header--scrolled {
    z-index: 102
}

.layout-invisible-header__main {
    flex: 1;
    max-width: 100vw;
    overflow: hidden
}

@media(min-width: 768px) {
    .layout-invisible-header__main {
        padding-top: 56px
    }
}

@media(min-width: 960px) {
    .layout-invisible-header__main {
        max-width: inherit;
        overflow: inherit
    }
}

@media(min-width: 1200px) {
    .layout-invisible-header__main {
        padding-top: 64px
    }
}

.layout-invisible-header__main--install-app {
    padding-top: 116px
}

@media(min-width: 768px) {
    .layout-invisible-header__main--install-app {
        padding-top: 56px
    }
}

@media(min-width: 1200px) {
    .layout-invisible-header__main--install-app {
        padding-top: 64px
    }
}

.layout-invisible-header--overflow-visible {
    overflow: visible
}

.layout-invisible-header .panel-auth {
    z-index: 102
}

.landing {
    min-height: 100vh;
    min-width: 100vw;
    position: relative
}

.landing__bg-image {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%
}

.landing__content {
    padding: 40px 16px;
    position: relative;
    z-index: 2
}

@media(min-width: 768px) {
    .landing__content {
        padding: 48px 24px
    }
}

@media(min-width: 960px) {
    .landing__content {
        padding: 48px
    }
}

@media(min-width: 1200px) {
    .landing__content {
        padding: 64px 48px
    }
}

@media(min-width: 1440px) {
    .landing__content {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.landing .container {
    max-width: 1488px
}

.landing__logo-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 32px
}

@media(min-width: 600px) {
    .landing__logo-wrap {
        justify-content: flex-start
    }
}

@media(min-width: 1200px) {
    .landing__logo-wrap {
        margin-bottom: 64px
    }
}

.landing__logo {
    max-width: 106px;
    width: 100%
}

@media(min-width: 1200px) {
    .landing__logo {
        max-width: 184px
    }
}

.landing__pretitile {
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    color: transparent;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 480px) {
    .landing__pretitile {
        font-size: 32px;
        line-height: 40px
    }
}

@media(min-width: 600px) {
    .landing__pretitile {
        text-align: left
    }
}

@media(min-width: 1200px) {
    .landing__pretitile {
        font-size: 64px;
        font-weight: 800;
        line-height: 74px
    }
}

.landing__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 480px) {
    .landing__title {
        font-size: 32px;
        line-height: 40px
    }
}

@media(min-width: 600px) {
    .landing__title {
        text-align: left
    }
}

@media(min-width: 1200px) {
    .landing__title {
        font-size: 64px;
        font-weight: 800;
        line-height: 74px
    }
}

.landing__subtitle {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 40px;
    text-align: center
}

@media(min-width: 600px) {
    .landing__subtitle {
        text-align: left
    }
}

@media(min-width: 1200px) {
    .landing__subtitle {
        font-size: 24px;
        line-height: 32px
    }
}

.landing__button-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

@media(min-width: 600px) {
    .landing__button-wrap {
        justify-content: flex-start
    }
}

.landing__button {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 24px;
    padding: 16px 24px;
    text-align: center;
    text-transform: uppercase
}

.landing__subtext {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

@media(min-width: 600px) {
    .landing__subtext {
        text-align: left
    }
}

@media(min-width: 1200px) {
    .landing__subtext {
        font-size: 16px;
        line-height: 24px
    }
}

.landing + .notification-cookies-policy {
    bottom: 8px
}

.layout__inner {
    position: relative
}

.lt-second__bg {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

.lt-second__bg-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.lt-second__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 40px
}

@media(min-width: 768px) {
    .lt-second__inner {
        align-items: flex-start;
        margin-top: 56px
    }
}

@media(min-width: 1200px) {
    .lt-second__inner {
        margin-top: 64px
    }
}

.lt-second__logo {
    width: 98px
}

@media(min-width: 768px) {
    .lt-second__logo {
        width: 184px
    }
}

.lt-second__subtitle {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-top: 56px
}

@media(min-width: 768px) {
    .lt-second__subtitle {
        margin-top: 64px
    }
}

.lt-second__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    margin-top: 16px;
    text-align: center
}

@media(min-width: 480px) {
    .lt-second__title {
        font-size: 42px;
        line-height: 52px
    }
}

@media(min-width: 768px) {
    .lt-second__title {
        text-align: left
    }
}

@media(min-width: 1200px) {
    .lt-second__title {
        font-size: 54px;
        font-weight: 900;
        line-height: 64px
    }
}

.lt-second .lt-second__btn {
    font-size: 16px;
    letter-spacing: .2px;
    line-height: 24px;
    margin-top: 32px;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 12px 20px;
    width: 100%
}

@media(min-width: 480px) {
    .lt-second .lt-second__btn {
        padding: 16px 24px
    }
}

@media(min-width: 1440px) {
    .lt-second .lt-second__btn {
        margin-top: 40px
    }
}

.lt-second__steps {
    display: flex;
    flex-direction: column;
    margin-top: 100px;
    width: 100%
}

@media(min-width: 768px) {
    .lt-second__steps {
        flex-direction: row;
        margin-top: 64px
    }
}

.lt-second__step {
    align-items: center;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: rgba(0,0,0,.44);
    border-radius: 12px;
    display: flex;
    padding: 13px 21px;
    width: 100%
}

@media(min-width: 768px) {
    .lt-second__step {
        flex-basis: 33.33333%;
        max-width: 256px
    }
}

.lt-second__step:not(:last-child) {
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .lt-second__step:not(:last-child) {
        margin-bottom: 0;
        margin-right: 16px;
        padding: 13px 14px
    }
}

.lt-second__step-img-wrap {
    margin-right: 8px;
    max-height: 56px;
    max-width: 56px
}

.lt-second__step-img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.lt-second__step-content {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.lt-second__step-name {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.lt-second__step-desc {
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.footer-landing {
    border-top: 1px solid hsla(0,0%,100%,.12);
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    padding-bottom: 24px
}

@media(min-width: 768px) {
    .footer-landing {
        margin-top: 40px
    }
}

.footer-landing__responsibility-logos {
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 28px
}

.footer-landing__license-icon {
    max-width: 96px
}

    .footer-landing__license-icon a {
        display: flex
    }

    .footer-landing__license-icon img {
        display: block;
        max-width: 100%
    }

.footer-landing__responsibility-logo {
    height: 32px;
    opacity: .6;
    transition: opacity .3s ease
}

    .footer-landing__responsibility-logo:hover {
        opacity: 1
    }

.footer-landing__responsibility-logo--mga {
    height: 48px;
    opacity: 1
}

    .footer-landing__responsibility-logo--mga img {
        height: 48px !important
    }

.books-bg {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -5
}

    .books-bg .book {
        height: 55px;
        position: absolute;
        width: 55px
    }

        .books-bg .book:first-child {
            animation: fall-1 18s linear -6s infinite;
            background: url(/images/1.2fc01d7f..png) 50% no-repeat;
            background-size: cover;
            opacity: .2947;
            transform: translate(41.0016vw,-10px)
        }

@keyframes fall-1 {
    48.578% {
        transform: translate(39.9125vw,48.578vh)
    }

    to {
        transform: translate(40.45705vw,100vh)
    }
}

.books-bg .book:nth-child(2) {
    animation: fall-2 13s linear -12s infinite;
    background: url(/images/2.3699b285..png) 50% no-repeat;
    background-size: cover;
    opacity: .7411;
    transform: translate(30.8795vw,-10px)
}

@keyframes fall-2 {
    49.385% {
        transform: translate(36.5171vw,49.385vh)
    }

    to {
        transform: translate(33.6983vw,100vh)
    }
}

.books-bg .book:nth-child(3) {
    animation: fall-3 12s linear -3s infinite;
    background: url(/images/1.2fc01d7f..png) 50% no-repeat;
    background-size: cover;
    opacity: .5894;
    transform: translate(36.7543vw,-10px)
}

@keyframes fall-3 {
    48.445% {
        transform: translate(40.8907vw,48.445vh)
    }

    to {
        transform: translate(38.8225vw,100vh)
    }
}

.books-bg .book:nth-child(4) {
    animation: fall-4 10s linear -21s infinite;
    background: url(/images/2.3699b285..png) 50% no-repeat;
    background-size: cover;
    opacity: .4706;
    transform: translate(16.5511vw,-10px)
}

@keyframes fall-4 {
    77.097% {
        transform: translate(10.4227vw,77.097vh)
    }

    to {
        transform: translate(13.4869vw,100vh)
    }
}

.books-bg .book:nth-child(5) {
    animation: fall-5 11s linear -3s infinite;
    background: url(/images/5.1ea25d31..png) 50% no-repeat;
    background-size: cover;
    opacity: .3524;
    transform: translate(19.3673vw,-10px)
}

@keyframes fall-5 {
    56.18% {
        transform: translate(29.2457vw,56.18vh)
    }

    to {
        transform: translate(24.3065vw,100vh)
    }
}

.books-bg .book:nth-child(6) {
    animation: fall-6 23s linear -24s infinite;
    background: url(/images/5.1ea25d31..png) 50% no-repeat;
    background-size: cover;
    opacity: .5725;
    transform: translate(74.1158vw,-10px)
}

@keyframes fall-6 {
    66.819% {
        transform: translate(77.0357vw,66.819vh)
    }

    to {
        transform: translate(75.57575vw,100vh)
    }
}

.books-bg .book:nth-child(7) {
    animation: fall-7 21s linear -30s infinite;
    background: url(/images/5.1ea25d31..png) 50% no-repeat;
    background-size: cover;
    opacity: .9111;
    transform: translate(93.9772vw,-10px)
}

@keyframes fall-7 {
    45.483% {
        transform: translate(87.3534vw,45.483vh)
    }

    to {
        transform: translate(90.6653vw,100vh)
    }
}

.books-bg .book:nth-child(8) {
    animation: fall-8 19s linear -29s infinite;
    background: url(/images/5.1ea25d31..png) 50% no-repeat;
    background-size: cover;
    opacity: .9872;
    transform: translate(16.9616vw,-10px)
}

@keyframes fall-8 {
    45.097% {
        transform: translate(7.523vw,45.097vh)
    }

    to {
        transform: translate(12.2423vw,100vh)
    }
}

.books-bg .book:nth-child(9) {
    animation: fall-9 29s linear -10s infinite;
    background: url(/images/8.b8085658..png) 50% no-repeat;
    background-size: cover;
    opacity: .2419;
    transform: translate(49.5236vw,-10px)
}

@keyframes fall-9 {
    63.681% {
        transform: translate(44.6397vw,63.681vh)
    }

    to {
        transform: translate(47.08165vw,100vh)
    }
}

.books-bg .book:nth-child(10) {
    animation: fall-10 11s linear -15s infinite;
    background: url(/images/7.75019e2f..png) 50% no-repeat;
    background-size: cover;
    opacity: .6007;
    transform: translate(22.097vw,-10px)
}

@keyframes fall-10 {
    40.531% {
        transform: translate(23.7327vw,40.531vh)
    }

    to {
        transform: translate(22.91485vw,100vh)
    }
}

.search-modal {
    -ms-overflow-style: none;
    background: #222;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none
}

    .search-modal::-webkit-scrollbar {
        display: none
    }

@media(min-width: 768px) {
    .search-modal {
        max-height: 800px;
        min-height: 800px
    }
}

.select-games-search-for-modal {
    height: 100%
}

.select-games-search-for-modal__dropdown {
    padding: 135px 8px 56px;
}

@media(min-width: 768px) {
    .select-games-search-for-modal__dropdown {
        padding: 160px 16px 64px;
    }
}

.select-games-search-for-modal__dropdown--no-button {
    padding: 140px 8px 8px
}

@media(min-width: 768px) {
    .select-games-search-for-modal__dropdown--no-button {
        padding: 160px 16px 16px
    }
}

.select-games-search-for-modal__dropdown .option--highlighted {
    background: transparent;
    color: unset
}

.select-games-search-for-modal .select-games-search-for-modal__option {
    border-radius: 8px;
    padding: 12px 8px;
    position: relative;
    transition: background .3s ease
}

@media(min-width: 768px) {
    .select-games-search-for-modal .select-games-search-for-modal__option {
        padding: 12px 16px
    }
}

.select-games-search-for-modal .select-games-search-for-modal__option:hover {
    background: #2a4f0e
}

    .select-games-search-for-modal .select-games-search-for-modal__option:hover .select-games-search-for-modal__game-icon {
        opacity: 1
    }

.select-games-search-for-modal__option-link {
    display: flex
}

.select-games-search-for-modal__option-image {
    border-radius: 8px;
    height: 56px;
    margin-right: 16px;
    width: 56px
}

.select-games-search-for-modal__option-name {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.select-games-search-for-modal__name {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 2px
}

.select-games-search-for-modal__provider {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize
}

.select-games-search-for-modal__game-icon {
    color: hsla(0,0%,100%,.65);
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease
}

.select-games-search-for-modal__footer {
    align-items: center;
    background: #31373f;
    border-top: 1px solid #222;
    bottom: 0;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 0;
    position: fixed;
    transition: background .3s ease;
    width: 100%
}

    .select-games-search-for-modal__footer:hover {
        background: #2a4f0e
    }

    .select-games-search-for-modal__footer .text-btn {
        align-items: center;
        color: #fff;
        display: flex;
        font-family: Open Sans,sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        height: 100%;
        justify-content: center;
        letter-spacing: .2px;
        line-height: 24px;
        text-transform: uppercase;
        width: 100%
    }

.select-games-search-for-modal__not-found {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 0 8px 16px
}

@media(min-width: 768px) {
    .select-games-search-for-modal__not-found {
        padding: 0 16px 32px
    }
}

.search-modal-header {
    background: #222;
    left: 0;
    padding: 16px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media(min-width: 768px) {
    .search-modal-header {
        padding: 24px 32px
    }
}

.search-modal-header__search-bar {
    margin-top: 20px;
    position: relative
}

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

.search-modal-header__clear-icon {
    color: hsla(0,0%,100%,.4);
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.search-modal-header .search-modal-header__input {
    border-radius: 8px;
    height: 48px;
    overflow: hidden;
    padding: 0
}

    .search-modal-header .search-modal-header__input .input__native {
        color: #fff;
        font-family: Open Sans,sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        height: 48px;
        line-height: 24px;
        margin: 0;
        padding: 0 48px 0 12px !important
    }

    .search-modal-header .search-modal-header__input .input__left-container {
        margin-right: 0;
        padding-left: 16px
    }

.search-modal-tabs {
    display: flex
}

.search-modal-tabs__wrapper {
    background: rgb(53 53 53 / 65%);
    border-radius: 100px;
    display: flex;
    padding: 4px
}

.search-modal-tabs .search-modal-tabs__tab {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 6px 16px;
    text-transform: uppercase
}

.search-modal-tabs .search-modal-tabs__tab--active {
    background: #264c1b !important;
    border-radius: 51px;
    color: #fff !important
}

.games-block-recommended__title {
    color: #fff;
    display: block;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    padding: 0 8px 16px
}

@media(min-width: 768px) {
    .games-block-recommended__title {
        padding: 0 16px 16px
    }
}

.games-block-recommended__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.games-block-recommended__item {
    border-radius: 8px;
    position: relative;
    transition: background .3s ease
}

    .games-block-recommended__item:hover {
        background: #2a4f0e
    }

        .games-block-recommended__item:hover .games-block-recommended__game-icon {
            opacity: 1
        }

.games-block-recommended__link {
    cursor: pointer;
    display: flex;
    height: 100%;
    padding: 12px 8px;
    width: 100%;
    height: 70px;
}

@media(min-width: 768px) {
    .games-block-recommended__link {
        padding: 12px 16px;
        height: 71px;
    }
}

.games-block-recommended__image {
    border-radius: 8px;
    height: 56px;
    margin-right: 16px;
    width: 56px
}

.games-block-recommended__content {
    display: flex;
    flex-direction: column;
    height: 50px;
}

.games-block-recommended__name {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 2px
}

.games-block-recommended__name, .games-block-recommended__provider {
    font-family: Open Sans,sans-serif;
    font-style: normal;
    font-weight: 400
}

.games-block-recommended__provider {
    color: hsla(0,0%,100%,.4);
    font-size: 12px;
    line-height: 18px;
    text-transform: capitalize
}

.games-block-recommended__game-icon {
    color: hsla(0,0%,100%,.65);
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease
}

.games-page-providers {
    height: 100%
}

.games-page-providers__dropdown {
    row-gap: 8px;
    display: grid;
    flex-direction: column;
    height: 100%;
    padding: 160px 32px 24px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

@media(min-width: 768px) {
    .games-page-providers__dropdown {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media(max-width: 768px) {
    .games-page-providers__dropdown {
        grid-template-columns: 2fr 2fr;
        max-height: 0;
    }
}

.games-page-providers__dropdown .option--highlighted {
    background: transparent;
    color: unset
}

@media(min-width: 768px) {
    .games-page-providers__dropdown .option--highlighted {
        background: #2a4f0e
    }
}

.games-page-providers .games-page-providers__item {
    border-radius: 8px;
    height: 56px;
    padding: 0;
    transition: background .3s ease;
    background: rgb(53 53 53 / 90%);
}

    .games-page-providers .games-page-providers__item:hover {
        background: #2a4f0e
    }

@media(min-width: 768px) {

    .games-page-providers .games-page-providers__item:hover {
        background: #444;
    }
}

.games-page-providers .games-page-providers__link {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    line-height: 20px;
    padding: 12px 8px;
    width: 100%;
    justify-content: left;
    text-decoration: none;
}

@media(min-width: 768px) {
    .games-page-providers .games-page-providers__link {
        padding: 12px 16px
    }
}

.games-page-providers__image-wrapper {
    height: 32px;
    margin-right: 12px;
    width: 32px;
}

.games-page-providers__image {
    height: 100%;
    width: 100%
}

.games-page-providers__not-found {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    grid-column-end: 3;
    grid-column-start: 1;
    line-height: 24px;
    padding: 0 8px
}

@media(min-width: 768px) {
    .games-page-providers__not-found {
        padding: 0
    }
}

.success-after-registration {
    position: relative
}

    .success-after-registration :last-child {
        margin-bottom: 0 !important
    }

.success-after-registration__image {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%)
}

.success-after-registration__content {
    padding: 310px 16px 48px;
    position: relative;
    text-align: center;
    z-index: 5
}

@media(min-width: 480px) {
    .success-after-registration__content {
        padding: 296px 48px 48px
    }
}

.success-after-registration__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

.success-after-registration__text {
    color: hsla(0,0%,100%,.65);
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px
}

    .success-after-registration__text:last-of-type {
        margin-bottom: 40px
    }

.success-after-registration__btn {
    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: #0bdede;
    text-decoration: none
}

    .limits-modal .link:hover {
        text-decoration: underline
    }

.profile-modal {
    padding: 24px 16px
}

@media(min-width: 768px) {
    .profile-modal {
        padding: 24px
    }
}

.profile-modal__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .profile-modal__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

.modal--install-app .profile-modal {
    padding: 24px 16px 80px
}

.responsible-game-modal {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 56px 48px 48px
}

.responsible-game-modal__buttons {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    margin-top: 32px;
    width: 100%
}

.responsible-game-modal__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
    margin-top: 24px;
    text-align: center
}

.responsible-game-modal__text {
    color: hsla(0,0%,100%,.65);
    font-weight: 400
}

.responsible-game-modal .responsible-game-modal__button, .responsible-game-modal__text {
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    text-align: center
}

.responsible-game-modal .responsible-game-modal__button {
    color: #fff;
    font-weight: 700;
    height: 48px;
    letter-spacing: .2px;
    text-transform: uppercase;
    width: 100%
}

.responsible-game-modal .responsible-game-modal__button--cancel {
    background: #2a4f0e;
    border: none;
    transition: background .3s ease
}

    .responsible-game-modal .responsible-game-modal__button--cancel:active, .responsible-game-modal .responsible-game-modal__button--cancel:focus, .responsible-game-modal .responsible-game-modal__button--cancel:hover {
        background: #445778;
        border: none
    }

.fast-deposit-modal {
    background: #263b57
}

.fast-deposit-modal__header {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding: 56px 0 24px;
    text-align: center
}

@media(min-width: 768px) {
    .fast-deposit-modal__header {
        padding: 28px 0 32px
    }
}

.fast-deposit-modal__wrap {
    display: flex;
    flex-direction: column;
    padding: 0 16px 16px;
    row-gap: 32px
}

@media(min-width: 768px) {
    .fast-deposit-modal__wrap {
        -moz-column-gap: 24px;
        column-gap: 24px;
        flex-direction: row;
        padding: 0 32px 40px
    }
}

.fast-deposit-modal__left {
    width: 100%
}

@media(min-width: 768px) {
    .fast-deposit-modal__left {
        max-width: 198px
    }
}

.fast-deposit-modal__right {
    width: 100%
}

@media(min-width: 768px) {
    .fast-deposit-modal__right {
        width: calc(100% - 222px)
    }
}

.fast-deposit-modal__balance {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.fast-deposit-modal__add-currency {
    align-items: center;
    background: #2a4f0e;
    border-radius: 8px;
    color: hsla(0,0%,100%,.65);
    display: flex;
    height: 48px;
    justify-content: center;
    margin-left: 8px;
    min-width: 48px;
    transition: background .3s ease
}

    .fast-deposit-modal__add-currency:hover {
        background: #445778
    }

.fast-deposit-modal__section {
    margin-bottom: 32px
}

.fast-deposit-modal__section--empty {
    display: none
}

.fast-deposit-modal__section--amount {
    margin-bottom: 12px
}

.fast-deposit-modal__payment-method {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

    .fast-deposit-modal__payment-method span {
        color: #fff;
        font-family: Open Sans,sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px
    }

.fast-deposit-modal__footer {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

    .fast-deposit-modal__footer, .fast-deposit-modal__footer .text-btn {
        font-family: Open Sans,sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px
    }

        .fast-deposit-modal__footer .text-btn {
            color: #00dccd;
            margin-left: 4px
        }

            .fast-deposit-modal__footer .text-btn:hover {
                color: #1df0e2
            }

.fast-deposit-modal .bonus-refuse {
    align-items: center;
    background: rgba(255,211,54,.08);
    border-radius: 8px;
    color: #ffd336;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    line-height: 20px;
    margin-top: 16px;
    padding: 16px
}

.payment-methods {
    display: block
}

.payment-methods__saved {
    margin-bottom: 16px
}

.payment-methods__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.payment-methods-list {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    row-gap: 8px
}

@media(min-width: 480px) {
    .payment-methods-list {
        grid-template-columns: repeat(4,1fr)
    }
}

@media(min-width: 768px) {
    .payment-methods-list {
        grid-template-columns: repeat(2,1fr)
    }
}

.payment-methods-list__method {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 4px;
    cursor: pointer;
    height: 62px;
    opacity: .7;
    padding: 8px;
    transition: opacity .3s ease
}

    .payment-methods-list__method:hover {
        opacity: 1
    }

@media(min-width: 480px) {
    .payment-methods-list__method {
        height: 66px
    }
}

@media(min-width: 768px) {
    .payment-methods-list__method {
        height: 62px
    }
}

.payment-methods-list__method--selected {
    border: 2px solid #00dccd;
    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: #001b33;
    display: block;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin: 2px 0 0;
    width: 100%
}

.verified-by-card {
    margin-top: 0
}

@media(min-width: 768px) {
    .verified-by-card {
        margin-top: -16px
    }
}

.verified-by-card__list {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.verified-by-card__item {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    display: inline-flex;
    flex-direction: row;
    height: 40px;
    justify-content: center;
    padding: 4px
}

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

.payment-amount-default--empty {
    display: none
}

.payment-amount-default__hint {
    color: hsla(0,0%,100%,.4);
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 8px;
    text-align: right
}

.payment-amount-default__error {
    color: #0bdede
}

.payment-amount-default__preset {
    display: block;
    width: 100%
}

.payment-amount-default__input {
    position: relative
}

.payment-amount-default__input--amount .input {
    padding-right: 55px
}

.payment-amount-default__currency {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: absolute;
    right: 16px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.select__dropdown {
    scrollbar-color: #f6d515
}

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

    .select__dropdown::-webkit-scrollbar-track {
        background: #22242c;
        border-radius: 2px
    }

    .select__dropdown::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.6);
        border-radius: 2px;
        margin: 0
    }

        .select__dropdown::-webkit-scrollbar-thumb:hover {
            background: #f6d515
        }

    .select__dropdown:hover::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.8)
    }

.select__dropdown {
    scrollbar-color: #5c6f91;
    scrollbar-width: thin
}

    .select__dropdown::-webkit-scrollbar {
        height: 4px;
        width: 4px
    }

    .select__dropdown::-webkit-scrollbar-track {
        background: transparent !important
    }

    .select__dropdown::-webkit-scrollbar-thumb {
        background: #5c6f91 !important;
        border-radius: 9px !important;
        margin: 0 5px 0 0
    }

        .select__dropdown::-webkit-scrollbar-thumb:hover {
            background: #5c6f91 !important
        }

.select {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

    .select .input {
        padding: 0 12px 0 16px
    }

.select__dropdown {
    background: #2a4f0e;
    border-radius: 8px;
    display: block;
    left: 0;
    margin: 0;
    max-height: 240px;
    overflow: hidden;
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    z-index: 100
}

.select__arrow-icon-wrapper {
    background: none;
    border: none;
    color: hsla(0,0%,100%,.4);
    cursor: pointer;
    display: flex;
    padding: 0;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .3s ease,color .3s ease
}

.select__arrow-icon-wrapper--open {
    transform: rotate(180deg)
}

.dynamic-form-pnp .select--one .select__arrow-icon-wrapper, .dynamic-form-pnp .select--one .select__bottom-line {
    display: none
}

.amount-preset-list {
    grid-gap: 8px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    margin-top: 12px;
    padding: 0;
    width: 100%
}

.amount-preset-item {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    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;
    background: #2a4f0e;
    border-radius: 8px;
    color: hsla(0,0%,100%,.4);
    cursor: pointer;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    transition: color .3s ease,background .3s ease;
    width: 100%
}

    .amount-preset-item__block:hover {
        background: #445778;
        color: #fff
    }

.amount-preset-item__currency {
    display: inline-block;
    margin-right: 3px;
    text-align: center;
    width: auto
}

.amount-preset-item__input:checked + .amount-preset-item__block, .amount-preset-item__input:checked + .amount-preset-item__block:hover {
    background: #445778;
    color: #fff
}

.amount-hint__item {
    display: inline-block
}

    .amount-hint__item:not(:first-child) {
        margin-left: 3px
    }

    .amount-hint__item:not(:last-child):after {
        content: ","
    }

.payment-saved-profiles {
    margin-bottom: 12px !important
}

.payment-saved-profiles__text {
    margin: 0
}

.payment-saved-profiles__text--title {
    font-weight: 700
}

.payment-saved-profiles__text--title, .payment-saved-profiles__text--value {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    line-height: 24px
}

.payment-saved-profiles__title {
    display: flex;
    justify-content: space-between;
    margin: 32px 0 16px
}

.payment-saved-profiles .payment-saved-profiles__button {
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    cursor: pointer;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    text-align: right;
    text-transform: uppercase;
    transition: color .3s ease
}

.payment-saved-profiles .payment-saved-profiles__button--add-new {
    color: #00dccd
}

    .payment-saved-profiles .payment-saved-profiles__button--add-new:hover {
        color: #1df0e2
    }

.payment-saved-profiles__item, .payment-saved-profiles__item-wrapper {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex
}

.payment-saved-profiles__item {
    background: #2a4f0e;
    border-radius: 8px;
    cursor: pointer;
    height: 48px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-overflow: ellipsis;
    transition: background .3s ease;
    white-space: nowrap;
    width: 100%
}

    .payment-saved-profiles__item:hover {
        background: #445778
    }

.payment-saved-profiles__delete {
    background: #2a4f0e;
    border-radius: 8px;
    color: hsla(0,0%,100%,.65);
    cursor: pointer;
    display: flex;
    padding: 12px;
    transition: background .3s ease
}

    .payment-saved-profiles__delete:hover {
        background: #445778
    }

.payment-fields-default__player-field-form {
    margin-top: 12px !important
}

.payment-fields-default .dynamic-form {
    padding: 0
}

.payment-fields-default .dynamic-form__label {
    display: none
}

.payment-fields-default .dynamic-form .payment-fields-default .dynamic-form__element {
    margin-top: 12px
}

.payment-dynamic-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.payment-dynamic-form__element + .payment-dynamic-form__element {
    margin-top: 12px
}

.payment-dynamic-form__element--tag {
    margin-top: 0 !important;
    width: 100%
}

.payment-dynamic-form__element--banner {
    margin-top: 24px !important
}

.payment-dynamic-form__element--address {
    width: 100%
}

.payment-dynamic-form--cvv-expiry-date .payment-dynamic-form__element--card_expiry_date, .payment-dynamic-form--cvv-expiry-date .payment-dynamic-form__element--cvv, .payment-dynamic-form--cvv-expiry-date .payment-dynamic-form__element--expiry_date {
    width: calc(50% - 6px)
}

.payment-dynamic-form .payments-js-lib__wrapper {
    border: 1px dashed hsla(0,0%,100%,.4);
    border-radius: 8px;
    padding: 12px
}

.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 {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.payment-dynamic-form__card-info {
    cursor: pointer;
    display: inline-flex
}

.payment-dynamic-form__card-number-hint {
    height: 230px;
    width: 300px
}

    .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: 40px;
    max-width: 100px;
    -o-object-fit: contain;
    object-fit: contain
}

.payment-form-element {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

    .payment-form-element .form-element__error, .payment-form-element__error {
        color: #f51969;
        font-family: Open Sans,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        margin-top: 4px
    }

        .payment-form-element .form-element__error:first-letter, .payment-form-element__error:first-letter {
            text-transform: capitalize
        }

.protocols {
    margin-top: 24px;
    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,#000,transparent);
    left: 0
}

.protocols:after {
    background-image: linear-gradient(270deg,#000,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: 10px;
    color: #fff;
    cursor: pointer;
    outline: none;
    padding: 10px;
    white-space: pre
}

.protocol-item--active {
    border-color: #0bdede
}

.protocol-item:active, .protocol-item:focus {
    outline: none
}

.protocol-item:not(:last-child) {
    margin-right: 10px
}

.crypto-address__description {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.crypto-address__code {
    margin: 32px 0;
    text-align: center
}

@media(min-width: 768px) {
    .crypto-address__code {
        text-align: left
    }
}

.crypto-address__code .qr-code {
    border-radius: 8px;
    padding: 11px
}

.crypto-address__hint {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.crypto-address__address {
    background: #2a4f0e;
    border-radius: 8px;
    margin: 16px 0;
    overflow: hidden;
    padding: 16px 48px 16px 16px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.crypto-address__button {
    color: #00dccd;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

    .crypto-address__button:hover {
        color: #1df0e2
    }

.crypto-address__amount-hint {
    color: hsla(0,0%,100%,.4);
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

    .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 hsla(0,0%,100%,.65);
        border-radius: 50%;
        border-right-color: transparent;
        content: "";
        display: block;
        height: 40px;
        width: 40px
    }

@keyframes spinner {
    to {
        transform: rotate(1turn)
    }
}

.deposit-hint {
    position: relative
}

    .deposit-hint .deposit-hint__button--open {
        color: hsla(0,0%,100%,.2)
    }

        .deposit-hint .deposit-hint__button--open:active, .deposit-hint .deposit-hint__button--open:hover, .deposit-hint .deposit-hint__button--open:target {
            color: hsla(0,0%,100%,.4)
        }

    .deposit-hint .deposit-hint__button--close {
        position: absolute;
        right: 4px;
        top: 4px
    }

.deposit-hint__container {
    background: #445778;
    border-radius: 8px;
    bottom: calc(100% + 12px);
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
    padding: 12px;
    position: absolute;
    right: -8px;
    z-index: 1;
    z-index: 10
}

    .deposit-hint__container:after {
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-top: 16px solid #445778;
        bottom: -8px;
        content: "";
        position: absolute;
        right: 4px
    }

.deposit-hint__container--card-holder, .deposit-hint__container--credit-card-number, .deposit-hint__container--cvv {
    right: -32px
}

    .deposit-hint__container--card-holder:after, .deposit-hint__container--credit-card-number:after, .deposit-hint__container--cvv:after {
        right: 28px
    }

@media(min-width: 768px) {
    .deposit-hint__container--card-holder, .deposit-hint__container--credit-card-number, .deposit-hint__container--cvv {
        right: -8px
    }

        .deposit-hint__container--card-holder:after, .deposit-hint__container--credit-card-number:after, .deposit-hint__container--cvv:after {
            right: 4px
        }
}

.deposit-hint__container--card-expiry-date {
    right: -180px
}

    .deposit-hint__container--card-expiry-date:after {
        left: 95px;
        right: unset
    }

@media(min-width: 768px) {
    .deposit-hint__container--card-expiry-date {
        right: -8px
    }

        .deposit-hint__container--card-expiry-date:after {
            left: unset;
            right: 4px
        }
}

.deposit-hint__image {
    height: 174px;
    min-height: 174px;
    min-width: 280px;
    width: 280px
}

.deposit-hint__text {
    margin: 0
}

.deposit-hint__text--description {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.fast-deposit-bonus-code__list {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 16px;
    row-gap: 12px
}

@media(min-width: 480px) {
    .fast-deposit-bonus-code__list {
        grid-template-columns: 1fr 1fr
    }
}

.fast-deposit-bonus-code__no-bonus {
    align-items: center;
    color: hsla(0,0%,100%,.4);
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px
}

.fast-deposit-bonus-code__icon {
    margin-right: 12px
}

.fast-deposit-bonus-code__link {
    color: #00dccd;
    display: block;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px;
    transition: color .3s ease
}

    .fast-deposit-bonus-code__link:hover {
        color: #1df0e2
    }

.deposit-bonus-settings-default {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.deposit-bonus-settings-default__title {
    color: #fff;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.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: hsla(0,0%,100%,.4);
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-right: 16px;
    pointer-events: none;
    text-align: right
}

.switcher__container {
    align-items: center;
    border: 1.5px solid #506385;
    border-radius: 20px;
    display: inline-flex;
    flex-direction: row;
    height: 22px;
    justify-content: flex-start;
    padding: 2.5px;
    transition: border-color .3s ease,background .3s ease;
    width: 38px
}

    .switcher__container:hover {
        border-color: #5c6f91
    }

        .switcher__container:hover .switcher__button {
            background: #5c6f91
        }

.switcher__button {
    background: #506385;
    border-radius: 50%;
    height: 14px;
    transition: background .3s ease;
    width: 14px
}

.switcher__input:checked + .switcher__block .switcher__container {
    background: #00dccd;
    justify-content: flex-end
}

    .switcher__input:checked + .switcher__block .switcher__container:hover {
        background: #1df0e2
    }

.switcher__input:checked + .switcher__block .switcher__button {
    background: #263b57
}

.switcher--disabled, .switcher[disabled] {
    cursor: not-allowed
}

    .switcher--disabled .switcher__container, .switcher[disabled] .switcher__container {
        background: #506385 !important;
        border-color: #506385 !important
    }

    .switcher--disabled .switcher__button, .switcher[disabled] .switcher__button {
        background: #263b57 !important
    }

.fast-deposit-bonus-code-card {
    background: linear-gradient(130.96deg,#03a096 1.93%,#3e20b7 63.95%,#83189e 108.25%);
    border-radius: 8px;
    padding: 12px 32px 12px 12px;
    position: relative;
    width: 100%
}

.fast-deposit-bonus-code-card__icon {
    position: absolute;
    right: 6px;
    top: 6px
}

.fast-deposit-bonus-code-card__icon--active:before {
    color: #fff !important
}

.fast-deposit-bonus-code-card__icon--disabled:before {
    color: hsla(0,0%,100%,.2) !important
}

.fast-deposit-bonus-code-card__title {
    color: hsla(0,0%,100%,.65);
    display: block;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 4px
}

.fast-deposit-bonus-code-card__description {
    color: #fff;
    display: block;
    font-weight: 700;
    margin-bottom: 8px
}

.fast-deposit-bonus-code-card__code, .fast-deposit-bonus-code-card__description {
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 20px
}

.fast-deposit-bonus-code-card__code {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-weight: 400;
    position: relative;
    z-index: 1
}

.fast-deposit-bonus-code-card__code--value {
    align-items: center;
    color: #00dccd;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-left: 4px
}

    .fast-deposit-bonus-code-card__code--value i {
        font-size: 16px;
        margin-left: 4px
    }

.fast-deposit-bonus-code-card__code--no-value {
    color: #ffd336;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.fast-deposit-bonus-code-card__image {
    bottom: 0;
    position: absolute;
    right: 0
}

.fast-deposit-bonus-code-card__no-bonus {
    align-items: center;
    color: hsla(0,0%,100%,.4);
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap
}

.fast-deposit-bonus-code-card__no-bonus-icon {
    margin-right: 12px
}

.bonus-code-form-default, .bonus-code-form-default.form {
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 16px;
    position: relative
}

    .bonus-code-form-default .bonus-code-form-default__input {
        height: 48px;
        padding: 0 64px 0 16px
    }

        .bonus-code-form-default .bonus-code-form-default__input .input__native {
            padding: 0
        }

    .bonus-code-form-default .bonus-code-form-default__button {
        color: hsla(0,0%,100%,.2);
        font-family: Open Sans,sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: .2px;
        line-height: 20px;
        position: absolute;
        right: 16px;
        text-align: right;
        text-transform: uppercase;
        top: 50%;
        transform: translateY(-50%);
        transition: color .3s ease;
        z-index: 10
    }

        .bonus-code-form-default .bonus-code-form-default__button:before {
            content: attr(title)
        }

    .bonus-code-form-default .bonus-code-form-default__button--active {
        color: #00dccd
    }

        .bonus-code-form-default .bonus-code-form-default__button--active:hover {
            color: #1df0e2
        }

    .bonus-code-form-default .bonus-code-form-default__button--saved {
        color: #ffd336
    }

.deposit-lotteries__control {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 16px
}

.deposit-lotteries__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.deposit-lotteries__tickets {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 12px
}

@media(min-width: 480px) {
    .deposit-lotteries__tickets {
        grid-template-columns: 1fr 1fr
    }
}

.deposit-lotteries__no-bonus {
    align-items: center;
    color: hsla(0,0%,100%,.4);
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px
}

.deposit-lotteries__icon {
    margin-right: 12px
}

.deposit-lottery-card {
    background: #2a4f0e;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    padding: 12px;
    position: relative;
    transition: background .3s ease
}

.deposit-lottery-card--selected {
    background: linear-gradient(130.96deg,#03a02f 1.93%,#583d93 63.95%,#9d00c5 108.25%)
}

.deposit-lottery-card__content {
    height: 100%
}

.deposit-lottery-card__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    row-gap: 12px
}

.deposit-lottery-card__radio .radio__input:checked + .radio__block .radio__point:before {
    background: #fff
}

.deposit-lottery-card__radio .radio__input:checked + .radio__block .radio__point {
    border-color: #fff
}

.deposit-lottery-card__title {
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 18px;
    margin-bottom: 4px
}

.deposit-lottery-card__new-tickets-wrap {
    display: flex
}

.deposit-lottery-card__new-tickets {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.deposit-lottery-card__deposit-rules {
    color: hsla(0,0%,100%,.65);
    display: flex;
    flex-direction: column;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.deposit-lottery-card__image {
    bottom: 0;
    position: absolute;
    right: 0
}

.payment-submit-default .s-button {
    font-size: 16px;
    font-weight: 700;
    height: 48px;
    letter-spacing: .2px;
    line-height: 24px;
    text-transform: uppercase;
    width: 100%
}

.payment-common-errors-default, .payment-submit-default .s-button {
    font-family: Open Sans,sans-serif;
    font-style: normal;
    text-align: center
}

.payment-common-errors-default {
    color: #f51969;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 4px
}

.payment-banners {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 16px;
    margin-top: 16px
}

    .payment-banners .payments-js-lib__wrapper {
        align-items: flex-start;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%
    }

    .payment-banners .payments-js-lib__img-wrapper {
        align-items: center;
        display: inline-flex;
        filter: brightness(200);
        justify-content: center;
        margin-right: 12px;
        opacity: .6
    }

    .payment-banners .payments-js-lib__description {
        color: hsla(0,0%,100%,.4);
        font-family: Open Sans,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px
    }

.after-close-modal {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 296px 16px 32px;
    position: relative
}

@media(min-width: 768px) {
    .after-close-modal {
        padding: 296px 48px 48px
    }
}

.after-close-modal__background {
    height: 336px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 480px;
    z-index: -1
}

.after-close-modal__text {
    margin: 0
}

.after-close-modal__text--title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

.after-close-modal__text--description {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 32px;
    text-align: center
}

.after-close-modal__text--value {
    color: #ffd336;
    font-weight: 700
}

.after-close-modal .after-close-modal__button--return {
    font-weight: 700;
    height: 48px;
    letter-spacing: .2px;
    margin: 0 0 20px;
    text-transform: uppercase;
    width: 100%
}

.after-close-modal .after-close-modal__button--close, .after-close-modal .after-close-modal__button--return {
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    line-height: 24px
}

.credit-card-payment-fallback__content-wrapper {
    padding: 30px
}

.credit-card-payment-fallback__header {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 30px
}

.credit-card-payment-fallback__warning-icon {
    color: #f51969;
    margin-right: 20px
}

.credit-card-payment-fallback__text {
    background: #22242c;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 20px 30px;
    text-align: center
}

.credit-card-payment-fallback__methods-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly
}

@media(max-width: 480px) {
    .credit-card-payment-fallback__methods-container {
        flex-direction: column
    }
}

.credit-card-payment-fallback__method-container {
    align-items: center;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 10px
}

@media(max-width: 480px) {
    .credit-card-payment-fallback__method-container {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 20px;
        min-width: 240px
    }
}

.credit-card-payment-fallback__method {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    display: flex;
    height: 50px;
    justify-content: center;
    max-width: 100px;
    padding: 5px
}

@media(min-width: 480px) {
    .credit-card-payment-fallback__method {
        margin-bottom: 10px
    }
}

.reset-password-modal-content {
    width: 100%
}

.reset-password-modal-content__content {
    margin: 0 0 32px;
    text-align: center
}

.reset-password-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

.reset-password-modal-content__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 32px
}

    .reset-password-modal-content__text:last-child {
        margin: 0
    }

.reset-password-modal-content__link {
    text-replace: none;
    color: #00dccd;
    transition: color .3s ease
}

    .reset-password-modal-content__link:hover {
        color: #1df0e2
    }

.reset-password-modal-content__form {
    margin: 0 0 20px
}

.reset-password-modal-content__footer {
    text-align: center
}

.reset-password-modal-content .reset-password-modal-content__login-link {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px
}

.reset-password-modal-content__login-arr {
    font-size: 22px;
    line-height: 22px
}

.support-confirm-modal-content {
    width: 100%
}

.support-confirm-modal-content__content {
    margin: 0 0 32px;
    text-align: center
}

.support-confirm-modal-content__icon {
    align-items: center;
    background: rgba(0,220,205,.08);
    border-radius: 50%;
    color: #00dccd;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto 24px;
    width: 100px
}

    .support-confirm-modal-content__icon i {
        font-size: 42px !important
    }

.support-confirm-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 16px
}

.support-confirm-modal-content__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 32px
}

    .support-confirm-modal-content__text:last-child {
        margin: 0
    }

    .support-confirm-modal-content__text span {
        color: #fff;
        display: block;
        width: 100%
    }

.support-confirm-modal-content__link {
    text-replace: none;
    color: #00dccd;
    transition: color .3s ease
}

    .support-confirm-modal-content__link:hover {
        color: #0acbcb
    }

.support-confirm-modal-content__footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.support-confirm-modal-content .support-confirm-modal-content__login-link {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px
}

.support-confirm-modal-content__login-arr {
    font-size: 22px;
    line-height: 22px
}

.support-confirm-modal-content__resend-info {
    color: hsla(0,0%,100%,.65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px;
    margin: 16px auto 0
}

.resend-confirmation-instructions-modal-content {
    width: 100%
}

.resend-confirmation-instructions-modal-content__content {
    margin: 0 0 32px;
    text-align: center
}

.resend-confirmation-instructions-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 16px;
    padding: 0 45px
}

.resend-confirmation-instructions-modal-content__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 32px
}

    .resend-confirmation-instructions-modal-content__text:last-child {
        margin: 0
    }

.resend-confirmation-instructions-modal-content__link {
    text-replace: none;
    color: #0bdede;
    transition: color .3s ease
}

    .resend-confirmation-instructions-modal-content__link:hover {
        color: #0acbcb
    }

.resend-confirmation-instructions-modal-content__form {
    margin: 0 0 16px
}

.resend-confirmation-instructions-modal-content__footer {
    text-align: center
}

.resend-confirmation-instructions-modal-content .resend-confirmation-instructions-modal-content__login-link {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px
}

.resend-confirmation-instructions-modal-content__login-arr {
    font-size: 10px;
    line-height: 10px;
    transform: rotate(180deg)
}

.resend-confirmation-instructions-modal-content__resend-info {
    color: hsla(0,0%,100%,.65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px;
    margin: 16px auto 0
}

.unlock-instructions-modal-content {
    width: 100%
}

.unlock-instructions-modal-content__content {
    margin: 0 0 32px;
    text-align: center
}

.unlock-instructions-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 16px
}

.unlock-instructions-modal-content__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 32px
}

    .unlock-instructions-modal-content__text:last-child {
        margin: 0
    }

.unlock-instructions-modal-content__link {
    text-replace: none;
    color: #00dccd;
    transition: color .3s ease
}

    .unlock-instructions-modal-content__link:hover {
        color: #1df0e2
    }

.unlock-instructions-modal-content__form {
    margin: 0 0 16px
}

.unlock-instructions-modal-content__footer {
    text-align: center
}

.unlock-instructions-modal-content .unlock-instructions-modal-content__login-link {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px
}

.unlock-instructions-modal-content__login-arr {
    font-size: 22px;
    line-height: 22px
}

.unlock-instructions-modal-content__resend-info {
    color: hsla(0,0%,100%,.65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px;
    margin: 16px auto 0
}

.contact-us-modal-content {
    padding: 56px 16px 16px
}

@media(min-width: 768px) {
    .contact-us-modal-content {
        padding: 56px 48px 48px
    }
}

.contact-us-modal-content__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 32px
}

    .contact-us-modal-content__content h2, .contact-us-modal-content__content h3, .contact-us-modal-content__content h4, .contact-us-modal-content__content h5 {
        color: #fff;
        font-size: 24px;
        line-height: 133%;
        margin: 0 0 16px;
        text-align: center
    }

    .contact-us-modal-content__content p {
        color: hsla(0,0%,100%,.65);
        margin: 0;
        text-align: center
    }

        .contact-us-modal-content__content p:not(:last-of-type) {
            margin: 0 0 16px
        }

.contact-us-modal-content .textarea {
    max-height: 128px;
    resize: none
}

.notification-center-modal--lucky-spin .modal__content {
    margin: 0;
    padding: 0;
    position: relative
}

@media(max-width: 768px) {
    .notification-center-modal--lucky-spin .modal__content {
        height: 100%;
        margin: 0;
        min-height: 100vh;
        position: relative
    }
}

.notification-center-modal--lucky-spin .modal__content .modal-shadow.modal-shadow--left {
    background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
    height: 680px;
    left: -340px;
    position: absolute;
    top: -460px;
    width: 680px;
    z-index: -1
}

.notification-center-modal--lucky-spin .modal__content .modal-shadow.modal-shadow--right {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
    height: 900px;
    position: absolute;
    right: -500px;
    top: 300px;
    width: 900px;
    z-index: -1
}

.notification-center-modal--lucky-spin .modal__content-wrapper {
    border-radius: 4px;
    max-width: 600px
}

@media(max-width: 768px) {
    .notification-center-modal--lucky-spin .modal__content-wrapper {
        margin: 0;
        max-width: 100%;
        min-height: 100%;
        overflow: hidden;
        width: 100%
    }
}

.notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal__result {
    transform: scale(1) translateX(-50%);
    transform-origin: 0 center
}

.notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal .spin-border, .notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal .spin-btn, .notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal .spin-wrap {
    z-index: -1
}

.notification-center-modal--lucky-kick .modal__content {
    background: #192c43 !important;
    min-height: 712px
}

.notification-center-modal--lucky-kick .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 768px) {
    .notification-center-modal--lucky-kick .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 1024px !important
    }
}

.notification-center-modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media(min-width: 768px) {
    .notification-center-modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

.notification-center-modal .modal__content {
    background: #263b57;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media(min-width: 768px) {
    .notification-center-modal .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }

    .notification-center-modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.notification-center-modal__top-content {
    padding: 56px 0 40px
}

.notification-center-modal__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
    text-align: center
}

.notification-center-modal__subtitle {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center
}

.notification-center-modal__info {
    align-items: center;
    flex-direction: column
}

.notification-center-modal__image, .notification-center-modal__info {
    display: flex;
    justify-content: center
}

    .notification-center-modal__image img {
        height: 128px;
        width: 128px
    }

.notification-center-modal__value {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-top: 20px;
    text-align: center
}

.notification-center-modal__description {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

.notification-center-modal__button-list {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    padding: 0 16px;
    row-gap: 16px
}

@media(min-width: 480px) {
    .notification-center-modal__button-list {
        flex-direction: row
    }
}

@media(min-width: 768px) {
    .notification-center-modal__button-list {
        padding: 0 48px
    }
}

.notification-center-modal .notification-center-modal__button {
    height: 48px;
    width: 100%
}

.notification-center-modal .notification-center-modal__button--secondary {
    background: #2a4f0e
}

    .notification-center-modal .notification-center-modal__button--secondary:active, .notification-center-modal .notification-center-modal__button--secondary:focus, .notification-center-modal .notification-center-modal__button--secondary:hover {
        background: #445778
    }

.notification-center-modal__bottom-content {
    margin-top: 40px;
    padding-bottom: 48px
}

.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: 480px) {
    .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 {
    position: relative
}

@media(min-width: 768px) {
    .bonus {
        overflow: hidden
    }
}

.bonus-spin {
    animation: rotate 10s linear infinite;
    height: unset !important;
    position: absolute;
    top: -170px;
    width: unset !important;
    z-index: -1
}

.bonus__background {
    left: 50%;
    min-width: 480px;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100%;
    z-index: -1
}

.bonus--jackpot .notification-center-modal__top-content {
    padding: 56px 0 32px
}

.bonus--jackpot .notification-center-modal__title {
    margin-bottom: 0
}

.bonus--jackpot .notification-center-modal__subtitle {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    margin-top: 30px;
    text-transform: uppercase
}

.bonus--jackpot .notification-center-modal__image {
    position: relative
}

    .bonus--jackpot .notification-center-modal__image img {
        height: 120px;
        transform: scale(1.7);
        width: 120px
    }

.bonus--jackpot .notification-center-modal__bottom-content {
    margin-top: 56px
}

.bonus--jackpot .notification-center-modal__gradient {
    height: 100%;
    position: absolute;
    top: -48px;
    width: 100%
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_major, .bonus--jackpot .notification-center-modal__gradient--jackpot_silver {
    background: radial-gradient(46.22% 46.22% at 50% 53.78%,rgba(245,25,105,.1) 0,rgba(245,25,105,.1) 10%,rgba(245,25,105,.1) 20%,rgba(245,25,105,.09) 30%,rgba(245,25,105,.09) 40%,rgba(245,25,105,.09) 50%,rgba(245,25,105,.08) 60%,rgba(245,25,105,.07) 70%,rgba(245,25,105,.04) 80%,rgba(245,25,105,.03) 90%,rgba(245,25,105,0) 100%)
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_gold, .bonus--jackpot .notification-center-modal__gradient--jackpot_grand {
    background: radial-gradient(50% 50% at 50% 50%,rgba(117,172,255,.1) 0,rgba(117,172,255,.1) 6.67%,rgba(117,172,255,.1) 13.33%,rgba(117,172,255,.09) 20%,rgba(117,172,255,.09) 26.67%,rgba(117,172,255,.08) 33.33%,rgba(117,172,255,.07) 40%,rgba(117,172,255,.06) 46.67%,rgba(117,172,255,.04) 53.33%,rgba(117,172,255,.03) 60%,rgba(117,172,255,.02) 66.67%,rgba(117,172,255,.01) 73.33%,rgba(117,172,255,.01) 80%,rgba(117,172,255,0) 86.67%,rgba(117,172,255,0) 93.33%,rgba(117,172,255,0) 100%)
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_platinum, .bonus--jackpot .notification-center-modal__gradient--jackpot_prime {
    background: radial-gradient(50% 50% at 50% 50%,rgba(11,222,222,.1) 0,rgba(11,222,222,.1) 6.67%,rgba(11,222,222,.1) 13.33%,rgba(11,222,222,.09) 20%,rgba(11,222,222,.09) 26.67%,rgba(11,222,222,.08) 33.33%,rgba(11,222,222,.07) 40%,rgba(11,222,222,.06) 46.67%,rgba(11,222,222,.04) 53.33%,rgba(11,222,222,.03) 60%,rgba(11,222,222,.02) 66.67%,rgba(11,222,222,.01) 73.33%,rgba(11,222,222,.01) 80%,rgba(9,204,204,0) 86.67%,rgba(9,204,204,0) 93.33%,rgba(9,204,204,0) 100%)
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_mini {
    background: radial-gradient(42.41% 43.85% at 50% 48.32%,rgba(68,255,37,.15) 0,rgba(68,255,37,.149) 6.67%,rgba(68,255,37,.145) 13.33%,rgba(68,255,37,.138) 20%,rgba(68,255,37,.128) 26.67%,rgba(68,255,37,.115) 33.33%,rgba(68,255,37,.1) 40%,rgba(68,255,37,.084) 46.67%,rgba(68,255,37,.066) 53.33%,rgba(68,255,37,.05) 60%,rgba(68,255,37,.035) 66.67%,rgba(68,255,37,.022) 73.33%,rgba(68,255,37,.012) 80%,rgba(68,255,37,.005) 86.67%,rgba(68,255,37,.001) 93.33%,rgba(68,255,37,0) 100%)
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_maxi {
    background: radial-gradient(42.41% 43.85% at 50% 48.32%,rgba(198,37,255,.15) 0,rgba(198,37,255,.149) 6.67%,rgba(197,37,255,.145) 13.33%,rgba(196,37,255,.138) 20%,rgba(194,37,255,.128) 26.67%,rgba(192,37,255,.115) 33.33%,rgba(190,37,255,.1) 40%,rgba(187,37,255,.084) 46.67%,rgba(184,37,255,.066) 53.33%,rgba(181,37,255,.05) 60%,rgba(178,37,255,.035) 66.67%,rgba(176,37,255,.022) 73.33%,rgba(174,37,255,.012) 80%,rgba(173,37,255,.005) 86.67%,rgba(172,37,255,.001) 93.33%,rgba(172,37,255,0) 100%)
}

.bonus--jackpot .notification-center-modal__value {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 52px;
    margin-top: 8px;
    text-transform: uppercase
}

@media(min-width: 480px) {
    .bonus--jackpot .notification-center-modal__value {
        font-size: 54px;
        line-height: 64px
    }
}

.bonus--jackpot .notification-center-modal__value--jackpot_major, .bonus--jackpot .notification-center-modal__value--jackpot_silver {
    text-shadow: 0 0 3px #ff6ea3,0 0 6px rgba(255,138,181,.5)
}

.bonus--jackpot .notification-center-modal__value--jackpot_gold, .bonus--jackpot .notification-center-modal__value--jackpot_grand {
    text-shadow: 0 0 3px #809eed,0 0 3px rgba(187,206,255,.5)
}

.bonus--jackpot .notification-center-modal__value--jackpot_platinum, .bonus--jackpot .notification-center-modal__value--jackpot_prime {
    text-shadow: 0 0 3px #7cf7f7,0 0 3px rgba(169,253,253,.5)
}

.bonus--jackpot .notification-center-modal__value--jackpot_mini {
    text-shadow: 0 0 6px rgba(193,255,114,.5),0 0 20px #c1ff72
}

.bonus--jackpot .notification-center-modal__value--jackpot_maxi {
    text-shadow: 0 0 6px rgba(252,124,255,.5),0 0 20px #fc7cff
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.bonus-games__list {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center
}

.bonus-games__games-wrapper {
    padding: 0 8px
}

@media(min-width: 480px) {
    .bonus-games__games-wrapper {
        padding: 0 32px
    }
}

.bonus-games__item {
    border-radius: 8px;
    display: flex;
    margin: 0;
    max-width: 128px;
    overflow: hidden;
    position: relative
}

.bonus-games__modal-content {
    max-height: 284px;
    overflow-x: hidden;
    overflow-y: auto
}

@media(min-width: 768px) {
    .bonus-games__modal-content {
        max-height: 385px
    }
}

.bonus-games__modal-content .bonus-game {
    height: 64px
}

.bonus-games__modal-content .bonus-game__image {
    border-radius: 8px;
    height: 40px;
    margin-right: 16px;
    width: 40px
}

.bonus-games__modal-content .bonus-game__content-wrap {
    position: relative
}

.bonus-games__modal-title {
    display: block;
    font-weight: 700;
    padding: 10px 0;
    text-align: center
}

.bonus-games .bonus-games__show-less, .bonus-games .bonus-games__show-more {
    align-items: center;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: hsla(0,0%,100%,.65) !important;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    justify-content: center;
    line-height: 20px;
    margin: 16px auto 0;
    min-height: inherit !important;
    padding: 0;
    text-transform: unset
}

    .bonus-games .bonus-games__show-less .bonus-games__arrow-down, .bonus-games .bonus-games__show-more .bonus-games__arrow-down {
        color: hsla(0,0%,100%,.65)
    }

    .bonus-games .bonus-games__show-less .bonus-games__arrow-down--open, .bonus-games .bonus-games__show-more .bonus-games__arrow-down--open {
        margin-top: -2px;
        transform: rotate(-180deg)
    }

    .bonus-games .bonus-games__show-less .bonus-games__arrow-down-wrapper, .bonus-games .bonus-games__show-more .bonus-games__arrow-down-wrapper {
        align-items: center;
        display: flex;
        height: 16px;
        justify-content: center;
        margin-left: 4px;
        width: 16px
    }

.bonus-game__image {
    width: 100%
}

.bonus-game__content-wrap {
    background: rgba(10,10,13,.65);
    height: 100%;
    width: 100%
}

.bonus-game__title {
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-align: center
}

.bonus-game-inline {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    display: flex;
    padding: 12px 8px;
    transition: background .3s ease
}

    .bonus-game-inline:hover {
        background: #2a4f0e
    }

@media(min-width: 480px) {
    .bonus-game-inline {
        padding: 12px 16px
    }
}

.bonus-game-inline__image {
    border-radius: 8px;
    height: 40px;
    margin-right: 16px;
    width: 40px
}

.bonus-game-inline__content-wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.bonus-game-inline__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.bonus-game-inline .bonus-game-inline__icon {
    color: #0bdede;
    font-size: 15px
}

.inline-icon-timer {
    margin-top: 24px
}

.inline-icon-timer__inner {
    align-items: center;
    display: flex;
    justify-content: center
}

.inline-icon-timer .inline-icon-timer__icon {
    color: hsla(0,0%,100%,.4);
    margin-right: 6px
}

.inline-icon-timer__title {
    color: hsla(0,0%,100%,.65);
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 5px
}

.inline-icon-timer__list {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: 100%;
    padding: 0
}

.inline-icon-timer__item, .inline-icon-timer__list {
    align-items: center;
    justify-content: center;
    margin: 0
}

.inline-icon-timer__item {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 2px;
    position: relative;
    width: auto
}

.inline-icon-timer__value {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.inline-icon-timer__text, .inline-icon-timer__value {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.inline-icon-timer__labe {
    padding-left: 4px
}

.freespin, .freespin__title {
    text-align: center
}

.freespin__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px
}

.freespin__timer {
    margin: 0 auto;
    max-width: 280px
}

.ls-modal {
    min-height: 100%;
    overflow: hidden;
    padding: 56px 0 48px;
    position: relative
}

@media(min-width: 768px) {
    .ls-modal {
        min-height: unset
    }
}

.ls-modal__boxes {
    display: none
}

.ls-modal__type {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 64px;
    text-align: center
}

.ls-modal__result {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 50%;
    min-width: 500px;
    padding-top: 120px;
    position: absolute;
    top: -50px;
    transform: scale(0) translateX(-50%);
    transform-origin: 0 center;
    transition: all .3s ease-in
}

.ls-modal__result-coins {
    animation: coins-move 2s ease-in-out infinite alternate-reverse;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

    .ls-modal__result-coins img {
        width: 100%
    }

.ls-modal__result-buttons, .ls-modal__result-content {
    position: relative;
    z-index: 2
}

    .ls-modal__result-buttons .s-button {
        background: #2a4f0e
    }

        .ls-modal__result-buttons .s-button:hover {
            background: #445778
        }

.ls-modal__result-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 8px
}

.ls-modal__result-title, .ls-modal__result-value {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-style: normal;
    text-align: center
}

.ls-modal__result-value {
    font-size: 56px;
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 64px;
    margin: 0;
    text-shadow: 0 0 12px rgba(255,204,129,.5),0 0 24px #ff8a65;
    text-transform: uppercase
}

.ls-modal__result:before {
    animation: rise-spin 20s linear infinite;
    background: url(/images/ls-wheel-rise-bg.b08d9498..png) 50% 50% no-repeat;
    content: "";
    height: 572px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 572px
}

@keyframes rise-spin {
    0% {
        transform: translate(-50%,-50%) rotate(0deg)
    }

    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

@keyframes coins-move {
    0% {
        transform: translate(-50%,-50%)
    }

    to {
        transform: translate(-50%,-48%)
    }
}

.wheel-lootbox {
    height: 395px;
    left: 50%;
    margin: 0;
    position: relative;
    transform: scale(.9) translate(-50%);
    transform-origin: 0 0;
    width: 365px
}

@media(min-width: 480px) {
    .wheel-lootbox {
        left: 0;
        margin: 0 auto;
        transform: scale(1) translate(0);
        transform-origin: 0 0
    }
}

.wheel-lootbox__wheel-wrap {
    height: 395px;
    margin: 0 auto;
    position: relative;
    width: 365px
}

.wheel-lootbox__result {
    background: hsla(0,0%,7%,.9);
    bottom: -20px;
    color: #fff;
    font-size: 38px;
    left: -20px;
    padding: 60px 20px;
    position: absolute;
    right: -20px;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    transform: scale(0);
    transition: all .3s ease-in-out;
    z-index: 22
}

.wheel-lootbox__result--active {
    transform: scale(1)
}

.wheel-lootbox .spin-wrap {
    height: 305px;
    left: 30px;
    position: absolute;
    top: -3px;
    width: 305px
}

.wheel-lootbox .spin-wrap--spin-start {
    animation: wheel-running 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-1 {
    animation: wheel-running-1 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-2 {
    animation: wheel-running-2 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-3 {
    animation: wheel-running-3 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-4 {
    animation: wheel-running-4 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-5 {
    animation: wheel-running-5 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-6 {
    animation: wheel-running-6 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-7 {
    animation: wheel-running-7 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-8 {
    animation: wheel-running-8 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-9 {
    animation: wheel-running-9 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-10 {
    animation: wheel-running-10 4.4s cubic-bezier(.13,.55,.24,1) 1 forwards
}

.wheel-lootbox .spin-light {
    animation: lightRot-wheel 2s infinite none;
    z-index: 1
}

.wheel-lootbox .spin-img, .wheel-lootbox .spin-light {
    height: 305px;
    left: 0;
    position: absolute;
    top: 0;
    width: 305px
}

.wheel-lootbox .spin-border {
    height: 384px;
    left: 50%;
    position: absolute;
    top: 38%;
    transform: translate(-50%,-50%);
    width: 384px;
    z-index: 2
}

.wheel-lootbox .diamond-cont {
    height: 365px;
    left: 0;
    position: absolute;
    top: 0;
    width: 365px;
    z-index: 4
}

.wheel-lootbox .spin-item {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 30px;
    justify-content: space-between;
    left: 50%;
    line-height: 1.5rem;
    margin-left: 75px;
    margin-top: -15px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: 50%;
    transform-origin: -4.8125rem center;
    white-space: nowrap;
    width: 66px
}

    .wheel-lootbox .spin-item:first-child {
        transform: rotate(0deg)
    }

    .wheel-lootbox .spin-item:nth-child(2) {
        transform: rotate(17.5deg)
    }

    .wheel-lootbox .spin-item:nth-child(3) {
        transform: rotate(35deg)
    }

    .wheel-lootbox .spin-item:nth-child(4) {
        transform: rotate(53.5deg)
    }

    .wheel-lootbox .spin-item:nth-child(5) {
        transform: rotate(70deg)
    }

    .wheel-lootbox .spin-item:nth-child(6) {
        transform: rotate(88.5deg)
    }

    .wheel-lootbox .spin-item:nth-child(7) {
        transform: rotate(107deg)
    }

    .wheel-lootbox .spin-item:nth-child(8) {
        transform: rotate(124.5deg)
    }

    .wheel-lootbox .spin-item:nth-child(9) {
        transform: rotate(143deg)
    }

    .wheel-lootbox .spin-item:nth-child(10) {
        transform: rotate(162.5deg)
    }

    .wheel-lootbox .spin-item:nth-child(11) {
        transform: rotate(181deg)
    }

    .wheel-lootbox .spin-item:nth-child(12) {
        transform: rotate(198.5deg)
    }

    .wheel-lootbox .spin-item:nth-child(13) {
        transform: rotate(218deg)
    }

    .wheel-lootbox .spin-item:nth-child(14) {
        transform: rotate(235.5deg)
    }

    .wheel-lootbox .spin-item:nth-child(15) {
        transform: rotate(254deg)
    }

    .wheel-lootbox .spin-item:nth-child(16) {
        transform: rotate(271.5deg)
    }

    .wheel-lootbox .spin-item:nth-child(17) {
        transform: rotate(289.5deg)
    }

    .wheel-lootbox .spin-item:nth-child(18) {
        transform: rotate(307.5deg)
    }

    .wheel-lootbox .spin-item:nth-child(19) {
        transform: rotate(324.5deg)
    }

    .wheel-lootbox .spin-item:nth-child(20) {
        transform: rotate(342.5deg)
    }

    .wheel-lootbox .spin-item .amount {
        flex: auto;
        font-family: Oswald,Arial,sans-serif;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.5rem;
        text-shadow: 0 2px 2px rgba(0,0,0,.2)
    }

    .wheel-lootbox .spin-item .coin-icon {
        height: 1.5rem;
        width: 1.5rem
    }

.wheel-lootbox .point-wrap {
    height: 5.59375rem;
    position: absolute;
    right: -1.90625rem;
    top: 8.0625rem;
    transform-origin: left center;
    width: 10rem
}

    .wheel-lootbox .point-wrap .point-img {
        height: 100%;
        width: 100%
    }

.wheel-lootbox .spin-btn {
    align-items: center;
    animation: wheel-btn-pulse 1s linear infinite alternate-reverse;
    cursor: pointer;
    display: flex;
    height: 110px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 39%;
    transform: translate(-50%,-50%);
    width: 140px;
    z-index: 5
}

.wheel-lootbox .spin-btn__img {
    max-width: 100%
}

.wheel-lootbox .spin-btn--clicked {
    pointer-events: none
}

    .wheel-lootbox .spin-btn--clicked .spin-btn__text {
        display: none
    }

.wheel-lootbox .spin-btn:active {
    transform: translate(-50%,-50%),scale(.5)
}

.wheel-lootbox .spin-info {
    background: url(/images/ls-wheel-info-bg.cd571a99..png) top no-repeat;
    bottom: -25px;
    height: 145px;
    left: 50%;
    padding: 40px 0 20px;
    position: absolute;
    text-align: center;
    transform: translate(-50%);
    width: 359px;
    z-index: 4
}

.wheel-lootbox .spin-info__title {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 4px
}

.wheel-lootbox .spin-info__text, .wheel-lootbox .spin-info__title {
    font-family: Open Sans,sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: center
}

.wheel-lootbox .spin-info__text {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

    .wheel-lootbox .spin-info__text span {
        color: #ffd336
    }

.ls-wheel-buttons {
    bottom: 0;
    left: 0;
    margin-top: -32px;
    padding: 0 16px;
    text-align: center;
    width: 100%;
    z-index: 5
}

@media(min-width: 480px) {
    .ls-wheel-buttons {
        margin-top: 0
    }
}

@media(min-width: 768px) {
    .ls-wheel-buttons {
        background: unset;
        border: unset;
        bottom: 48px;
        margin-top: 10px;
        padding: 0 48px
    }
}

.ls-wheel-buttons__btn {
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    letter-spacing: .2px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@keyframes lightRot-wheel {
    0% {
        transform: rotate(22.5deg)
    }

    50% {
        transform: rotate(22.5deg)
    }

    50.1% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes pulse-wheel {
    0% {
        transform: rotate(-5deg) scaleZ(1)
    }

    50% {
        transform: rotate(0) scale3d(1.1,1.1,1.1)
    }

    to {
        transform: rotate(-5deg) scaleZ(1)
    }
}

@keyframes wheel-running {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1822.5deg)
    }
}

@keyframes wheel-running-1 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(6turn)
    }
}

@keyframes wheel-running-2 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(2142deg)
    }
}

@keyframes wheel-running-3 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(2124deg)
    }
}

@keyframes wheel-running-4 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(2106deg)
    }
}

@keyframes wheel-running-5 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(2089deg)
    }
}

@keyframes wheel-running-6 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(2071deg)
    }
}

@keyframes wheel-running-7 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(2052deg)
    }
}

@keyframes wheel-running-8 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(2034deg)
    }
}

@keyframes wheel-running-9 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(2016deg)
    }
}

@keyframes wheel-running-10 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1997deg)
    }
}

@keyframes wheel-btn-pulse {
    0% {
        transform: translate(-50%,-50%) scale(1)
    }

    to {
        transform: translate(-50%,-50%) scale(1.1)
    }
}

.lb-modal {
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.lb-modal__image {
    left: 50%;
    position: absolute;
    top: -275px;
    transform: translateX(-50%);
    z-index: -1
}

@media(min-width: 768px) {
    .lb-modal__image {
        top: 0
    }
}

.lb-modal__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 712px
}

.lb-modal__content {
    margin: 0 auto 32px;
    text-align: center
}

@media(min-width: 768px) {
    .lb-modal__content {
        border-radius: 8px;
        margin: 0 auto 48px
    }
}

.lb-modal__logo {
    margin: 32px auto 48px;
    max-width: 103px
}

@media(min-width: 480px) {
    .lb-modal__logo {
        margin: 32px auto
    }
}

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

.lb-modal__logo img {
    width: 100%
}

.lb-modal__text {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .lb-modal__text {
        font-size: 26px;
        line-height: 32px;
        margin: 72px 0 0
    }
}

.lb-modal__text br {
    display: none
}

.lb-modal__gates {
    left: 50%;
    max-width: 310px;
    min-width: 310px;
    position: absolute;
    top: 268px;
    transform: translateX(-50%);
    width: 100%
}

@media(min-width: 375px) {
    .lb-modal__gates {
        max-width: 360px;
        top: 246px
    }
}

@media(min-width: 480px) {
    .lb-modal__gates {
        max-width: 390px;
        top: 233px
    }
}

@media(min-width: 768px) {
    .lb-modal__gates {
        max-width: 720px;
        top: 208px
    }
}

.lb-modal__boxes {
    display: none
}

.ls-lb-gates {
    margin: 0 auto;
    position: relative;
    width: 100%
}

@media(max-width: 960px) {
    .ls-lb-gates {
        max-width: none
    }
}

@media(min-width: 960px) {
    .ls-lb-gates {
        max-width: 720px;
        min-height: 320px
    }
}

.ls-lb-gates__img {
    width: 100%
}

.ls-lb-gates__inner {
    bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 8px
}

@media(min-width: 480px) {
    .ls-lb-gates__inner {
        bottom: 10px;
        left: 10px;
        right: 10px;
        top: 10px
    }
}

@media(min-width: 768px) {
    .ls-lb-gates__inner {
        bottom: 24px;
        gap: 12px;
        left: 21px;
        right: 21px;
        top: 24px
    }
}

.ls-lb-gates__item {
    display: flex;
    flex: 1 1 25%;
    max-width: calc(20% - 3.2px);
    transform-origin: center center
}

@media(min-width: 768px) {
    .ls-lb-gates__item {
        max-width: calc(20% - 9.6px)
    }
}

.ls-lb-gates__item:first-child {
    transform-origin: top left
}

.ls-lb-gates__item:nth-child(6) {
    transform-origin: bottom left
}

.ls-lb-gates__item:nth-child(5) {
    transform-origin: top right
}

.ls-lb-gates__item:nth-child(10) {
    transform-origin: bottom right
}

.ls-lb-gates__item:nth-child(2), .ls-lb-gates__item:nth-child(4) {
    background: url(/images/ls-lb-card-2.233effab..png) 50% no-repeat;
    background-size: cover
}

.ls-lb-gates__item:nth-child(3), .ls-lb-gates__item:nth-child(7), .ls-lb-gates__item:nth-child(8), .ls-lb-gates__item:nth-child(9) {
    background: url(/images/ls-lb-card-3.9c3c02e6..png) 50% no-repeat;
    background-size: cover
}

.ls-lb-gates__item:nth-child(10), .ls-lb-gates__item:nth-child(6) {
    background: url(/images/ls-lb-card-4.0a63c3aa..png) 50% no-repeat;
    background-size: cover
}

.ls-lb-actions {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    position: relative
}

@media(min-width: 480px) {
    .ls-lb-actions {
        margin-top: 75px
    }
}

@media(min-width: 768px) {
    .ls-lb-actions {
        margin-top: 90px
    }
}

.ls-lb-actions__image {
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100px
}

@media(min-width: 375px) {
    .ls-lb-actions__image {
        bottom: -10px;
        width: 120px
    }
}

@media(min-width: 768px) {
    .ls-lb-actions__image {
        width: 170px
    }
}

.ls-lb-actions .ls-lb-actions__button {
    font-size: 16px;
    line-height: 24px;
    padding: 12px 44px;
    white-space: nowrap
}

@media(min-width: 768px) {
    .ls-lb-actions .ls-lb-actions__button {
        padding: 12px 34px
    }
}

.lucky-box-modal {
    align-items: flex-start;
    background-image: url(/images/lb-modal-confiti.11e54642..png);
    background-repeat: no-repeat;
    background-size: 100% 30%;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 627px;
    overflow: hidden;
    padding: 56px 0 48px;
    position: relative
}

    .lucky-box-modal:before {
        background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
        bottom: -300px;
        left: -300px
    }

    .lucky-box-modal:after, .lucky-box-modal:before {
        content: "";
        height: 560px;
        position: absolute;
        width: 560px;
        z-index: -1
    }

    .lucky-box-modal:after {
        background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
        border-radius: 560px;
        right: -250px;
        top: -350px
    }

.lucky-box-modal--finished {
    align-items: stretch;
    background-image: none
}

@media(min-width: 768px) {
    .lucky-box-modal {
        background-size: 100% 40%;
        min-height: 540px;
        padding: 56px 0 48px
    }
}

.lucky-box-modal__close-content--start {
    animation: close-hidden .3s linear
}

.lucky-box-modal__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    text-align: center
}

    .lucky-box-modal__text span {
        color: #ffd336
    }

.lucky-box-modal__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 350px;
    width: 100%
}

.lucky-box-modal__inner--opened {
    justify-content: space-between
}

.lucky-box-modal__title {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    justify-content: center;
    line-height: 32px;
    text-align: center
}

.lucky-box-modal__text {
    margin-bottom: 48px;
    margin-top: 16px
}

.lucky-box-modal__img-open-wrapper {
    animation: close-hidden .3s linear reverse;
    height: 550px;
    position: absolute;
    top: 40px;
    width: 450px;
    z-index: -1
}

@media(min-width: 768px) {
    .lucky-box-modal__img-open-wrapper {
        height: 471px;
        width: 387px
    }
}

.lucky-box-modal__img-wrapper {
    align-items: center;
    display: flex;
    height: 214px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 199px
}

    .lucky-box-modal__img-wrapper:after {
        background-image: url(/images/stars.6215bec6..png);
        content: "";
        height: 100%;
        left: -20px;
        position: absolute;
        top: -35px;
        width: 100%;
        z-index: -1
    }

@media(min-width: 768px) {
    .lucky-box-modal__img-wrapper {
        height: 233px;
        width: 217px
    }
}

.lucky-box-modal__img-bg {
    height: 150%;
    position: absolute;
    width: 150%;
    z-index: -1
}

.lucky-box-modal__img, .lucky-box-modal__img-open {
    height: 100%;
    width: 100%
}

.lucky-box-modal__img {
    animation: rotate-box 3s linear infinite
}

.lucky-box-modal__btn {
    font-size: 16px;
    letter-spacing: .2px;
    margin-top: 45px;
    max-width: 350px;
    padding: 16px 24px;
    width: calc(100% - 32px)
}

@media(min-width: 768px) {
    .lucky-box-modal__btn {
        max-width: -moz-max-content;
        max-width: max-content
    }
}

.lucky-box-modal__btn--hidden {
    animation: opacity .3s linear;
    opacity: 0
}

.lucky-box-modal .lb-opened-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    width: 100%
}

.lucky-box-modal .lb-opened-content__text {
    color: #ffd336;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.lucky-box-modal .lb-opened-content__amount {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 52px;
    text-align: center;
    text-transform: uppercase
}

.lucky-box-modal .lb-opened-content__prizes {
    align-items: center;
    animation: visible-prize 1s linear forwards;
    animation-delay: 1s;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    margin-top: 40px;
    opacity: 0
}

.lucky-box-modal .lb-opened-content__btn-close {
    animation: opacity .3s linear reverse;
    background: transparent;
    border: 1px solid hsla(0,0%,100%,.12);
    border-radius: 4px;
    box-shadow: none;
    filter: drop-shadow(0 5px 30px rgba(236,50,0,.5));
    margin-top: auto;
    max-width: 350px;
    padding: 12px 16px;
    width: calc(100% - 25px)
}

@media(min-width: 768px) {
    .lucky-box-modal .lb-opened-content__btn-close {
        max-width: 184px
    }
}

@keyframes rotate-box {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(10deg)
    }

    50% {
        transform: rotate(0deg)
    }

    75% {
        transform: rotate(-10deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes close-hidden {
    0% {
        transform: translateY(0) scale(1)
    }

    to {
        opacity: 0;
        transform: translateY(35%) scale(.5)
    }
}

@keyframes opacity {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes visible-prize {
    0% {
        opacity: 0
    }

    1% {
        opacity: 1;
        transform: translateY(200%) scale(.4)
    }

    35% {
        transform: translateY(0) scale(1)
    }

    50% {
        transform: translateY(20%)
    }

    70% {
        transform: translateY(0)
    }

    85% {
        transform: translateY(10%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.lootbox {
    border-radius: 10px;
    color: #181a1f;
    font-size: 20px;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    text-align: center
}

.lootbox__bg {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.lootbox__content {
    padding: 30px;
    position: relative
}

@media(min-width: 768px) {
    .lootbox__content {
        padding: 90px 30px
    }
}

.lootbox__title {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 4px
}

@media(min-width: 768px) {
    .lootbox__title {
        font-size: 36px
    }
}

.lootbox__subtitle {
    font-size: 20px;
    margin: 0 auto 30px;
    max-width: 520px
}

@media(min-width: 768px) {
    .lootbox__subtitle {
        margin-bottom: 70px
    }
}

.lootbox__prize {
    font-size: 24px;
    font-weight: 800;
    margin-top: 20px
}

.lootbox__box--disabled .lootbox__prize {
    color: #6d6a71
}

.lootbox__valid-until {
    font-size: 16px;
    font-weight: 700;
    margin: 40px 0 10px
}

.lootbox__cancel {
    display: block;
    margin: 20px auto 0
}

.lootbox__timer {
    display: block;
    margin: 0 auto;
    max-width: 280px;
    text-align: center
}

.lootbox__boxes {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 0
}

@media(min-width: 768px) {
    .lootbox__boxes {
        align-items: flex-start;
        flex-direction: row
    }
}

.lootbox__box {
    align-self: flex-start;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    margin: 0 auto 20px;
    text-align: center;
    width: 220px
}

@media(min-width: 768px) {
    .lootbox__box {
        margin: 0 50px
    }
}

.lootbox__box--disabled {
    filter: grayscale(1);
    pointer-events: none
}

.lootbox__box--selected {
    pointer-events: none
}

.lootbox__box:last-child {
    margin: 0 auto
}

@media(min-width: 768px) {
    .lootbox__box:last-child {
        margin: 0 50px
    }
}

.lootbox__image:hover {
    animation: shake .5s;
    animation-iteration-count: infinite
}

.lootbox__show-all-boxes {
    display: block;
    margin: 20px auto 0
}

@keyframes shake {
    0% {
        transform: translate(1px,1px) rotate(0deg)
    }

    10% {
        transform: translate(-1px,-2px) rotate(-1deg)
    }

    20% {
        transform: translate(-3px) rotate(1deg)
    }

    30% {
        transform: translate(3px,2px) rotate(0deg)
    }

    40% {
        transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        transform: translate(-1px,2px) rotate(-1deg)
    }

    60% {
        transform: translate(-3px,1px) rotate(0deg)
    }

    70% {
        transform: translate(3px,1px) rotate(-1deg)
    }

    80% {
        transform: translate(-1px,-1px) rotate(1deg)
    }

    90% {
        transform: translate(1px,2px) rotate(0deg)
    }

    to {
        transform: translate(1px,-2px) rotate(-1deg)
    }
}

.balance-select__dropdown {
    scrollbar-color: #f6d515
}

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

    .balance-select__dropdown::-webkit-scrollbar-track {
        background: #22242c;
        border-radius: 2px
    }

    .balance-select__dropdown::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.6);
        border-radius: 2px;
        margin: 0
    }

        .balance-select__dropdown::-webkit-scrollbar-thumb:hover {
            background: #f6d515
        }

    .balance-select__dropdown:hover::-webkit-scrollbar-thumb {
        background: rgba(246,213,21,.8)
    }

.balance-select__dropdown {
    scrollbar-color: #5c6f91;
    scrollbar-width: thin
}

    .balance-select__dropdown::-webkit-scrollbar {
        height: 4px;
        width: 4px
    }

    .balance-select__dropdown::-webkit-scrollbar-track {
        background: transparent !important
    }

    .balance-select__dropdown::-webkit-scrollbar-thumb {
        background: #5c6f91 !important;
        border-radius: 9px !important;
        margin: 0 5px 0 0
    }

        .balance-select__dropdown::-webkit-scrollbar-thumb:hover {
            background: #5c6f91 !important
        }

.balance-select, .balance-select__button {
    position: relative;
    width: 100%
}

.balance-select__button {
    align-items: center;
    background: #2a4f0e;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
    padding: 12px 12px 12px 16px;
    transition: background .3s ease
}

    .balance-select__button:hover {
        background: #445778
    }

.balance-select__balance {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

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

.balance-select__dropdown {
    background: #2a4f0e;
    border-radius: 8px;
    display: block;
    left: 0;
    margin: 0;
    max-height: 240px;
    overflow: hidden;
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    z-index: 100
}

.balance-select__caret {
    color: hsla(0,0%,100%,.4);
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    padding: 0;
    transform-origin: center;
    transition: transform .3s ease;
    vertical-align: top
}

.balance-select__caret--open {
    transform: rotate(180deg)
}

.lootwheel-item {
    display: flex
}

.lootwheel-item__description-block {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 5px
}

.lootwheel-item__title {
    font-size: 34px;
    font-weight: 700;
    margin: 0 0 20px
}

.lootwheel-item__win-msg {
    padding: 10px 0
}

.lootwheel-award {
    height: 410px;
    margin: 5px 17px 5px 5px;
    min-width: 410px;
    position: relative
}

.lootwheel-award__wheel {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 370px
}

.lootwheel-award__rim {
    height: auto;
    left: 0;
    position: absolute;
    top: 0
}

.lootwheel-award__center {
    bottom: 0;
    cursor: pointer;
    height: 75px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    z-index: 2
}

.lootwheel-award__center--disabled {
    cursor: auto;
    filter: brightness(50%);
    pointer-events: none
}

.lootwheel-award__stopper {
    bottom: 0;
    height: auto;
    margin: auto;
    position: absolute;
    right: -12px;
    top: 0;
    width: 58px
}

.lootwheel-award__center, .lootwheel-award__rim, .lootwheel-award__stopper, .lootwheel-award__wheel {
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}

@keyframes wheel-waiting {
    0% {
        transform: rotate(-3deg)
    }

    50% {
        transform: rotate(3deg)
    }

    to {
        transform: rotate(-3deg)
    }
}

.location-banner {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(80,99,133,.4);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 343px;
    padding: 16px;
    row-gap: 12px;
    width: 100%
}

@media(min-width: 960px) {
    .location-banner {
        max-width: 472px
    }
}

.location-banner__content {
    align-items: flex-start;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex
}

.location-banner__text {
    margin: 0
}

.location-banner__text--description {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.location-banner__icon--location {
    color: #ffd336
}

.location-banner .location-banner__button {
    width: 100%
}

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

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

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

.notification-cookies-policy {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(80,99,133,.4);
    border-radius: 8px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: calc(100vw - 32px);
    padding: 12px 16px;
    width: -moz-max-content;
    width: max-content
}

@media(min-width: 768px) {
    .notification-cookies-policy {
        width: auto
    }
}

.notification-cookies-policy__text-wrapper {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex
}

@media(min-width: 480px) {
    .notification-cookies-policy__text-wrapper {
        align-self: unset
    }
}

.notification-cookies-policy__link, .notification-cookies-policy__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.notification-cookies-policy__link {
    color: #00dccd
}

    .notification-cookies-policy__link:hover {
        color: #1df0e2
    }

.notification-cookies-policy .notification-cookies-policy__accept {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 10px 16px;
    text-align: center;
    text-transform: uppercase
}

.notification__container {
    background-color: #445778;
    border-radius: 4px;
    display: flex;
    padding: 20px;
    position: relative;
    width: 100%;
    word-break: break-all
}

.notification-unavailable-in-country-policy__text-wrapper, .notification__text-wrapper {
    margin-right: 20px;
    overflow-wrap: anywhere;
    word-break: normal
}

.notification-unavailable-in-country-policy__title, .notification__title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 3px
}

.notification__message {
    color: hsla(0,0%,100%,.65);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.notification__icon {
    flex-shrink: 0;
    font-size: 16px;
    height: 20px;
    margin-right: 12px;
    width: 20px
}

.notification-unavailable-in-country-policy__close-button, .notification__close-button {
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 10px
}

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

.notification__icon--warning {
    color: #ff9500
}

.notification__icon--danger {
    color: #f51969
}

.rnc__notification-container--top-right {
    right: 16px;
    top: 80px
}

.notification-unavailable-in-country-policy {
    background: #22242c;
    bottom: 0;
    left: 0;
    padding: 20px 60px 20px 20px;
    position: fixed;
    right: 0;
    z-index: 1027
}

.notification-unavailable-in-country-policy__link {
    color: #fff !important
}

.notification-unavailable-in-country-policy__title {
    word-break: break-word
}

.notification-unavailable-in-country-policy__accept {
    margin-right: 15px;
    margin-top: 15px
}

.notification-unavailable-in-country-policy__decline {
    margin-top: 15px
}

.notification-container-bottom-left {
    bottom: 1px;
    left: 0;
    right: 0;
    width: 100vw
}

    .notification-container-bottom-left .notification-item {
        margin-bottom: 0
    }

@font-face {
    font-family: DrukCyr;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Druk-Wide-Cy-Web-Bold-Regular.646784fe..ttf) format("truetype")
}

.migration-kyc-modal {
    padding: 56px 16px 16px;
    text-align: center
}

@media(min-width: 768px) {
    .migration-kyc-modal {
        padding: 64px 44px 48px
    }
}

.migration-kyc-modal__img-wrap {
    height: 240px
}

@media(min-width: 768px) {
    .migration-kyc-modal__img-wrap {
        height: 232px
    }
}

.migration-kyc-modal__img {
    display: block;
    height: 100%;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain
}

.migration-kyc-modal__text-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.migration-kyc-modal__title {
    color: #fff;
    font-family: Roboto,Arial,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0
}

.migration-kyc-modal__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.migration-kyc-modal__buttons {
    display: flex;
    flex-direction: column;
    margin: 40px 0 0;
    row-gap: 16px
}

@media(min-width: 768px) {
    .migration-kyc-modal__buttons {
        -moz-column-gap: 20px;
        column-gap: 20px;
        flex-direction: row-reverse
    }
}

.migration-kyc-modal__btn {
    font-weight: 700;
    letter-spacing: .2px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .migration-kyc-modal__btn {
        flex: 1
    }
}

.home {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    color: white;
}

@media(min-width:768px) {
    .home {
        padding: 16px 0 0
    }
}

@media(min-width:1200px) {
    .home {
        padding: 0;
    }
}

.home__slider-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 320px;
    justify-content: center;
    outline: none;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .home__slider-item {
        height: 520px
    }
}

.home__slider-item--jackpot {
    height: 620px;
    margin-bottom: 24px;
    margin-top: -80px;
    overflow: hidden
}

@media(max-width:1200px) {
    .home__slider-item--jackpot {
        height: 480px;
        margin-top: 0
    }
}

@media(max-width:960px) {
    .home__slider-item--jackpot {
        height: 380px;
        margin-bottom: 0
    }
}

.home__slider-item--jackpot:after {
    background: linear-gradient(179.15deg,rgba(15,15,20,0) .73%,#0f0f14 95%);
    bottom: 0;
    content: "";
    display: block;
    height: 350px;
    left: 0;
    position: absolute;
    width: 100%
}

@media(max-width:520px) {
    .home__slider-item--jackpot:after {
        height: 230px
    }
}

.home__slider-item--jackpot .container {
    position: relative;
    z-index: 2
}

@media(max-width:520px) {
    .home__slider-item--jackpot .jackpot-slide__image {
        height: 100%;
        -o-object-fit: inherit;
        object-fit: inherit;
        position: absolute;
        right: -210px;
        top: 0;
        width: auto
    }
}

.home__slider-item--jackpot .jackpot-slide__image--desktop {
    display: block
}

@media(max-width:768px) {
    .home__slider-item--jackpot .jackpot-slide__image--desktop {
        display: none
    }
}

.home__slider-item--jackpot .jackpot-slide__image--mobile {
    display: none
}

@media(max-width:767px) {
    .home__slider-item--jackpot .jackpot-slide__image--mobile {
        display: block;
        height: auto;
        left: 0;
        min-height: 350px;
        right: auto;
        top: -1px;
        width: 100%
    }
}

.home__slider-item--jackpot .jackpot-slide__image--layer-1 {
    animation: bounce 10s linear infinite;
    animation-delay: 1s;
    height: auto;
    position: absolute;
    top: 150px;
    width: auto
}

.home__slider-item--jackpot .jackpot-slide__image--layer-2 {
    animation: bounce 10s linear infinite;
    animation-delay: 1.2s;
    height: auto;
    position: absolute;
    top: 150px;
    width: auto
}

.home__slider-item--jackpot .jackpot-slide__logo {
    animation: slideInLogo .2s ease-in both;
    width: 280px
}

@media(max-width:1200px) {
    .home__slider-item--jackpot .jackpot-slide__logo {
        width: 220px
    }
}

@media(max-width:768px) {
    .home__slider-item--jackpot .jackpot-slide__logo {
        width: 180px
    }
}

.home__slider-item--jackpot .jackpot-slide__block-inner {
    text-align: center
}

.home__slider-item--jackpot .jackpot-slide__block {
    padding-top: 88px
}

@media(max-width:1200px) {
    .home__slider-item--jackpot .jackpot-slide__block {
        padding-top: 48px
    }
}

@media(max-width:960px) {
    .home__slider-item--jackpot .jackpot-slide__block {
        padding-top: 20px
    }
}

.home__slider-item--jackpot .jackpot-slide__logo-title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 40px;
    text-transform: uppercase
}

@media(max-width:960px) {
    .home__slider-item--jackpot .jackpot-slide__logo-title {
        font-size: 28px;
        line-height: 36px
    }
}

.home__slider-item--jackpot .jackpot-slide__pretitle {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .3em;
    line-height: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 2
}

@media(max-width:768px) {
    .home__slider-item--jackpot .jackpot-slide__pretitle {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 20px;
        opacity: .65
    }
}

.home__slider-item--jackpot .jackpot-slide__title {
    color: #ffd748;
    font-family: Open Sans,sans-serif !important;
    font-size: 100px;
    font-style: normal;
    font-weight: 800;
    line-height: 100px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-align: center;
    z-index: 2
}

    .home__slider-item--jackpot .jackpot-slide__title span {
        align-items: baseline;
        display: flex;
        justify-content: center;
        text-shadow: 0 0 10px rgba(177,78,255,.51),0 0 10px rgba(255,189,111,.25);
        white-space: nowrap
    }

        .home__slider-item--jackpot .jackpot-slide__title span .odometer-inside {
            display: flex
        }

        .home__slider-item--jackpot .jackpot-slide__title span .odometer.odometer-auto-theme, .home__slider-item--jackpot .jackpot-slide__title span .odometer.odometer-theme-default {
            font-family: Open Sans,sans-serif !important
        }

@media(max-width:1200px) {
    .home__slider-item--jackpot .jackpot-slide__title {
        font-size: 80px;
        line-height: 80px
    }
}

@media(max-width:768px) {
    .home__slider-item--jackpot .jackpot-slide__title {
        font-size: 40px;
        line-height: 48px
    }
}

.home__slider-item--jackpot .jackpot-slide__jackpot-total-wrap {
    animation: slideInTotal .2s ease-in both;
    animation-delay: .5s;
    height: 158px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    overflow: visible;
    position: relative;
    width: 100%
}

@media(max-width:1200px) {
    .home__slider-item--jackpot .jackpot-slide__jackpot-total-wrap {
        margin-top: 20px
    }
}

@media(max-width:960px) {
    .home__slider-item--jackpot .jackpot-slide__jackpot-total-wrap {
        height: 142px;
        margin-top: 26px
    }
}

@media(max-width:768px) {
    .home__slider-item--jackpot .jackpot-slide__jackpot-total-wrap {
        height: 128px;
        max-width: 270px
    }
}

@keyframes slideInLogo {
    0% {
        opacity: 0;
        transform: translateY(-100px) scale(.7)
    }

    50% {
        transform: translateY(20px) scale(1)
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1)
    }
}

@keyframes slideInTotal {
    0% {
        opacity: 0;
        transform: translateY(-100px) scale(.7)
    }

    50% {
        transform: translateY(20px) scale(1)
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1)
    }
}

@keyframes bounce {
    0% {
        transform: translate(0)
    }

    25% {
        transform: translateY(-20px)
    }

    75% {
        transform: translateY(20px)
    }

    to {
        transform: translate(0)
    }
}

.home .home__jackpot-slider {
    margin-bottom: 12px
}

@media(min-width:768px) {
    .home .home__jackpot-slider {
        margin-bottom: 20px
    }
}

.home__jackpot-snippet {
    margin-bottom: 24px
}

@media(min-width:768px) {
    .home__jackpot-snippet {
        margin-bottom: 32px
    }
}

.home .games-filter-block {
    padding: 24px 0
}

@media(min-width:768px) {
    .home .games-filter-block {
        padding: 16px 16px 32px
    }
}

@media(min-width:1200px) {
    .home .games-filter-block {
        padding: 24px 0 32px
    }
}

.home-bonuses {
    height: 320px;
    margin-left: -16px;
    overflow: hidden;
    position: relative;
    width: calc(100% + 32px)
}

@media(min-width:768px) {
    .home-bonuses {
        border-radius: 20px;
        height: 360px;
        margin-left: 0;
        width: 100%
    }
}

@media(min-width:1200px) {
    .home-bonuses {
        height: 420px
    }
}

@media(min-width:1440px) {
    .home-bonuses {
        height: 500px
    }
}

.home-bonuses__item {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.home-bonuses__background {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

@media(max-width:480px) {
    .home-bonuses__background--desktop {
        display: none
    }
}

.home-bonuses__background--mobile {
    display: none
}

@media(max-width:480px) {
    .home-bonuses__background--mobile {
        display: block
    }
}

.home-bonuses__background-image {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media(min-width:768px) {
    .home-bonuses__background-image {
        border-radius: 20px
    }
}

.home-bonuses__background-image--first {
    animation: background-first 15s linear infinite alternate;
    z-index: 1
}

.home-bonuses__background-image--second {
    animation: background-second 15s linear infinite alternate;
    z-index: 2
}

.home-bonuses__content {
    height: 100%;
    max-width: 343px;
    padding: 40px 16px;
    position: relative;
    width: 100%;
    z-index: 3
}

    .home-bonuses__content > * {
        display: block
    }

    .home-bonuses__content > :first-child {
        margin-top: 0 !important
    }

@media(min-width:768px) {
    .home-bonuses__content {
        max-width: 414px;
        padding: 40px 32px
    }
}

@media(min-width:1200px) {
    .home-bonuses__content {
        max-width: 600px;
        padding: 56px
    }
}

@media(min-width:1440px) {
    .home-bonuses__content {
        max-width: 728px;
        padding: 62px 72px
    }
}

.home-bonuses__pretitle {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

@media(min-width:768px) {
    .home-bonuses__pretitle {
        font-size: 20px;
        line-height: 30px
    }
}

@media(min-width:1440px) {
    .home-bonuses__pretitle {
        font-size: 24px;
        line-height: 32px
    }
}

.home-bonuses__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 12px 0 0
}

@media(min-width:768px) {
    .home-bonuses__title {
        font-size: 32px;
        line-height: 40px;
        margin: 16px 0 0
    }
}

@media(min-width:1200px) {
    .home-bonuses__title {
        font-size: 42px;
        line-height: 52px
    }
}

@media(min-width:1440px) {
    .home-bonuses__title {
        font-size: 54px;
        font-weight: 800;
        line-height: 64px;
        margin: 24px 0 0
    }
}

.home-bonuses__subtitle {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px
}

@media(min-width:768px) {
    .home-bonuses__subtitle {
        font-size: 16px;
        line-height: 24px
    }
}

@media(min-width:1440px) {
    .home-bonuses__subtitle {
        font-size: 20px;
        line-height: 30px;
        margin-top: 16px
    }
}

.home-bonuses .home-bonuses__button {
    margin-top: 24px;
    padding: 12px 20px
}

@media(min-width:768px) {
    .home-bonuses .home-bonuses__button {
        margin-top: 32px
    }
}

@media(min-width:1440px) {
    .home-bonuses .home-bonuses__button {
        margin-top: 40px
    }
}

@keyframes background-first {
    0% {
        transform: translate(-50%,-50%)
    }

    to {
        transform: translate(calc(-50% - 20px),-50%)
    }
}

@keyframes background-second {
    0% {
        transform: translate(-50%,-50%)
    }

    to {
        transform: translate(calc(-50% + 20px),-50%)
    }
}

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

@media(min-width:960px) {
    .home-bonuses-slider.slick-slider:hover .slick-next, .home-bonuses-slider.slick-slider:hover .slick-prev {
        display: block;
        opacity: 1
    }
}

.home-bonuses-slider.slick-slider .slick-list {
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

    .home-bonuses-slider.slick-slider .slick-list:focus {
        outline: none
    }

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

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

.home-bonuses-slider.slick-slider .slick-track {
    display: block;
    height: 100%;
    left: 0;
    line-height: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

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

    .home-bonuses-slider.slick-slider .slick-track:after {
        clear: both
    }

.slick-loading .home-bonuses-slider.slick-slider .slick-track {
    visibility: hidden
}

.home-bonuses-slider.slick-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    overflow: hidden
}

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

.home-bonuses-slider.slick-slider .slick-slide img {
    display: block
}

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

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

.home-bonuses-slider.slick-slider .slick-slide > div {
    height: 100%
}

.home-bonuses-slider.slick-slider.slick-initialized .slick-slide {
    display: block
}

.home-bonuses-slider.slick-slider.slick-loading .slick-slide {
    visibility: hidden
}

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

.home-bonuses-slider.slick-slider .slick-arrow.slick-hidden {
    display: none
}

.home-bonuses-slider.slick-slider .slick-next, .home-bonuses-slider.slick-slider .slick-prev {
    background: rgba(0,27,51,.65);
    color: #fff;
    height: 48px;
    line-height: 1;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background .3s ease,opacity .3s ease;
    width: 48px;
    z-index: 1
}

    .home-bonuses-slider.slick-slider .slick-next:hover, .home-bonuses-slider.slick-slider .slick-prev:hover {
        background: rgba(25,44,67,.65)
    }

.home-bonuses-slider.slick-slider .slick-prev {
    left: 12px
}

.home-bonuses-slider.slick-slider .slick-next {
    right: 12px
}

.home-bonuses-slider.slick-slider.slick-dotted {
    margin-bottom: 30px
}

.home-bonuses-slider.slick-slider .slick-dots {
    align-items: center;
    bottom: 22px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

    .home-bonuses-slider.slick-slider .slick-dots li {
        cursor: pointer;
        display: inline-block;
        margin: 0 6px;
        padding: 0;
        position: relative
    }

        .home-bonuses-slider.slick-slider .slick-dots li button {
            background: transparent;
            border: 0;
            color: transparent;
            cursor: pointer;
            display: block;
            font-size: 0;
            height: 4px;
            line-height: 0px;
            outline: none;
            padding: 0;
            position: relative;
            width: 28px
        }

            .home-bonuses-slider.slick-slider .slick-dots li button:hover {
                outline: none
            }

                .home-bonuses-slider.slick-slider .slick-dots li button:hover:before {
                    background: #fff
                }

            .home-bonuses-slider.slick-slider .slick-dots li button:before {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                background: hsla(0,0%,100%,.65);
                border-radius: 17px;
                content: "";
                height: 100%;
                left: 50%;
                position: absolute;
                text-align: center;
                top: 50%;
                transform: translate(-50%,-50%);
                transition: background .3s ease;
                width: 100%
            }

        .home-bonuses-slider.slick-slider .slick-dots li.slick-active button:before {
            background: #0bdede
        }

.home-sportsbook-widget {
    margin-bottom: 32px;
    margin-top: 48px;
    overflow: hidden;
    padding: 32px 0;
    position: relative;
    width: 100%
}

@media(min-width:480px) {
    .home-sportsbook-widget {
        padding: 40px 0
    }
}

@media(min-width:768px) {
    .home-sportsbook-widget {
        margin-bottom: 40px;
        margin-top: 56px
    }
}

@media(min-width:1200px) {
    .home-sportsbook-widget {
        margin-bottom: 52px;
        min-height: 372px;
        padding: 48px 0 72px
    }
}

.home-sportsbook-widget .container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

@media(min-width:1200px) {
    .home-sportsbook-widget .container {
        flex-direction: row
    }
}

.home-sportsbook-widget__background {
    background-position: 25% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width:768px) {
    .home-sportsbook-widget__background {
        background-position-x: 50%
    }
}

.home-sportsbook-widget__gradient {
    position: absolute
}

.home-sportsbook-widget__gradient--yellow {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,160,18,.12) 0,rgba(255,107,0,0) 100%);
    bottom: 57.86%;
    height: 422px;
    left: 55.73%;
    right: -85.33%;
    top: -50%;
    width: 486px
}

@media(min-width:768px) {
    .home-sportsbook-widget__gradient--yellow {
        bottom: 56.33%;
        left: 27.21%;
        right: 9.51%;
        top: -51.81%
    }
}

@media(min-width:1200px) {
    .home-sportsbook-widget__gradient--yellow {
        bottom: 62.84%;
        left: 30.08%;
        right: 29.42%;
        top: unset
    }
}

.home-sportsbook-widget__gradient--yellow-big {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,113,10,.12) 0,rgba(180,0,75,0) 100%);
    bottom: 9.05%;
    height: 920px;
    left: -1.04%;
    right: -119.38%;
    top: -117.19%;
    width: 1058px
}

@media(min-width:768px) {
    .home-sportsbook-widget__gradient--yellow-big {
        bottom: 9.05%;
        left: -.65%;
        right: -37.11%;
        top: -117.19%
    }
}

@media(min-width:1200px) {
    .home-sportsbook-widget__gradient--yellow-big {
        bottom: 59.09%;
        left: 7.58%;
        right: 4.25%;
        top: unset
    }
}

.home-sportsbook-widget__gradient--green {
    background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(0,60,130,0) 100%);
    bottom: -63.32%;
    height: 804px;
    left: -129.87%;
    opacity: .8;
    right: -8.8%;
    top: -12.23%;
    width: 895px
}

@media(min-width:768px) {
    .home-sportsbook-widget__gradient--green {
        bottom: -69.23%;
        left: -63.41%;
        right: 46.88%;
        top: -12.67%
    }
}

@media(min-width:1200px) {
    .home-sportsbook-widget__gradient--green {
        bottom: unset;
        height: 920px;
        left: -20%;
        right: unset;
        top: -10%;
        width: 1023px
    }
}

.home-sportsbook-widget__gradient--green-right {
    display: none
}

@media(min-width:1200px) {
    .home-sportsbook-widget__gradient--green-right {
        background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(0,60,130,0) 100%);
        bottom: 50.39%;
        display: block;
        height: 920px;
        left: 64.67%;
        opacity: .8;
        right: -52.5%;
        top: 33.11%;
        width: 1054px
    }
}

.home-sportsbook-widget__sport {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(180deg,hsla(0,0%,100%,.19) -20%,hsla(0,0%,100%,0) 81%);
    -webkit-background-clip: text;
    background-clip: text;
    display: none;
    font-family: Open Sans,sans-serif;
    font-size: 100px;
    font-style: normal;
    font-weight: 700;
    line-height: 100px;
    opacity: .3;
    position: absolute
}

@media(min-width:768px) {
    .home-sportsbook-widget__sport {
        display: block;
        right: -10%
    }
}

@media(min-width:1200px) {
    .home-sportsbook-widget__sport {
        display: block;
        left: 40%;
        right: unset;
        top: -16px
    }
}

.home-sportsbook-widget__content {
    position: relative
}

.home-sportsbook-widget__title {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 auto 32px;
    max-width: 447px;
    text-align: center
}

@media(min-width:480px) {
    .home-sportsbook-widget__title {
        margin: 0 auto 32px
    }
}

@media(min-width:1200px) {
    .home-sportsbook-widget__title {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 40px;
        text-align: left
    }
}

.home-sportsbook-widget__button {
    padding: 12px 20px
}

.home-sportsbook-widget__button--desktop {
    display: none
}

@media(min-width:1200px) {
    .home-sportsbook-widget__button--desktop {
        display: inline-block
    }
}

.home-sportsbook-widget__button--mobile {
    margin-top: 32px
}

@media(min-width:1200px) {
    .home-sportsbook-widget__button--mobile {
        display: none
    }
}

.home-sportsbook-widget__slider {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    row-gap: 24px;
    width: 100%
}

@media(min-width:1200px) {
    .home-sportsbook-widget__slider {
        width: 656px
    }
}

@media(min-width:1440px) {
    .home-sportsbook-widget__slider {
        width: 911px
    }
}

@media(min-width:1680px) {
    .home-sportsbook-widget__slider {
        width: 1070px
    }
}

.home-sportsbook-widget__card {
    max-width: 288px;
    min-width: 288px
}

@media(min-width:375px) {
    .home-sportsbook-widget__card {
        max-width: 343px;
        min-width: 343px
    }
}

@media(min-width:768px) {
    .home-sportsbook-widget__card {
        max-width: 356px;
        min-width: 356px
    }
}

@media(min-width:1200px) {
    .home-sportsbook-widget__card {
        max-width: 320px;
        min-width: 320px
    }
}

@media(min-width:1440px) {
    .home-sportsbook-widget__card {
        max-width: 293px;
        min-width: 293px
    }
}

@media(min-width:1680px) {
    .home-sportsbook-widget__card {
        max-width: 346px;
        min-width: 346px
    }
}

.home-sportsbook-widget-card {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: hsla(0,0%,100%,.04);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    padding: 12px;
    row-gap: 12px;
    width: 100%
}

.home-sportsbook-widget-card__header {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 16px
}

.home-sportsbook-widget-card__event {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    overflow: hidden
}

    .home-sportsbook-widget-card__event span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.home-sportsbook-widget-card__date {
    white-space: nowrap
}

.home-sportsbook-widget-card__teams {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 42px 1fr;
    justify-content: space-around
}

.home-sportsbook-widget-card__team {
    align-items: center;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    row-gap: 8px
}

.home-sportsbook-widget-card__name {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.home-sportsbook-widget-card__name, .home-sportsbook-widget-card__vs {
    font-family: Open Sans,sans-serif;
    font-style: normal;
    text-align: center
}

.home-sportsbook-widget-card__vs {
    color: hsla(0,0%,100%,.4);
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-top: -26px
}

.home-sportsbook-widget-card__bets {
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex
}

.home-sportsbook-widget-card__bet {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: hsla(0,0%,100%,.06);
    border-radius: 4px;
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 16px;
    padding: 12px;
    text-transform: uppercase;
    transition: background .3s ease;
    width: 100%
}

    .home-sportsbook-widget-card__bet:hover {
        background: hsla(0,0%,100%,.12)
    }

.home-sportsbook-widget-card__coefficient {
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .16px;
    line-height: 20px
}

.home-sportsbook-widget-card__image, .home-sportsbook-widget-card__image-wrapper {
    height: 58px
}

@font-face {
    font-family: DrukCyr;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Druk-Wide-Cy-Web-Bold-Regular.646784fe..ttf) format("truetype")
}

.providers-preview-list {
    margin-bottom: 24px;
    position: relative
}

@media(min-width:768px) {
    .providers-preview-list {
        margin-bottom: 32px
    }
}

.providers-preview-list__link {
    align-items: center;
    background: #263b57;
    border-radius: 8px;
    display: flex;
    height: 112px;
    justify-content: center;
    transition: background .3s ease;
    width: 100%
}

    .providers-preview-list__link:hover {
        background: #2a4f0e
    }

.providers-preview-list__logo {
    margin: 0 16px;
    max-height: 72px;
    max-width: 144px
}

.providers-preview-list__loader {
    aspect-ratio: unset;
    min-height: 112px
}

.providers-preview-list__button {
    position: absolute;
    right: 100px;
    top: 0
}

.base-slider__horiz-scroll .providers-preview-list__item {
    width: calc(50vw - 20px)
}

@media(min-width:480px) {
    .base-slider__horiz-scroll .providers-preview-list__item {
        width: calc(33.33333vw - 16px)
    }
}

@media(min-width:768px) {
    .base-slider__horiz-scroll .providers-preview-list__item {
        width: calc(25vw - 20px)
    }
}

@media(min-width:960px) {
    .base-slider__horiz-scroll .providers-preview-list__item {
        width: calc(20vw - 18px)
    }
}

@media(min-width:1200px) {
    .base-slider__horiz-scroll .providers-preview-list__item {
        width: unset
    }
}

.games {
    margin-bottom: 32px
}

.games__section {
    display: block;
    margin: 0;
    padding: 32px 0;
    width: 100%
}

@media(min-width:768px) {
    .games__section {
        padding: 40px 0 64px
    }
}

.games__title {
    color: #fff;
    display: block;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px;
    margin-top: 4px;
    text-transform: capitalize
}

@media(min-width:768px) {
    .games__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 24px
    }
}

.games__catalog {
    display: block;
    margin-bottom: 80px;
    padding: 0;
    width: 100%
}

@media(min-width:768px) {
    .games__catalog {
        margin-bottom: 100px
    }
}

@media(min-width:1200px) {
    .games__catalog {
        margin-bottom: 120px
    }
}

.games .games-filter-block {
    padding: 24px 0
}

@media(min-width:768px) {
    .games .games-filter-block {
        padding: 16px 0 24px
    }
}

@media(min-width:1200px) {
    .games .games-filter-block {
        padding: 24px 0 32px
    }
}

.providers-filter-title {
    align-items: center;
    color: hsla(0,0%,100%,.4);
    display: flex;
    font-family: Open Sans,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px
}

@media(min-width:768px) {
    .providers-filter-title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 24px
    }
}

.providers-filter-title__provider-icon {
    height: 20px;
    margin: 0 10px
}

@media(min-width:768px) {
    .providers-filter-title__provider-icon {
        height: 32px;
        margin: 0 8px
    }
}

.providers-filter-title__provider-name {
    color: #fff
}

.played-games__list {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 8px
}

@media(min-width:480px) {
    .played-games__list {
        grid-template-columns: repeat(3,1fr)
    }
}

@media(min-width:768px) {
    .played-games__list {
        -moz-column-gap: 12px;
        column-gap: 12px;
        grid-template-columns: repeat(4,1fr);
        row-gap: 12px
    }
}

@media(min-width:960px) {
    .played-games__list {
        grid-template-columns: repeat(5,1fr)
    }
}

@media(min-width:1200px) {
    .played-games__list {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: repeat(6,1fr);
        row-gap: 16px
    }
}

@media(min-width:1440px) {
    .played-games__list {
        grid-template-columns: repeat(7,1fr)
    }
}

@font-face {
    font-family: DrukCyr;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Druk-Wide-Cy-Web-Bold-Regular.646784fe..ttf) format("truetype")
}

.favorite-games__list {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 8px
}

@media(min-width:480px) {
    .favorite-games__list {
        grid-template-columns: repeat(3,1fr)
    }
}

@media(min-width:768px) {
    .favorite-games__list {
        -moz-column-gap: 12px;
        column-gap: 12px;
        grid-template-columns: repeat(4,1fr);
        row-gap: 12px
    }
}

@media(min-width:960px) {
    .favorite-games__list {
        grid-template-columns: repeat(5,1fr)
    }
}

@media(min-width:1200px) {
    .favorite-games__list {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-columns: repeat(6,1fr);
        row-gap: 16px
    }
}

@media(min-width:1440px) {
    .favorite-games__list {
        grid-template-columns: repeat(7,1fr)
    }
}

@media screen and (max-width: 740px) {
    .home-bonuses__background--single picture img {
        position: static;
        margin-left: 12%;
        margin-top: 9%;
    }
}

.only-desktop {
    display: block;
}

.only-mobile {
    display: none !important;
}

@media screen and (max-width: 740px) {
    .only-desktop {
        display: none !important;
    }

    .only-mobile {
        display: block !important;
    }
}

@media(max-width: 750px) {
    .slick-list {
        overflow: auto;
    }
}

@media (max-width: 750px) {
    div#chat-widget-container {
        bottom: 3rem !important;
        z-index: 100 !important
    }

    #chat-widget {
        top: 3rem !important;
    }
}

.time-counter {
    border-top: 1px solid hsla(0,0%,100%,.12);
    padding-top: 0.6rem;
    color: white !important;
    margin-top: 0.7rem;
}

    .time-counter:hover {
        background: transparent;
    }

    .time-counter .actualizarValor {
        color: white !important;
    }

/*Fixes para bootstrap*/
.form-group {
    width: 100%;
}

.deposit-button a {
    color: white;
}

.copy-btn {
    margin-left: 10px;
    padding: 8px 12px;
    font-size: 14px;
    background-color: #0bde53;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}