.custom-calendar-head {
    position: relative;
    width: 100%
}

@media(min-width:1632px) {
    .custom-calendar-head {
        padding-top: 44px
    }
}

.custom-calendar-head__image {
    border-radius: 6px;
    height: 112px;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    z-index: -1
}

@media(min-width:768px) {
    .custom-calendar-head__image {
        height: 280px;
        width: 100%
    }
}

@media(min-width:960px) {
    .custom-calendar-head__image {
        width: calc(100% - 48px)
    }
}

.custom-calendar-head__image--desktop {
    display: none
}

@media(min-width:768px) {
    .custom-calendar-head__image--desktop {
        display: block
    }
    .custom-calendar-head__image--mob {
        display: none
    }
}

.custom-calendar-head__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    padding: 30px 10px 7px
}

@media(min-width:768px) {
    .custom-calendar-head__content {
        padding: 64px 10px 36px
    }
}

@media(min-width:1632px) {
    .custom-calendar-head__content {
        padding: 20px 10px 36px
    }
}

.custom-calendar-head__logo-title {
    height: auto;
    margin-bottom: 24px;
    width: 200px
}

@media(min-width:768px) {
    .custom-calendar-head__logo-title {
        width: 336px
    }
}

.custom-calendar-head__desc {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase
}

.custom-calendar__list {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    width: 100%
}

@media(min-width:768px) {
    .container.custom-calendar {
        display: flex;
        flex-direction: row-reverse;
        gap: 18px;
        padding: 0 24px
    }
}

@media(min-width:960px) {
    .container.custom-calendar {
        gap: 12px
    }
}

@media(min-width:1632px) {
    .container.custom-calendar {
        max-width: 1200px;
        padding: 0
    }
}

.sportbook-landing {
    background: #0b0c10;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

@media(min-width:960px) {
    .sportbook-landing {
        align-items: center
    }
}

.sportbook-landing__bg {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

@media(min-width:960px) {
    .sportbook-landing__bg--mobile {
        display: none
    }
}

.sportbook-landing__bg--desktop {
    display: none
}

@media(min-width:960px) {
    .sportbook-landing__bg--desktop {
        display: block
    }
}

.sportbook-landing__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 1445px;
    padding: 24px 12px 32px;
    text-align: center
}

@media(min-width:960px) {
    .sportbook-landing__content {
        flex-direction: row;
        gap: 10px;
        justify-content: space-between;
        padding: 24px;
        text-align: start;
        width: 100%
    }
    .sportbook-landing__col {
        min-width: 338px
    }
}

.sportbook-landing__logo {
    margin: 0 auto 40px;
    max-width: 80px
}

@media(min-width:960px) {
    .sportbook-landing__logo {
        margin-bottom: 66px
    }
}

.sportbook-landing__title {
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 5px;
    text-transform: uppercase
}

@media(min-width:960px) {
    .sportbook-landing__title {
        font-size: 64px
    }
}

.sportbook-landing__subtitle {
    color: #fe2d34;
    font-size: 25px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 15px
}

@media(min-width:960px) {
    .sportbook-landing__subtitle {
        font-size: 40px;
        margin-bottom: 36px
    }
}

.sportbook-landing__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 19px
}

@media(min-width:960px) {
    .sportbook-landing__text {
        font-size: 21px;
        line-height: 29px
    }
}

.sportbook-landing__list {
    display: flex;
    gap: 12px;
    justify-content: center;
    list-style: none;
    margin: 40px 0;
    padding: 0
}

@media(min-width:960px) {
    .sportbook-landing__list {
        gap: 24px;
        justify-content: start;
        margin: 66px 0 0
    }
}

.sportbook-landing__item {
    align-items: center;
    -webkit-backdrop-filter: blur(27px);
    backdrop-filter: blur(27px);
    background: rgba(35, 36, 44, .5);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    gap: 12px;
    justify-content: center;
    line-height: 14px;
    max-width: 100px;
    padding: 12px;
    text-align: center
}

.sportbook-landing__form {
    background: #23252b;
    border-radius: 10px;
    max-width: 338px;
    padding: 20px
}

@media(min-width:960px) {
    .sportbook-landing__form {
        padding: 24px
    }
}

.sportbook-landing__form-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 39px;
    margin-bottom: 12px;
    text-align: center
}

.sportbook-landing__form .registration-form-nomodal {
    padding: 0
}

.sportbook-landing__form .registration-form-nomodal__title {
    display: none
}

.sportbook-landing__form .registration-form-nomodal .input__native {
    height: 48px
}

.sportbook-landing__form .registration-form-nomodal .input__focus-container {
    border-radius: 10px
}

.sportbook-landing__form .registration-form-nomodal .registration-form-nomodal__element+.registration-form-nomodal__element {
    margin-top: 10px
}

.sportbook-landing__form .registration-form-nomodal__back-button,
.sportbook-landing__form .registration-form-nomodal__submit-button {
    border-radius: 10px
}

.sportbook-landing .colored {
    color: #f41c43
}

.jackpot-page {
    max-width: 100vw;
    overflow-x: hidden
}

.jackpot-page .red {
    color: #ff3749
}

.jackpot-page .jackpot-description {
    color: #fff;
    margin: 30px auto 32px
}

.jackpot-page .jackpot-description__txt {
    color: #fff;
    font-size: 16px;
    line-height: 160%;
    margin: 8px 0 16px;
    text-align: center
}

.jackpot-page .jackpot-description__txt:first-of-type {
    margin-bottom: 30px
}

.jackpot-page .jackpot-description__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin-top: 16px;
    text-align: center
}

@media(min-width:768px) {
    .jackpot-page .jackpot-description__title {
        font-size: 24px;
        line-height: 34px
    }
}

.jackpot-page__wrap {
    margin: 0 auto;
    max-width: 1055px
}

.jackpot-page__all-pool {
    border-bottom: 1px solid #3d3e45;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 20px auto 0;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .jackpot-page__all-pool {
        font-size: 16px
    }
}

.jackpot-page__all-pool-sum {
    font-size: 36px;
    font-weight: 800;
    line-height: 50px
}

@media(min-width:768px) {
    .jackpot-page__all-pool-sum {
        font-size: 46px;
        line-height: 64px
    }
}

.jackpot-page .jackpot-features,
.jackpot-page .jackpot-games {
    margin-bottom: 20px;
    margin-top: 20px
}

@media(min-width:768px) {
    .jackpot-page .jackpot-features,
    .jackpot-page .jackpot-games {
        margin-bottom: 30px;
        margin-top: 30px
    }
}

@media(min-width:1248px) {
    .jackpot-page .jackpot-features,
    .jackpot-page .jackpot-games {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

.jackpot-page .jackpot-steps {
    margin-bottom: 40px
}

.jackpot-page .jackpot-terms {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 50px auto 10px;
    text-align: center
}

.jackpot-page .jackpot-terms .collapse-block__toggle {
    justify-content: center
}

@media(min-width:768px) {
    .jackpot-page .jackpot-terms {
        font-size: 18px;
        line-height: 25px
    }
}

.jackpot-page .jackpot-winners {
    margin: 20px 0 40px
}

.jackpot-page .jackpot-winners h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 18px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .jackpot-page .jackpot-winners h2 {
        font-size: 28px
    }
}

.jackpot-page__prizes {
    margin-bottom: 30px;
    margin-top: 10px
}

.jackpot-page .promo-catalog__title {
    text-transform: none
}

.jackpot-page .center {
    text-align: center
}

.jackpot-page .description {
    color: #fff;
    text-align: center
}

.jackpot-page .description__block-buttons {
    padding-top: 32px
}

.jackpot-page .description__button {
    border: 2px solid #999aa1;
    border-radius: 6px;
    color: #999aa1;
    font-size: 16px;
    font-weight: 700;
    padding: 13px 30px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.jackpot-banner__title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.12deg, #e3f41c .14%, #fba643 99.95%);
    -webkit-background-clip: text;
    background-clip: text;
    color: #fba643
}

.jackpot-banner {
    color: #fff;
    height: 200px;
    position: relative
}

@media(min-width:768px) {
    .jackpot-banner {
        height: 340px
    }
}

.jackpot-banner__img {
    left: 50%;
    max-height: 200px;
    position: absolute;
    top: 0;
    transform: translateX(-50%)
}

@media(min-width:768px) {
    .jackpot-banner__img {
        max-height: 340px
    }
}

.jackpot-banner__logo {
    max-width: 180px
}

@media(min-width:768px) {
    .jackpot-banner__logo {
        max-width: 365px
    }
}

.jackpot-banner .jackpot-banner__content {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0
}

.jackpot-banner__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin: 0 0 15px;
    text-transform: uppercase
}

@media(min-width:768px) {
    .jackpot-banner__title {
        font-size: 42px;
        line-height: 56px;
        margin: 0 0 20px
    }
}

.jackpot-banner__title span {
    display: block
}

.jackpot-banner__total-label {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 800;
    justify-content: center;
    line-height: 17px;
    margin: 14px 0;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

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

.jackpot-banner__total-label:before {
    margin-right: 10px
}

.jackpot-banner__total-label:after {
    margin-left: 10px
}

.jackpot-banner__total-label:after,
.jackpot-banner__total-label:before {
    background-color: hsla(0, 0%, 100%, .3);
    content: "";
    display: block;
    height: 1px;
    max-width: 80px;
    width: 100%
}

@media(min-width:768px) {
    .jackpot-banner__total-label:after,
    .jackpot-banner__total-label:before {
        max-width: 140px
    }
}

.jackpot-banner__total-value {
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.1em
}

@media(min-width:768px) {
    .jackpot-banner__total-value {
        font-size: 70px
    }
}

.registration-form-nomodal {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    padding: 15px 10px;
    width: 100%
}

@media(min-width:576px) {
    .registration-form-nomodal {
        padding: 25px 35px
    }
}

.registration-form-nomodal__header {
    align-items: center;
    background: linear-gradient(90.12deg, #f41c43 .14%, #ff3030 99.95%);
    border-radius: 4px;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: HeroNew, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    left: -10px;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0 0 10px;
    min-height: 40px;
    padding: 10px 30px;
    position: relative;
    text-transform: uppercase;
    width: calc(100% + 20px)
}

@media(min-width:768px) {
    .registration-form-nomodal__header {
        font-size: 24px;
        left: auto;
        margin: 0;
        min-height: 76px;
        padding: 10px 54px;
        position: absolute;
        right: 100%;
        top: 0;
        width: 100%
    }
}

.registration-form-nomodal__step {
    font-size: 14px;
    left: 8px;
    line-height: 18px;
    position: absolute;
    top: calc(50% - 9px)
}

@media(min-width:768px) {
    .registration-form-nomodal__step {
        font-size: 16px;
        left: auto;
        right: 24px
    }
}

.registration-form-nomodal__title {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.registration-form-nomodal__form-wrapper {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%
}

.registration-form-nomodal__form {
    flex-grow: 1
}

.registration-form-nomodal__footer {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 11px;
    justify-content: center;
    line-height: 21px;
    margin: 12px 0 0;
    padding: 0;
    width: 100%
}

.registration-form-nomodal__footer p {
    margin: 0
}

.registration-form-nomodal__link {
    font-size: 14px;
    text-decoration: none;
    text-transform: capitalize
}

.registration-form-nomodal__link:hover {
    text-decoration: underline
}

.registration-form-nomodal__form-step {
    display: none;
    margin-bottom: auto;
    width: 100%
}

.registration-form-nomodal__form-step--active {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.registration-form-nomodal__element {
    max-width: 100%
}

@media(min-width:576px) {
    .registration-form-nomodal__element {
        max-width: calc(50% - 3.5px)
    }
}

.registration-form-nomodal__element--hidden {
    display: none !important
}

.registration-form-nomodal__element+.registration-form-nomodal__element {
    margin-top: 7px
}

.registration-form-nomodal__element>* {
    flex-grow: 1
}

.registration-form-nomodal__element+.registration-form-nomodal__element--age_terms_acceptance,
.registration-form-nomodal__element+.registration-form-nomodal__element--gender,
.registration-form-nomodal__element+.registration-form-nomodal__element--receive_all_promos {
    margin-top: 14px
}

.registration-form-nomodal__element+.registration-form-nomodal__element--age_terms_acceptance,
.registration-form-nomodal__element+.registration-form-nomodal__element--gender,
.registration-form-nomodal__element--city,
.registration-form-nomodal__element--date_of_birth,
.registration-form-nomodal__element--email,
.registration-form-nomodal__element--mobile_phone,
.registration-form-nomodal__element--password_single,
.registration-form-nomodal__element--receive_all_promos {
    max-width: 100%
}

.registration-form-nomodal__element .select__dropdown {
    max-height: 124px
}

.registration-form-nomodal__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-form-nomodal__label-wrapper {
        font-size: 16px
    }
}

.registration-form-nomodal__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-form-nomodal__label {
        font-size: 16px
    }
}

.registration-form-nomodal__buttons {
    display: flex;
    flex-wrap: nowrap;
    margin: 10px 0 0
}

.registration-form-nomodal__button-wrapper,
.registration-form-nomodal__buttons {
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding: 0;
    width: 100%
}

.registration-form-nomodal__button-wrapper {
    align-self: stretch;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0
}

.registration-form-nomodal__button-wrapper--submit {
    flex: 1
}

.registration-form-nomodal__button-wrapper--step {
    width: auto
}

.registration-form-nomodal__button-wrapper+.registration-form-nomodal__button-wrapper {
    margin-left: 24px
}

.registration-form-nomodal .registration-form-nomodal__back-button {
    font-size: 12px;
    min-height: 50px;
    min-width: 112px
}

.registration-form-nomodal .registration-form-nomodal__submit-button {
    font-size: 12px;
    min-height: 50px;
    width: 100%
}

.registration-form-nomodal .simple-date__day,
.registration-form-nomodal .simple-date__month {
    margin-right: 7px
}

.registration-form-nomodal .registration-form-nomodal__title .slick-slider {
    margin-top: 40px
}

.sportbook-promo {
    background: #090b3b;
    bottom: 0;
    color: #fff;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 12px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

@media(min-width:960px) {
    .sportbook-promo {
        padding: 0 32px
    }
}

.sportbook-promo__bg {
    left: 50%;
    -o-object-position: top center;
    object-position: top center;
    position: absolute;
    top: -20px;
    transform: translateX(-50%);
    z-index: -1
}

.sportbook-promo__bg--mobile {
    max-width: 960px
}

@media(min-width:960px) {
    .sportbook-promo__bg--mobile {
        display: none
    }
}

.sportbook-promo__bg--desktop {
    display: none
}

@media(min-width:960px) {
    .sportbook-promo__bg--desktop {
        display: block;
        left: 57%;
        max-width: 1640px
    }
}

.sportbook-promo__logo {
    display: block;
    margin: 0 auto;
    max-width: 80px;
    padding: 24px 0
}

@media(min-width:960px) {
    .sportbook-promo__logo {
        max-width: 114px
    }
}

.sportbook-promo__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 300px;
    text-align: center
}

@media(min-width:960px) {
    .sportbook-promo__header {
        align-items: flex-start;
        max-width: 600px;
        padding-top: 0;
        text-align: start
    }
}

.sportbook-promo__logo-euro {
    margin: 0 0 24px;
    max-width: 182px
}

@media(min-width:960px) {
    .sportbook-promo__logo-euro {
        margin-bottom: 60px;
        max-width: 274px
    }
}

.sportbook-promo__title {
    color: #ff3030;
    font-size: 40px;
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 12px;
    text-transform: uppercase
}

@media(min-width:960px) {
    .sportbook-promo__title {
        font-size: 64px;
        margin-bottom: 24px
    }
}

.sportbook-promo__info {
    font-size: 20px;
    font-weight: 500;
    line-height: 130%
}

@media(min-width:960px) {
    .sportbook-promo__info {
        font-size: 32px
    }
}

.sportbook-promo__subtitle {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(90.02deg, #e3f41c .14%, #fba643 99.95%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 auto 12px;
    max-width: 790px
}

@media(min-width:960px) {
    .sportbook-promo__subtitle {
        font-size: 40px;
        margin-bottom: 16px
    }
}

.sportbook-promo__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
    margin: 0 auto;
    max-width: 790px
}

@media(min-width:960px) {
    .sportbook-promo__text {
        font-size: 20px
    }
}

.sportbook-promo__section {
    border-top: 1px solid hsla(0, 0%, 85%, .2);
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1238px;
    padding: 24px 0;
    position: relative
}

@media(min-width:960px) {
    .sportbook-promo__section {
        padding: 50px 0
    }
}

.sportbook-promo__section--cols {
    padding: 0;
    text-align: center
}

@media(min-width:960px) {
    .sportbook-promo__section--cols {
        padding: 50px 0;
        text-align: start
    }
}

.sportbook-promo__section--center {
    text-align: center
}

.sportbook-promo__section:last-of-type {
    overflow: hidden;
    padding-bottom: 185px
}

@media(min-width:960px) {
    .sportbook-promo__section:last-of-type {
        padding-bottom: 300px
    }
}

.sportbook-promo__col {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative
}

.sportbook-promo__col--left {
    padding-bottom: 25px
}

@media(min-width:960px) {
    .sportbook-promo__col {
        align-items: flex-start;
        font-size: 20px
    }
    .sportbook-promo__col--right {
        padding-bottom: 25px;
        padding-left: 50%
    }
    .sportbook-promo__col--left {
        padding-bottom: 0;
        padding-right: 50%;
        padding-top: 25px
    }
}

@media(min-width:1248px) {
    .sportbook-promo__col--right {
        padding-bottom: 50px
    }
    .sportbook-promo__col--left {
        padding-top: 50px
    }
}

.sportbook-promo__list {
    counter-reset: list1;
    font-size: 14px;
    line-height: 160%;
    margin: 0;
    padding-left: 0
}

@media(min-width:960px) {
    .sportbook-promo__list {
        font-size: 20px
    }
}

.sportbook-promo__list>li {
    list-style: none;
    padding-left: 30px;
    position: relative;
    text-align: start
}

.sportbook-promo__list>li:not(:first-of-type) {
    margin-top: 12px
}

@media(min-width:960px) {
    .sportbook-promo__list>li:not(:first-of-type) {
        margin-top: 16px
    }
}

.sportbook-promo__list>li:before {
    color: #e9e125;
    content: counter(list1) ".";
    counter-increment: list1;
    display: inline-block;
    font-size: inherit;
    font-weight: 400;
    left: 0;
    line-height: inherit;
    margin: 0 2px 0 0;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 0;
    white-space: nowrap
}

.sportbook-promo__img {
    max-width: 390px;
    transform: scale(1.2);
    z-index: -1
}

@media(min-width:960px) {
    .sportbook-promo__img {
        left: 0;
        max-width: 450px;
        position: absolute;
        top: -10%
    }
    .sportbook-promo__col--left .sportbook-promo__img {
        left: unset;
        right: 0
    }
}

@media(min-width:1248px) {
    .sportbook-promo__img {
        left: -5%;
        max-width: 660px;
        top: -40%;
        transform: unset
    }
    .sportbook-promo__col--left .sportbook-promo__img {
        left: unset;
        right: -5%
    }
}

.sportbook-promo__btn,
.sportbook-promo__deposit {
    display: flex;
    margin-left: 0;
    margin-top: 24px;
    min-width: 118px
}

.sportbook-promo__last-bg {
    left: 50%;
    max-width: 418px;
    position: absolute;
    top: 100px;
    transform: translateX(-50%)
}

@media(min-width:960px) {
    .sportbook-promo__last-bg {
        max-width: 810px;
        top: 90px
    }
}

.sportbook-promo .colored {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(90.02deg, #e3f41c .14%, #fba643 99.95%);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 700
}

.promotions-card {
    background: #282a36;
    border-radius: 6px;
    max-width: 387px;
    overflow: hidden;
    position: relative
}

@media(min-width:768px) {
    .promotions-card {
        flex: 1 1 232px
    }
}

@media(min-width:960px) {
    .promotions-card {
        flex: 1 1 290px
    }
}

.promotions-card__image .image {
    left: 50%;
    position: relative;
    transform: translateX(-50%)
}

@media(min-width:768px) {
    .promotions-card__image {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
}

.promotions-card__content {
    color: #fff;
    display: flex;
    flex-direction: column
}

.promotions-card__content>div {
    margin-bottom: 16px
}

.promotions-card__content>div:first-child {
    margin-bottom: 4px
}

.promotions-card__content>div:last-child {
    margin-bottom: -4px
}

@media(min-width:768px) {
    .promotions-card__content>div:first-child {
        margin-bottom: 8px
    }
}

.promotions-card__content-wrapper {
    background: #282a36;
    border-radius: 6px;
    padding: 24px 24px 0;
    transform: translateY(-24px)
}

@media(min-width:768px) {
    .promotions-card__content-wrapper {
        padding: 30px 24px 115px
    }
}

@media(min-width:960px) {
    .promotions-card__content-wrapper {
        padding: 30px 30px 115px
    }
}

.promotions-card__content .title {
    color: var(--red-text, #ff3030);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .16px;
    line-height: 22px;
    text-transform: uppercase
}

@media(min-width:960px) {
    .promotions-card__content .title {
        font-size: 16px
    }
}

.promotions-card__content .bonus {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase
}

.promotions-card__content .bonus-code {
    background: #1c1d22;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 16px;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

@media(min-width:960px) {
    .promotions-card__content .bonus {
        font-size: 28px;
        line-height: 34px
    }
}

.promotions-card__content .description {
    color: #c0c4db;
    font-size: 12px;
    line-height: 19px
}

.promotions-card__content .description p+p {
    margin-top: 6px
}

.promotions-card__buttons {
    padding: 0 24px 20px
}

@media(min-width:768px) {
    .promotions-card__buttons {
        bottom: 0;
        padding: 0 24px 30px;
        position: absolute
    }
}

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

.promotions-card__buttons .link-btn {
    font-size: 16px;
    min-width: 150px;
    text-transform: capitalize
}

.promotions-card__buttons-bonus-details {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    margin-top: 20px
}

.promotions-card__buttons-bonus-details .text {
    font-size: 12px;
    font-weight: 500;
    margin-right: 4px;
    text-transform: uppercase
}

.promotions-card__buttons-bonus-details .font-icons {
    font-size: 15px;
    margin-left: 2px
}

.description-bonus-details {
    background: #282a36;
    border-radius: 6px;
    bottom: -20%;
    height: 0;
    overflow-y: auto;
    padding: 30px;
    position: absolute;
    transition: all .8s ease;
    visibility: hidden;
    width: 100%;
    z-index: -2
}

.description-bonus-details::-webkit-scrollbar {
    position: absolute;
    width: 14px
}

.description-bonus-details::-webkit-scrollbar-track {
    margin: 10px 0
}

.description-bonus-details::-webkit-scrollbar-thumb {
    background: rgba(68, 68, 68, .8);
    border: 5px solid #282c35;
    border-radius: 10px
}

.description-bonus-details::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

.description-bonus-details.open {
    bottom: 0;
    height: 100%;
    visibility: visible;
    z-index: 1
}

.description-bonus-details__header-title {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase
}

.description-bonus-details__header-close-btn {
    cursor: pointer;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0
}

.description-bonus-details__content {
    color: #b9c6d6;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px
}

.description-bonus-details__content-list {
    margin: 16px 0 40px;
    padding: 0 0 0 18px
}

.daily-promo-block {
    background: #341d6e;
    border-radius: 6px;
    margin: 12px 0;
    min-height: 338px;
    overflow: hidden;
    position: relative
}

@media(min-width:768px) {
    .daily-promo-block {
        margin: 20px 0
    }
}

@media(min-width:960px) {
    .daily-promo-block {
        margin: 20px auto;
        max-width: 1200px
    }
}

.daily-promo-block__bg .daily-promo-block__header--image {
    height: 174px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% center;
    object-position: center;
    position: absolute;
    width: 100%
}

.daily-promo-block__top {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px 30px;
    position: relative
}

.daily-promo-block__top-promo-day {
    color: #ff3030;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase
}

.daily-promo-block__top-title {
    color: #fff;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase
}

.daily-promo-block__top-description {
    color: #c0c4db;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    max-width: 660px;
    text-align: center
}

.daily-promo-block__bonuses {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 30px 21px;
    position: relative
}

@media(min-width:768px) {
    .daily-promo-block__bonuses {
        flex-direction: row;
        justify-content: space-around
    }
}

.daily-promo-block__modal {
    background: rgba(28, 29, 34, .7);
    height: 100%;
    opacity: 0;
    opacity: 1;
    padding: 46px 30px 30px;
    position: absolute;
    top: 0;
    transition: all .3s ease;
    visibility: hidden;
    visibility: visible;
    width: 100%;
    z-index: -1;
    z-index: 1
}

.daily-promo-block__modal-background {
    background: #282a36;
    border-radius: 6px;
    height: 100%;
    overflow-y: auto;
    padding: 30px;
    position: relative;
    width: 100%
}

.daily-promo-block__modal-background::-webkit-scrollbar {
    width: 14px
}

.daily-promo-block__modal-background::-webkit-scrollbar-track {
    margin: 5px
}

.daily-promo-block__modal-background::-webkit-scrollbar-thumb {
    background: rgba(68, 68, 68, .8);
    border: 5px solid #282c35;
    border-radius: 10px
}

.daily-promo-block__modal-background::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

.daily-promo-block__modal-header .title {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase
}

.daily-promo-block__modal-header .close-btn {
    cursor: pointer;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 5px
}

.daily-promo-block__modal-content {
    color: #b9c6d6;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px
}

.daily-promo-block__modal-content .content-list {
    margin: 16px 0 40px;
    padding: 0 0 0 18px
}

.promo-bonus-card {
    align-items: center;
    background: #282a36;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 380px;
    padding: 20px 30px;
    width: 100%
}

.promo-bonus-card__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase
}

.promo-bonus-card__title br {
    display: none
}

@media(min-width:768px) {
    .promo-bonus-card__title br {
        display: block
    }
}

@media(min-width:1248px) {
    .promo-bonus-card__title br {
        display: none
    }
}

.promo-bonus-card__buttons .link-btn {
    font-size: 16px;
    min-width: 150px;
    text-transform: capitalize
}

.promo-bonus-card__buttons-bonus-details {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-top: 19px
}

.promo-bonus-card__buttons-bonus-details .text {
    font-size: 12px;
    font-weight: 500;
    margin-right: 4px;
    text-transform: uppercase
}

.quests__item-info-modal .quest-item-info {
    scrollbar-color: #93959a
}

.quests__item-info-modal .quest-item-info::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.quests__item-info-modal .quest-item-info::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.quests__item-info-modal .quest-item-info::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.quests__item-info-modal .quest-item-info::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .quests__item-info-modal .quest-item-info {
        scrollbar-width: thin
    }
}

.quests__item-info-modal .quest-item-info:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.quests__item {
    align-items: center;
    background: radial-gradient(134.67% 53.58% at 49.56% .35%, rgba(115, 14, 176, .3) 28.46%, rgba(66, 14, 176, 0) 100%), linear-gradient(180deg, #303240, #252733 39%);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 54px auto 0;
    max-width: 328px;
    min-height: 332px;
    overflow-y: visible;
    padding: 74px 20px 24px;
    position: relative;
    width: 100%
}

.quests--big .quests__item {
    margin: 0 auto;
    padding: 20px
}

@media(min-width:768px) {
    .quests--big .quests__item {
        align-items: center;
        flex-direction: row;
        justify-content: center;
        max-width: 100%;
        padding: 0 20px
    }
}

.quests__item--done:before {
    background: url("") no-repeat 50%/61px, linear-gradient(180deg, rgba(28, 29, 34, .3), rgba(28, 29, 34, .8));
    bottom: 0;
    content: "";
    height: calc(100% + 54px);
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.quests--big .quests__item--done:before {
    height: 100%
}

.quests__item-info-button {
    background: url("") no-repeat 50%/cover;
    height: 24px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 24px
}

.quests__item-img {
    height: 114px;
    left: 50%;
    position: absolute;
    top: -54px;
    transform: translateX(-50%);
    width: auto
}

.quests--big .quests__item-img {
    height: auto;
    position: static;
    transform: unset;
    width: 100%
}

@media(min-width:768px) {
    .quests--big .quests__item-img {
        width: 312px
    }
}

@media(min-width:960px) {
    .quests--big .quests__item-img {
        width: 412px
    }
}

.quests__item-content {
    align-self: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 234px
}

.quests--big .quests__item-content {
    margin-bottom: 24px;
    min-height: unset
}

@media(min-width:768px) {
    .quests--big .quests__item-content {
        align-items: flex-start;
        justify-content: center;
        padding: 41px 0 41px 48px
    }
}

.quests__item-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 23px;
    margin-bottom: 8px;
    text-align: center
}

.quests--big .quests__item-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 30px
}

@media(min-width:768px) {
    .quests--big .quests__item-title {
        font-size: 28px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 34px;
        text-align: left
    }
}

.quests__item-description {
    color: #c0c4db;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
    margin-bottom: auto;
    text-align: center
}

@media(min-width:768px) {
    .quests__item-description {
        min-height: 51px
    }
}

.quests--big .quests__item-description {
    margin-bottom: 26px
}

@media(min-width:768px) {
    .quests--big .quests__item-description {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 26px;
        margin-bottom: 24px;
        min-height: unset;
        text-align: left
    }
}

.quests__item-bonus {
    align-items: center;
    background: #1c1d22;
    border-bottom: 1px solid #5d5e69;
    border-radius: 6px;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 700;
    justify-content: flex-start;
    letter-spacing: .01em;
    line-height: 17px;
    margin-bottom: 12px;
    min-height: 56px;
    padding: 12px 20px 12px 60px;
    position: relative;
    text-align: left;
    width: 100%
}

.quests__item-bonus:before {
    background: url("") no-repeat 50%/cover;
    content: "";
    height: 32px;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px
}

.quests--big .quests__item-bonus {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px
}

.quests__item-info-modal {
    background: #282a36;
    bottom: 0;
    height: calc(100% + 54px);
    left: 0;
    padding: 30px;
    position: absolute;
    width: 100%
}

.quests--big .quests__item-info-modal {
    height: 100%
}

.quests__item-info-modal-close {
    color: #fff;
    position: absolute;
    right: 8px;
    top: 8px
}

.quests__item-info-modal .quest-item-info {
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 15px
}

.quests__item-info-modal .quest-item-info__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 22px;
    margin-bottom: 16px;
    text-align: center;
    text-transform: uppercase
}

.quests__item-info-modal .quest-item-info__list {
    padding-left: 16px
}

.quests__item-info-modal .quest-item-info__list-item,
.quests__item-info-modal .quest-item-info__text {
    color: #b9c6d6;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
    text-align: left
}

.quests__item-info-modal .quest-item-info__text--bolt:before {
    content: "⚡"
}

.quests__item-button {
    margin: 0 auto;
    min-height: 38px;
    width: 100%
}

@media(min-width:768px) {
    .quests--big .quests__item-button {
        margin: 24px auto 0 0
    }
}

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

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

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

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

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

.quests-slider.slick-slider .slick-track {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    top: 0
}

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

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

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

.quests-slider.slick-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    width: 100%;
}

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

.quests-slider.slick-slider .slick-slide img {
    display: block
}

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

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

.quests-slider.slick-slider.slick-initialized .slick-slide {
    display: block
}

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

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

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

.quests-slider.slick-slider .slick-next,
.quests-slider.slick-slider .slick-prev {
    align-items: center;
    background: #282a36;
    border: none;
    bottom: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 38px;
    justify-content: center;
    outline: none;
    padding: 0;
    position: absolute;
    top: unset;
    transform: translateY(-50%);
    width: 38px
}

.quests-slider.slick-slider .slick-prev {
    left: calc(50% - 43px)
}

.quests-slider.slick-slider .slick-next {
    right: calc(50% - 43px)
}

.quests-slider.slick-slider .slick-disabled {
    opacity: .4
}

.tourn-main {
    align-items: center;
    border-radius: 4px;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    line-height: 1.2;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: none;
    width: 100%
}

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

.tourn-main p:not([class]) {
    margin: 0;
    padding: 0
}

.tourn-main p:not([class])+p {
    margin-top: 5px
}

.tourn-main__bg {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.tourn-main__bg,
.tourn-main__bg img {
    display: block;
    height: 100%;
    width: 100%
}

.tourn-main__bg img {
    border: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.tourn-main__grid {
    align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    justify-content: flex-start;
    margin: 0;
    padding: 24px 0 66px;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .tourn-main__grid {
        padding: 32px 0 74px
    }
}

@media(min-width:960px) {
    .tourn-main__grid {
        grid-column-gap: 40px;
        align-items: center;
        grid-template-columns: 1fr 335px;
        padding: 32px
    }
}

@media(min-width:1248px) {
    .tourn-main__grid {
        padding: 24px
    }
}

@media(min-width:1632px) {
    .tourn-main__grid {
        padding: 24px 64px
    }
}

.tourn-main__cell {
    align-items: flex-start;
    align-self: stretch;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

.tourn-main__cell--title {
    padding: 0 16px
}

@media(min-width:960px) {
    .tourn-main__cell--title {
        grid-column: 1;
        grid-row: 1;
        padding: 0
    }
}

.tourn-main__cell--desc {
    padding: 12px 16px 0
}

@media(min-width:768px) {
    .tourn-main__cell--desc {
        padding: 16px 100px 0
    }
}

@media(min-width:960px) {
    .tourn-main__cell--desc {
        grid-column: 1;
        grid-row: 2;
        padding: 16px 0 34px
    }
}

.tourn-main__cell--timer {
    padding: 24px 0 0
}

@media(min-width:960px) {
    .tourn-main__cell--timer {
        grid-column: 2;
        grid-row: span 2;
        padding: 0 0 34px
    }
}

.tourn-main__cell--pool {
    padding: 16px 16px 0
}

@media(min-width:960px) {
    .tourn-main__cell--pool {
        align-items: flex-end;
        grid-column: 2;
        grid-row: 3;
        padding: 0
    }
}

.tourn-main__cell--button {
    padding: 24px 0 0;
    text-align: center
}

@media(min-width:960px) {
    .tourn-main__cell--button {
        align-items: flex-end;
        grid-column: 1;
        grid-row: 3;
        text-align: right
    }
}

.tourn-main__cell--button .tourn-participate__button {
    font-size: 14px;
    margin: 0 auto;
    min-height: 45px;
    min-width: 174px
}

@media(min-width:960px) {
    .tourn-main__cell--button .tourn-participate__button {
        margin: 0
    }
}

.tourn-main__title {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%
}

@media(min-width:768px) {
    .tourn-main__title {
        font-size: 40px
    }
}

.tourn-main__desc {
    display: block;
    margin: 0 auto;
    max-width: 500px;
    padding: 0;
    width: 100%
}

@media(min-width:960px) {
    .tourn-main__desc {
        margin: 0
    }
}

.tourn-main--list {
    border-radius: 0;
    min-height: 320px
}

@media(min-width:768px) {
    .tourn-main--list .tourn-main__grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 335px 1fr;
        padding: 40px 32px
    }
}

@media(min-width:1248px) {
    .tourn-main--list .tourn-main__grid {
        grid-column-gap: 0;
        grid-template-columns: repeat(6, 1fr);
        padding: 40px 24px
    }
}

@media(min-width:1632px) {
    .tourn-main--list .tourn-main__grid {
        padding: 40px 64px
    }
}

@media(min-width:768px) {
    .tourn-main--list .tourn-main__cell {
        padding: 0
    }
    .tourn-main--list .tourn-main__cell--title {
        align-items: flex-start;
        grid-column: 1;
        grid-row: 1;
        justify-content: flex-start
    }
}

@media(min-width:1248px) {
    .tourn-main--list .tourn-main__cell--title {
        grid-column: span 3
    }
}

@media(min-width:768px) {
    .tourn-main--list .tourn-main__cell--desc {
        display: none
    }
    .tourn-main--list .tourn-main__cell--timer {
        align-items: flex-end;
        grid-column: 1;
        grid-row: 2;
        justify-content: flex-start
    }
}

@media(min-width:1248px) {
    .tourn-main--list .tourn-main__cell--timer {
        grid-column: span 4;
        min-width: 335px
    }
}

@media(min-width:768px) {
    .tourn-main--list .tourn-main__cell--pool {
        align-items: flex-start;
        grid-column: 2;
        grid-row: 1;
        justify-content: flex-end
    }
}

@media(min-width:1248px) {
    .tourn-main--list .tourn-main__cell--pool {
        grid-column: span 3
    }
}

@media(min-width:768px) {
    .tourn-main--list .tourn-main__cell--button {
        align-items: flex-end;
        grid-column: 2;
        grid-row: 2;
        justify-content: flex-end
    }
}

@media(min-width:1248px) {
    .tourn-main--list .tourn-main__cell--button {
        grid-column: span 2
    }
}

@media(min-width:768px) {
    .tourn-main--list .tourn-main__cell--button .tourn-participate__button {
        margin: 0
    }
}

@media(min-width:1248px) {
    .tourn-main--list .tourn-main__cell--button .tourn-participate__button {
        min-width: 147px
    }
}

@media(min-width:768px) {
    .tourn-main--list .tourn-main__title {
        text-align: left
    }
    .tourn-main--list .tourn-main__participate {
        display: flex;
        justify-content: flex-end
    }
}

h1,
h2,
h3,
p {
    margin: 0
}

.full-tourn {
    display: block;
    width: 100%
}

.full-tourn__img {
    height: 400px;
    position: absolute;
    right: -270px;
    top: 0;
    width: auto
}

@media(min-width:768px) {
    .full-tourn__img {
        left: auto
    }
}

@media(min-width:960px) {
    .full-tourn__img {
        height: 460px;
        right: 0
    }
}

@media(min-width:1248px) {
    .full-tourn__img {
        right: 56px
    }
}

@media(min-width:1600px) {
    .full-tourn__img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
}

.full-tourn__section {
    display: block;
    margin: 0 auto;
    max-width: 1552px;
    overflow: hidden;
    width: 100%
}

.full-tourn__section--head {
    margin: 0 auto 30px;
    max-width: 300px;
    min-height: 400px;
    padding: 0
}

@media(min-width:360px) {
    .full-tourn__section--head {
        max-width: 330px
    }
}

@media(min-width:538px) {
    .full-tourn__section--head {
        margin-left: 104px;
        margin-right: auto
    }
}

@media(min-width:960px) {
    .full-tourn__section--head {
        margin-top: 72px;
        max-width: 371px
    }
}

@media(min-width:1632px) {
    .full-tourn__section--head {
        margin: 72px auto 0;
        max-width: 1552px;
        padding: 0 30px 0 93px
    }
    .layout__tournament:not(.layout__tournament--custom) .full-tourn__section--head>div {
        max-width: 371px
    }
}

.full-tourn__section--first {
    height: 400px;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 55px;
    z-index: -1
}

.full-tourn__section--first:before {
    background: linear-gradient(#000 1%, rgba(9, 5, 8, 0) 40%);
    bottom: 0;
    content: "";
    height: 167px;
    left: auto;
    position: absolute;
    right: auto;
    transform: matrix(1, 0, 0, -1, 0, 0);
    width: 100%;
    z-index: 1
}

@media(min-width:960px) {
    .full-tourn__section--first:before {
        background: linear-gradient(#000 1%, rgba(9, 5, 8, 0) 50%)
    }
}

@media(min-width:768px) {
    .full-tourn__section--first {
        top: 60px
    }
}

@media(min-width:960px) {
    .full-tourn__section--first {
        height: 460px
    }
}

.full-tourn__section--prizes {
    padding: 0 15px
}

@media(min-width:768px) {
    .full-tourn__section--prizes {
        padding: 0 30px
    }
}

@media(min-width:960px) {
    .full-tourn__section--prizes {
        padding: 0 42px
    }
}

@media(min-width:1248px) {
    .full-tourn__section--prizes {
        align-items: stretch;
        -moz-column-gap: 60px;
        column-gap: 60px;
        display: flex;
        flex-direction: row;
        margin-bottom: 80px
    }
}

.full-tourn__name {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(0deg, #e3f41c, #fba643);
    -webkit-background-clip: text;
    color: #e3f41c;
    font-family: bc-novatica-cyr;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin: 40px auto 18px;
    max-width: 250px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:960px) {
    .full-tourn__name {
        max-width: 100%
    }
}

.full-tourn__block--prize-pool {
    margin-top: 24px
}

.full-tourn__block--prize-pool .full-tourn__block-content {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    text-align: center
}

.full-tourn__block--prizes {
    flex-basis: 50%;
    margin: 30px 0 0
}

@media(min-width:960px) {
    .full-tourn__block--prizes {
        margin-top: 60px
    }
}

@media(min-width:1248px) {
    .full-tourn__block--prizes {
        margin-bottom: 0
    }
}

.full-tourn__block--prizes .full-tourn__block-title {
    display: none
}

.full-tourn__block--cms-snippet {
    background: rgba(35, 37, 43, .5);
    border-radius: 6px;
    flex-basis: 50%;
    margin: 30px 0;
    padding: 24px
}

@media(min-width:768px) {
    .full-tourn__block--cms-snippet {
        margin-bottom: 60px
    }
}

@media(min-width:1248px) {
    .full-tourn__block--cms-snippet {
        margin-bottom: 0;
        margin-top: 158px
    }
}

.full-tourn__block--cms-snippet p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 22px
}

@media(min-width:768px) {
    .full-tourn__block--cms-snippet p {
        font-size: 16px
    }
}

.full-tourn__block--cms-snippet p:last-child {
    margin-bottom: 0
}

.full-tourn__block-title {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 8px;
    text-align: center;
    text-transform: uppercase
}

.full-tourn__timer {
    min-height: 74px
}

.full-tourn__timer .blocks-timer__item:before {
    content: none !important
}

.full-tourn__timer .blocks-timer__label {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    opacity: .5;
    text-align: center;
    text-transform: uppercase
}

.full-tourn__timer .blocks-timer__value {
    color: #fff;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase
}

.full-tourn__block--leaders {
    margin: 0 auto;
    max-width: 900px;
    padding: 0 15px
}

@media(min-width:768px) {
    .full-tourn__block--leaders {
        padding: 0 30px
    }
}

.full-tourn__block--leaders .full-tourn__block-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 30px
}

@media(min-width:768px) {
    .full-tourn__block--leaders .full-tourn__block-title {
        font-size: 28px
    }
}

.full-tourn .game__title {
    line-height: 100%;
    max-height: 3em
}

@media(min-width:1248px) {
    .full-tourn .game__title {
        font-size: 16px
    }
}

.full-tourn .btn--place {
    background: #282a36;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    line-height: 25px;
    margin: 0 auto 30px;
    max-width: 850px;
    text-transform: uppercase;
    width: calc(100% - 30px)
}

@media(min-width:768px) {
    .full-tourn .btn--place {
        margin-bottom: 60px;
        width: calc(100% - 60px)
    }
}

.with-pwa .full-tourn__section--first {
    position: absolute;
    top: 115px
}

.tourn-prizes {
    color: #fff;
    display: block;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

@media(min-width:768px) {
    .tourn-prizes {
        text-align: left
    }
}

.tourn-prizes__list {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    row-gap: 10px;
    width: 100%
}

.tourn-prizes__item {
    align-items: center;
    align-self: stretch;
    background-color: #282a36;
    border-radius: 6px;
    color: #fff;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-family: Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 900;
    justify-content: space-between;
    min-height: 50px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media(min-width:768px) {
    .tourn-prizes__item {
        padding: 6px 0;
        width: calc(50% - 8px)
    }
}

.tourn-prizes__item:nth-child(-n+3) {
    min-height: 53px
}

.tourn-prizes__item:first-child {
    background: linear-gradient(269.99deg, rgba(155, 49, 120, 0) .95%, #532976 98.76%)
}

@media(min-width:768px) {
    .tourn-prizes__item:first-child {
        width: 100%
    }
}

.tourn-prizes__item:nth-child(2) {
    background: linear-gradient(270.03deg, rgba(19, 45, 85, 0) .03%, #143257 99.31%)
}

@media(min-width:768px) {
    .tourn-prizes__item:nth-child(2) {
        width: 100%
    }
}

.tourn-prizes__item:nth-child(3) {
    background: linear-gradient(270.02deg, rgba(117, 47, 83, 0) .01%, #a44074 99.51%);
    margin-bottom: 10px
}

@media(min-width:768px) {
    .tourn-prizes__item:nth-child(3) {
        width: 100%
    }
}

.tourn-prizes__place {
    width: 70px
}

.tourn-prizes__award {
    padding-right: 35px;
    width: calc(100% - 70px)
}

@media(min-width:576px) {
    .tourn-prizes__award {
        padding-right: 70px
    }
}

.tourn-prizes__item-inner {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

@media(min-width:768px) {
    .tourn-prizes__item-inner {
        flex: 1;
        overflow: hidden;
        width: 100%
    }
}

.tourn-prizes__prize {
    display: inline
}

.tourn-prizes__prize+.tourn-prizes__prize:before {
    content: " + "
}

.tourn-prizes__label {
    display: inline-block;
    margin: 0 0 0 3px;
    vertical-align: top
}

.custom-tourn {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 390px;
    padding: 24px;
    position: relative
}

@media(min-width:768px) {
    .custom-tourn {
        min-height: 603px
    }
}

.custom-tourn__bg {
    max-width: 100%;
    min-width: 768px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    z-index: -1
}

@media(min-width:768px) {
    .custom-tourn__bg {
        min-width: 1432px
    }
}

.custom-tourn__logo {
    max-width: 250px
}

@media(min-width:768px) {
    .custom-tourn__logo {
        max-width: 350px
    }
}

.custom-tourn__title {
    font-size: 36px
}

@media(min-width:768px) {
    .custom-tourn__title {
        font-size: 58px
    }
}

.custom-tourn .tourn-timer {
    margin-top: 16px;
    max-width: 253px
}

.custom-tourn .tourn-timer__title {
    align-items: center;
    color: #fff;
    display: flex;
    font-weight: 400;
    gap: 6px;
    justify-content: center;
    margin-bottom: 24px
}

.custom-tourn .tourn-timer__title:before {
    background: #f6c800;
    border-radius: 50%;
    content: "";
    display: block;
    height: 5px;
    width: 5px
}

.custom-tourn .tourn-timer .blocks-timer {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: linear-gradient(94deg, rgba(183, 79, 255, .19) 1.67%, rgba(11, 148, 225, .19)), hsla(0, 0%, 100%, .13);
    border-radius: 8px;
    padding: 10px 30px
}

.custom-tourn .tourn-timer .blocks-timer__item {
    padding: 0 6px;
    position: relative
}

.custom-tourn .tourn-timer .blocks-timer__item:not(:last-of-type):after {
    color: hsla(0, 0%, 100%, .36);
    content: ":";
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
    position: absolute;
    right: -4px;
    top: 20px
}

.custom-tourn .tourn-timer .blocks-timer__label {
    color: hsla(0, 0%, 100%, .3);
    font-size: 8px;
    line-height: 9px;
    margin-bottom: 7px
}

.custom-tourn .tourn-timer .blocks-timer__value {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px
}

.custom-tournament {
    color: #fff;
    padding-bottom: 48px
}

.custom-tournament:after,
.custom-tournament:before {
    background: #b74fff;
    border-radius: 50%;
    content: "";
    display: none;
    filter: blur(150px);
    opacity: .1;
    position: absolute;
    z-index: -1
}

@media(min-width:768px) {
    .custom-tournament:after,
    .custom-tournament:before {
        display: block
    }
}

@media(min-width:960px) {
    .custom-tournament:before {
        height: 450px;
        left: -246px;
        top: 794px;
        width: 450px
    }
}

@media(min-width:960px)and (min-width:1248px) {
    .custom-tournament:before {
        left: 54px
    }
}

@media(min-width:960px) {
    .custom-tournament:after {
        height: 542px;
        right: -246px;
        top: 1134px;
        width: 542px
    }
}

@media(min-width:1248px) {
    .custom-tournament:after {
        right: -346px;
        top: 1094px
    }
}

.custom-tournament__section {
    margin: 72px auto 0;
    max-width: 1050px;
    padding: 0 16px;
    text-align: center;
    width: 100%
}

@media(min-width:768px) {
    .custom-tournament__section {
        margin-top: 120px;
        padding: 0 48px
    }
}

.custom-tournament__section--desc {
    margin-top: 16px
}

.custom-tournament__section--step {
    max-width: none
}

.custom-tournament__desc {
    font-size: 12px
}

@media(min-width:768px) {
    .custom-tournament__desc {
        font-size: 16px
    }
}

.custom-tournament__desc p {
    margin: 0
}

.custom-tournament__desc p+p {
    margin: 5px 0 0
}

.custom-tournament__deposit {
    margin-top: 32px
}

@media(min-width:768px) {
    .custom-tournament__deposit {
        margin-top: 24px
    }
}

.custom-tournament__subtitle {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 24px;
    text-align: center
}

@media(min-width:768px) {
    .custom-tournament__subtitle {
        font-size: 48px;
        margin-bottom: 48px
    }
}

.custom-tournament__list {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 32px;
    justify-content: center
}

@media(min-width:768px) {
    .custom-tournament__list {
        font-size: 18px;
        gap: 64px
    }
}

.custom-tournament__list-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 75px;
    white-space: nowrap
}

@media(min-width:768px) {
    .custom-tournament__list-item {
        gap: 32px;
        min-width: 170px
    }
}

@media(min-width:1248px) {
    .custom-tournament__list-item {
        min-width: 118px
    }
}

.custom-tournament__list-icon {
    max-height: 38px;
    max-width: 38px
}

@media(min-width:768px) {
    .custom-tournament__list-icon {
        max-height: 60px;
        max-width: 60px
    }
}

.custom-tournament__grid {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 0 auto;
    max-width: 350px
}

@media(min-width:768px) {
    .custom-tournament__grid {
        flex-direction: row;
        gap: 48px;
        justify-content: space-around;
        max-width: none
    }
}

.custom-tournament__grid-item {
    align-items: flex-start;
    background-color: hsla(0, 0%, 100%, .05);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px;
    position: relative;
    text-align: start
}

@media(min-width:768px) {
    .custom-tournament__grid-item {
        flex: 1
    }
}

.custom-tournament__grid-bg {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.custom-tournament__grid-step {
    max-height: 55px;
    width: auto
}

.custom-tournament__catalog {
    align-items: center;
    background: url("") 50%/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 72px;
    min-height: 336px;
    padding: 24px 0
}

@media(min-width:768px) {
    .custom-tournament__catalog {
        margin-top: 120px;
        min-height: 505px
    }
}

.custom-tournament__catalog-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 34px;
    margin-bottom: 36px;
    padding: 0 16px;
    text-align: center
}

@media(min-width:768px) {
    .custom-tournament__catalog-title {
        font-size: 48px;
        line-height: 68px;
        padding: 0 48px
    }
}

.custom-tournament__terms {
    background: hsla(0, 0%, 100%, .04);
    border-radius: 8px;
    padding: 16px
}

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

.custom-tournament__terms .custom-tournament__terms-title {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 24px
}

@media(min-width:768px) {
    .custom-tournament__terms .custom-tournament__terms-title {
        font-size: 32px
    }
}

.custom-tournament__terms .description {
    color: #d0d0d0;
    font-size: 12px;
    line-height: 22px;
    text-align: left
}

@media(min-width:768px) {
    .custom-tournament__terms .description {
        font-size: 18px;
        line-height: 40px
    }
}

.custom-tournament__terms .description h2,
.custom-tournament__terms .description h3,
.custom-tournament__terms .description h4,
.custom-tournament__terms .description h5,
.custom-tournament__terms .description h6 {
    text-transform: unset
}

.custom-tournament__terms .description p,
.custom-tournament__terms .description__main {
    margin: 0
}

.custom-tournament__terms .description__block-buttons {
    padding-top: 20px;
    position: relative
}

.custom-tournament__terms .description__block-buttons:before {
    background: linear-gradient(180deg, rgba(38, 39, 44, 0), #26272c);
    bottom: 100%;
    content: "";
    display: block;
    height: 85px;
    position: absolute;
    width: 100%
}

.custom-tournament__terms .description__button {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    gap: 10px;
    line-height: normal;
    text-decoration: none
}

.custom-tournament__terms .description__button:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    display: block;
    height: 6px;
    margin-top: -4px;
    transform: rotate(45deg);
    width: 6px
}

.custom-tournament__terms .collapse--entered+.description__block-buttons .description__button:after {
    margin-top: 4px;
    transform: rotate(-135deg)
}

.custom-tournament__terms .collapse--entered+.description__block-buttons:before {
    display: none
}

.vip-page {
    background-color: #060221;
    color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 40px;
    padding-top: 26px;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .vip-page {
        padding-top: 36px
    }
}

@media(min-width:1248px) {
    .vip-page {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-top: 100px
    }
}

@media(min-width:1632px) {
    .vip-page {
        padding: 100px 48px 60px
    }
}

.vip-page__bg {
    left: 50%;
    max-width: 1742px;
    position: absolute;
    top: -300px;
    transform: translateX(-50%)
}

@media(min-width:768px) {
    .vip-page__bg {
        top: -250px
    }
}

@media(min-width:1248px) {
    .vip-page__bg {
        top: -450px;
        transform: translateX(calc(-50% + 420px))
    }
}

.vip-page__content {
    align-content: flex-start;
    align-items: flex-start;
    color: #92a0b1;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 500;
    gap: 32px;
    line-height: 20px;
    margin-bottom: 32px;
    padding: 0 15px
}

@media(min-width:768px) {
    .vip-page__content {
        padding: 0 24px
    }
}

@media(min-width:1248px) {
    .vip-page__content {
        margin-bottom: 0;
        max-width: 415px
    }
}

.vip-page__content-block {
    width: 100%
}

@media(min-width:768px) {
    .vip-page__content-block {
        width: calc(50% - 32px)
    }
    .vip-page__content-block:first-of-type {
        width: 100%
    }
}

@media(min-width:1248px) {
    .vip-page__content-block {
        width: 100%
    }
}

.vip-page__title {
    font-size: 24px;
    font-weight: 900;
    line-height: 30px
}

.vip-page__subtitle,
.vip-page__title {
    color: #fff;
    margin: 0 0 12px;
    text-transform: uppercase
}

.vip-page__subtitle {
    font-size: 14px;
    font-weight: 800;
    line-height: 18px
}

.vip-page__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.vip-page__list li {
    display: flex;
    gap: 12px
}

.vip-page__list li li+li {
    margin-top: 12px
}

.vip-page__list li:before {
    content: url("");
    display: block;
    height: 22px;
    line-height: 0;
    width: 22px
}

.vip-page__terms {
    margin: 185px auto 0;
    order: 3;
    padding: 0 15px
}

@media(min-width:768px) {
    .vip-page__terms {
        margin-top: 150px;
        padding: 0 24px
    }
}

.vip-page__terms-title {
    font-size: 18px
}

@media(min-width:768px) {
    .vip-page__terms-title {
        font-size: 32px
    }
}

.vip-page__terms .description {
    -webkit-backdrop-filter: blur(160px);
    backdrop-filter: blur(160px);
    background: rgba(40, 42, 54, .7);
    border-radius: 8px;
    color: #d0d0d0;
    font-size: 12px;
    padding: 20px
}

@media(min-width:768px) {
    .vip-page__terms .description {
        font-size: 18px;
        padding: 30px
    }
}

.vip-page__terms .description h2,
.vip-page__terms .description h3,
.vip-page__terms .description h4,
.vip-page__terms .description h5,
.vip-page__terms .description h6 {
    font-weight: 800;
    text-transform: unset
}

.vip-page__terms .description p {
    margin: 0
}

.vip-page__terms .description ul:not([class])>li:before {
    background-color: #d0d0d0;
    height: 3px;
    width: 3px
}

@media(min-width:768px) {
    .vip-page__terms .description ul:not([class])>li:before {
        height: 4px;
        top: 10px;
        width: 4px
    }
}

.vip-page__terms .description__block-buttons {
    padding-top: 10px;
    position: relative
}

.vip-page__terms .description__block-buttons:before {
    background: linear-gradient(180deg, rgba(30, 30, 48, 0), #1e1e30);
    bottom: 100%;
    content: "";
    display: block;
    height: 122px;
    position: absolute;
    width: 100%
}

.vip-page__terms .description__button {
    align-items: center;
    background: none;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 10px;
    justify-content: flex-start;
    line-height: normal;
    min-height: auto;
    padding: 5px 0;
    text-align: start;
    text-decoration: none;
    text-transform: none
}

.vip-page__terms .description__button:focus,
.vip-page__terms .description__button:hover {
    background: none;
    border: none;
    outline: none
}

.vip-page__terms .description__button:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    display: block;
    height: 6px;
    margin-top: -4px;
    transform: rotate(45deg);
    width: 6px
}

.vip-page__terms .collapse--entered+.description__block-buttons .description__button:after {
    margin-top: 4px;
    transform: rotate(-135deg)
}

.vip-page__terms .collapse--entered+.description__block-buttons:before {
    display: none
}

.map-road {
    margin: 0 auto;
    order: 2;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.map-road__shape {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: hsla(0, 0%, 100%, .08);
    clip-path: path("M20.7305 31.9495C20.7305 14.8286 34.6096 0.949463 51.7305 0.949463H320.73C337.851 0.949463 351.73 14.8286 351.73 31.9495C351.73 49.0703 337.851 62.9495 320.73 62.9495H172.23C162.013 62.9495 153.73 71.2322 153.73 81.4495V81.4495C153.73 91.6667 162.013 99.9495 172.23 99.9495H285.73C300.09 99.9495 311.73 111.59 311.73 125.949V125.949C311.73 140.309 300.09 151.949 285.73 151.949H241.73C237.864 151.949 234.73 155.083 234.73 158.949V158.949C234.73 162.815 237.864 165.949 241.73 165.949H317.73C335.956 165.949 350.73 180.724 350.73 198.949V198.949C350.73 217.175 335.956 231.949 317.73 231.949H182.73C176.655 231.949 171.73 236.874 171.73 242.949V242.949C171.73 249.025 176.655 253.949 182.73 253.949H268.73C286.956 253.949 301.73 268.724 301.73 286.949V286.949C301.73 305.175 286.956 319.949 268.73 319.949H197.23C192.536 319.949 188.73 323.755 188.73 328.449V328.449C188.73 333.144 192.536 336.949 197.23 336.949H293.73C308.642 336.949 320.73 349.038 320.73 363.949V365.949C320.73 379.757 309.538 390.949 295.73 390.949H281.23C275.431 390.949 270.73 395.65 270.73 401.449V401.449C270.73 407.248 275.431 411.949 281.23 411.949H307.73C328.165 411.949 344.73 428.515 344.73 448.949V453.449C344.73 476.369 326.15 494.949 303.23 494.949H260.73C255.208 494.949 250.73 499.427 250.73 504.949V504.949C250.73 510.472 255.208 514.949 260.73 514.949H288.23C304.523 514.949 317.73 528.157 317.73 544.449V544.449C317.73 560.742 304.523 573.949 288.23 573.949H257.23C251.431 573.949 246.73 578.65 246.73 584.449V584.449C246.73 590.248 251.431 594.949 257.23 594.949H293.23C308.418 594.949 320.73 607.262 320.73 622.449V622.449C320.73 637.637 308.418 649.949 293.23 649.949H273.73C268.76 649.949 264.73 653.979 264.73 658.949V658.949C264.73 663.92 268.76 667.949 273.73 667.949H312.23C326.866 667.949 338.73 679.814 338.73 694.449V694.449C338.73 709.085 326.866 720.949 312.23 720.949H278.23C276.297 720.949 274.73 722.516 274.73 724.449V724.449C274.73 726.382 276.297 727.949 278.23 727.949H301.23C315.866 727.949 327.73 739.814 327.73 754.449V757.449C327.73 772.637 315.418 784.949 300.23 784.949H292.23C281.461 784.949 272.73 793.68 272.73 804.449V804.449C272.73 815.219 281.461 823.949 292.23 823.949H315.73C334.508 823.949 349.73 839.172 349.73 857.949V857.949C349.73 876.727 334.508 891.949 315.73 891.949H179.23C173.984 891.949 169.73 896.203 169.73 901.449V901.449C169.73 906.696 173.984 910.949 179.23 910.949H193.23C206.209 910.949 216.73 921.471 216.73 934.449V939.949C216.73 955.966 203.747 968.949 187.73 968.949H163.23C157.984 968.949 153.73 973.203 153.73 978.449V978.449C153.73 983.696 157.984 987.949 163.23 987.949H292.73C310.956 987.949 325.73 1002.72 325.73 1020.95V1020.95C325.73 1039.17 310.956 1053.95 292.73 1053.95H263.73C259.312 1053.95 255.73 1057.53 255.73 1061.95V1061.95C255.73 1066.37 259.312 1069.95 263.73 1069.95H283.23C298.418 1069.95 310.73 1082.26 310.73 1097.45V1106.95C310.73 1127.38 294.165 1143.95 273.73 1143.95H174.73C169.76 1143.95 165.73 1147.98 165.73 1152.95V1152.95C165.73 1157.92 169.76 1161.95 174.73 1161.95H313.73C330.851 1161.95 344.73 1175.83 344.73 1192.95V1192.95C344.73 1210.07 330.851 1223.95 313.73 1223.95H278.23C270.222 1223.95 263.73 1230.44 263.73 1238.45V1238.45C263.73 1246.46 270.222 1252.95 278.23 1252.95H313.23C340.016 1252.95 361.73 1274.66 361.73 1301.45V1311.02C361.73 1332.52 344.3 1349.95 322.798 1349.95H311.865C296.401 1349.95 283.865 1362.49 283.865 1377.95V1377.95C283.865 1393.41 296.401 1405.95 311.865 1405.95H316.298C334.21 1405.95 348.73 1420.47 348.73 1438.38V1440.95C348.73 1460.28 333.06 1475.95 313.73 1475.95H172.73C166.655 1475.95 161.73 1480.87 161.73 1486.95V1486.95C161.73 1493.02 166.655 1497.95 172.73 1497.95H191.23C206.418 1497.95 218.73 1510.26 218.73 1525.45V1525.45C218.73 1540.64 206.418 1552.95 191.23 1552.95H171.23C164.879 1552.95 159.73 1558.1 159.73 1564.45V1564.45C159.73 1570.8 164.879 1575.95 171.23 1575.95H269.23C288.837 1575.95 304.73 1591.84 304.73 1611.45V1611.45C304.73 1631.06 288.837 1646.95 269.23 1646.95H191.73C185.103 1646.95 179.73 1652.32 179.73 1658.95V1658.95C179.73 1665.58 185.103 1670.95 191.73 1670.95H241.23C262.493 1670.95 279.73 1688.19 279.73 1709.45V1709.45C279.73 1730.71 262.493 1747.95 241.23 1747.95H206.73C201.76 1747.95 197.73 1751.98 197.73 1756.95V1756.95C197.73 1761.92 201.76 1765.95 206.73 1765.95H308.73C331.374 1765.95 349.73 1784.31 349.73 1806.95V1806.95C349.73 1829.59 331.374 1847.95 308.73 1847.95H182.23C168.699 1847.95 157.73 1858.92 157.73 1872.45V1872.45C157.73 1885.98 168.699 1896.95 182.23 1896.95H223.23C239.523 1896.95 252.73 1910.16 252.73 1926.45V1933.45C252.73 1945.88 242.657 1955.95 230.23 1955.95H216.23C211.536 1955.95 207.73 1959.76 207.73 1964.45V1964.45C207.73 1969.14 211.536 1972.95 216.23 1972.95H295.23C316.493 1972.95 333.73 1990.44 333.73 2011.7V2011.7C333.73 2032.69 316.717 2049.95 295.73 2049.95H268.23C262.431 2049.95 257.73 2054.65 257.73 2060.45V2060.45C257.73 2066.25 262.431 2070.95 268.23 2070.95H290.73C308.956 2070.95 323.73 2085.72 323.73 2103.95V2114.45C323.73 2132.95 308.732 2147.95 290.23 2147.95H265.23C260.536 2147.95 256.73 2151.76 256.73 2156.45V2156.45C256.73 2161.14 260.536 2164.95 265.23 2164.95H306.73C326.613 2164.95 342.73 2181.07 342.73 2200.95V2200.95C342.73 2220.83 326.613 2236.95 306.73 2236.95H216.73C208.998 2236.95 202.73 2243.22 202.73 2250.95V2250.95C202.73 2258.68 208.998 2264.95 216.73 2264.95H277.23C315.614 2264.95 346.73 2296.07 346.73 2334.45V2334.45C346.73 2372.83 315.614 2403.95 277.23 2403.95H95.2305C56.8467 2403.95 25.7305 2372.83 25.7305 2334.45V2332.45C25.7305 2295.17 55.9512 2264.95 93.2305 2264.95H146.73C154.462 2264.95 160.73 2258.68 160.73 2250.95V2250.95C160.73 2243.22 154.462 2236.95 146.73 2236.95H83.7305C63.8482 2236.95 47.7305 2220.83 47.7305 2200.95V2200.95C47.7305 2181.07 63.8482 2164.95 83.7305 2164.95H184.23C188.925 2164.95 192.73 2161.14 192.73 2156.45V2156.45C192.73 2151.76 188.925 2147.95 184.23 2147.95H116.23C94.9675 2147.95 77.7305 2130.71 77.7305 2109.45V2109.45C77.7305 2088.19 94.9675 2070.95 116.23 2070.95H186.23C192.029 2070.95 196.73 2066.25 196.73 2060.45V2060.45C196.73 2054.65 192.029 2049.95 186.23 2049.95H64.2305C42.9675 2049.95 25.7305 2032.71 25.7305 2011.45V2011.45C25.7305 1990.19 42.9675 1972.95 64.2305 1972.95H125.23C129.925 1972.95 133.73 1969.14 133.73 1964.45V1964.45C133.73 1959.76 129.925 1955.95 125.23 1955.95H63.2305C46.9381 1955.95 33.7305 1942.74 33.7305 1926.45V1923.45C33.7305 1908.81 45.5949 1896.95 60.2305 1896.95H62.2305C75.7614 1896.95 86.7305 1885.98 86.7305 1872.45V1872.45C86.7305 1858.92 75.7614 1847.95 62.2305 1847.95H50.2305C30.0721 1847.95 13.7305 1831.61 13.7305 1811.45V1806.95C13.7305 1784.31 32.0868 1765.95 54.7305 1765.95H126.73C131.701 1765.95 135.73 1761.92 135.73 1756.95V1756.95C135.73 1751.98 131.701 1747.95 126.73 1747.95H86.2305C64.9675 1747.95 47.7305 1730.71 47.7305 1709.45V1705.95C47.7305 1686.62 63.4005 1670.95 82.7305 1670.95H105.73C112.358 1670.95 117.73 1665.58 117.73 1658.95V1658.95C117.73 1652.32 112.358 1646.95 105.73 1646.95H57.2305C37.6244 1646.95 21.7305 1631.06 21.7305 1611.45V1611.45C21.7305 1591.84 37.6244 1575.95 57.2305 1575.95H94.2305C100.582 1575.95 105.73 1570.8 105.73 1564.45V1564.45C105.73 1558.1 100.582 1552.95 94.2305 1552.95H49.2305C34.0426 1552.95 21.7305 1540.64 21.7305 1525.45V1525.45C21.7305 1510.26 34.0426 1497.95 49.2305 1497.95H107.73C113.806 1497.95 118.73 1493.02 118.73 1486.95V1486.95C118.73 1480.87 113.806 1475.95 107.73 1475.95H84.2305C65.1766 1475.95 49.7305 1460.26 49.7305 1441.2V1441.2C49.7305 1421.87 65.4005 1405.95 84.7305 1405.95H99.8652C115.329 1405.95 127.865 1393.41 127.865 1377.95V1377.95C127.865 1362.49 115.329 1349.95 99.8652 1349.95H49.2305C22.4447 1349.95 0.730469 1328.24 0.730469 1301.45V1301.45C0.730469 1274.66 22.4447 1252.95 49.2305 1252.95H183.23C191.239 1252.95 197.73 1246.46 197.73 1238.45V1238.45C197.73 1230.44 191.239 1223.95 183.23 1223.95H70.7305C53.6096 1223.95 39.7305 1210.07 39.7305 1192.95V1192.95C39.7305 1175.83 53.6096 1161.95 70.7305 1161.95H92.7305C97.701 1161.95 101.73 1157.92 101.73 1152.95V1152.95C101.73 1147.98 97.701 1143.95 92.7305 1143.95H53.7305C33.2959 1143.95 16.7305 1127.38 16.7305 1106.95V1106.95C16.7305 1086.51 33.2959 1069.95 53.7305 1069.95H181.73C186.149 1069.95 189.73 1066.37 189.73 1061.95V1061.95C189.73 1057.53 186.149 1053.95 181.73 1053.95H95.7305C77.5051 1053.95 62.7305 1039.17 62.7305 1020.95V1016.95C62.7305 1000.93 75.7142 987.949 91.7305 987.949H111.23C116.477 987.949 120.73 983.696 120.73 978.449V978.449C120.73 973.203 116.477 968.949 111.23 968.949H64.7305C48.7142 968.949 35.7305 955.966 35.7305 939.949V939.949C35.7305 923.933 48.7142 910.949 64.7305 910.949H111.23C116.477 910.949 120.73 906.696 120.73 901.449V901.449C120.73 896.203 116.477 891.949 111.23 891.949H76.7305C57.9528 891.949 42.7305 876.727 42.7305 857.949V857.949C42.7305 839.172 57.9528 823.949 76.7305 823.949H126.23C137 823.949 145.73 815.219 145.73 804.449V804.449C145.73 793.68 137 784.949 126.23 784.949H43.2305C27.4904 784.949 14.7305 772.19 14.7305 756.449V756.449C14.7305 740.709 27.4904 727.949 43.2305 727.949H242.23C244.163 727.949 245.73 726.382 245.73 724.449V724.449C245.73 722.516 244.163 720.949 242.23 720.949H191.23C176.595 720.949 164.73 709.085 164.73 694.449V692.949C164.73 679.142 175.923 667.949 189.73 667.949H205.73C210.701 667.949 214.73 663.92 214.73 658.949V658.949C214.73 653.979 210.701 649.949 205.73 649.949H73.2305C58.0426 649.949 45.7305 637.637 45.7305 622.449V622.449C45.7305 607.262 58.0426 594.949 73.2305 594.949H175.23C181.029 594.949 185.73 590.248 185.73 584.449V584.449C185.73 578.65 181.029 573.949 175.23 573.949H161.73C148.476 573.949 137.73 563.204 137.73 549.949V544.449C137.73 528.157 150.938 514.949 167.23 514.949H189.73C195.253 514.949 199.73 510.472 199.73 504.949V504.949C199.73 499.427 195.253 494.949 189.73 494.949H57.2305C34.3107 494.949 15.7305 476.369 15.7305 453.449V453.449C15.7305 430.53 34.3107 411.949 57.2305 411.949H153.23C159.029 411.949 163.73 407.248 163.73 401.449V401.449C163.73 395.65 159.029 390.949 153.23 390.949H99.7305C84.8188 390.949 72.7305 378.861 72.7305 363.949V361.949C72.7305 348.142 83.9234 336.949 97.7305 336.949H114.23C118.925 336.949 122.73 333.144 122.73 328.449V328.449C122.73 323.755 118.925 319.949 114.23 319.949H78.7305C60.5051 319.949 45.7305 305.175 45.7305 286.949V283.949C45.7305 267.381 59.1619 253.949 75.7305 253.949H94.7305C100.806 253.949 105.73 249.025 105.73 242.949V242.949C105.73 236.874 100.806 231.949 94.7305 231.949H92.7305C85.5508 231.949 79.7305 226.129 79.7305 218.949V194.449C79.7305 178.709 92.4904 165.949 108.23 165.949H129.73C133.596 165.949 136.73 162.815 136.73 158.949V158.949C136.73 155.083 133.596 151.949 129.73 151.949H46.7305C32.3711 151.949 20.7305 140.309 20.7305 125.949V125.949C20.7305 111.59 32.3711 99.9495 46.7305 99.9495H73.2305C83.4477 99.9495 91.7305 91.6667 91.7305 81.4495V81.4495C91.7305 71.2322 83.4477 62.9495 73.2305 62.9495H51.7305C34.6096 62.9495 20.7305 49.0703 20.7305 31.9495Z");
    height: 2403px;
    margin: 0 auto;
    width: 361px
}

@media(min-width:768px) {
    .map-road__shape {
        clip-path: path("M174.135 0C157.014 0 143.135 13.8792 143.135 31C143.135 48.1208 157.014 62 174.135 62H197.635C207.852 62 216.135 70.2827 216.135 80.5V80.5C216.135 90.7173 207.852 99 197.635 99H139.635C118.372 99 101.135 116.237 101.135 137.5V137.5C101.135 158.763 118.372 176 139.635 176H284.635C294.3 176 302.135 183.835 302.135 193.5V193.5C302.135 203.165 294.3 211 284.635 211H218.135C191.625 211 170.135 232.49 170.135 259V303C170.135 305.209 171.926 307 174.135 307V307C176.344 307 178.135 308.791 178.135 311V330C178.135 342.703 167.837 353 155.135 353H154.635C141.656 353 131.135 363.521 131.135 376.5V392C131.135 413.539 148.596 431 170.135 431H230.635C236.986 431 242.135 436.149 242.135 442.5V442.5C242.135 448.851 236.986 454 230.635 454H210.135C192.462 454 178.135 468.327 178.135 486V492.5C178.135 513.763 195.372 531 216.635 531H276.635C286.3 531 294.135 538.835 294.135 548.5V548.5C294.135 558.165 286.3 566 276.635 566H108.635C79.6398 566 56.1348 589.505 56.1348 618.5V618.5C56.1348 647.495 79.6398 671 108.635 671H269.135C284.599 671 297.135 683.536 297.135 699V699C297.135 714.464 284.599 727 269.135 727H264.635C246.686 727 232.135 741.551 232.135 759.5V765.5C232.135 786.763 249.372 804 270.635 804H302.635C311.195 804 318.135 810.94 318.135 819.5V819.5C318.135 828.06 311.195 835 302.635 835H153.635C132.372 835 115.135 852.237 115.135 873.5V873.5C115.135 894.763 132.372 912 153.635 912H279.135C289.076 912 297.135 920.059 297.135 930V930C297.135 939.941 289.076 948 279.135 948H270.635C255.999 948 244.135 959.864 244.135 974.5V983.5C244.135 1003.11 260.029 1019 279.635 1019H335.635C344.747 1019 352.135 1026.39 352.135 1035.5V1035.5C352.135 1044.61 344.747 1052 335.635 1052H59.1348C33.1774 1052 12.1348 1073.04 12.1348 1099V1099C12.1348 1124.96 33.1774 1146 59.1348 1146H229.135C246.808 1146 261.135 1160.33 261.135 1178V1178C261.135 1195.67 246.808 1210 229.135 1210H194.635C167.297 1210 145.135 1232.16 145.135 1259.5V1269.5C145.135 1291.32 162.82 1309 184.635 1309H208.635C217.195 1309 224.135 1315.94 224.135 1324.5V1324.5C224.135 1333.06 217.195 1340 208.635 1340H155.635C134.372 1340 117.135 1357.24 117.135 1378.5V1378.5C117.135 1399.76 134.372 1417 155.635 1417H345.635C359.166 1417 370.135 1427.97 370.135 1441.5V1441.5C370.135 1455.03 359.166 1466 345.635 1466H196.135C174.596 1466 157.135 1483.46 157.135 1505V1505C157.135 1526.54 174.596 1544 196.135 1544H285.135C294.524 1544 302.135 1551.61 302.135 1561V1561C302.135 1570.39 294.524 1578 285.135 1578H112.135C81.2068 1578 56.1348 1603.07 56.1348 1634V1634C56.1348 1664.93 81.2068 1690 112.135 1690H157.635C168.957 1690 178.135 1699.18 178.135 1710.5V1710.5C178.135 1721.82 168.957 1731 157.635 1731H136.635C115.372 1731 98.1348 1748.24 98.1348 1769.5V1769.5C98.1348 1790.76 115.372 1808 136.635 1808H285.635C294.747 1808 302.135 1815.39 302.135 1824.5V1824.5C302.135 1833.61 294.747 1841 285.635 1841H108.635C75.7738 1841 49.1348 1867.64 49.1348 1900.5V1900.5C49.1348 1933.36 75.7738 1960 108.635 1960H254.635C280.868 1960 302.135 1981.27 302.135 2007.5V2007.5C302.135 2033.73 280.868 2055 254.635 2055H210.135C190.805 2055 175.135 2070.67 175.135 2090V2092.5C175.135 2110.45 189.686 2125 207.635 2125H209.135C226.256 2125 240.135 2138.88 240.135 2156V2156C240.135 2173.12 226.256 2187 209.135 2187H136.635C115.372 2187 98.1348 2204.24 98.1348 2225.5V2225.5C98.1348 2246.76 115.372 2264 136.635 2264H250.635C259.747 2264 267.135 2271.39 267.135 2280.5V2280.5C267.135 2289.61 259.747 2297 250.635 2297H185.635C152.774 2297 126.135 2323.64 126.135 2356.5V2359.5C126.135 2390.7 151.431 2416 182.635 2416H222.635C231.747 2416 239.135 2423.39 239.135 2432.5V2432.5C239.135 2441.61 231.747 2449 222.635 2449H73.6348C52.3718 2449 35.1348 2466.24 35.1348 2487.5V2487.5C35.1348 2508.76 52.3718 2526 73.6348 2526H245.635C259.166 2526 270.135 2536.97 270.135 2550.5V2550.5C270.135 2564.03 259.166 2575 245.635 2575H112.135C81.2068 2575 56.1348 2600.07 56.1348 2631V2631C56.1348 2661.93 81.2068 2687 112.135 2687H186.135C201.046 2687 213.135 2699.09 213.135 2714V2714C213.135 2728.91 201.046 2741 186.135 2741H154.635C125.64 2741 102.135 2764.51 102.135 2793.5V2793.5C102.135 2822.49 125.64 2846 154.635 2846H225.135C240.599 2846 253.135 2858.54 253.135 2874V2874C253.135 2889.46 240.599 2902 225.135 2902H153.635C132.372 2902 115.135 2919.24 115.135 2940.5V2940.5C115.135 2961.76 132.372 2979 153.635 2979H348.635C357.195 2979 364.135 2985.94 364.135 2994.5V2994.5C364.135 3003.06 357.195 3010 348.635 3010H199.635C178.372 3010 161.135 3027.24 161.135 3048.5V3048.5C161.135 3069.76 178.372 3087 199.635 3087H326.635C335.747 3087 343.135 3094.39 343.135 3103.5V3103.5C343.135 3112.61 335.747 3120 326.635 3120H165.135C139.177 3120 118.135 3141.04 118.135 3167V3177C118.135 3197.43 134.7 3214 155.135 3214H175.635C184.747 3214 192.135 3221.39 192.135 3230.5V3230.5C192.135 3239.61 184.747 3247 175.635 3247H70.1348C31.4748 3247 0.134766 3278.34 0.134766 3317V3380C0.134766 3418.66 31.4748 3450 70.1348 3450H461.135C499.795 3450 531.135 3418.66 531.135 3380V3317C531.135 3278.34 499.795 3247 461.135 3247H328.635C319.522 3247 312.135 3239.61 312.135 3230.5V3230.5C312.135 3221.39 319.522 3214 328.635 3214H524.135C550.092 3214 571.135 3192.96 571.135 3167V3167C571.135 3141.04 550.092 3120 524.135 3120H449.635C440.522 3120 433.135 3112.61 433.135 3103.5V3103.5C433.135 3094.39 440.522 3087 449.635 3087H480.635C501.898 3087 519.135 3069.76 519.135 3048.5V3048.5C519.135 3027.24 501.898 3010 480.635 3010H440.635C432.074 3010 425.135 3003.06 425.135 2994.5V2994.5C425.135 2985.94 432.074 2979 440.635 2979H475.635C496.898 2979 514.135 2961.76 514.135 2940.5V2940.5C514.135 2919.24 496.898 2902 475.635 2902H355.135C339.671 2902 327.135 2889.46 327.135 2874V2874C327.135 2858.54 339.671 2846 355.135 2846H368.635C391.555 2846 410.135 2827.42 410.135 2804.5V2782.5C410.135 2759.58 391.555 2741 368.635 2741H354.135C339.223 2741 327.135 2728.91 327.135 2714V2714C327.135 2699.09 339.223 2687 354.135 2687H506.135C537.063 2687 562.135 2661.93 562.135 2631V2631C562.135 2600.07 537.063 2575 506.135 2575H356.635C343.104 2575 332.135 2564.03 332.135 2550.5V2550.5C332.135 2536.97 343.104 2526 356.635 2526H362.635C379.479 2526 393.135 2512.34 393.135 2495.5V2486C393.135 2465.57 376.569 2449 356.135 2449H335.635C326.522 2449 319.135 2441.61 319.135 2432.5V2432.5C319.135 2423.39 326.522 2416 335.635 2416H471.635C504.496 2416 531.135 2389.36 531.135 2356.5V2356.5C531.135 2323.64 504.496 2297 471.635 2297H349.635C340.522 2297 333.135 2289.61 333.135 2280.5V2280.5C333.135 2271.39 340.522 2264 349.635 2264H401.635C422.898 2264 440.135 2246.76 440.135 2225.5V2225.5C440.135 2204.24 422.898 2187 401.635 2187H387.135C370.014 2187 356.135 2173.12 356.135 2156V2156C356.135 2138.88 370.014 2125 387.135 2125H527.135C546.465 2125 562.135 2109.33 562.135 2090V2090C562.135 2070.67 546.465 2055 527.135 2055H505.635C479.401 2055 458.135 2033.73 458.135 2007.5V1996.5C458.135 1976.34 474.476 1960 494.635 1960V1960C514.793 1960 531.135 1943.66 531.135 1923.5V1900.5C531.135 1867.64 504.496 1841 471.635 1841H384.635C375.522 1841 368.135 1833.61 368.135 1824.5V1824.5C368.135 1815.39 375.522 1808 384.635 1808H488.635C509.898 1808 527.135 1790.76 527.135 1769.5V1769.5C527.135 1748.24 509.898 1731 488.635 1731H314.635C303.313 1731 294.135 1721.82 294.135 1710.5V1710.5C294.135 1699.18 303.313 1690 314.635 1690H506.135C537.063 1690 562.135 1664.93 562.135 1634V1630C562.135 1601.28 538.854 1578 510.135 1578H475.135C465.746 1578 458.135 1570.39 458.135 1561V1561C458.135 1551.61 465.746 1544 475.135 1544H492.635C511.689 1544 527.135 1528.55 527.135 1509.5V1505C527.135 1483.46 509.674 1466 488.135 1466H456.635C443.104 1466 432.135 1455.03 432.135 1441.5V1441.5C432.135 1427.97 443.104 1417 456.635 1417H460.635C476.375 1417 489.135 1404.24 489.135 1388.5V1378.5C489.135 1357.24 471.898 1340 450.635 1340H367.635C359.074 1340 352.135 1333.06 352.135 1324.5V1324.5C352.135 1315.94 359.074 1309 367.635 1309H538.635C565.973 1309 588.135 1286.84 588.135 1259.5V1259.5C588.135 1232.16 565.973 1210 538.635 1210H490.135C472.462 1210 458.135 1195.67 458.135 1178V1178C458.135 1160.33 472.462 1146 490.135 1146H518.135C544.092 1146 565.135 1124.96 565.135 1099V1099C565.135 1073.04 544.092 1052 518.135 1052H459.635C450.522 1052 443.135 1044.61 443.135 1035.5V1035.5C443.135 1026.39 450.522 1019 459.635 1019H466.635C479.613 1019 490.135 1008.48 490.135 995.5V983.5C490.135 963.894 474.241 948 454.635 948H405.135C395.194 948 387.135 939.941 387.135 930V930C387.135 920.059 395.194 912 405.135 912H434.635C455.898 912 473.135 894.763 473.135 873.5V873.5C473.135 852.237 455.898 835 434.635 835H394.635C386.074 835 379.135 828.06 379.135 819.5V819.5C379.135 810.94 386.074 804 394.635 804H429.635C450.898 804 468.135 786.763 468.135 765.5V765.5C468.135 744.237 450.898 727 429.635 727H413.135C397.671 727 385.135 714.464 385.135 699V699C385.135 683.536 397.671 671 413.135 671H442.635C471.63 671 495.135 647.495 495.135 618.5V603C495.135 582.565 478.569 566 458.135 566H438.635C428.97 566 421.135 558.165 421.135 548.5V548.5C421.135 538.835 428.97 531 438.635 531H480.635C501.898 531 519.135 513.763 519.135 492.5V492.5C519.135 471.237 501.898 454 480.635 454H319.635C313.283 454 308.135 448.851 308.135 442.5V442.5C308.135 436.149 313.283 431 319.635 431H404.135C425.674 431 443.135 413.539 443.135 392V392C443.135 370.461 425.674 353 404.135 353H317.135C304.432 353 294.135 342.703 294.135 330V330C294.135 317.297 304.432 307 317.135 307H514.135C540.644 307 562.135 285.51 562.135 259V259C562.135 232.49 540.644 211 514.135 211H475.635C465.97 211 458.135 203.165 458.135 193.5V193.5C458.135 183.835 465.97 176 475.635 176H492.635C511.689 176 527.135 160.554 527.135 141.5V137.5C527.135 116.237 509.898 99 488.635 99H296.635C286.417 99 278.135 90.7173 278.135 80.5V80.5C278.135 70.2827 286.417 62 296.635 62H547.135C564.256 62 578.135 48.1208 578.135 31C578.135 13.8792 564.256 0 547.135 0H174.135Z");
        height: 3450px;
        margin: 0;
        width: 588px
    }
}

.map-road__bg {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    right: -68px;
    top: -46px;
    width: 688px
}

@media(min-width:768px) {
    .map-road__bg {
        right: -99px;
        width: 760px
    }
}

.map-road__info {
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 80px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    left: 17px;
    max-width: calc(100% - 40px);
    padding: 12px 24px 16px;
    position: absolute;
    top: 13px
}

@media(min-width:768px) {
    .map-road__info {
        font-size: 14px;
        left: 169px;
        max-width: 392px;
        padding: 12px 32px 16px;
        top: 21px
    }
}

.map-road__info p {
    margin: 0
}

.map-road__img {
    filter: blur(5px);
    position: absolute;
    z-index: 1
}

.map-road__img--show {
    filter: unset
}

.map-road__img--planet01:before,
.map-road__img--planet02:before,
.map-road__img--planet03:before,
.map-road__img--planet04:before,
.map-road__img--planet05:before {
    border-radius: 50%;
    content: "";
    display: block;
    filter: blur(60px);
    height: 105%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
    z-index: -1
}

.map-road__img--planet01 {
    left: 42px;
    top: 152px
}

@media(min-width:768px) {
    .map-road__img--planet01 {
        left: 132px;
        top: 202px
    }
}

.map-road__img--planet01:before {
    background: rgba(255, 200, 92, .6)
}

.map-road__img--planet01 .image {
    width: 103px
}

@media(min-width:768px) {
    .map-road__img--planet01 .image {
        width: 120px
    }
}

.map-road__img--planet02 {
    right: -14px;
    top: 398px
}

@media(min-width:768px) {
    .map-road__img--planet02 {
        right: 46px;
        top: 569px
    }
}

.map-road__img--planet02:before {
    background: #a15258;
    filter: blur(30px)
}

.map-road__img--planet02 .image {
    width: 142px
}

@media(min-width:768px) {
    .map-road__img--planet02 .image {
        width: 200px
    }
}

.map-road__img--planet03 {
    left: -66px;
    top: 761px
}

@media(min-width:768px) {
    .map-road__img--planet03 {
        left: 15px;
        top: 1122px
    }
}

.map-road__img--planet03:before {
    background: linear-gradient(224.11deg, #f03479 4.25%, #1f89f9 89.01%)
}

.map-road__img--planet03 .image {
    width: 178px
}

@media(min-width:768px) {
    .map-road__img--planet03 .image {
        width: 245px
    }
}

.map-road__img--planet04 {
    right: -24px;
    top: 1250px
}

@media(min-width:768px) {
    .map-road__img--planet04 {
        right: 41px;
        top: 1844px
    }
}

.map-road__img--planet04:before {
    background: linear-gradient(224.11deg, #cf65d9 4.25%, #7dddf8 89.01%);
    filter: blur(50px);
    opacity: .7
}

.map-road__img--planet04 .image {
    width: 182px
}

@media(min-width:768px) {
    .map-road__img--planet04 .image {
        width: 212px
    }
}

.map-road__img--planet05 {
    left: -34px;
    top: 1755px
}

@media(min-width:768px) {
    .map-road__img--planet05 {
        left: -29px;
        top: 2547px
    }
}

.map-road__img--planet05:before {
    background: linear-gradient(224.11deg, #f03479 4.25%, #1f89f9 89.01%);
    filter: blur(80px);
    opacity: .9
}

.map-road__img--planet05 .image {
    width: 138px
}

@media(min-width:768px) {
    .map-road__img--planet05 .image {
        width: 168px
    }
}

.map-road__img--rocket {
    right: 42px;
    top: 2343px
}

@media(min-width:768px) {
    .map-road__img--rocket {
        right: -5px;
        top: 3271px
    }
}

.map-road__img--rocket .image {
    width: 260px
}

@media(min-width:768px) {
    .map-road__img--rocket .image {
        width: 346px
    }
}

.map-road-level {
    position: absolute
}

.map-road-level--lvl01 {
    left: 32px;
    top: 94px
}

@media(min-width:768px) {
    .map-road-level--lvl01 {
        left: 89px;
        top: 100px
    }
}

.map-road-level--lvl02 {
    right: 11px;
    top: 166px
}

@media(min-width:768px) {
    .map-road-level--lvl02 {
        right: 17px;
        top: 217px
    }
}

.map-road-level--lvl03 {
    left: 39px;
    top: 256px
}

@media(min-width:768px) {
    .map-road-level--lvl03 {
        left: 114px;
        top: 354px
    }
}

.map-road-level--lvl04 {
    right: 42px;
    top: 334px
}

@media(min-width:768px) {
    .map-road-level--lvl04 {
        right: 62px;
        top: 454px
    }
}

.map-road-level--lvl05 {
    left: 9px;
    top: 421px
}

@media(min-width:768px) {
    .map-road-level--lvl05 {
        left: 41px;
        top: 583px
    }
}

.map-road-level--lvl06 {
    right: 44px;
    top: 514px
}

@media(min-width:768px) {
    .map-road-level--lvl06 {
        right: 108px;
        top: 729px
    }
}

.map-road-level--lvl07 {
    left: 39px;
    top: 590px
}

@media(min-width:768px) {
    .map-road-level--lvl07 {
        left: 100px;
        top: 836px
    }
}

.map-road-level--lvl08 {
    right: 15px;
    top: 662px
}

@media(min-width:768px) {
    .map-road-level--lvl08 {
        right: 86px;
        top: 946px
    }
}

.map-road-level--lvl09 {
    left: 20px;
    top: 725px
}

@media(min-width:768px) {
    .map-road-level--lvl09 {
        left: 0;
        top: 1063px
    }
}

.map-road-level--lvl10 {
    right: 6px;
    top: 827px
}

@media(min-width:768px) {
    .map-road-level--lvl10 {
        right: 3px;
        top: 1221px
    }
}

.map-road-level--lvl11 {
    left: 25px;
    top: 910px
}

@media(min-width:768px) {
    .map-road-level--lvl11 {
        left: 96px;
        top: 1340px
    }
}

.map-road-level--lvl12 {
    right: 25px;
    top: 991px
}

@media(min-width:768px) {
    .map-road-level--lvl12 {
        right: 42px;
        top: 1469px
    }
}

.map-road-level--lvl13 {
    left: 14px;
    top: 1077px
}

@media(min-width:768px) {
    .map-road-level--lvl13 {
        left: 43px;
        top: 1598px
    }
}

.map-road-level--lvl14 {
    right: 9px;
    top: 1163px
}

@media(min-width:768px) {
    .map-road-level--lvl14 {
        right: 43px;
        top: 1733px
    }
}

.map-road-level--lvl15 {
    left: 7px;
    top: 1274px
}

@media(min-width:768px) {
    .map-road-level--lvl15 {
        left: 43px;
        top: 1865px
    }
}

.map-road-level--lvl16 {
    right: 7px;
    top: 1411px
}

@media(min-width:768px) {
    .map-road-level--lvl16 {
        right: 14px;
        top: 2052px
    }
}

.map-road-level--lvl17 {
    left: 17px;
    top: 1495px
}

@media(min-width:768px) {
    .map-road-level--lvl17 {
        left: 83px;
        top: 2191px
    }
}

.map-road-level--lvl18 {
    right: 36px;
    top: 1581px
}

@media(min-width:768px) {
    .map-road-level--lvl18 {
        right: 30px;
        top: 2319px
    }
}

.map-road-level--lvl19 {
    left: 39px;
    top: 1679px
}

@media(min-width:768px) {
    .map-road-level--lvl19 {
        left: 18px;
        top: 2453px
    }
}

.map-road-level--lvl20 {
    right: 14px;
    top: 1777px
}

@media(min-width:768px) {
    .map-road-level--lvl20 {
        right: 14px;
        top: 2596px
    }
}

.map-road-level--lvl21 {
    left: 20px;
    top: 1894px
}

@media(min-width:768px) {
    .map-road-level--lvl21 {
        left: 72px;
        top: 2761px
    }
}

.map-road-level--lvl22 {
    right: 11px;
    top: 1982px
}

@media(min-width:768px) {
    .map-road-level--lvl22 {
        right: 57px;
        top: 2906px
    }
}

.map-road-level--lvl23 {
    left: 62px;
    top: 2081px
}

@media(min-width:768px) {
    .map-road-level--lvl23 {
        left: 138px;
        top: 3014px
    }
}

.map-road-level--lvl24 {
    right: 9px;
    top: 2170px
}

@media(min-width:768px) {
    .map-road-level--lvl24 {
        right: 11px;
        top: 3131px
    }
}

.map-road-level--lvl25 {
    left: 38px;
    top: 2300px
}

@media(min-width:768px) {
    .map-road-level--lvl25 {
        left: -51px;
        top: 3277px
    }
}

.map-road__list {
    inset: 0;
    position: absolute
}

.lvl-card {
    display: flex
}

.lvl-card__content {
    max-width: calc(100% - 10px);
    padding: 10px 10px 16px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media(min-width:768px) {
    .lvl-card__content {
        padding: 15px 15px 20px;
        width: 312px
    }
}

.lvl-card--isOpen .lvl-card__content {
    z-index: 2
}

.map-road-level:nth-of-type(2n) .lvl-card__content {
    text-align: right
}

.lvl-card--isOpen .lvl-card__content:before {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(0, 0, 0, .4);
    border-radius: 20px;
    content: "";
    display: block;
    inset: 0;
    position: absolute;
    z-index: 1
}

.lvl-card__info {
    align-items: center;
    display: flex;
    filter: blur(2px);
    gap: 10px;
    opacity: .7;
    position: relative;
    z-index: 1
}

.lvl-card--isOpen .lvl-card__info,
.map-road-level--showIndex .lvl-card__info {
    filter: unset;
    opacity: 1
}

.map-road-level:nth-of-type(2n) .lvl-card__info {
    flex-direction: row-reverse
}

.lvl-card__prize {
    color: hsla(0, 0%, 100%, .7);
    font-size: 14px;
    font-weight: 600
}

.lvl-card--isOpen .lvl-card__prize {
    color: #fff
}

@media(min-width:768px) {
    .lvl-card__prize {
        font-size: 20px
    }
}

.lvl-card__desc {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    opacity: 0;
    padding-left: 50px;
    position: relative
}

@media(min-width:768px) {
    .lvl-card__desc {
        font-size: 16px
    }
}

.lvl-card--isOpen .lvl-card__desc {
    opacity: 1;
    z-index: 2
}

.map-road-level:nth-of-type(2n) .lvl-card__desc {
    padding-left: 0;
    padding-right: 50px
}

.lvl-card__point {
    position: relative
}

.lvl-card__point-main {
    cursor: pointer;
    font-size: 40px
}

.lvl-card__point-active {
    left: 7px;
    max-width: 26px;
    position: absolute;
    top: -22px
}

@media(min-width:768px) {
    .lvl-card__point-active {
        left: 5px;
        max-width: 30px;
        top: -29px
    }
}

.map-road-level:nth-of-type(2n) .lvl-card__point-active {
    left: unset;
    right: 8px;
    top: -22px
}

@media(min-width:768px) {
    .map-road-level:nth-of-type(2n) .lvl-card__point-active {
        right: 6px;
        top: -29px
    }
}

.lvl-card--isOpen .lvl-card__point-active {
    display: none
}

.lvl-card__number {
    margin-top: 11px;
    max-height: 45px;
    opacity: .4
}

@media(min-width:768px) {
    .lvl-card__number {
        max-height: 55px
    }
}

.map-road-level--showIndex .lvl-card__number {
    opacity: 1
}

.map-road-level:nth-of-type(2n) .lvl-card__number {
    order: 2
}

@media(min-width:768px) {
    .map-road-level:nth-of-type(20) .lvl-card__number {
        margin-top: -14px;
        max-height: 77px
    }
}

.map-road-level:nth-of-type(25) .lvl-card__number {
    margin-top: -7px;
    max-height: 76px
}

@media(min-width:768px) {
    .map-road-level:nth-of-type(25) .lvl-card__number {
        margin-top: -14px;
        max-height: 94px
    }
}

.vip-page-head {
    align-self: center;
    background: url("") no-repeat top/100% 92%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 40px;
    width: 100%
}

@media(min-width:768px) {
    .vip-page-head {
        background: url("") no-repeat calc(100% + 205px) 0/632px 590px, url("") no-repeat top/cover;
        padding-bottom: 67px
    }
}

@media(min-width:960px) {
    .vip-page-head {
        background: url("") no-repeat calc(100% + 190px) 0/632px 590px, url("") no-repeat top/cover;
        padding-bottom: 60px
    }
}

@media(min-width:1248px) {
    .vip-page-head {
        background: url("") no-repeat calc(100% - 25px) 0/632px 590px, url("") no-repeat top/cover
    }
}

@media(min-width:1632px) {
    .vip-page-head {
        background: url("") no-repeat calc(100% - 125px) 0/632px 590px, url("") no-repeat top/cover
    }
}

.vip-page-head__top {
    align-self: center;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 360px;
    padding: 41px 25px 31px
}

@media(min-width:768px) {
    .vip-page-head__top {
        align-self: flex-start;
        padding: 80px 65px 77px
    }
}

@media(min-width:960px) {
    .vip-page-head__top {
        max-width: 556px;
        padding: 120px 60px 92px
    }
}

@media(min-width:1632px) {
    .vip-page-head__top {
        padding: 120px 104px 92px
    }
}

.vip-page-head__top .head {
    color: #e4e4e4;
    font-size: 28px;
    line-height: 39px;
    margin-bottom: 8px;
    text-align: center
}

.vip-page-head__top .title {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 18px;
    text-align: center
}

.vip-page-head__top .title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #e3f41c, #fba643);
    -webkit-background-clip: text;
    color: #e3f41c
}

.vip-page-head__top .text {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
    opacity: .7;
    text-align: center
}

.vip-page-head__top .text .large {
    display: block;
    font-size: 22px;
    line-height: 31px;
    margin-bottom: 8px
}

.vip-page-head__top .link-btn {
    margin-left: auto;
    margin-right: auto;
    min-width: 210px;
    width: -moz-max-content;
    width: max-content
}

.vip-page-head__user-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 8px;
    width: 100%
}

@media(min-width:768px) {
    .vip-page-head__user-info {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 27px
    }
}

@media(min-width:960px) {
    .vip-page-head__user-info {
        padding: 0 55px
    }
}

.vip-page-head .vip-page-head__user-info-block {
    background: linear-gradient(180deg, #532976, rgba(155, 49, 120, 0));
    border-radius: 6px;
    filter: drop-shadow(0 5px 4px rgba(0, 0, 0, .15));
    margin-bottom: 10px;
    margin-top: 0;
    width: 100%
}

@media(min-width:768px) {
    .vip-page-head .vip-page-head__user-info-block {
        margin-bottom: 15px
    }
}

@media(min-width:960px) {
    .vip-page-head .vip-page-head__user-info-block {
        height: 178px;
        margin-bottom: 0;
        margin-right: 18px;
        width: calc(37.5% - 13.5px)
    }
}

.vip-page-head .vip-page-head__user-info-block .user-info-player__level,
.vip-page-head .vip-page-head__user-info-block .user-info-player__nickname {
    font-size: 16px;
    line-height: 22px
}

.vip-page-head .vip-page-head__user-info-block .user-info-player__info {
    font-size: 15px;
    line-height: 21px
}

.vip-page-head .cashback-block {
    background: linear-gradient(180deg, #143257, rgba(19, 45, 85, 0));
    border-radius: 6px;
    height: auto;
    margin-bottom: 10px;
    margin-top: 0
}

@media(min-width:768px) {
    .vip-page-head .cashback-block {
        height: 178px;
        width: calc(56.6% - 8.49px)
    }
}

@media(min-width:960px) {
    .vip-page-head .cashback-block {
        margin-bottom: 0;
        margin-right: 18px;
        width: calc(37.5% - 13.5px)
    }
}

.vip-page-head .cashback-block__img {
    max-height: 88%;
    width: auto
}

.vip-page-balance {
    align-items: center;
    background: linear-gradient(180deg, #142f52, #1c1d22);
    border-radius: 6px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 24px 10px 26px;
    width: 100%
}

@media(min-width:768px) {
    .vip-page-balance {
        height: 178px;
        width: calc(43.4% - 6.51px)
    }
}

@media(min-width:960px) {
    .vip-page-balance {
        margin-bottom: 0;
        width: calc(25% - 9px)
    }
}

.vip-page-balance__head {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 11px;
    opacity: .7
}

.vip-page-balance__img {
    height: 46px;
    margin-bottom: 13px;
    width: auto
}

.vip-page-balance .balance-select__balance-value {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px
}

.vip-page-balance .balance-select__arrow-icon-wrapper,
.vip-page-balance .balance-select__balance-value {
    color: #fff
}

.wheel {
    background: url("") no-repeat top/768px auto, #151a1f;
    padding-bottom: 62px;
    text-align: center
}

@media(min-width:768px) {
    .wheel {
        background: url("") no-repeat top/1920px auto, #151a1f;
        padding-bottom: 79px
    }
}

.wheel__wrapper {
    margin: auto;
    max-width: 320px;
    padding-top: 45px;
    position: relative
}

@media(min-width:768px) {
    .wheel__wrapper {
        max-width: 568px;
        padding-top: 65px
    }
}

.wheel__img {
    transform: rotate(-52deg);
    width: 100%
}

.wheel__img.round1 {
    animation: round-one 4s cubic-bezier(.13, .55, .24, 1)
}

.wheel__img.round1-stop {
    animation: none;
    transform: rotate(1845deg)
}

.wheel__img.round2 {
    animation: round-two 4s cubic-bezier(.13, .55, .24, 1)
}

.wheel__img.round2-stop {
    animation: none;
    transform: rotate(3465deg)
}

.wheel__pointer {
    max-width: 43px;
    position: absolute;
    right: -9px;
    top: calc(50% - 4px);
    width: 100%
}

@media(min-width:768px) {
    .wheel__pointer {
        max-width: 77px;
        right: -26px;
        top: calc(50% - 13.5px)
    }
}

.wheel__start {
    background: url("") no-repeat 50%/contain;
    border: none;
    height: 70px;
    left: calc(50% - 35px);
    padding: 0;
    position: absolute;
    top: calc(50% - 13.5px);
    width: 70px
}

.wheel__start:hover {
    background: url("") no-repeat 50%/contain;
    cursor: pointer
}

.wheel__start[disabled],
.wheel__start[disabled]:hover {
    background: url("") no-repeat 50%/contain
}

@media(min-width:768px) {
    .wheel__start {
        height: 120px;
        left: calc(50% - 60px);
        top: calc(50% - 32.5px);
        width: 120px
    }
}

.wheel__text {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(91deg, #e3f41c .14%, #fba643 99.95%);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 28px;
    font-weight: 700;
    line-height: 110%;
    margin: 6px auto 12px;
    text-transform: capitalize
}

@media(min-width:768px) {
    .wheel__text {
        font-size: 50px
    }
}

.wheel__text-small {
    -webkit-text-fill-color: #fff;
    background: none;
    margin: 38px auto 0
}

@media(min-width:768px) {
    .wheel__text-small {
        font-size: 42px;
        margin: 50px auto 0
    }
}

.wheel .btn {
    min-width: 298px
}

.layout--wheel .layout__main {
    max-width: none;
    padding-top: 60px
}

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

@keyframes round-one {
    0% {
        transform: rotate(-52deg)
    }
    to {
        transform: rotate(1845deg)
    }
}

@keyframes round-two {
    0% {
        transform: rotate(1845deg)
    }
    to {
        transform: rotate(3465deg)
    }
}

.sportsbook-iframe-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    min-width: 100vw;
    position: relative
}

.sportsbook-iframe-wrapper__content {
    background: #1c1d22;
    border-radius: 6px;
    margin: 20px 0;
    max-width: 900px;
    position: relative;
    width: calc(100% - 20px)
}

.sportsbook-iframe-wrapper--sign-in .sportsbook-iframe-wrapper__content,
.sportsbook-iframe-wrapper--sign-up .sportsbook-iframe-wrapper__content {
    max-width: 700px
}

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

.user-page-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 30px 24px
}

@media(min-width:768px) {
    .user-page-container {
        padding: 40px 48px
    }
}

@media(min-width:1248px) {
    .user-page-container {
        padding: 40px 54px
    }
}

@media(min-width:1632px) {
    .user-page-container {
        padding: 40px 64px
    }
}

@media(min-width:1920px) {
    .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:576px) {
    .page-title {
        font-size: 24px;
        margin: 0 0 10px
    }
}

.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 .btn {
    text-transform: uppercase
}

.reset-password-form__errors {
    margin-bottom: 15px
}

.auth-form {
    align-items: center;
    display: flex;
    flex-direction: column
}

.auth-form__description {
    font-size: 400;
    text-align: center
}

@media(max-width:576px) {
    .auth-form__description {
        margin-bottom: 32px;
        margin-top: 16px
    }
}

.auth-form__description-help,
.auth-form__description-text {
    color: #fff;
    margin: 0
}

.auth-form__description-help--link {
    color: #ec3200
}

.auth-form__description-help--link:hover {
    text-decoration: underline
}

.auth-form__form-element-wrap {
    margin-bottom: 32px;
    margin-top: 65px;
    max-width: 560px;
    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:hover {
    text-decoration: underline
}

.sign-in-page__header {
    align-items: center;
    background: linear-gradient(90.12deg, #f41c43 .14%, #ff3030 99.95%);
    border-radius: 4px;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    padding: 10px;
    text-transform: uppercase;
    width: 100%
}

@media(min-width:768px) {
    .sign-in-page__header {
        font-size: 20px;
        padding: 10px 40px
    }
}

.sign-in-page__body {
    display: block;
    margin: 0;
    padding: 20px 10px;
    width: 100%
}

@media(min-width:768px) {
    .sign-in-page__body {
        padding: 32px 80px
    }
}

.sign-in-page__form-wrapper {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.login-form.login-form {
    align-items: center;
    justify-content: center;
    min-width: 176px
}

.login-form .login-form__form-element,
.login-form__two-factor-errors {
    margin-bottom: 10px
}

.login-form__forgot-password-link-wrapper {
    margin: 8px 0 0;
    text-align: center
}

.login-form__forgot-password-link,
.login-form__link {
    font-size: 14px;
    text-decoration: none;
    text-transform: capitalize
}

.login-form__forgot-password-link:hover,
.login-form__link:hover {
    text-decoration: underline
}

.login-form .login-form__submit-button {
    font-size: 16px;
    margin-top: 12px;
    min-height: 50px;
    min-width: 176px;
    text-transform: uppercase;
    width: 100%
}

.login-form__footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 24px;
    width: 100%
}

.login-form__social {
    width: 100%
}

.errors__error {
    color: #ec3200;
    font-size: 12px
}

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

@media(min-width:768px) {
    .registration-dynamic-form {
        flex-direction: row
    }
}

.registration-dynamic-form__col {
    align-items: flex-start;
    align-self: stretch;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .registration-dynamic-form__col {
        min-height: 450px;
        width: 50%
    }
}

.registration-dynamic-form__col--promo {
    display: none
}

@media(min-width:768px) {
    .registration-dynamic-form__col--promo {
        border-radius: 6px 0 0 6px;
        display: inline-flex
    }
}

.registration-dynamic-form__col--promo .registr-promo-title {
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 12px;
    text-align: center;
    text-transform: uppercase
}

.registration-dynamic-form__col--promo .registr-promo-title .red {
    color: #f41c43
}

.registration-dynamic-form__col--promo .registr-promo-undertitle {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-align: center
}

.registration-dynamic-form__col--promo .registr-promo-undertitle span {
    color: #f41c43
}

.registration-dynamic-form__col--form {
    height: 100%;
    padding: 28px 10px 24px
}

@media(min-width:768px) {
    .registration-dynamic-form__col--form {
        border-radius: 0 6px 6px 0;
        padding: 28px 24px 24px
    }
}

.registration-dynamic-form__header {
    align-items: center;
    border-radius: 4px;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: HeroNew, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    left: -10px;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0 0 10px;
    min-height: 40px;
    padding: 10px 30px;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

@media(min-width:768px) {
    .registration-dynamic-form__header {
        left: auto;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 100%;
        top: 0;
        width: 100%
    }
}

.registration-dynamic-form__step {
    font-size: 14px;
    left: 8px;
    line-height: 18px;
    position: absolute;
    top: calc(50% - 9px)
}

@media(min-width:768px) {
    .registration-dynamic-form__step {
        font-size: 16px;
        left: auto;
        right: 24px
    }
}

.registration-dynamic-form__title {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.registration-dynamic-form__form-wrapper {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    min-height: 100%;
    padding: 0;
    width: 100%
}

.registration-dynamic-form__form {
    flex-grow: 1
}

.registration-dynamic-form__footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-size: 11px;
    line-height: 21px;
    margin: 8px 0 0;
    padding: 0;
    width: 100%
}

.registration-dynamic-form__social {
    width: 100%
}

.registration-dynamic-form__link {
    font-weight: 600;
    text-decoration: none;
    text-transform: capitalize
}

.registration-dynamic-form__link:hover {
    text-decoration: underline
}

.registration-dynamic-form__form-step {
    display: none;
    margin-bottom: auto;
    width: 100%
}

.registration-dynamic-form__form-step--active {
    display: block
}

.registration-dynamic-form__element+.registration-dynamic-form__element {
    margin-top: 10px
}

.registration-dynamic-form__element--hidden {
    display: none !important
}

.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;
    padding: 26px 0 0
}

.registration-dynamic-form__button-wrapper,
.registration-dynamic-form__buttons {
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    width: 100%
}

.registration-dynamic-form__button-wrapper {
    align-self: stretch;
    display: inline-flex;
    flex-wrap: wrap;
    padding: 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: 6px
}

.registration-dynamic-form .registration-dynamic-form__back-button {
    font-size: 16px;
    line-height: 38px;
    min-height: 50px;
    min-width: 128px
}

.registration-dynamic-form .registration-dynamic-form__submit-button {
    font-size: 16px;
    line-height: 38px;
    min-height: 50px;
    width: 100%
}

.registration-dynamic-form.wheel-modal .registration-dynamic-form__title {
    display: none
}

.wheel-modal__header {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto 8px
}

.wheel-modal__subheader {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(91deg, #e3f41c .14%, #fba643 99.95%);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 30px;
    font-weight: 700;
    margin: auto;
    padding-bottom: 24px
}

.registration-dynamic-form__title,
.registration-form-nomodal__title {
    position: relative
}

.registration-dynamic-form__title .reg-title__control,
.registration-form-nomodal__title .reg-title__control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.registration-dynamic-form__title .reg-title__control--next,
.registration-form-nomodal__title .reg-title__control--next {
    right: -5px
}

.registration-dynamic-form__title .reg-title__control--prev,
.registration-form-nomodal__title .reg-title__control--prev {
    left: -5px
}

.registration-dynamic-form__title .reg-title__control .reg-title__button,
.registration-form-nomodal__title .reg-title__control .reg-title__button {
    mso-font-width: 7px;
    background-color: transparent;
    border: none;
    color: #65697d
}

.registration-dynamic-form__title .slick-slider,
.registration-form-nomodal__title .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
}

.registration-dynamic-form__title .slick-slider .slick-list,
.registration-form-nomodal__title .slick-slider .slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.registration-dynamic-form__title .slick-slider .slick-list:focus,
.registration-form-nomodal__title .slick-slider .slick-list:focus {
    outline: none
}

.registration-dynamic-form__title .slick-slider .slick-list.dragging,
.registration-form-nomodal__title .slick-slider .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.registration-dynamic-form__title .slick-slider .slick-list,
.registration-dynamic-form__title .slick-slider .slick-track,
.registration-form-nomodal__title .slick-slider .slick-list,
.registration-form-nomodal__title .slick-slider .slick-track {
    transform: translateZ(0)
}

.registration-dynamic-form__title .slick-slider .slick-track,
.registration-form-nomodal__title .slick-slider .slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.registration-dynamic-form__title .slick-slider .slick-track:after,
.registration-dynamic-form__title .slick-slider .slick-track:before,
.registration-form-nomodal__title .slick-slider .slick-track:after,
.registration-form-nomodal__title .slick-slider .slick-track:before {
    content: "";
    display: table
}

.registration-dynamic-form__title .slick-slider .slick-track:after,
.registration-form-nomodal__title .slick-slider .slick-track:after {
    clear: both
}

.slick-loading .registration-dynamic-form__title .slick-slider .slick-track,
.slick-loading .registration-form-nomodal__title .slick-slider .slick-track {
    visibility: hidden
}

.registration-dynamic-form__title .slick-slider .slick-slide,
.registration-form-nomodal__title .slick-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .registration-dynamic-form__title .slick-slider .slick-slide,
[dir=rtl] .registration-form-nomodal__title .slick-slider .slick-slide {
    float: right
}

.registration-dynamic-form__title .slick-slider .slick-slide img,
.registration-form-nomodal__title .slick-slider .slick-slide img {
    display: block
}

.registration-dynamic-form__title .slick-slider .slick-slide.slick-loading img,
.registration-form-nomodal__title .slick-slider .slick-slide.slick-loading img {
    display: none
}

.registration-dynamic-form__title .slick-slider .slick-slide.dragging img,
.registration-form-nomodal__title .slick-slider .slick-slide.dragging img {
    pointer-events: none
}

.registration-dynamic-form__title .slick-slider.slick-initialized .slick-slide,
.registration-form-nomodal__title .slick-slider.slick-initialized .slick-slide {
    display: block
}

.registration-dynamic-form__title .slick-slider.slick-loading .slick-slide,
.registration-form-nomodal__title .slick-slider.slick-loading .slick-slide {
    visibility: hidden
}

.registration-dynamic-form__title .slick-slider.slick-vertical .slick-slide,
.registration-form-nomodal__title .slick-slider.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.registration-dynamic-form__title .slick-slider .slick-arrow.slick-hidden,
.registration-form-nomodal__title .slick-slider .slick-arrow.slick-hidden {
    display: none
}

.registration-dynamic-form__title .slick-slider .slick-next,
.registration-dynamic-form__title .slick-slider .slick-prev,
.registration-form-nomodal__title .slick-slider .slick-next,
.registration-form-nomodal__title .slick-slider .slick-prev {
    display: block;
    font-size: 20px;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

@media(min-width:768px) {
    .registration-dynamic-form__title .slick-slider .slick-next,
    .registration-dynamic-form__title .slick-slider .slick-prev,
    .registration-form-nomodal__title .slick-slider .slick-next,
    .registration-form-nomodal__title .slick-slider .slick-prev {
        font-size: 40px
    }
}

.registration-dynamic-form__title .slick-slider .slick-prev,
.registration-form-nomodal__title .slick-slider .slick-prev {
    left: 10px
}

.registration-dynamic-form__title .slick-slider .slick-next,
.registration-form-nomodal__title .slick-slider .slick-next {
    right: 10px
}

.registration-dynamic-form__title .slick-slider.slick-dotted,
.registration-form-nomodal__title .slick-slider.slick-dotted {
    margin-bottom: 30px
}

.registration-dynamic-form__title .slick-slider .slick-dots,
.registration-form-nomodal__title .slick-slider .slick-dots {
    bottom: 8px;
    display: block;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

@media(min-width:768px) {
    .registration-dynamic-form__title .slick-slider .slick-dots,
    .registration-form-nomodal__title .slick-slider .slick-dots {
        bottom: 16px
    }
}

.registration-dynamic-form__title .slick-slider .slick-dots li,
.registration-form-nomodal__title .slick-slider .slick-dots li {
    cursor: pointer;
    display: inline-block;
    margin: 2px;
    padding: 0;
    position: relative
}

.registration-dynamic-form__title .slick-slider .slick-dots li button,
.registration-form-nomodal__title .slick-slider .slick-dots li button {
    background: transparent;
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 18px;
    line-height: 0px;
    outline: none;
    padding: 0;
    position: relative;
    width: 18px
}

.registration-dynamic-form__title .slick-slider .slick-dots li button:hover,
.registration-form-nomodal__title .slick-slider .slick-dots li button:hover {
    outline: none
}

.registration-dynamic-form__title .slick-slider .slick-dots li button:hover:before,
.registration-form-nomodal__title .slick-slider .slick-dots li button:hover:before {
    opacity: 1
}

.registration-dynamic-form__title .slick-slider .slick-dots li button:before,
.registration-form-nomodal__title .slick-slider .slick-dots li button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    border-radius: 50%;
    content: "";
    font-size: 6px;
    height: 6px;
    left: 50%;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .3s ease;
    width: 6px
}

.registration-dynamic-form__title .slick-slider .slick-dots li.slick-active button:before,
.registration-form-nomodal__title .slick-slider .slick-dots li.slick-active button:before {
    color: #fff;
    opacity: .75
}

.registration-dynamic-form__title .register-title-nomodal-mobile-footer,
.registration-form-nomodal__title .register-title-nomodal-mobile-footer {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin: 15px auto 17px;
    text-align: center
}

.registration-dynamic-form__title .register-title-nomodal-mobile-title,
.registration-form-nomodal__title .register-title-nomodal-mobile-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

.registration-dynamic-form__title .register-title-nomodal-mobile-title .red,
.registration-form-nomodal__title .register-title-nomodal-mobile-title .red {
    color: #f41c43
}

.reg-steps-length {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
    margin-top: 14px;
    padding-bottom: 14px;
    width: 100%
}

.reg-steps-length__line {
    background: #000;
    border-radius: 6px;
    height: 4px;
    margin-bottom: 6px;
    overflow: hidden;
    width: 100%
}

.reg-steps-length__line-in {
    background: linear-gradient(90.12deg, #f41c43 .14%, #ff3030 99.95%);
    height: 100%
}

.reg-steps-length__text {
    color: hsla(0, 0%, 100%, .3);
    font-size: 10px;
    line-height: 124.2%;
    text-transform: uppercase
}

.captcha-term-and-policy {
    color: #fff;
    font-size: 14px;
    margin: 10px 0
}

.captcha-term-and-policy__link {
    color: #999
}

.landing-bonus-card {
    background: linear-gradient(180deg, rgba(41, 44, 53, 0) 15.5%, rgba(41, 44, 53, .56) 46.5%, #282a36 80%);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 360px;
    max-width: 300px;
    position: relative;
    width: 100%
}

.landing-bonus-card__description {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    justify-content: flex-end;
    letter-spacing: .01em;
    line-height: 140%;
    padding: 24px 24px 0;
    width: 100%
}

.landing-bonus-card__image {
    border-radius: 6px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: -1
}

.landing-bonus-card__title {
    margin-bottom: 7px;
    text-transform: uppercase
}

.landing-bonus-card__percent {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(90.02deg, #e3f41c .14%, #fba643 99.95%);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 120%;
    margin-bottom: 7px
}

.landing-bonus-card__bonus {
    margin-bottom: 6px;
    text-transform: uppercase
}

.landing-bonus-card__promocode {
    background: rgba(28, 29, 34, .7);
    border-radius: 30px;
    color: #c0c4db;
    font-size: 11px;
    font-weight: 500;
    line-height: 140%;
    margin-top: 9px;
    padding: 4px 12px
}

.landing-bonus-card__link-wrapper {
    display: flex;
    gap: 8px;
    padding: 0 24px 24px
}

@media(min-width:960px) {
    .landing-bonus-card__link-wrapper {
        flex-direction: column
    }
}

@media(min-width:1632px) {
    .landing-bonus-card__link-wrapper {
        flex-direction: row
    }
}

.landing-bonus-card__link {
    text-wrap: nowrap;
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 12px;
    justify-content: center;
    letter-spacing: .12px;
    padding: 13px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.landing-bonus-card__link-info {
    border: 1px solid #5d5e69;
    padding: 13px 20px
}

.landing-bonus-card__link-join {
    background: linear-gradient(#f41c43, #ff2f31);
    color: #fff
}

.auth-providers {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.sign-in-page .auth-providers {
    margin-bottom: 24px
}

.auth-providers__title {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 21px;
    margin: 0 0 8px;
    text-align: center
}

.sign-in-page .auth-providers__title {
    font-size: 14px
}

.auth-providers__list {
    width: 100%
}

.auth-providers__item {
    align-items: center;
    border: 2px solid #5d5e69;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
    justify-content: center;
    min-height: 50px;
    padding: 0 30px;
    text-decoration: none;
    transition: background-color .3s ease;
    width: 100%
}

.auth-providers__item,
.auth-providers__item:active,
.auth-providers__item:focus,
.auth-providers__item:hover {
    background-color: transparent
}

@media(min-width:1248px) {
    .auth-providers__item:active,
    .auth-providers__item:focus,
    .auth-providers__item:hover {
        background-color: #2b2d39
    }
}

.auth-providers__icon {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: center;
    padding: 0
}

.auth-providers__icon--google {
    width: 16px
}

.auth-providers__name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .16px;
    line-height: 1;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    text-transform: uppercase
}

.telegram-signin-modal .modal__content {
    background-color: transparent
}

.container {
    display: block;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%
}

@media(min-width:768px) {
    .container {
        padding: 0 25px
    }
}

.container--cms {
    max-width: 1200px
}

.container--full {
    max-width: 100%
}

.container--no-padding {
    padding: 0
}

@media(min-width:960px) {
    .container--no-padding {
        padding: 0
    }
}

@media(min-width:1632px) {
    .container--no-padding {
        padding: 0
    }
}

.winners-with-type-choice {
    padding: 0 4px
}

@media(min-width:1248px) {
    .winners-with-type-choice {
        padding: 0
    }
}

.winners-with-type-choice__container {
    margin: 0 auto;
    text-align: center
}

.winners-with-type-choice__buttons {
    display: flex;
    justify-content: flex-start
}

.winners-with-type-choice__button {
    color: #fff;
    position: relative
}

@media(min-width:768px) {
    .winners-with-type-choice__button {
        font-size: 18px
    }
}

.winners-with-type-choice__button:first-child {
    margin-right: 20px
}

.winners-with-type-choice__button:active,
.winners-with-type-choice__button:focus,
.winners-with-type-choice__button:hover {
    background: none;
    color: #fff
}

.winners-with-type-choice__button--active.text-btn:after {
    background-color: #ff3030;
    bottom: -9px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.winners {
    scrollbar-color: #93959a
}

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

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

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

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

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

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

.winners {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: auto;
    margin: 40px auto 0;
    overflow-y: auto;
    width: auto
}

@media(min-width:768px) {
    .winners {
        height: 120px;
        overflow-y: hidden;
        padding-bottom: 8px
    }
}

.winners__info {
    padding: 0 12px;
    position: relative;
    text-align: left;
    white-space: nowrap
}

.winners__wrap {
    align-items: center;
    background-color: #282c35;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 8px;
    width: 100%
}

.winners__game,
.winners__sum,
.winners__username {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis
}

.winners__username {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 2px
}

.winners__sum {
    align-self: center;
    color: #ff730e;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    padding: 5px 5px 4px;
    position: relative;
    width: 100%
}

.winners__game {
    color: #fff;
    font-size: 12px;
    line-height: 17px
}

.winners__item {
    background: #1f242a;
    border-radius: 6px;
    margin-right: 11px;
    min-width: 210px;
    overflow: hidden;
    position: relative
}

.winners__link {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding: 0;
    position: relative;
    text-decoration: none
}

.winners__img {
    border-radius: 6px;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 50px
}

.winners__img img {
    max-width: 100%
}

.winners__item--skeleton .winners__info {
    margin-left: 6px;
    min-height: 36px;
    padding: 0;
    width: 100%
}

.winners__item--skeleton .winners__sum {
    margin: 5px 0 4px;
    min-height: 20px;
    padding: 0;
    width: 100%
}

.cms-page {
    background-color: #1c1d22;
    color: #fff;
    padding-bottom: 60px;
    padding-top: 30px;
    position: relative
}

@media(min-width:768px) {
    .cms-page {
        padding-top: 35px
    }
}

@media(min-width:1248px) {
    .cms-page {
        padding-bottom: 80px;
        padding-left: 0;
        padding-top: 50px
    }
}

@media(min-width:1632px) {
    .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: 10px;
    padding: 0;
    position: relative
}

.cms-page__head-wrap {
    position: relative;
    width: 100%;
    z-index: 3
}

.cms-page__title {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin: 0;
    padding: 0
}

@media(min-width:768px) {
    .cms-page__title {
        font-size: 34px
    }
}

@media(min-width:960px) {
    .cms-page__title {
        font-size: 40px
    }
}

.cms-page--support .cms-page__title {
    text-align: center
}

.cms-page__date {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .12px;
    margin-top: 40px
}

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

.cms-page .btn.btn--primary {
    display: flex;
    margin: 20px 0
}

.read-more-block__content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .5s ease-out
}

.read-more-block__content--open {
    max-height: 100%;
    opacity: 1;
    transition: all .2s ease-in
}

.read-more-block__button {
    background: #29313e;
    border: none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 15px;
    margin: 0 auto;
    max-width: 180px;
    padding: 12px 15px;
    text-align: center;
    text-transform: capitalize
}

.read-more-block__button:hover {
    background: #4f5d75
}

.custom-calendar__active-item-content {
    scrollbar-color: #93959a
}

.custom-calendar__active-item-content::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.custom-calendar__active-item-content::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.custom-calendar__active-item-content::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.custom-calendar__active-item-content::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .custom-calendar__active-item-content {
        scrollbar-width: thin
    }
}

.custom-calendar__active-item-content:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.custom-calendar__active-item {
    background: linear-gradient(35deg, rgba(40, 30, 118, .5) -4.78%, rgba(40, 30, 118, 0) 94.62%), #282a36;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    margin-bottom: 12px;
    padding: 16px;
    width: 100%
}

@media(min-width:768px) {
    .custom-calendar__active-item {
        height: -moz-fit-content;
        height: fit-content;
        max-width: 260px;
        padding: 20px
    }
}

@media(min-width:960px) {
    .custom-calendar__active-item {
        max-width: 280px
    }
}

.custom-calendar__active-item-prize {
    gap: 12px;
    height: 100%;
    width: 100%
}

.custom-calendar__active-item-prize-line {
    align-items: flex-start;
    background: linear-gradient(93deg, #2d228b 2.53%, #242058 112.17%);
    border-radius: 6px;
    display: flex;
    gap: 3px;
    justify-content: flex-start;
    margin: 16px 0 25px;
    padding: 2px 8px 5px;
    width: 100%
}

.custom-calendar__active-item-prize-img {
    height: 58px;
    width: 58px
}

.custom-calendar__active-item-prize-text {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: flex-start;
    text-align: left
}

.custom-calendar__active-item-prize-text .mess {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%
}

.custom-calendar__active-item-prize-text .prize {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .18px;
    line-height: 130%;
    text-align: start
}

.custom-calendar__active-item-title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    position: relative;
    text-align: start
}

.custom-calendar__active-item-post-title {
    background: linear-gradient(93deg, #2d228b 2.53%, #242058 112.17%);
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    padding: 8px 12px;
    text-align: start
}

.custom-calendar__active-item-content {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
    margin-top: 9px;
    max-height: 300px;
    overflow: auto;
    padding-right: 5px;
    text-align: start
}

.body--ar .custom-calendar__active-item-content {
    padding: 0 0 0 5px
}

.custom-calendar__active-item-content>p {
    margin: 8px 0
}

.custom-calendar__active-item-content>p:first-child {
    margin: 0
}

.custom-calendar__active-item-button {
    font-size: 16px;
    letter-spacing: .16px;
    margin-top: 18px;
    min-width: 100%;
    text-transform: capitalize
}

@media(min-width:768px) {
    .custom-calendar__active-item-button {
        margin-top: 11px
    }
}

.custom-calendar__active-item-prize-line .custom-calendar__active-item-button {
    width: 100%
}

@media(min-width:768px) {
    .custom-calendar__active-item-prize-line .custom-calendar__active-item-button {
        margin-top: 12px;
        min-width: 131px;
        width: auto
    }
}

.custom-calendar-item {
    background: linear-gradient(0deg, #282a36, #282a36), linear-gradient(180deg, rgba(62, 65, 81, 0), #3e4151);
    border-radius: 6px;
    height: 140px;
    padding: 11px;
    position: relative;
    width: calc(33.33333% - 8px)
}

@media(min-width:768px) {
    .custom-calendar-item {
        height: 180px;
        padding: 11px 20px
    }
}

@media(min-width:960px) {
    .custom-calendar-item {
        width: calc(25% - 9px)
    }
}

@media(min-width:1632px) {
    .custom-calendar-item {
        width: calc(20% - 9.6px)
    }
}

.custom-calendar-item--cant-be-add .custom-calendar-item-image,
.custom-calendar-item--missed .custom-calendar-item-image {
    filter: grayscale(1);
    opacity: .5
}

.custom-calendar-item--added,
.custom-calendar-item--can-be-add {
    background: linear-gradient(180deg, rgba(26, 25, 78, .5), rgba(38, 15, 193, .5)), #282a36
}

.custom-calendar-item--can-be-add:after {
    background: linear-gradient(180deg, #eef9f0, #22f4f5);
    border-radius: 6px;
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    top: -2px;
    width: calc(100% + 4px);
    z-index: -1
}

.custom-calendar-item-image {
    bottom: 0;
    height: auto;
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    transform: translateX(-50%);
    width: 120px
}

@media(min-width:768px) {
    .custom-calendar-item-image {
        width: 161px
    }
}

@media(min-width:1632px) {
    .custom-calendar-item-image {
        width: 171px
    }
}

.custom-calendar-item .custom-calendar-item-button {
    bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    height: 38px;
    left: 10px;
    letter-spacing: .01em;
    line-height: 12px;
    min-height: 38px;
    min-width: calc(100% - 20px);
    padding: 5px;
    position: absolute;
    text-align: center;
    width: calc(100% - 20px)
}

.custom-calendar-item .custom-calendar-item-title {
    color: hsla(0, 0%, 100%, .4);
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    text-align: end
}

.custom-calendar-item--can-be-add .custom-calendar-item-title {
    color: #fff
}

.lottery-prize {
    margin-top: 31px;
    padding: 0;
    text-align: center
}

.lottery-prize__title {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase
}

@media(min-width:768px) {
    .lottery-prize__title {
        font-size: 28px
    }
}

.lottery-prize__table {
    margin: 17px auto 0;
    max-width: 500px
}

.lottery-prize__table-header {
    display: flex;
    gap: 1px;
    justify-content: space-between;
    margin-bottom: 1px
}

.lottery-prize__table-header .title {
    align-items: center;
    border-radius: 6px 6px 0 0;
    color: #fff;
    display: flex;
    flex: 1;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .12px;
    padding: 17px 24px 15px;
    text-transform: uppercase;
    width: 100%
}

.lottery-prize__table-header .left-column {
    background: linear-gradient(0deg, rgba(244, 28, 67, .8), rgba(244, 28, 67, .8)), #282a37
}

.lottery-prize__table-header .right-column {
    background: linear-gradient(0deg, #302179, #302179), #282a37
}

.lottery-prize__table-body {
    display: flex;
    flex-direction: column;
    gap: 1px
}

.lottery-prize__table-body .row {
    display: flex;
    gap: 1px;
    justify-content: space-between
}

.lottery-prize__table-body .row__item {
    color: #fff;
    display: inline-flex;
    justify-content: center;
    padding: 12px 24px;
    width: 100%
}

.lottery-prize__table-body .row__item.left-column {
    background: linear-gradient(182deg, rgba(145, 35, 67, .15) .6%, rgba(145, 35, 67, .5) 22.47%), #1c1d23;
    font-size: 18px;
    font-weight: 700;
    gap: 10px;
    letter-spacing: .18px;
    line-height: 22px
}

.lottery-prize__table-body .row__item.right-column {
    background: linear-gradient(182deg, rgba(48, 33, 121, .24) .6%, rgba(57, 40, 143, .6) 98.26%), #1c1d23;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .16px;
    line-height: 22px
}

.lottery-last-stage__table-body {
    scrollbar-color: #93959a
}

.lottery-last-stage__table-body::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.lottery-last-stage__table-body::-webkit-scrollbar-track {
    background: #282c35;
    border-radius: 2px
}

.lottery-last-stage__table-body::-webkit-scrollbar-thumb {
    background: #93959a;
    border-radius: 2px;
    margin: 0
}

.lottery-last-stage__table-body::-webkit-scrollbar-thumb:hover {
    background: #93959a
}

@-moz-document url-prefix() {
    .lottery-last-stage__table-body {
        scrollbar-width: thin
    }
}

.lottery-last-stage__table-body:hover::-webkit-scrollbar-thumb {
    background: hsla(223, 3%, 59%, .8)
}

.lottery-last-stage {
    color: #fff
}

.lottery-last-stage__title {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 18px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .lottery-last-stage__title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

.lottery-last-stage__table {
    margin: 0 auto;
    max-width: 1200px
}

.lottery-last-stage__table-body,
.lottery-last-stage__table-header {
    border-radius: 6px;
    display: flex;
    justify-content: space-around
}

.lottery-last-stage__table .table-cell {
    display: flex;
    flex: 1;
    justify-content: start;
    width: 100%
}

.lottery-last-stage__table-header {
    background: #282a36;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 1px;
    padding: 16px 14px;
    text-transform: uppercase
}

.lottery-last-stage__table-body {
    display: flex;
    flex-direction: column;
    gap: 1px;
    justify-content: start;
    max-height: 568px;
    overflow: auto
}

.lottery-last-stage__body-row {
    background: linear-gradient(0deg, rgba(62, 65, 81, .5), rgba(62, 65, 81, .5)), #282a36;
    border-radius: 6px;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 20px;
    text-transform: capitalize
}

.lottery-last-stage__body-row:nth-child(2n) {
    background: #282a36
}

.lottery-last-stage__body-row .prize-cell {
    font-size: 16px;
    font-weight: 700
}

@media(min-width:960px) {
    .lottery-last-stage__body-row,
    .lottery-last-stage__table-header {
        display: grid;
        gap: 14%;
        grid-template-columns: 190px 1fr 1fr
    }
}

@media(min-width:1248px) {
    .lottery-last-stage__body-row,
    .lottery-last-stage__table-header {
        gap: 18%
    }
}

@media(min-width:1632px) {
    .lottery-last-stage__body-row,
    .lottery-last-stage__table-header {
        gap: 23%
    }
}

.payment-tables__section:not(:last-child) {
    margin-bottom: 50px
}

@media(min-width:960px) {
    .payment-tables__section:not(:last-child) {
        margin-bottom: 80px
    }
}

.payment-tables__title {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 14px;
    text-align: start
}

.payment-tables__subtitle {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33;
    padding-bottom: 28px
}

.payment-tables__card-wrap {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 86px
}

.payment-tables__image-wrap {
    align-items: center;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    max-height: 38px;
    max-width: 74px;
    padding: 5px 10px;
    position: relative;
    width: 100%
}

.payment-tables__image-wrap img {
    max-width: 100%
}

.payment-tables__image-wrap .image--skeleton {
    width: 100%
}

.payment-tables__table-wrap {
    background: #1c1d22
}

@media(max-width:959px) {
    .payment-tables__table-wrap {
        background: transparent;
        padding: 0
    }
}

.payment-tables__table {
    border-spacing: 0;
    color: #fff;
    position: relative;
    table-layout: fixed;
    width: 100%
}

@media(max-width:959px) {
    .payment-tables__table {
        border-spacing: 0
    }
}

.payment-tables__table thead {
    background: #23252b
}

@media(max-width:959px) {
    .payment-tables__table thead {
        display: none
    }
}

.payment-tables__table thead tr th {
    font-size: 14px;
    font-weight: 600;
    height: 54px;
    line-height: 20px;
    padding: 10px 5px;
    position: relative;
    text-align: start;
    text-transform: uppercase
}

.payment-tables__table thead tr th:first-child,
.payment-tables__table thead tr th:last-child {
    width: 35px
}

.payment-tables__table thead tr th:nth-child(2) {
    width: 12%
}

@media(min-width:1248px) {
    .payment-tables__table thead tr th:nth-child(2) {
        width: 10%
    }
}

.payment-tables__table thead tr th:nth-child(3) {
    width: 13%
}

@media(min-width:1248px) {
    .payment-tables__table thead tr th:nth-child(3) {
        width: 12%
    }
}

.payment-tables__table thead tr th:nth-child(4) {
    width: 13%
}

.payment-tables__table thead tr th:nth-child(5) {
    width: 9%
}

.payment-tables__table thead tr th:nth-child(6) {
    width: 15%
}

@media(min-width:1248px) {
    .payment-tables__table thead tr th:nth-child(6) {
        width: 18%
    }
}

.payment-tables__table thead tr th:nth-child(7) {
    width: 20%
}

.payment-tables__table thead tr th:nth-child(8) {
    width: 15%
}

.payment-tables__table tbody {
    padding: 0 30px
}

.payment-tables__table tbody tr {
    overflow: hidden;
    text-align: center
}

@media(max-width:959px) {
    .payment-tables__table tbody tr {
        display: flex;
        flex-wrap: wrap
    }
    .payment-tables__table tbody tr:not(:last-child) {
        margin-bottom: 20px
    }
}

.payment-tables__table tbody tr td {
    background: #1c1d22;
    border-bottom: 1px solid #555;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .14px;
    line-height: 20px;
    min-width: 110px;
    padding: 18px 5px;
    text-align: start;
    vertical-align: middle
}

@media(max-width:959px) {
    .payment-tables__table tbody tr td {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: 50px;
        padding-left: 50%;
        width: 100%
    }
    .payment-tables__table tbody tr td:before {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        content: attr(data-title);
        font-weight: 700;
        left: 6px;
        padding-left: 10px;
        padding-right: 10px;
        position: absolute;
        text-align: left;
        width: 45%
    }
    .payment-tables__table tbody tr td:first-child,
    .payment-tables__table tbody tr td:last-child,
    .payment-tables__table tbody tr td:nth-child(8) {
        border-bottom: none
    }
}

.payment-tables__table tbody tr td:first-child,
.payment-tables__table tbody tr td:last-child {
    border-bottom: none
}

@media(max-width:959px) {
    .payment-tables__table tbody tr td:first-child,
    .payment-tables__table tbody tr td:last-child {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: 1px;
        padding: 5px 0
    }
    .payment-tables__table tbody tr td:last-child {
        padding-left: 15px
    }
}

.payment-tables__table tbody tr:last-child td {
    border-bottom: none !important
}

.payment-tables__table .deposit-button,
.payment-tables__table .withdrawal-button {
    font-weight: 600;
    width: 100%
}

@media(min-width:960px) {
    .payment-tables__table .deposit-button,
    .payment-tables__table .withdrawal-button {
        height: 40px;
        min-height: 40px;
        min-width: 110px;
        white-space: nowrap;
        width: auto
    }
}

@media(min-width:1248px) {
    .payment-tables__table .deposit-button,
    .payment-tables__table .withdrawal-button {
        min-width: 150px
    }
}

.payment-tables .text-center {
    text-align: center
}

.contact-form .contact-form__form-element:not(:first-child) {
    margin-top: 32px
}

.contact-form .contact-form__submit-button {
    font-size: 14px;
    margin-top: 16px;
    min-height: 49px;
    width: 100%
}

.contact-form .contact-form__input {
    height: 49px
}

.contact-form__label {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0 0 16px;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

@media(min-width:768px) {
    .contact-form__label {
        font-size: 16px
    }
}

.vip-levels-list__wrap.container {
    align-items: flex-start;
    background: linear-gradient(266.9deg, #181426 -.35%, #201b31 51.79%, #181c42 96.84%);
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
    padding-bottom: 40px;
    padding-top: 30px;
    width: 100%
}

@media(min-width:960px) {
    .vip-levels-list__wrap.container {
        padding-bottom: 80px;
        padding-top: 30px
    }
}

.vip-levels-list__items {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    justify-content: space-between;
    width: 100%
}

.vip-levels-list__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 20px;
    text-align: left
}

.vip-levels-list__item {
    align-items: center;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
    margin-bottom: 10px;
    min-height: 214px;
    padding: 23px 14px 12px;
    width: calc(50% - 5px)
}

@media(min-width:768px) {
    .vip-levels-list__item {
        min-height: 303px;
        padding: 32px 22px 19px;
        width: calc(33.33333% - 6.66667px)
    }
}

@media(min-width:960px) {
    .vip-levels-list__item {
        min-height: 364px;
        padding: 39px 30px 24px
    }
}

@media(min-width:1248px) {
    .vip-levels-list__item {
        min-height: 226px;
        padding: 24px 16px 15px;
        width: calc(16.66667% - 10px)
    }
}

.vip-levels-list__item--future {
    opacity: .6
}

.vip-levels-list__item--1 {
    background: linear-gradient(0deg, #532976, rgba(155, 49, 120, 0) 53%, rgba(67, 46, 143, .1))
}

.vip-levels-list__item--1.vip-levels-list__item--past {
    background: linear-gradient(180deg, rgba(155, 49, 120, .2), #532976)
}

.vip-levels-list__item--2 {
    background: linear-gradient(0deg, #143257, rgba(19, 45, 85, 0) 53%, rgba(67, 46, 143, .1))
}

.vip-levels-list__item--2.vip-levels-list__item--past {
    background: linear-gradient(180deg, rgba(19, 45, 85, .2), #143257)
}

.vip-levels-list__item--3 {
    background: linear-gradient(0deg, #a44074, rgba(117, 47, 83, 0) 53%, rgba(67, 46, 143, .1))
}

.vip-levels-list__item--3.vip-levels-list__item--past {
    background: linear-gradient(180deg, rgba(117, 47, 83, .2), #a44074)
}

.vip-levels-list__item--4 {
    background: linear-gradient(0deg, #047461, rgba(117, 218, 190, 0) 53%, rgba(67, 46, 143, .1))
}

.vip-levels-list__item--4.vip-levels-list__item--past {
    background: linear-gradient(180deg, rgba(117, 218, 190, .2), #047461)
}

.vip-levels-list__item--5 {
    background: linear-gradient(0deg, #ffc14d, rgba(254, 215, 96, 0) 53%, rgba(67, 46, 143, .1))
}

.vip-levels-list__item--5.vip-levels-list__item--past {
    background: linear-gradient(180deg, rgba(254, 215, 96, .2), #ffc14d)
}

.vip-levels-list__item--6 {
    background: linear-gradient(0deg, #f14d30, rgba(204, 38, 42, 0) 53%, rgba(67, 46, 143, .1))
}

.vip-levels-list__item--6.vip-levels-list__item--past {
    background: linear-gradient(180deg, rgba(204, 38, 42, .2), #f14d30 100%, #df2d2e 0)
}

.vip-levels-list__item-img {
    margin-bottom: 12px;
    max-width: 100%
}

.vip-levels-list__item-content {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.vip-levels-list__item-name {
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 3px
}

@media(min-width:768px) {
    .vip-levels-list__item-name {
        font-size: 19px;
        line-height: 27px
    }
}

@media(min-width:960px) {
    .vip-levels-list__item-name {
        font-size: 22px;
        line-height: 31px
    }
}

@media(min-width:1248px) {
    .vip-levels-list__item-name {
        font-size: 14px;
        line-height: 20px
    }
}

@media(min-width:1632px) {
    .vip-levels-list__item-name {
        font-size: 19px;
        line-height: 27px
    }
}

.vip-levels-list__item-cashback {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 7px
}

.vip-levels-list__item-value {
    font-size: 12px;
    font-weight: 700;
    line-height: 17px
}

@media(min-width:768px) {
    .vip-levels-list__item-value {
        font-size: 16px;
        line-height: 22px
    }
}

@media(min-width:960px) {
    .vip-levels-list__item-value {
        font-size: 19px;
        line-height: 27px
    }
}

@media(min-width:1248px) {
    .vip-levels-list__item-value {
        font-size: 12px;
        line-height: 17px
    }
}

@media(min-width:1632px) {
    .vip-levels-list__item-value {
        font-size: 16px;
        line-height: 22px
    }
}

.spoiler-block {
    color: #fff;
    margin: 15px auto 35px;
    max-width: 1551px;
    padding: 0 15px;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .spoiler-block {
        margin: 15px auto 70px;
        padding: 0 30px
    }
}

.spoiler-block:before {
    background: #b9c6d6;
    bottom: -20px;
    content: "";
    height: 1px;
    left: auto;
    max-width: 1551px;
    opacity: .3;
    position: absolute;
    width: calc(100% - 30px)
}

@media(min-width:768px) {
    .spoiler-block:before {
        bottom: -40px;
        max-width: 1194px;
        width: calc(100% - 60px)
    }
}

.spoiler-block--open .font-icons--select {
    transform: rotate(180deg)
}

.spoiler-block__button {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    width: 100%
}

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

.spoiler-block__title {
    font-size: 18px;
    font-weight: 800;
    line-height: 25px;
    text-transform: uppercase
}

@media(min-width:768px) {
    .spoiler-block__title {
        font-size: 24px
    }
}

.spoiler-block .font-icons--select {
    font-size: 10px;
    margin-left: 20px
}

.spoiler-block__content {
    height: auto;
    width: 100%
}

.spoiler-block__content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 22px
}

.spoiler-block__content p:last-child {
    margin-bottom: 0
}

.tourn-pool {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tourn-pool {
        font-size: 16px
    }
}

@media(min-width:960px) {
    .tourn-pool {
        text-align: right
    }
}

.tourn-pool__label {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.tourn-pool__value {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin: 8px 0 0;
    padding: 0;
    width: 100%
}

@media(min-width:768px) {
    .tourn-pool__value {
        font-size: 40px
    }
    .tourn-main--list .tourn-pool {
        text-align: right
    }
}

.game-tourn .tourn-pool {
    font-size: 12px;
    text-align: center
}

.game-tourn .tourn-pool .tourn-pool__value {
    font-size: 16px;
    margin-top: 4px
}

.tourn-timer {
    color: hsla(0, 0%, 100%, .7);
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 auto;
    max-width: 335px;
    padding: 0;
    text-align: center;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tourn-timer {
        font-size: 14px;
        font-weight: 600
    }
}

@media(min-width:960px) {
    .tourn-timer {
        font-size: 16px;
        margin: 0;
        text-align: left
    }
}

.tourn-timer__title {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.tourn-timer__timer {
    margin: 8px 0 0
}

@media(min-width:960px) {
    .tourn-timer__timer {
        margin-top: 12px
    }
}

.inline-timer {
    background-color: hsla(0, 0%, 60%, .17);
    border-radius: 4px;
    min-height: 50px;
    padding: 5px;
    text-align: center
}

.inline-timer,
.inline-timer__list {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 100%;
    width: 100%
}

.inline-timer__list {
    margin: 0;
    padding: 0
}

.inline-timer__item {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0 2px;
    position: relative;
    width: auto
}

.inline-timer__label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

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

.inline-timer__value {
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.inline-timer__text,
.inline-timer__value {
    display: block;
    font-size: 16px;
    font-weight: 700
}

.inline-timer__text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tourn-slider__wrapper {
    max-width: 100%;
    padding-left: 4px
}

@media(min-width:960px) {
    .tourn-slider__wrapper {
        margin: 0 auto;
        max-width: 805px;
        padding: 0 36px
    }
}

@media(min-width:1248px) {
    .tourn-slider__wrapper {
        max-width: 990px
    }
}

.tourn-slider__item {
    max-width: 154px;
    padding: 12px
}

@media(min-width:768px) {
    .tourn-slider__item {
        max-width: none
    }
}

@font-face {
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url("");
    src: url("") format("embedded-opentype"), url("") format("woff"), url("") format("truetype"), url("") format("svg")
}

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

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

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

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

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

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

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

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

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

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

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

.slider.slick-slider .slick-slide img {
    display: block
}

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

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

.slider.slick-slider.slick-initialized .slick-slide {
    display: block
}

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

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

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

.slider.slick-slider .slick-loading .slick-list {
    background: #fff url("") 50% no-repeat
}

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

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

.slider.slick-slider .slick-next.slick-disabled:before,
.slider.slick-slider .slick-prev.slick-disabled:before {
    opacity: .25
}

.slider.slick-slider .slick-prev {
    left: -25px
}

[dir=rtl] .slider.slick-slider .slick-prev {
    left: auto;
    right: -25px
}

.slider.slick-slider .slick-next {
    right: -25px
}

[dir=rtl] .slider.slick-slider .slick-next {
    left: -25px;
    right: auto
}

.slider.slick-slider.slick-dotted {
    margin-bottom: 30px
}

.slider.slick-slider .slick-dots {
    bottom: -25px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.slider.slick-slider .slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    position: relative;
    width: 20px
}

.slider.slick-slider .slick-dots li button {
    background: transparent;
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0px;
    outline: none;
    padding: 5px;
    width: 20px
}

.slider.slick-slider .slick-dots li button:focus,
.slider.slick-slider .slick-dots li button:hover {
    outline: none
}

.slider.slick-slider .slick-dots li button:focus:before,
.slider.slick-slider .slick-dots li button:hover:before {
    opacity: 1
}

.slider.slick-slider .slick-dots li button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "•";
    font-family: slick;
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.slider.slick-slider .slick-dots li.slick-active button:before {
    color: #fff;
    opacity: .75
}

.tourn-participate {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tourn-participate {
        font-size: 16px
    }
}

@media(min-width:960px) {
    .tourn-participate {
        text-align: left
    }
}

.tourn-participate__button-wrapper .tourn-participate__button {
    font-size: 14px;
    min-height: 45px;
    min-width: 174px
}

.jackpot-promo__title>span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.12deg, #e3f41c .14%, #fba643 99.95%);
    -webkit-background-clip: text;
    background-clip: text;
    color: #fba643
}

.jackpot-promo {
    background: linear-gradient(180deg, rgba(75, 78, 97, .8), rgba(40, 42, 54, 0)), #282a36;
    border-radius: 6px;
    color: #fff;
    display: block;
    overflow: hidden;
    position: relative
}

.jackpot-promo--game .drawer-block__preview {
    min-height: 250px
}

.jackpot-promo--game .drawer-block__arrow {
    bottom: 17px;
    left: 16px;
    position: absolute
}

.jackpot-promo__bg {
    border-radius: 6px;
    left: 0;
    max-height: 82px;
    position: absolute;
    top: 0;
    width: auto
}

@media(min-width:960px) {
    .jackpot-promo__bg {
        border-radius: 0
    }
}

.jackpot-promo__panel {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 16px
}

.jackpot-promo--game .jackpot-promo__panel {
    flex-direction: column;
    gap: 16px;
    height: 250px;
    justify-content: flex-start;
    width: 40px
}

.jackpot-promo__logo {
    grid-area: logo;
    z-index: 1
}

.jackpot-promo__logo img {
    max-width: 135px
}

.jackpot-promo--game .jackpot-promo__logo {
    max-height: 90px;
    transform: rotate(180deg)
}

.jackpot-promo__left,
.jackpot-promo__right {
    align-items: center;
    display: flex
}

.jackpot-promo__left {
    align-self: stretch;
    background: linear-gradient(180deg, rgba(75, 78, 97, .8), rgba(40, 42, 54, 0)), #282a36;
    border-radius: 6px;
    gap: 20px;
    padding: 10px 0 10px 4px;
    position: relative
}

@media(min-width:768px) {
    .jackpot-promo__left {
        background: transparent;
        border-radius: 0;
        -moz-column-gap: 12px;
        column-gap: 12px;
        padding: 10px 0 6px 5px
    }
}

@media(min-width:960px) {
    .jackpot-promo__left {
        -moz-column-gap: 20px;
        column-gap: 20px;
        padding: 10px 0 6px 13px
    }
}

@media(min-width:1248px) {
    .jackpot-promo__left {
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.jackpot-promo__right {
    align-items: center;
    justify-content: center;
    padding: 0 17px 0 0;
    width: 100%
}

@media(min-width:768px) {
    .jackpot-promo__right {
        flex-direction: row;
        justify-content: space-between;
        padding: 22px 17px 22px 0
    }
}

@media(min-width:960px) {
    .jackpot-promo__right {
        padding: 14px 17px 14px 0
    }
}

.jackpot-promo__content {
    align-items: center;
    height: 100%;
    max-height: none;
    position: relative;
    transition: max-height 2s, height 2s;
    width: 100%
}

.jackpot-promo--default .jackpot-promo__content {
    display: flex;
    gap: 10px 0;
    height: 71px
}

@media(min-width:768px) {
    .jackpot-promo--default .jackpot-promo__content {
        -moz-column-gap: 12px;
        column-gap: 12px;
        height: 80px;
        height: auto;
        max-height: none
    }
}

@media(min-width:960px) {
    .jackpot-promo--default .jackpot-promo__content {
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

@media(min-width:1248px) {
    .jackpot-promo--default .jackpot-promo__content {
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.jackpot-promo--open .jackpot-promo__content {
    height: 100%;
    max-height: none
}

.jackpot-promo--game .jackpot-promo__content {
    grid-gap: 22px;
    display: grid;
    grid-template-areas: "title" "total" "prizes" "rules";
    grid-template-columns: 1fr
}

@media(min-width:768px) {
    .jackpot-promo--game .jackpot-promo__content {
        grid-template-areas: "title rules total" "prizes prizes prizes";
        grid-template-columns: auto 1fr auto
    }
}

.jackpot-promo__title {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 700;
    gap: 4px;
    grid-area: title;
    line-height: 100%;
    text-transform: uppercase;
    z-index: 1
}

.jackpot-promo__title>span {
    font-size: 24px;
    font-weight: 800;
    line-height: 100%
}

.jackpot-promo--game .jackpot-promo__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 100%
}

.jackpot-promo__block-button {
    align-items: center;
    display: none;
    grid-area: buttons;
    justify-content: center
}

.jackpot-promo__block-button a.jackpot-promo__more.link-btn {
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    height: auto;
    margin-top: 10px;
    min-height: 40px;
    min-width: 110px;
    padding: 5px 15px;
    text-transform: none;
    width: auto
}

@media(min-width:768px) {
    .jackpot-promo__block-button a.jackpot-promo__more.link-btn {
        margin-top: 0
    }
}

@media(min-width:1632px) {
    .jackpot-promo__block-button {
        display: block
    }
}

.jackpot-promo__collapse {
    border-radius: 50%;
    bottom: 50%;
    color: #fff;
    font-size: 21px;
    padding: 10px 0;
    position: absolute;
    right: 16px;
    transform: translateY(50%);
    z-index: 1
}

.jackpot-promo__total {
    display: none;
    grid-area: total;
    z-index: 1
}

@media(min-width:576px) {
    .jackpot-promo__total {
        display: grid;
        margin-right: 16px
    }
}

.jackpot-promo--game .jackpot-promo__total {
    margin-top: 32px;
    min-width: 100px;
    transform: rotate(90deg)
}

.jackpot-promo--default .jackpot-promo__total {
    width: -moz-max-content;
    width: max-content
}

@media(min-width:768px) {
    .jackpot-promo--default .jackpot-promo__total {
        border-right: 1px solid hsla(0, 0%, 100%, .1);
        padding-bottom: 3px;
        padding-right: 12px;
        padding-top: 3px
    }
}

@media(min-width:960px) {
    .jackpot-promo--default .jackpot-promo__total {
        padding-right: 20px
    }
}

@media(min-width:1248px) {
    .jackpot-promo--default .jackpot-promo__total {
        padding-right: 30px
    }
}

.jackpot-promo__total-label {
    color: #ff3031;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase
}

@media(min-width:768px) {
    .jackpot-promo__total-label {
        color: #fff;
        font-size: 10px
    }
}

@media(min-width:960px) {
    .jackpot-promo__total-label {
        font-size: 12px
    }
}

@media(min-width:1248px) {
    .jackpot-promo__total-label {
        font-size: 14px
    }
}

.jackpot-promo--game .jackpot-promo__total-label {
    color: #ff3031;
    font-size: 11px;
    font-weight: 800
}

.jackpot-promo__total-value {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1em;
    text-transform: uppercase
}

@media(min-width:768px) {
    .jackpot-promo__total-value {
        font-size: 14px
    }
}

@media(min-width:960px) {
    .jackpot-promo__total-value {
        font-size: 17px
    }
}

@media(min-width:1248px) {
    .jackpot-promo__total-value {
        font-size: 19px
    }
}

.jackpot-promo--game .jackpot-promo__total-value {
    font-size: 16px
}

.jackpot-promo__rules {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    grid-area: rules;
    margin: 10px auto 0
}

.jackpot-promo__rules--btn {
    align-items: center;
    display: inline-flex
}

.jackpot-promo__rules--btn .font-icons {
    color: #ff3031;
    font-size: 20px;
    margin-right: 6px
}

.modal--jackpot-promo .jackpot-promo__rules-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 5px;
    padding: 24px 5px 5px;
    text-align: center
}

.modal--jackpot-promo .jackpot-promo__rules-text {
    border-radius: 6px;
    color: hsla(0, 0%, 100%, .8);
    font-size: 14px;
    font-weight: 400;
    margin: 0 auto;
    padding: 24px 26px;
    text-align: center
}

.modal--jackpot-promo .jackpot-promo__rules-text h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 12px;
    text-align: center;
    text-transform: capitalize
}

.modal--jackpot-promo .jackpot-promo__rules-text h3 {
    color: #ff3030;
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 18px;
    text-align: center
}

.modal--jackpot-promo .jackpot-promo__rules-text a {
    color: #ff3030;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline
}

.modal--jackpot-promo .jackpot-promo__rules-text a:hover {
    text-decoration: none
}

.jackpot-promo__prizes {
    grid-area: prizes;
    overflow: hidden;
    width: 100%
}

.jackpot-promo--game .jackpot-promo__prizes {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.jackpot-promo__prizes-block {
    margin: 0 auto;
    max-width: 500px
}

@media(min-width:768px) {
    .jackpot-promo__prizes-block {
        margin: 0 auto 0 0;
        max-width: 800px
    }
}

.jackpot-promo.home__promo .jackpot-promo__collapse {
    background: none;
    font-size: 21px;
    min-width: 14px;
    padding: 0;
    position: absolute;
    right: 9px
}

.jackpot-promo.home__promo .jackpot-prizes__image-block {
    display: none
}

@media(min-width:768px) {
    .jackpot-promo.home__promo .jackpot-prizes__image-block {
        display: block
    }
}

.jackpot-promo.home__promo .jackpot-prizes__title-block {
    align-items: center;
    display: flex;
    gap: 4px
}

@media(min-width:768px) {
    .jackpot-promo.home__promo .jackpot-prizes__title-block {
        display: grid;
        grid-area: title
    }
}

.jackpot-promo.home__promo .jackpot-prizes__item--blue,
.jackpot-promo.home__promo .jackpot-prizes__item--red,
.jackpot-promo.home__promo .jackpot-prizes__item--violet {
    background: none
}

.modal--jackpot-promo .modal__content-wrapper {
    max-width: 530px
}

.drawer-block {
    color: #fff;
    display: flex;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(calc(100% - 50px));
    transition: transform .3s ease;
    z-index: 1030
}

.drawer-block--open {
    transform: translateY(-50%) translateX(0)
}

.drawer-block__panel {
    align-items: center;
    background: url("") no-repeat #282a36;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    display: flex;
    gap: 20px;
    padding: 15px 5px;
    transform: rotate(180deg);
    width: 50px
}

.drawer-block__preview {
    flex: 1 1 auto
}

.drawer-block__arrow {
    flex: 0 0 auto;
    font-size: 9px;
    transform: rotate(90deg);
    transition: transform .3s ease
}

.drawer-block--open .drawer-block__arrow {
    transform: rotate(-90deg)
}

.drawer-block__content {
    background-color: #1c1d22;
    padding: 10px
}

.jackpot-total {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    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
}

.jackpot-prizes--promo {
    row-gap: 10px
}

@media(min-width:768px) {
    .jackpot-prizes--promo .jackpot-prizes__item {
        background: transparent;
        border-radius: 0;
        padding: 0
    }
}

.jackpot-prizes__title-block {
    grid-area: title
}

@media(min-width:768px) {
    .jackpot-prizes--promo .jackpot-prizes__title {
        font-size: 10px
    }
}

.jackpot-prizes--promo .jackpot-prizes__pool {
    font-size: 16px
}

@media(min-width:768px) {
    .jackpot-prizes--promo .jackpot-prizes__pool {
        font-size: 14px
    }
}

@media(min-width:1248px) {
    .jackpot-prizes--promo .jackpot-prizes__pool {
        font-size: 19px
    }
}

.jackpot-prizes {
    color: #fff;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 30px;
    width: 100%
}

@media(min-width:768px) {
    .jackpot-prizes {
        -moz-column-gap: 20px;
        column-gap: 20px;
        grid-template-columns: repeat(3, 1fr)
    }
}

.jackpot-prizes--game {
    grid-gap: 15px;
    grid-template-columns: 1fr
}

.jackpot-prizes--promo {
    grid-template-columns: 1fr;
    row-gap: 0
}

@media(min-width:768px) {
    .jackpot-prizes--promo {
        grid-template-columns: repeat(3, minmax(100px, 200px))
    }
}

.jackpot-prizes__item--red {
    background: radial-gradient(62.88% 84.71% at 50% -25.88%, rgba(255, 50, 56, .4) 0, rgba(255, 50, 56, 0) 100%), linear-gradient(180deg, #393b4b, rgba(40, 42, 54, 0)), linear-gradient(180deg, #23252b 42.68%, rgba(35, 37, 43, 0))
}

.jackpot-prizes__item--red .jackpot-prizes__info--value {
    color: #ff3749
}

.jackpot-prizes__item--violet {
    background: radial-gradient(62.88% 84.71% at 50% -25.88%, rgba(174, 41, 255, .4) 0, rgba(174, 41, 255, 0) 100%), linear-gradient(180deg, #393b4b, rgba(40, 42, 54, 0)), linear-gradient(180deg, #23252b 42.68%, rgba(35, 37, 43, 0))
}

.jackpot-prizes__item--violet .jackpot-prizes__info--value {
    color: #a35fe2
}

.jackpot-prizes__item--blue {
    background: radial-gradient(62.88% 84.71% at 50% -25.88%, rgba(31, 174, 255, .4) 0, rgba(31, 174, 255, 0) 100%), linear-gradient(180deg, #393b4b, rgba(40, 42, 54, 0)), linear-gradient(180deg, #23252b 42.68%, rgba(35, 37, 43, 0))
}

.jackpot-prizes__item--blue .jackpot-prizes__info--value {
    color: #279ff7
}

.jackpot-prizes--default .jackpot-prizes__item {
    grid-gap: 10px;
    border-radius: 6px;
    display: grid;
    grid-template-areas: "img" "title" "info";
    grid-template-columns: 1fr;
    padding: 30px 20px 20px;
    position: relative;
    text-align: center
}

@media(min-width:960px) {
    .jackpot-prizes--default .jackpot-prizes__item {
        padding-top: 40px
    }
}

.jackpot-prizes--game .jackpot-prizes__item,
.jackpot-prizes--promo .jackpot-prizes__item {
    grid-gap: 10px;
    border: none;
    border-radius: 6px;
    display: grid;
    grid-template-areas: "img title";
    grid-template-columns: max-content max-content;
    justify-content: center;
    padding: 16px
}

@media(min-width:768px) {
    .jackpot-prizes--game .jackpot-prizes__item,
    .jackpot-prizes--promo .jackpot-prizes__item {
        align-items: center;
        justify-content: flex-start;
        text-align: left
    }
}

@media(min-width:960px) {
    .jackpot-prizes--game .jackpot-prizes__item,
    .jackpot-prizes--promo .jackpot-prizes__item {
        grid-template-columns: 36px 1fr
    }
}

.jackpot-prizes--promo .jackpot-prizes__item {
    display: flex;
    justify-content: flex-start;
    padding: 1px 0;
    z-index: 0
}

@media(min-width:768px) {
    .jackpot-prizes--promo .jackpot-prizes__item {
        background: transparent;
        border-radius: 0;
        display: grid
    }
}

@media(min-width:960px) {
    .jackpot-prizes--promo .jackpot-prizes__item {
        grid-template-columns: 52px 1fr
    }
}

.jackpot-prizes--game .jackpot-prizes__item {
    min-width: 180px;
    padding: 15px 20px
}

.jackpot-prizes__image-block {
    grid-area: img
}

.jackpot-prizes__image-block img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.jackpot-prizes--default .jackpot-prizes__image-block {
    left: 50%;
    position: absolute;
    top: -55px;
    transform: translateX(-50%);
    width: 56px
}

@media(min-width:768px) {
    .jackpot-prizes--default .jackpot-prizes__image-block {
        top: -87px;
        width: 88px
    }
}

.jackpot-prizes--promo .jackpot-prizes__image-block {
    height: 36px
}

@media(min-width:960px) {
    .jackpot-prizes--promo .jackpot-prizes__image-block {
        height: 52px
    }
}

.jackpot-prizes--promo .jackpot-prizes__image-block img {
    height: 100%
}

.jackpot-prizes--game .jackpot-prizes__image-block {
    height: 36px
}

.jackpot-prizes--game .jackpot-prizes__image-block img {
    height: 100%
}

.jackpot-prizes__info-block {
    grid-area: info
}

.jackpot-prizes--game .jackpot-prizes__info-block,
.jackpot-prizes--promo .jackpot-prizes__info-block {
    display: none
}

.jackpot-prizes__title {
    font-size: 16px;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase
}

.jackpot-prizes__title--red {
    color: #ff3749
}

.jackpot-prizes__title--violet {
    color: #a35fe2
}

.jackpot-prizes__title--blue {
    color: #279ff7
}

.jackpot-prizes--promo .jackpot-prizes__title {
    font-size: 11px;
    min-width: 64px;
    text-align: end
}

@media(min-width:768px) {
    .jackpot-prizes--promo .jackpot-prizes__title {
        font-size: 10px;
        text-align: unset;
        width: auto
    }
}

@media(min-width:960px) {
    .jackpot-prizes--promo .jackpot-prizes__title {
        font-size: 12px
    }
}

@media(min-width:1248px) {
    .jackpot-prizes--promo .jackpot-prizes__title {
        font-size: 14px
    }
}

.jackpot-prizes--game .jackpot-prizes__title {
    font-size: 11px
}

.jackpot-prizes__pool {
    align-items: center;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.1em;
    white-space: nowrap;
    width: 100%
}

@media(min-width:960px) {
    .jackpot-prizes__pool {
        font-size: 38px
    }
}

.jackpot-prizes--promo .jackpot-prizes__pool {
    font-size: 14px;
    justify-content: flex-start
}

@media(min-width:960px) {
    .jackpot-prizes--promo .jackpot-prizes__pool {
        font-size: 16px
    }
}

.jackpot-prizes--game .jackpot-prizes__pool {
    font-size: 16px;
    justify-content: flex-start
}

.jackpot-prizes__info {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 5px;
    justify-content: center;
    line-height: 20px
}

.jackpot-prizes__info--value span {
    color: #fff
}

.jackpot-prizes__loader {
    text-align: center
}

.jackpot-prizes__loader:before {
    animation: loader .75s linear infinite;
    border: 3px solid #fba643;
    border-radius: 50%;
    border-right-color: transparent;
    content: "";
    display: inline-block;
    height: 40px;
    margin: auto;
    width: 40px
}

@keyframes loader {
    to {
        transform: rotate(1turn)
    }
}

.jackpot-steps {
    color: #fff;
    position: relative;
    text-align: center;
    width: 100%
}

.jackpot-steps__banner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.jackpot-steps__banner img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.jackpot-steps__content {
    overflow: hidden
}

.jackpot-steps__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 0 16px;
    text-transform: uppercase
}

@media(min-width:768px) {
    .jackpot-steps__title {
        font-size: 28px
    }
}

.jackpot-steps__button {
    margin: 32px auto
}

.jackpot-steps__button .deposit-button.link-btn {
    min-width: 150px;
    text-transform: capitalize
}

.jackpot-steps__list {
    align-items: stretch;
    counter-reset: list-counter;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    list-style: none;
    padding: 0
}

@media(min-width:768px) {
    .jackpot-steps__list {
        flex-direction: row
    }
}

@media(min-width:960px) {
    .jackpot-steps__list {
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

.jackpot-steps__item {
    align-items: center;
    background: linear-gradient(108.15deg, rgba(245, 29, 67, .3), rgba(245, 29, 67, 0) 47.51%), linear-gradient(0deg, #282a36, #282a36);
    border-radius: 6px;
    counter-increment: list-counter;
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 20px;
    position: relative;
    text-align: left;
    width: 100%
}

@media(min-width:768px) {
    .jackpot-steps__item {
        align-items: flex-start;
        flex-direction: column
    }
}

@media(min-width:1248px) {
    .jackpot-steps__item {
        align-items: center;
        flex-direction: row
    }
}

.jackpot-steps__item:before {
    align-items: center;
    background: url("") no-repeat top;
    background-size: cover;
    color: #fff;
    content: counter(list-counter);
    display: inline-flex;
    font-size: 21px;
    font-weight: 800;
    height: 41px;
    justify-content: center;
    min-width: 41px;
    width: 41px
}

@media(min-width:768px) {
    .jackpot-steps__item:before {
        font-size: 21px;
        height: 48px;
        min-width: 48px;
        width: 48px
    }
}

@media(min-width:960px) {
    .jackpot-steps__item:before {
        font-size: 28px;
        height: 63px;
        min-width: 63px;
        width: 63px
    }
}

.jackpot-steps__item-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 160%;
    text-transform: uppercase
}

@media(min-width:960px) {
    .jackpot-steps__item-title {
        font-size: 22px
    }
}

.jackpot-steps__item-subtitle {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%
}

.jackpot-wins__wrap {
    scrollbar-color: #93959a
}

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

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

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

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

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

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

.jackpot-wins {
    margin-bottom: 60px
}

.jackpot-wins__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 8px;
    margin-top: 20px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:960px) {
    .jackpot-wins__title {
        font-size: 28px;
        margin-bottom: 18px
    }
}

.jackpot-wins__wrap {
    max-height: 469px;
    overflow-y: auto
}

@media(min-width:960px) {
    .jackpot-wins__wrap {
        max-height: 569px
    }
}

.jackpot-wins__grid {
    width: 100%
}

.jackpot-wins__grid-row {
    align-content: center;
    align-items: center;
    border-radius: 0 6px 6px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative
}

@media(min-width:960px) {
    .jackpot-wins__grid-row {
        grid-template-columns: 1fr 1fr 1fr .5fr
    }
}

.jackpot-wins__grid-row:not(.jackpot-wins__head) {
    margin-top: 1px;
    min-height: 46px
}

@media(min-width:960px) {
    .jackpot-wins__grid-row:not(.jackpot-wins__head) {
        min-height: 56px
    }
}

.jackpot-wins__grid-row:not(.jackpot-wins__head):before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 2px
}

@media(min-width:960px) {
    .jackpot-wins__grid-row:not(.jackpot-wins__head):before {
        width: 4px
    }
}

.jackpot-wins__grid-row>span {
    padding: 15px 10px
}

@media(min-width:960px) {
    .jackpot-wins__grid-row>span {
        padding: 15px
    }
    .jackpot-wins__grid-row>span:first-of-type {
        padding-left: 20px
    }
    .jackpot-wins__grid-row>span:last-of-type {
        padding-right: 20px
    }
}

.jackpot-wins__grid-row--mini {
    background: linear-gradient(90deg, rgba(31, 174, 255, .2), rgba(31, 174, 255, 0) 56.92%), #282a36
}

.jackpot-wins__grid-row--mini .jackpot-wins__level {
    color: #279ff7
}

.jackpot-wins__grid-row--mini:before {
    background: #279ff7
}

.jackpot-wins__grid-row--middle {
    background: linear-gradient(90deg, rgba(97, 41, 240, .3), rgba(97, 41, 240, 0) 57.01%), #282a36
}

.jackpot-wins__grid-row--middle .jackpot-wins__level {
    color: #b366f6
}

.jackpot-wins__grid-row--middle:before {
    background: #b366f6
}

.jackpot-wins__grid-row--grand,
.jackpot-wins__grid-row--mega {
    background: linear-gradient(90deg, rgba(255, 55, 73, .3), rgba(255, 55, 73, 0) 56.74%), #282a36
}

.jackpot-wins__grid-row--grand .jackpot-wins__level,
.jackpot-wins__grid-row--mega .jackpot-wins__level {
    color: #ff3749
}

.jackpot-wins__grid-row--grand:before,
.jackpot-wins__grid-row--mega:before {
    background: #ff3749
}

.jackpot-wins__head {
    background: #282a36;
    border-radius: 6px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase
}

@media(min-width:960px) {
    .jackpot-wins__head {
        font-size: 12px
    }
}

.jackpot-wins__user {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.jackpot-wins__level {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase
}

@media(min-width:960px) {
    .jackpot-wins__level {
        font-size: 16px
    }
}

.jackpot-wins__prize {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

@media(min-width:960px) {
    .jackpot-wins__prize {
        font-size: 16px
    }
}

.jackpot-wins__time {
    color: #a7a7ab;
    font-size: 10px;
    line-height: 13px
}

@media(min-width:960px) {
    .jackpot-wins__time {
        font-size: 12px;
        line-height: 16px
    }
}

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

.promo-catalog__top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%
}

.promo-catalog__top>:first-child {
    margin-right: 10px
}

.promo-catalog__title {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    padding: 5px 0;
    text-transform: uppercase
}

@media(min-width:768px) {
    .promo-catalog__title {
        font-size: 18px
    }
}

.promo-catalog .promo-catalog__link-btn {
    color: #6f6f6f;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: lowercase;
    transition: background-color .3s ease
}

.promo-catalog .promo-catalog__link-btn .font-icons {
    font-size: 11px;
    margin-left: 10px
}

.games-filter {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.games-filter__grid {
    align-items: baseline;
    margin: 0;
    padding: 0;
    width: 100%;
}

@media(min-width:1632px) {
    .games-filter__grid {
    }
}

.games-filter__cell {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    grid-column: 1;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: calc((100% / 7) * 6 - 40px)
}

.games-filter__cell--search {
    align-items: center;
    background-color: #282a36;
    color: hsla(0, 0%, 100%, .3);
    display: flex;
    font-size: 16px;
    height: 44px;
    justify-content: center;
    margin-right: 12px;
    order: 2;
    width: 44px
}

@media(min-width:960px) {
    .games-filter__cell--search {
        margin-left: auto;
        margin-top: 15px
    }
}

.games-filter__cell--search .search-filter__button {
    align-items: center;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 100%
}

.games-filter__cell--search .search-filter__button .search-filter__icon {
    margin: 0
}

.games-filter__cell--category {
    margin-bottom: 0px
}

@media(min-width:1248px) {
    .games-filter__cell--category {
        margin-bottom: 0;
    }
}

.games-filter__cell--providers {
    height: 44px;
    order: 3
}

@media(min-width:768px) {
    .games-filter__cell--providers {
        max-width: 300px
    }
}

@media(min-width:1150px) {
    .games-filter__cell--providers {
        margin-left: 8px
    }
}

.games-filter__cell--home {
    display: none
}

.games-filter__title {
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .24px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

@media(min-width:768px) {
    .games-filter__title {
        font-size: 40px;
        letter-spacing: .4px
    }
}

.games-filter__category {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

@media(min-width:960px) {
    .games-filter__category {
        display: none
    }
}

.games-filter__category--desktop {
    display: none;
    height: 100%
}

@media(min-width:960px) {
    .games-filter__category--desktop {
        display: block
    }
}

.games__filter .games-filter,
.home__filter .games-filter {
    position: relative
}

.games__filter .games-filter .games-filter__cell--hit-range,
.games__filter .games-filter .games-filter__cell--lines,
.games__filter .games-filter .games-filter__cell--payout,
.games__filter .games-filter .games-filter__cell--providers,
.games__filter .games-filter .games-filter__cell--title,
.games__filter .games-filter .games-filter__cell--volatility,
.home__filter .games-filter .games-filter__cell--hit-range,
.home__filter .games-filter .games-filter__cell--lines,
.home__filter .games-filter .games-filter__cell--payout,
.home__filter .games-filter .games-filter__cell--providers,
.home__filter .games-filter .games-filter__cell--title,
.home__filter .games-filter .games-filter__cell--volatility {
    display: none
}

.games__filter .games-filter .games-filter__category,
.home__filter .games-filter .games-filter__category {
    display: block
}

.games__filter .games-filter .games-filter__category--mobile,
.home__filter .games-filter .games-filter__category--mobile {
    display: none
}

.game-category-menu {
    border: 1px solid #4a4a4b;
    border-radius: 8px;
    display: flex
}

.game-category-menu__item-link {
    color: #999;
    display: inline-block;
    font-size: 14px;
    padding: 16px;
    text-decoration: none;
    text-transform: uppercase
}

.game-category-menu__item-link:hover {
    color: #666
}

.game-category-menu__item-link:visited {
    color: #999
}

.game-category-menu__item-link.active {
    color: #fff
}

.tourn-winners {
    display: block;
    margin: 0 0 20px;
    max-height: 560px;
    overflow: auto;
    width: 100%
}

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

.tourn-winners__table {
    border: none;
    border-collapse: collapse;
    margin: 0 auto;
    max-width: 100%;
    table-layout: fixed;
    width: 100%
}

.tourn-winners__cell {
    border: none;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    height: 34px;
    letter-spacing: normal;
    line-height: 15px;
    padding: 0 4px;
    text-align: center;
    vertical-align: middle
}

@media(min-width:768px) {
    .tourn-winners__cell {
        font-size: 16px;
        height: 50px
    }
}

thead .tourn-winners__cell {
    background-color: #282a36;
    border: none;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    height: 40px;
    line-height: 14px;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    thead .tourn-winners__cell {
        font-size: 16px;
        height: 57px
    }
}

thead .tourn-winners__cell:first-child {
    border-radius: 6px 0 0 6px
}

thead .tourn-winners__cell:last-child {
    border-radius: 0 6px 6px 0
}

thead .tourn-winners__cell--place {
    padding-left: 0;
    width: 15%
}

thead .tourn-winners__cell--name {
    width: 37%
}

thead .tourn-winners__cell--points {
    width: 18%
}

thead .tourn-winners__cell--prize {
    width: 30%
}

.tourn-winners tbody .tourn-winners__row:nth-child(2n) {
    background-color: #282a36
}

.tourn-winners tbody .tourn-winners__row:nth-child(2n) .tourn-winners__cell:first-child {
    border-radius: 6px 0 0 6px
}

.tourn-winners tbody .tourn-winners__row:nth-child(2n) .tourn-winners__cell:last-child {
    border-radius: 0 6px 6px 0
}

.tourn-winners__name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.game-tourn .tourn-winners .tourn-winners__cell {
    border-bottom: none;
    font-size: 12px !important;
    font-weight: 700;
    height: 47px
}

.game-tourn .tourn-winners .tourn-winners__cell--name {
    padding: 0
}

.game-tourn .tourn-winners .tourn-winners__cell:last-child {
    padding-right: 8px
}

.game-tourn .tourn-winners thead .tourn-winners__cell--place {
    padding: 0 5px 0 0;
    width: 32px
}

.game-tourn .tourn-winners thead .tourn-winners__cell--prize {
    width: 40%
}

.game-tourn .tourn-winners thead .tourn-winners__cell--points {
    width: 23%
}

.game-tourn .tourn-winners .tourn-winners__more {
    display: none
}

.description {
    color: #999;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    padding: 0;
    width: 100%
}

@media(min-width:768px) {
    .description {
        font-size: 16px;
        line-height: 160%
    }
}

.description__main {
    display: block;
    margin: 10px 0 0;
    padding: 0;
    width: 100%
}

.description__block-buttons {
    display: block;
    margin: 0;
    padding: 14px 0 0;
    width: 100%
}

@media(min-width:1248px) {
    .description__block-buttons {
        padding-top: 17px
    }
}

.description .btn,
.description .link-btn {
    margin-top: 24px
}

.description .description__btn-more {
    margin: 0
}

.description__button {
    background: transparent none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .12px;
    line-height: 1.2;
    margin: 0;
    outline: none;
    padding: 0;
    text-align: center;
    text-decoration: underline;
    text-shadow: none;
    vertical-align: top
}

.description__button:hover {
    text-decoration: none
}

@media(min-width:1248px) {
    .description__button {
        font-size: 14px;
        letter-spacing: .14px
    }
}

.description h1,
.description h2,
.description h3,
.description h4,
.description h5 {
    color: #fff;
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0 0 20px;
    padding: 0;
    text-align: left;
    text-transform: uppercase
}

.description h1 {
    font-size: 24px
}

.description h2 {
    font-size: 22px
}

.description h3 {
    font-size: 20px
}

.description h4 {
    font-size: 18px
}

.description h5 {
    font-size: 16px
}

.description p {
    margin: 0;
    padding: 0
}

.description p+p {
    margin-top: 10px
}

.description p+h1,
.description p+h2,
.description p+h3,
.description p+h4,
.description p+h5 {
    margin-top: 20px
}

.description a:not([class]) {
    color: #fff;
    font-size: inherit;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    text-transform: none;
    transition: color .3s ease
}

.description a:not([class]):active,
.description a:not([class]):focus,
.description a:not([class]):hover {
    color: #fff;
    cursor: pointer;
    outline: none;
    text-decoration: underline
}

.description a:not([class]):hover {
    color: #fff;
    text-decoration: none
}

.description hr {
    border: none;
    border-top: 1px solid #999;
    margin: 25px 0;
    padding: 0
}

.description ol:not([class]),
.description ul:not([class]) {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    text-align: left
}

.description ol:not([class])>li,
.description ul:not([class])>li {
    font-style: normal;
    margin: 0;
    padding: 0;
    position: relative
}

.description ol:not([class])>li:not(:first-child),
.description ul:not([class])>li:not(:first-child) {
    margin-top: 8px
}

.description ol:not([class])>li:before,
.description ul:not([class])>li:before {
    left: 0;
    position: absolute;
    top: 0
}

.description ol:not([class]) ol:not([class]),
.description ol:not([class]) ul:not([class]),
.description ul:not([class]) ol:not([class]),
.description ul:not([class]) ul:not([class]) {
    margin: 20px 0 20px 20px
}

.description ul:not([class])>li {
    list-style: none;
    padding-left: 10px;
    position: relative
}

.description ul:not([class])>li:before {
    background-color: #999;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 5px;
    width: 5px
}

.description ol:not([class]) {
    counter-reset: list1
}

.description ol:not([class])>li {
    list-style: none;
    padding-left: 22px;
    position: relative
}

.description ol:not([class])>li:before {
    color: #999;
    content: counter(list1) ".";
    counter-increment: list1;
    display: inline-block;
    font-size: inherit;
    font-weight: 400;
    left: 0;
    line-height: inherit;
    margin: 0 2px 0 0;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 0;
    white-space: nowrap
}

.description ol:not([class])>li ol {
    counter-reset: list2;
    margin: 20px 0 20px 20px
}

.description ol:not([class])>li ol>li {
    padding-left: 40px
}

.description ol:not([class])>li ol>li:not(:last-child) {
    margin-bottom: 10px
}

.description ol:not([class])>li ol>li:before {
    content: counter(list1) "." counter(list2);
    counter-increment: list2
}

.category__list {
    scrollbar-color: #93959a
}

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

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

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

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

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

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

.category {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.category__button {
    display: none
}

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

.category__list {
    align-items: stretch;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 -3px;
    overflow: auto visible;
    padding: 0 0 0;
    position: static;
    width: calc(100% + 6px)
}

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

@media(min-width:1632px) {
    .category__list {
        margin: 0 -11px;
        overflow: visible;
        width: calc(100% + 22px)
    }
}

.category__item {
    align-items: flex-start;
    align-self: stretch;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    min-width: 100px;
    padding: 3px 4px 3px 0;
    width: 11.1%;
    word-break: break-word
}

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

@media(min-width:1632px) {
    .category__item {
        min-width: 100px;
        padding: 5px 3px;
        width: auto
    }
}

.category__item {
    order: 4
}

.category__item:first-of-type {
    order: 1
}

.category__item:nth-of-type(2) {
    order: 2
}

.category__item.category__item--halloween {
    order: 3
}

.category__item .category__link {
    align-items: center;
    background-color: #1c1d22 !important;
    border-radius: 6px;
    color: #999;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-size: 10px;
    height: 100%;
    min-height: 66px;
    justify-content: flex-start;
    letter-spacing: .12px;
    line-height: 1.2;
    margin: 0;
    outline: none;
    padding: 10px 5px 0px 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s ease, background .3s ease;
    width: 100%;
    z-index: 2 !important;
}

@media(min-width:1248px) {
    .category__item .category__link {
        font-size: 11px;
        min-height: 66px;
        padding: 8px 4px 0 4px;
    }
}

.category__item .category__link:active,
.category__item .category__link:focus,
.category__item .category__link:hover {
    cursor: pointer;
    outline: none;
    text-decoration: none
    z-index: 2;
}

.category__item .category__link:hover {
    color: #fff;
    z-index: 2;
}

.category__item .category__link.category__link--special {
    background: radial-gradient(187.64% 267.37% at .15% 93.32%, #89042c 0, #381368 53.5%, rgba(56, 19, 104, 0) 100%);
    color: #fff
}

.category__item .category__link.category__link--current {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0)), #282a36;
    color: #fff
}

@media(min-width:960px) {
    .category__item:hover .category__link:after {
        background: none;
        border-radius: 6px;
        content: "";
        height: calc(100%);
        left: 0px;
        position: absolute;
        top: 0px;
        width: calc(100%);
        z-index: -1;
        background-color: #1c1d22 !important;
    }
    .category__item .category__link:before {
        background: none;
        border-radius: 6px;
        content: "";
        height: calc(100% + 4px);
        left: -2px;
        position: absolute;
        top: -2px;
        transition: background .3s ease;
        width: calc(100% + 4px);
        z-index: -1;
    }
    .category__item .category__link:hover:before {
        background: linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0));
    }
}

.category__item .category__link .category__name {
    word-break: break-word;
	/* 			 text-overflow: ellipsis;
	 			 white-space: nowrap;
	 			 overflow: hidden;
         width: 94%; */
}

.category__item .category__link--crypto {
    position: static
}

@media(min-width:960px) {
    .category__item .category__link--crypto {
        position: relative
    }
}

.category__icon-wrap {
    border-radius: 6px;
    height: 30px;
    margin: 0 0 8px;
    position: relative;
    width: 30px;
}

.category__icon {
    width: 100%;
    z-index: 2;
}

.category__icon--active,
.category__icon--special {
    display: none
}

.category__link--current .category__icon--active,
.category__link--current .category__icon--special,
.category__link:hover .category__icon--active,
.category__link:hover .category__icon--special {
    display: block;
    z-index: 2
}

.category__icon:not(.category__icon--active) {
    display: block
}

.category__link--current .category__icon:not(.category__icon--active),
.category__link:hover .category__icon:not(.category__icon--active),
.category__sub-menu-crypto {
    display: none
}

.category__sub-menu-crypto--current {
    display: block
}

.category__sub-menu-crypto .crypto-menu__list {
    background-color: #213043;
    border-radius: 12px;
    flex-wrap: wrap;
    left: calc(50% - 105px);
    overflow: hidden;
    padding: 20px 0;
    position: absolute;
    row-gap: 12px;
    width: 210px;
    z-index: 11
}

@media(min-width:960px) {
    .category__sub-menu-crypto .crypto-menu__list {
        left: -80px
    }
}

.category__sub-menu-crypto .crypto-menu__item {
    margin-left: 10px;
    margin-right: 0;
    width: calc(50% - 20px)
}

.category__sub-menu-crypto .crypto-menu__link {
    background: transparent;
    border-radius: 4px;
    padding: 8px 12px
}

.category__sub-menu-crypto .crypto-menu__link--current,
.category__sub-menu-crypto .crypto-menu__link:hover {
    background: hsla(0, 0%, 100%, .15)
}

.catalog {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.catalog__not-found {
    color: #999;
    text-transform: uppercase
}

.catalog__list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, 1fr);
    width: 100%
}

@media(min-width:500px) {
    .catalog__list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width:768px) {
    .catalog__list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(min-width:960px) {
    .catalog__list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-columns: repeat(5, 1fr)
    }
}

@media(min-width:1248px) {
    .catalog__list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-columns: repeat(6, 1fr)
    }
}

@media(min-width:1632px) {
    .catalog__list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-columns: repeat(6, 1fr)
    }
}


@media(min-width:1920px) {
    .catalog__list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-columns: repeat(6, 1fr)
    }
}

.catalog__item {
    align-items: flex-start;
    align-self: stretch;
    aspect-ratio: 1/1;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.catalog__item--first,
.catalog__item--last {
    grid-column: span 2
}

.catalog__more {
    display: block;
    margin: 0;
    padding: 8px 0 0;
    text-align: center;
    width: 100%
}

@media(min-width:768px) {
    .catalog__more {
        padding-top: 16px
    }
}

@media(min-width:960px) {
    .catalog__more {
        padding-top: 24px
    }
}

@media(min-width:1632px) {
    .catalog__more {
        padding-top: 32px
    }
}

.catalog__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%
}

.catalog__header>:first-child {
    margin-right: 10px
}

.catalog__title {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    min-height: 32px;
    min-width: 100px;
    padding: 5px 0;
    position: relative;
    text-transform: uppercase
}

@media(min-width:768px) {
    .catalog__title {
        font-size: 18px
    }
}

.catalog__link-btn {
    color: #6f6f6f;
    font-size: 14px;
    line-height: 20px;
    min-height: 20px;
    min-width: 85px;
    position: relative;
    text-align: center;
    text-transform: lowercase;
    transition: background-color .3s ease
}

.catalog__link-btn .font-icons {
    font-size: 11px;
    margin-left: 10px
}

.catalog__img {
    aspect-ratio: 1/1;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.landing-promotions-card__content-wrapper {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 280px;
    position: relative;
    width: 320px
}

@media(min-width:768px) {
    .landing-promotions-card__content-wrapper {
        height: 312px;
        width: 528px
    }
}

.landing-promotions-card__content {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 26px 16px;
    position: absolute;
    width: 100%
}

@media(min-width:768px) {
    .landing-promotions-card__content {
        padding: 46px 36px
    }
}

.landing-promotions-card__bottom-block {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media(min-width:768px) {
    .landing-promotions-card__bottom-block {
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

.landing-promotions-card__image {
    border-radius: 12px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%
}

.landing-promotions-card__title {
    font-size: 20px;
    font-weight: 900;
    line-height: 28px
}

.landing-promotions-card__text {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.landing-promotions-card__bonus-code {
    text-wrap: wrap;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .2);
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 10px;
    display: flex;
    font-size: 9px;
    font-weight: 400;
    line-height: 12px;
    padding: 12px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:768px) {
    .landing-promotions-card__bonus-code {
        flex-direction: column
    }
}

.landing-promotions-card__bonus-code-span {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    margin-left: 8px
}

@media(min-width:768px) {
    .landing-promotions-card__bonus-code-span {
        margin: 0
    }
}

.landing-promotions-card__bonus-code-wrapper {
    display: flex
}

.landing-promotions-card__button {
    max-width: 148px
}