@charset "UTF-8";

.mp-hero-section__download::before, .section-hero__bonus::before {

    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff))

}



.footer-nav__link, .languages-switcher__lang, .main-nav__link, .page-404__link, .page-header__button, .sub-menu__link, .toc-auto a, .toc__link, a, a:hover {

    text-decoration: none

}



.counter .timer__number-item:not(.active), .events__month, .winners-list__name, .winners-list__sum, .winners-list__text {

    user-select: none

}



*, :after, :before {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



a {

    font-size: 16px;

    font-weight: 400;

    color: var(--color-link);

    color: inherit

}



.no-scroll, .scroll-lock, .tabs {

    overflow: hidden

}



.main-nav__list, .page-404 .container, .page-header__buttons, .scroll-top__button, body {

    display: -ms-flexbox

}



.page-header__button--first:hover, .sub-menu::before {

    background-color: transparent

}



.footer-nav__list, .main-nav__list, .sub-menu, .toc__list, ol li, ol[class], ul li, ul[class] {

    list-style: none

}



.page-404 .container, .page-header__burger, body {

    -webkit-box-direction: normal

}



.faq__answer *, .main-nav__link, .payment-method th, h4 {

    font-style: normal

}



*, .faq__answer *, .payment-method td, .payment-method th, button, input, textarea {

    font-family: inherit

}



:root {

    --width: 1480px;

    --display-width: var(--width);

    --offsets: 30px;

    --ff-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif

}



* {

    border: 0;

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.container {

    padding: 0 var(--offsets);

    max-width: var(--display-width)

}



.banner img, .container-full, .content-img img, .winners-list__wrap, img {

    max-width: 100%

}



.calculator-inner-left--price-wrapper.active::before, .calculator-inner-left--price-wrapper:hover::before, b {

    color: #fff

}



.page-main > .wp-block-heading, .wrapper > .content-button, .wrapper > blockquote, .wrapper > h1, .wrapper > h2, .wrapper > h3, .wrapper > h4, .wrapper > h5, .wrapper > h6, .wrapper > ol, .wrapper > p, .wrapper > ul {

    margin-left: auto;

    margin-right: auto;

    padding: 0 var(--offsets);

    max-width: var(--display-width)

}



img {

    height: auto;

    vertical-align: top

}



.wrapper blockquote, blockquote, h6 {

    font-size: 1rem;

    line-height: 1.5rem

}



.wrapper blockquote, blockquote {

    margin-top: 1rem;

    border-left: 5px solid var(--color-accent);

    padding: 1rem var(--offsets) 1rem 2rem;

    font-weight: 400;

    background-color: #f0f8ffff

}



.wrapper:not(:last-child) {

    margin-bottom: 2rem

}



.wrapper {

    margin-top: 64px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain

}



.wrapper:first-child {

    margin-top: 0;

    position: relative;

    padding-top: 40px;

    background-position-y: top;

    background-position-x: center

}



.wrapper > .wp-block-heading:not(:first-child) {

    margin: 64px auto 16px

}



.info-block-v2 {

    overflow: auto

}



.content-button__control, .page-header__button {

    font-size: 16px;

    font-weight: 700;

    line-height: 20px;

    cursor: pointer

}



.visually-hidden {

    position: absolute;

    -webkit-clip-path: inset(100%);

    clip-path: inset(100%);

    overflow: hidden;

    margin: -1px;

    border: 0;

    padding: 0;

    width: 1px;

    height: 1px;

    white-space: nowrap;

    clip: rect(0 0 0 0)

}



.banner, .btn, .games-list__btns, .games-list__img, .info-list__gallery img, .info-list__horizontal_sep li, .links-image-container, .list-steps ol li::before, .main-nav__item--has-children, .main-nav__link, .menu, .menu__header-icon, .steps-list__item, .steps-list__item-wrap, .winners-list, .winners-list__list {

    position: relative

}



body {

    display: flex;

    flex-direction: column;

    height: 100vh;

    overflow-x: hidden;

    font-family: var(--ff-primary);

    color: var(--color-text);

    background-color: var(--color-body)

}



* + .wp-block-table, .container + .container, .content-button {

    margin-top: 24px

}



.content-button.alight-left {

    text-align: left

}



.content-button.align-right {

    text-align: right

}



.comment-form__title, .content-button.align-center {

    text-align: center

}



.content-button.align-center > .btn_primary {

    margin: auto

}



.page-header {

    background-color: var(--color-header)

}



.page-header__container {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    padding: 8px 20px

}



.page-header__logo {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    max-width: 80px

}



.page-header__logo img {

    max-height: 44px;

    object-fit: contain

}



.about .about__devices, .about .about__support, .page-header__nav, .wp-block-columns > .wp-block-column {

    flex: 1 1

}



.page-header__buttons {

    display: flex;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-left: auto

}



.page-header__burger {

    display: none;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    width: 35px;

    height: 25px;

    cursor: pointer

}



.page-header__burger span {

    display: block;

    border-radius: 20%;

    width: 100%;

    height: 3px;

    background-color: var(--color-header-navigation-link);

    transform-origin: center;

    transition: 250ms

}



.page-header__burger.active span:first-of-type {

    transform: translateY(11px) rotateZ(45deg)

}



.page-header__burger.active span:nth-of-type(2) {

    transform: scaleX(0)

}



.page-header__burger.active span:nth-of-type(3) {

    transform: translateY(-11px) rotateZ(-45deg)

}



.page-header__nav + .page-header__buttons {

    margin-left: 20px

}



.page-header__button {

    display: flex;

    justify-content: space-between;

    align-items: center;

    outline: 0;

    border-radius: 8px;

    color: #196948;

    transition: 250ms;

    padding: 10px;

    min-width: 240px

}



.main-nav__link, .sub-menu__link {

    align-content: center;

    font-size: 14px;

    font-weight: 500

}



.page-header__button > svg {

    max-width: 24px;

    max-height: 24px

}



.page-header__button + .page-header__button {

    margin-left: 5px

}



.page-header__button--first {

    color: #fff;

    background-color: #168557;

    border: 1px solid #168557;

    transition: .2s

}



.page-header__button--second {

    color: var(--color-second-button);

    background-color: var(--color-second-button-bg);

    transition: .2s ease-in-out;

    border: 1px solid var(--color-second-button-bg)

}



.page-header__button--second:hover {

    color: var(--color-second-button-bg);

    background-color: transparent

}



.main-nav__list {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: flex-start;

    margin: 0;

    padding: 0;

    height: 100%

}



@media (max-width: 1100px) {

    .page-header__nav {

        flex: 1 1 100%;

        order: 10;

        margin-top: 8px

    }



    .main-nav__list {

        justify-content: center

    }



    .wrapper {

        margin-bottom: 1rem;

        padding: 0 13px

    }

}



.main-nav__item, .scroll-top__button {

    cursor: pointer

}



.main-nav__item {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%

}



.main-nav__item:hover > a::after {

    -webkit-transform: scaleX(1);

    -ms-transform: scaleX(1);

    transform: scaleX(1)

}



.main-nav__item:hover .sub-menu {

    opacity: 1;

    pointer-events: auto

}



.main-nav__link > svg {

    max-width: 28px;

    max-height: 28px

}



.main-nav__link--current, .main-nav__link:hover {

    color: var(--color-header-navigation-link-hover)

}



.main-nav__item--has-children .main-nav__link {

    margin-right: 0;

    padding-right: 4px

}



.main-nav__item--has-children.active .sub-menu__arrow svg {

    -webkit-transform: rotateZ(180deg);

    -ms-transform: rotate(180deg);

    transform: rotateZ(180deg)

}



.faq__details[open] .faq__question:after, .toc.active .toc__title::after {

    transform: unset

}



.main-nav__item--has-children.active .sub-menu {

    position: relative;

    top: 0;

    display: block;

    margin-top: 0;

    padding: 0 1rem;

    opacity: 1;

    pointer-events: auto

}



.main-nav__item--has-children.active .sub-menu::before {

    display: none

}



.dmca-badge, .sub-menu__arrow, .winners {

    display: flex

}



.sub-menu__arrow svg {

    width: 100%;

    height: auto;

    max-width: 15px;

    -webkit-transition: 250ms;

    -o-transition: 250ms;

    transition: 250ms

}



.sub-menu {

    position: absolute;

    top: 100%;

    z-index: 100;

    margin-top: .5rem;

    border-radius: 5px;

    padding: .5rem 1rem;

    background-color: var(--color-header);

    opacity: 0;

    transition: 250ms;

    width: auto;

    pointer-events: none

}



.sub-menu::before {

    content: "";

    position: absolute;

    left: 0;

    top: -.5rem;

    width: 100%;

    height: .5rem

}



.sub-menu:hover {

    color: var(--color-header)

}



.sub-menu__link {

    display: flex;

    -ms-flex-line-pack: center;

    justify-content: center;

    line-height: 28px;

    white-space: nowrap;

    color: var(--color-header-navigation-link);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.faq__question-title svg, .footer-nav__link, .gbtn, .relink__item, .tabs__header-button, .toc__link {

    transition: .3s ease-in-out

}



.sub-menu__link--current, .sub-menu__link:hover {

    color: var(--color-header-navigation-link-hover)

}



.bonus {

    display: grid;

    grid-template-rows:auto 1fr auto auto;

    grid-template-columns:1fr auto;

    border-radius: 12px;

    border: 2px solid #008f5e;

    padding: 20px;

    gap: 8px 12px;

    min-height: 240px;

    height: 100%

}



.bonus._anim-border {

    position: relative;

    z-index: 1;

    overflow: hidden;

    border: none

}



.bonus._anim-border:after, .bonus._anim-border:before {

    content: '';

    position: absolute;

    margin: auto

}



.bonus._anim-border:before {

    width: 1000px;

    top: 0;

    height: 1000px;

    right: 0;

    bottom: 0;

    left: -200px;

    background: #22c1c3;

    animation: 2s linear infinite rotate;

    z-index: -1

}



@keyframes rotate {

    100% {

        transform: rotate(1turn)

    }

}



.bonus._anim-border:after {

    top: 2px;

    right: 2px;

    bottom: 2px;

    left: 2px;

    border-radius: 12px;

    z-index: 0

}



.bonus._anim-border > * {

    z-index: 1

}



.bonus b, .bonus strong {

    color: #f9cb16;

    text-shadow: 0 0 8px rgba(249, 203, 22, .5)

}



.bonus .bonus__title {

    grid-row: 1/2;

    grid-column: 1/2;

    font-size: 24px;

    font-weight: 900;

    line-height: 32px;

    text-transform: uppercase;

    margin: 0;

    color: #fff

}



.bonus .bonus__description {

    grid-row: 2/3;

    grid-column: 1/2;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px;

    color: #fff;

    margin-top: 0

}



.bonus .promocode {

    margin-top: 12px

}



.promocode {

    display: flex;

    gap: 8px;

    grid-row: 3/4;

    grid-column: 1/2

}



.promocode-field {

    flex: 1 1;

    color: #f9cb16;

    font-size: 16px;

    font-weight: 700;

    line-height: 20px;

    border-radius: 8px;

    border: 2px dashed #f9cb16;

    padding: 12px;

    max-width: 220px

}



.bonus__button, .promocode .copy-btn {

    display: flex;

    align-items: center;

    line-height: 20px;

    cursor: pointer

}



.promocode .copy-btn {

    gap: 4px;

    padding: 6px 8px;

    border-radius: 8px;

    color: #fff;

    background: rgba(255, 255, 255, .1);

    border: none;

    font-size: 14px;

    font-weight: 800;

    text-transform: uppercase;

    transition: .2s ease-in-out

}



.promocode .copy-btn:hover {

    background: rgba(255, 255, 255, .3)

}



.bonus__button._gift-btn:before, .toc__link:before, .toc__title::after {

    background-repeat: no-repeat;

    content: ''

}



.bonus__button {

    position: relative;

    min-width: 320px;

    justify-content: space-between;

    border-radius: 8px;

    grid-row: 4/5;

    grid-column: 1/2;

    font-size: 16px;

    font-weight: 700;

    border: none;

    width: fit-content

}



.bonus__button._arrow-btn, .bonus__button._gift-btn {

    border: 1px solid #f9cb16;

    transition: .2s ease-in-out

}



.bonus.v2 {

    gap: 12px;

    padding: 16px

}



.bonus.v2 .bonus__button, .how-to .content-button__control {

    min-width: 240px

}



.bonus.v2 .bonus__button._arrow-btn {

    padding: 10px 12px

}



.bonus__button._gift-btn {

    background-color: #f9cb16;

    padding: 12px 12px 12px 64px

}



.bonus__button._arrow-btn, .bonus__button._gift-btn:hover {

    color: #f9cb16;

    background-color: transparent

}



.bonus__button._arrow-btn {

    padding: 12px

}



.bonus__button._arrow-btn:hover {

    background-color: #f9cb16;

    color: var(--color-second-button)

}



.bonus__button._gift-btn:before {

    position: absolute;

    top: -2px;

    left: 6px;

    width: 52px;

    min-width: 52px;

    height: 52px;

    background-image: url(../images/mini-gift.webp);

    background-position: center;

    animation: 2s infinite move;

    z-index: 3

}



.bonus__button._arrow-btn:after, .bonus__button._gift-btn:after {

    width: 24px;

    height: 24px;

    background-position: center;

    background-repeat: no-repeat;

    content: '';

    min-width: 24px

}



@keyframes move {

    50% {

        transform: translateY(-5px) rotate(15deg)

    }

    70% {

        transform: translateY(-5px) rotate(5deg)

    }

}



.bonus__button._gift-btn:after {

    background-image: url(../images/user.svg);

    z-index: 3

}



.bonus__button._arrow-btn:after {

    background-image: url(../images/btn-arrows.svg)

}



.video {

    max-width: 650px

}



.video__container {

    position: relative;

    padding-bottom: 56.25%;

    width: 100%;

    height: 0;

    background-color: #000

}



.video__preview {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%

}



.video-v2__button, .video__button {

    position: absolute;

    width: 44px;

    height: 44px;

    left: 50%;

    top: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    outline: 0;

    border: none;

    border-radius: 22px;

    background: #575757;

    transform: translate(-50%, -50%);

    transition: .3s ease-in-out;

    cursor: pointer

}



.video__button:hover {

    opacity: .5;

    cursor: pointer

}



.faq__details, .video__button:focus, :active, :focus, a:active, a:focus {

    outline: 0

}



.video__button:focus .video__button-shape, .video__button:hover .video__button-shape {

    fill: red;

    fill-opacity: 1

}



.video__media {

    position: absolute;

    left: 0;

    top: 0;

    border: none;

    width: 100%;

    height: 100%

}



.video.align-center {

    margin: 0 auto

}



.ar, .video.align-right {

    margin-left: auto

}



.page-footer {

    margin: 33px 20px 0;

    padding: 33px 40px 40px;

    background-color: var(--color-footer);

    border-radius: 12px 12px 0 0

}



.faq__item, .toc {

    background: #0f442e

}



.page-footer--enable-mobile-button {

    padding-bottom: 100px !important

}



.footer-col_nav {

    justify-content: flex-start;

    align-items: center;

    flex: 1 1

}



.page-footer__top {

    display: flex;

    -ms-flex-flow: wrap row-reverse;

    flex-flow: wrap row-reverse;

    gap: 20px

}



.page-footer__copyright {

    width: 100%;

    font-size: 14px;

    line-height: 16px;

    text-align: center;

    color: var(--color-footer-text);

    max-width: 120px

}



.faq__question, .footer-nav__link {

    font-size: 16px;

    font-weight: 500;

    line-height: 20px

}



.footer-nav__list {

    display: flex;

    gap: 12px 20px;

    flex-direction: column;

    flex-wrap: wrap;

    align-items: flex-start;

    justify-content: center;

    margin: 0;

    padding: 0;

    max-height: 150px

}



.page-footer__nav {

    width: 468px

}



.footer-nav__list .sub-menu {

    margin: .2rem 0

}



.footer-nav__item {

    display: flex;

    min-width: 224px

}



.footer-nav__link {

    display: inline-block;

    color: var(--color-footer-navigation-link)

}



.footer-nav__link--current, .footer-nav__link:hover {

    color: var(--color-footer-navigation-link-hover)

}



.footer-container {

    display: flex;

    flex-wrap: wrap;

    padding: 0

}



.advantages, .advantages__item, .col, .counter, .footer-col, .img-steps li, .img-steps__content, .offers-list__content, body, ul.wp-block-list {

    display: flex;

    flex-direction: column

}



@media (max-width: 768px) {

    .content-button__control {

        min-width: unset

    }



    .page-header__button {

        min-width: fit-content;

        flex: 1 1

    }



    .bonus {

        padding: 16px;

        gap: 16px 12px;

        min-height: unset

    }



    .bonus .bonus__title {

        font-size: 20px;

        font-weight: 900;

        line-height: 24px

    }



    .bonus .promocode {

        margin-top: -12px

    }



    .bonus.v2 {

        gap: 8px

    }



    .bonus.v2 .bonus__title {

        grid-row: 1/2;

        grid-column: 1/2

    }



    .bonus.v2 .bonus__description {

        grid-column: 1/3

    }



    .page-footer {

        margin: 33px 16px 0;

        padding: 16px

    }

}



.mobile-button .mobile-button__bonus, .mobile-button .mobile-button__title {

    margin-top: 0;

    font-weight: 900;

    font-size: 14px;

    line-height: 20px;

    grid-column: 2/3

}



.faq__item {

    border-radius: 12px;

    border: 2px solid #008f5e;

    padding: 16px

}



.faq__item:not(:last-child) {

    margin-bottom: 16px

}



.faq__details .faq__question-title {

    color: #fff;

    font-size: 17px;

    font-weight: 800;

    line-height: 24px

}



.faq__question {

    display: flex;

    align-items: center;

    gap: 8px;

    outline: 0;

    cursor: pointer

}



.faq__details[open] .faq__question {

    padding-bottom: 16px;

    border-bottom: 1px solid #18533b

}



.faq__question::-webkit-details-marker {

    display: none

}



.toc__title::after {

    width: 32px;

    min-width: 32px;

    height: 32px;

    background-position: center;

    background-image: url("../images/round-arrow.svg");

    transform: rotate(180deg);

    display: flex;

    transition: 250ms

}



.faq__question-title {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin: 0;

    width: 100%;

    font-family: inherit;

    font-weight: 700;

    font-size: 20px;

    line-height: 24px;

    color: var(--color-faq-item-title);

    gap: 10px

}



.faq__question-title svg {

    z-index: 10;

    flex-shrink: 0;

    width: 30px;

    height: 30px

}



.faq__answer {

    padding: 16px 0 0

}



.faq__answer * {

    margin-top: .8rem;

    font-weight: 500;

    font-size: inherit;

    line-height: inherit

}



.toc, .toc__list, .toc__title {

    margin: 0;

    display: flex;

    width: 100%

}



.faq__answer :first-child {

    margin-top: 0

}



.toc {

    flex-direction: column;

    align-items: center;

    border-radius: 12px;

    border: 2px solid #008f5e;

    padding: 16px

}



.toc__title {

    position: relative;

    justify-content: space-between;

    align-items: center;

    color: #fff;

    cursor: pointer

}



.toc.active .toc__title {

    margin-bottom: 12px

}



.toc__list {

    flex-wrap: wrap;

    gap: 12px;

    overflow: hidden;

    padding: 0;

    height: auto;

    max-height: 0

}



.toc__link {

    align-items: center;

    display: flex;

    gap: 4px;

    padding: 6px 12px;

    color: #fff;

    border-radius: 8px;

    border: 1px solid #008f5e

}



.toc__link:before {

    display: flex;

    width: 12px;

    min-width: 12px;

    height: 12px;

    background-image: url("../images/list-marker.svg");

    background-position: center

}



.toc.active .toc__list {

    max-height: 100%

}



.page-single {

    margin: 0 auto 3rem;

    padding: 0 10px;

    max-width: var(--display-width)

}



.mobile-button {

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 100;

    display: grid;

    grid-template-columns:auto 1fr auto;

    grid-template-rows:auto auto;

    border-radius: 12px 12px 0 0;

    padding: 8px;

    gap: 0 8px;

    background-image: linear-gradient(92deg, #1e283f, rgba(20, 27, 46, .6));

    background-color: #090f1e;

    border: 1px solid #2972d6;

    border-bottom: none;

    color: #fff;

    width: 100%;

    cursor: pointer

}



.mobile-button img {

    grid-column: 1/2;

    grid-row: 1/3;

    max-width: 58px;

    height: auto;

    margin: auto

}



.mobile-button .mobile-button__title {

    grid-row: 1/2;

    text-align: left;

    text-transform: uppercase

}



.mobile-button .mobile-button__bonus {

    grid-row: 2/3;

    text-align: left;

    color: #f9cb16;

    text-transform: uppercase

}



.mobile-button__btn {

    display: flex;

    align-items: center;

    grid-column: 3/4;

    grid-row: 1/3;

    font-size: 14px;

    font-weight: 800;

    line-height: 20px;

    padding: 10px 16px;

    border-radius: 8px;

    color: #fff;

    background-color: var(--color-second-button-bg);

    margin: auto

}



.background-block {

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat

}



.page-404 .container {

    display: flex;

    flex-direction: column;

    margin-top: 2rem;

    margin-bottom: 2rem

}



.page-404 {

    background-image: url(../images/404.webp);

    background-position: -100px

}



.page-404__title {

    margin-top: 2rem;

    font-size: 5rem;

    line-height: 6rem;

    text-align: center

}



.page-404__subtitle {

    margin: 0;

    font-weight: 400;

    font-size: 2rem;

    line-height: 2.5rem;

    text-align: center

}



.page-404__link {

    display: inline-block;

    margin: 2rem auto 0;

    border: none;

    border-radius: 5px;

    padding: .7rem 2rem;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;

    font-size: 1.2rem;

    color: var(--color-content-button);

    background: var(--content-button-gradient);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    -webkit-transition: 150ms;

    -o-transition: 150ms;

    transition: 150ms;

    cursor: pointer

}



.page-404__link:hover {

    -webkit-transform: translateY(-3px);

    -ms-transform: translateY(-3px);

    transform: translateY(-3px)

}



.scroll-top {

    position: fixed;

    right: 10px;

    bottom: 80px;

    z-index: 10

}



.scroll-top__button {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    display: flex;

    align-items: center;

    justify-content: center;

    outline: 0;

    border: none;

    border-radius: 5px;

    width: 50px;

    height: 50px;

    -webkit-box-shadow: 0 0 20px 5px #223c5059;

    box-shadow: 0 0 20px 5px #223c5059;

    background-color: var(--color-scroll-to-top);

    -webkit-transition: -webkit-transform .3s ease-in-out;

    -o-transition: transform .3s ease-in-out;

    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out

}



.scroll-top__button svg {

    fill: var(--color-arrow-scroll-to-top);

    pointer-events: none

}



.scroll-top__button:hover {

    -webkit-transform: translateY(3px);

    -ms-transform: translateY(3px);

    transform: translateY(3px)

}



body::-webkit-scrollbar {

    width: 10px

}



body::-webkit-scrollbar-track {

    background-color: var(--color-body-track)

}



body::-webkit-scrollbar-thumb {

    border: 1px solid var(--color-body-track);

    border-radius: 10px;

    height: 20%;

    background: var(--color-body-thumb)

}



.video-v2 {

    display: flex;

    align-items: center;

    margin-top: 1rem;

    margin-bottom: 1rem

}



.calculator-inner-left--price-wrapper, .video-v2__container {

    position: relative;

    width: 100%

}



.video-v2.align-left {

    justify-content: flex-start

}



.video-v2.align-center {

    justify-content: center

}



.video-v2.align-right {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.video-v2__player {

    display: block;

    width: 100%;

    height: auto;

    object-fit: contain;

    aspect-ratio: 16/9;

    max-height: 488px;

    background-color: #454545

}



.video-v2__button:hover {

    opacity: .5

}



.video-v2._active .video-v2__button {

    opacity: 0;

    visibility: hidden;

    pointer-events: none

}



.lang-switch:hover .lang-switch__list, .languages-switcher._show .languages-switcher__list {

    visibility: visible;

    pointer-events: all;

    opacity: 1

}



.form .custom-select__current, .video-v2._active .video-v2__player, button {

    cursor: pointer

}



.video-v2__button-shape {

    fill: #0009

}



.video-v2__button-icon {

    fill: #fff

}



.video-v2__button:hover .video-v2__button-shape {

    fill: red

}



.video-v2__button svg path {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.text-image__container {

    display: grid;

    grid-template-columns:repeat(2, 1fr);

    gap: 0 20px

}



.text-image__container.reversed > img {

    grid-column: 1;

    grid-row: 1

}



.text-image__container.reversed > .text-image__content {

    grid-column: 2;

    grid-right: 1

}



.text-image:not(._h1-block) .text-image__container > .wp-block-heading {

    grid-row: 1/2;

    grid-column: 1/3

}



.page-footer__widget p, .text-image__container > p:first-of-type, .text-image__item > :first-child {

    margin-top: 0

}



.text-image__container img {

    display: flex;

    align-items: center;

    justify-content: center;

    grid-column: 2/3;

    border-radius: 12px;

    overflow: hidden

}



.text-image._h1-block > .wp-block-heading {

    grid-column: 1/2;

    margin-bottom: 20px

}



.text-image__container.align-center .text-image__item {

    margin-top: auto;

    margin-bottom: auto;

    height: fit-content

}



.tabs__item > :last-child, .text-image__item > :last-child, .wrapper > p:last-of-type {

    margin-bottom: 0

}



* + .screenshot-gallery, .comment-footer, .text-image + .text-image {

    margin-top: 2rem

}



.wp-admin ol[class] {

    list-style: decimal

}



.wp-admin ul[class] {

    list-style: circle

}



@media (hover: hover), screen and (min-width: 0\0

) {

    .toc__link:focus, .toc__link:hover {

        color: #f9cb16

    }



    .gbtn:focus, .gbtn:hover {

        background-color: var(--color-accent) !important;

        opacity: 1

    }

}



@media (hover: hover), screen and (min-width: 0 \0

) {

    .social__link:focus img, .social__link:focus svg, .social__link:hover img, .social__link:hover svg {

        -webkit-transform: scale(1.2);

        -ms-transform: scale(1.2);

        transform: scale(1.2)

    }

}



@media (min-width: 1024px) {

    .main-nav__item--has-children:hover .sub-menu__arrow svg {

        -webkit-transform: rotateZ(180deg);

        -ms-transform: rotate(180deg);

        transform: rotateZ(180deg)

    }



    .sub-menu__arrow {

        pointer-events: none

    }

}



@media screen and (max-width: 1280px) {

    :root {

        --offsets: 20px

    }

}



@media (max-width: 1280px) {

    .advantages--6 {

        -ms-grid-columns:(1fr) [ 5 ];

        grid-template-columns:repeat(5, 1fr)

    }



    .advantages--5 {

        grid-template-columns:repeat(4, 1fr)

    }



    .advantages--4 {

        grid-template-columns:repeat(3, 1fr)

    }

}



@media (max-width: 1279px) {

    .tabs--vertical .tabs__container {

        grid-template-columns:1fr

    }



    .tabs--vertical .tabs__header {

        -ms-flex-flow: nowrap row;

        flex-flow: nowrap row;

        overflow: auto;

        margin-right: 0;

        border-style: none;

        border-radius: 16px 16px 0 0;

        padding: 0

    }



    .tabs--vertical .tabs__header-item {

        -ms-flex-negative: 0;

        flex-shrink: 0;

        width: -webkit-fit-content;

        width: -moz-fit-content;

        width: fit-content

    }



    .tabs--vertical .tabs__header-button {

        border-bottom: none;

        border-radius: 0;

        padding: 12px 20px;

        width: -webkit-fit-content;

        width: -moz-fit-content;

        width: fit-content

    }



    .tabs--vertical .tabs__content {

        border-radius: 0 0 16px 16px;

        padding: 24px 16px

    }



    .tabs--vertical .tabs__header-item:not(:first-child) {

        border: none

    }



    .tabs--vertical .tabs__header-item:first-child .tabs__header-button {

        border-top-left-radius: 18px;

        border-top-right-radius: 0

    }



    .tabs--vertical .tabs__header-item:last-child .tabs__header-button {

        border-radius: 0 18px 0 0

    }

}



@media screen and (max-width: 1024px) {

    :root {

        --offsets: 16px

    }

}



@media (max-width: 1024px) {

    .page-footer {

        padding: 16px

    }



    .footer-container {

        flex-direction: column;

        gap: 40px;

        padding: 0

    }



    .footer-col {

        align-items: center

    }



    .page-footer__nav {

        width: unset

    }



    .footer-nav__item {

        min-width: unset

    }



    .footer-nav__list {

        max-height: unset

    }



    .footer-col_nav {

        align-items: flex-start

    }



    .main-nav__item--has-children, .main-nav__list {

        -webkit-box-direction: normal

    }



    html {

        font-size: 16px

    }



    .page-header__container {

        position: relative;

        justify-content: space-between;

        padding: 8px var(--offsets)

    }



    .page-header__logo {

        max-width: 100px

    }



    .page-header__nav {

        margin-top: unset;

        -webkit-box-ordinal-group: 4;

        -ms-flex-order: 3;

        order: 3

    }



    .page-header__buttons {

        -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

        order: 2

    }



    .page-header__burger {

        display: flex;

        -webkit-box-ordinal-group: 4;

        -ms-flex-order: 3;

        order: 3;

        margin-left: 20px

    }



    .page-header__nav + .page-header__buttons {

        margin-left: auto

    }



    .main-nav {

        position: absolute;

        left: 0;

        right: 0;

        top: 100%;

        margin-right: calc(-100vw / 2 + 100% / 2) !important;

        margin-left: calc(-100vw / 2 + 100% / 2) !important;

        max-width: 100vw !important;

        background-color: var(--color-header);

        opacity: 0;

        -webkit-transition: opacity 250ms;

        -o-transition: opacity 250ms;

        transition: opacity 250ms;

        pointer-events: none

    }



    .main-nav.active {

        z-index: 8000;

        opacity: 1;

        pointer-events: auto

    }



    .main-nav__list {

        flex-direction: column;

        align-items: flex-start;

        margin: 32px 16px 12px

    }



    .main-nav__item {

        width: 100%

    }



    .main-nav__item:not(:last-child) {

        border-bottom: 1px solid #18533b

    }



    .main-nav__link {

        display: flex;

        justify-content: flex-start;

        align-items: center;

        margin: 0;

        padding: 8px 0;

        width: 100%

    }



    .main-nav__link svg {

        margin-right: 4px

    }



    .main-nav__item--has-children {

        flex-direction: column;

        align-items: flex-start

    }



    .sub-menu__arrow svg {

        -webkit-transform: rotate(0);

        -ms-transform: rotate(0);

        transform: rotate(0)

    }



    .sub-menu__arrow {

        display: flex;

        position: absolute;

        right: 0;

        top: 0;

        padding: 16px 5px 16px 30%;

        width: -webkit-fit-content;

        width: -moz-fit-content;

        width: fit-content;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        pointer-events: auto

    }



    .sub-menu {

        display: none;

        width: 100%

    }



    .main-nav__item--has-children.active .sub-menu {

        padding: 0 0 0 48px

    }



    .sub-menu__link {

        justify-content: flex-start;

        font-size: 14px;

        font-weight: 500;

        line-height: 20px

    }



    .page-footer__widget {

        flex-grow: 1

    }



    .page-footer__widget + .page-footer__widget {

        margin-right: 0

    }



    .advantages--6 {

        grid-template-columns:repeat(4, 1fr)

    }



    .advantages--5 {

        grid-template-columns:repeat(3, 1fr)

    }



    .advantages--2, .advantages--3 {

        grid-template-columns:repeat(2, 1fr)

    }



    .text-image__container {

        grid-template-columns:1fr;

        gap: 16px

    }



    .text-image__container.reversed .text-image__item {

        grid-column: auto;

        grid-row: auto

    }



    .text-image__container.reversed > img, .text-image__container > img {

        grid-column: 1;

        grid-row: 2

    }



    .text-image__container.reversed > .text-image__content, .text-image__container > .text-image__content {

        grid-column: 1;

        grid-row: 1

    }



    .text-image._h1-block .text-image__container > img {

        grid-row: 1/2

    }

}



.btn_disabled, .calculator-inner-left--price-currency, .disciplines-list li::after, .disciplines-list li::before, .form__label-descr::after, .header__burger::before, .header__nav-icon, .lang-switch__list, .languages-switcher__list, .menu::before, .menu__header-icon::before, .mp-hero-section__bg, .mp-hero-section__bonus::before, .mp-hero-section__download::before, .offers-list__content::after, .promo-code__copy-link svg, .promo-code__copy-link._active svg, .section-hero__bg, .section-hero__bonus::before, .steps-list__item-wrap::before, .steps-list__item::before, .winners-list::before, .winners-list__item {

    pointer-events: none;

    pointer-events: none

}



.content-button__control:hover, .game__affiliate-link:hover, .game__demo-link:hover, .links-image__button:hover, .promo-code__copy-link:hover, .promo-code__link:hover, .slots__button._cash:hover, .tabs__header-button:hover {

    opacity: .7

}



.disciplines-list li:active::before, .footer__soc a, .form .custom-select .custom-select__current:focus::after, .form .custom-select .custom-select__current:hover::after, .form__label input:focus::after, .form__label input:hover::after, .form__label-descr:hover::after, .form__label.error .form__label-error, .header__lang.active .header__lang-active::before, .header__lang:hover .header__lang-active::before, .promo-code__copy-link._active:hover {

    opacity: 1

}



@media (max-width: 800px) {

    .wrapper:first-child .columns__item--content {

        display: flex;

        flex-direction: column

    }



    .wrapper:first-child .columns__item--content h1 {

        -webkit-box-ordinal-group: -1;

        -ms-flex-order: -2;

        order: -2

    }

}



@media (max-width: 767px) {

    .wrapper:not(:first-child) {

        margin-top: 56px;

        margin-bottom: 28px

    }



    h1, h2 {

        font-weight: 800;

        line-height: 32px

    }



    h1 {

        font-size: 28px;

        margin-bottom: 12px

    }



    h2 {

        font-size: 25px

    }



    .wrapper:first-child {

        padding-top: 28px;

        margin-bottom: 28px

    }



    .faq__question {

        flex-wrap: wrap;

        gap: 12px;

        font-size: 14px;

        line-height: 130%

    }



    .faq__question::after {

        margin-left: auto

    }



    .faq__question-title {

        order: 3;

        flex: 1 1 100%

    }



    .faq__question-title svg {

        margin-left: 15px;

        width: 18px;

        height: 18px;

        fill: var(--color-faq-item-title)

    }



    .toc__list.vertical, .toc__nav {

        -webkit-box-direction: normal

    }



    .content-button, .toc.active .toc__list {

        margin-top: 20px

    }



    .toc__link, .toc__list, .toc__list.vertical, .toc__list.vertical .toc__item, .toc__title {

        width: 100%

    }



    .wrapper {

        padding: 0

    }



    .faq__details {

        border-radius: 5px

    }



    .toc__nav {

        flex-direction: column

    }



    .toc__title::after {

        display: inline-block

    }



    .toc__title {

        margin: 0

    }



    .toc__list.vertical {

        flex-direction: column;

        align-items: center

    }



    .toc__list.vertical .toc__item:not(:last-child) {

        margin-right: 0

    }



    .toc__link {

        text-align: center

    }



    .advantages--6 {

        grid-template-columns:repeat(3, 1fr)

    }



    .advantages--4, .advantages--5 {

        grid-template-columns:repeat(2, 1fr)

    }



    .advantages--2, .advantages--3, .difference {

        grid-template-columns:1fr

    }



    .screenshot-gallery__list {

        overflow-x: auto;

        width: 100%;

        max-width: 980px

    }



    .screenshot-gallery__item {

        min-width: 300px;

        max-width: 325px

    }



    .tabs__header-button {

        cursor: auto

    }



    .tabs--horizontal .tabs__header-button {

        padding: 8px;

        font-size: 18px;

        line-height: 24px

    }

}



h1, h2 {

    margin-bottom: 32px

}



@media (max-width: 700px) {

    html {

        font-size: 15px

    }

}



@media screen and (max-width: 700px) {

    #cookie-law-div p {

        padding-bottom: 36px

    }



    .acceptButton {

        left: calc(50% - 60px)

    }

}



@media (max-width: 650px) {

    .sub-menu {

        max-width: 100%

    }

}



@media screen and (max-width: 600px) {

    .acceptButton {

        top: 100px !important

    }



    #cookie-law-div p {

        padding-bottom: 50px

    }

}



@media (max-width: 550px) {

    .page-header__buttons {

        margin: 0 -.2rem

    }



    .page-footer__widget {

        -ms-flex-preferred-size: 100%;

        flex-basis: 100%

    }



    .promocode__buttons {

        flex-direction: column;

        align-items: stretch

    }



    .promocode__link--aff {

        max-width: 100%

    }



    .advantages--6 {

        grid-template-columns:repeat(2, 1fr)

    }



    .advantages--4, .advantages--5 {

        grid-template-columns:1fr

    }

}



@media (max-width: 500px) {

    html {

        font-size: 16px

    }



    .page-header__container {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .page-header__buttons {

        display: flex;

        align-items: center;

        -webkit-box-ordinal-group: 6;

        -ms-flex-order: 5;

        order: 5;

        margin-top: 1rem;

        width: 100%;

        text-align: center

    }



    .page-header {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .page-header__button {

        flex-grow: 1

    }



    .comment-form__button, .comment-form__input {

        width: calc(100% - 20px)

    }

}



@media (max-width: 475px) {

    .content-button__control {

        width: 100%

    }



    .advantages--6 {

        grid-template-columns:1fr

    }

}



@media screen and (max-width: 400px) {

    .acceptButton {

        top: 127px !important

    }

}



.image {

    position: relative;

    width: 100%;

    height: 320px;

    border-radius: 12px;

    overflow: hidden;

    margin-bottom: 20px

}



.image img {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    min-width: 100%;

    height: 100%;

    object-fit: cover

}



.wp-block-columns {

    display: flex;

    margin: 0 auto;

    padding: 0 var(--offsets);

    max-width: var(--display-width);

    gap: 20px

}



.winners .winners__title {

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 800;

    line-height: 20px;

    color: #f9cb16;

    background-color: #008f5e;

    padding: 8px;

    border-radius: 4px 0 0 4px

}



.about .about__bonuses-list li, .about .about__payment-methods td:last-child .about__currencies, .about tr td, .winners .winners__person {

    font-weight: 500;

    font-size: 14px;

    line-height: 20px

}



.winners .winners__rline {

    display: flex;

    align-items: center;

    flex: 1 1;

    overflow: hidden;

    width: max-content;

    border-radius: 0 4px 4px 0

}



.winners .winners__list {

    display: flex;

    list-style: none;

    margin: 0;

    padding-left: 100%;

    animation: 40s linear infinite scroll

}



.mp-hero-section__bonus::before, .mp-hero-section__download::before, .section-hero__bonus::before {

    animation: 4s infinite animGrad

}



.winners .winners__person {

    display: flex;

    align-items: center;

    gap: 4px;

    color: #d2d2d2;

    white-space: nowrap;

    margin-left: 32px

}



@keyframes scroll {

    from {

        transform: translateX(0)

    }

    to {

        transform: translateX(calc(-100% - 3px))

    }

}



.winners .winners__person:before {

    content: '';

    width: 24px;

    min-width: 24px;

    height: 24px;

    background-image: url("../images/award.svg");

    background-repeat: no-repeat;

    background-position: center

}



.winners .winners__reward {

    color: #fff;

    font-size: 14px;

    font-weight: 800;

    line-height: 20px;

    margin-right: 4px

}



.about tr td p span, .cards .cards__title {

    color: #f9cb16;

    font-weight: 800

}



.about {

    border: unset;

    background-color: unset

}



.about tbody {

    display: flex;

    flex-wrap: wrap;

    gap: 20px

}



.about .about__about, .about .about__game-types {

    flex: 0 1 330px

}



.about .about__payment-methods {

    flex: 1 1;

    min-width: 718px

}



.about tr {

    display: flex;

    flex-direction: column;

    gap: 16px;

    border-radius: 12px;

    border: 2px solid #008f5e;

    background: #0f442e;

    padding: 16px

}



.about tr td {

    border: unset;

    color: #fff;

    padding: 0

}



.about tr td:first-child {

    font-size: 23px;

    font-weight: 800;

    line-height: 28px;

    margin: 0;

    padding: 0

}



.about tr td p {

    color: #fff;

    margin: 0

}



.about tr.about__about td p {

    padding: 16px 0

}



.about tr.about__about td p:not(:last-child), .about tr.about__game-types td p:not(:last-child) {

    border-bottom: 1px solid #2972d6

}



.about tr.about__about td p:first-child, .about tr.about__game-types td p:first-child {

    padding-top: 0

}



.about tr.about__game-types td p {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 12px 0;

    font-size: 14px;

    font-weight: 800;

    line-height: 20px

}



.about tr.about__game-types td p:last-child {

    padding-bottom: 0

}



.about .about__devices img, .about .about__game-types img, .about .about__support img {

    max-width: 32px

}



.about .about__payment-methods td:last-child {

    display: flex;

    flex-wrap: wrap

}



.about .about__payment-methods td, .form .custom-select.active .custom-select__options, .lang-switch__item, .lang-switch__link {

    display: flex

}



.about .about__payment-methods td:last-child .about__mindep, .about .about__payment-methods td:last-child .about__minwit, .about .about__payment-methods td:last-child .col {

    flex: 1 1 50%

}



.about .about__payment-methods td:last-child .about__currencies {

    flex: 1 1 100%;

    border-bottom: 1px solid #2972d6;

    padding-bottom: 16px;

    padding-top: 16px

}



.about .about__payment-methods td:last-child .about__deposit, .about .about__payment-methods td:last-child .about__withdrawal {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    list-style: none;

    padding-left: 0;

    margin-top: 12px

}



.about .about__payment-methods td:last-child .about__mindep, .about .about__payment-methods td:last-child .about__minwit {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 4px;

    padding-top: 16px;

    font-size: 14px;

    font-weight: 500;

    line-height: 20px

}



.about .about__payment-methods td:last-child .about__mindep span, .about .about__payment-methods td:last-child .about__minwit span {

    font-weight: 800

}



.about .about__payment-methods img {

    max-width: 34px

}



@media (max-width: 1100px) {

    .image {

        height: 160px

    }



    .about .about__payment-methods td .col:not(:first-child) {

        padding-left: 0

    }

}



.about .about__payment-methods td .col {

    border-bottom: 1px solid #2972d6;

    padding-bottom: 16px

}



.about .about__payment-methods td .col:not(:last-of-type) {

    border-right: 1px solid #2972d6;

    padding-right: 16px

}



.about .about__payment-methods td .col:not(:first-child) {

    padding-left: 16px

}



.about .about__bonuses {

    flex: 0 1 485px

}



.about .about__bonuses-list {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    list-style: none

}



.about .about__bonuses-list li {

    padding: 6px 12px;

    border-radius: 4px;

    border: 1px solid #008f5e

}



.about .about__devices-list, .about .about__support-list {

    display: flex;

    flex-wrap: wrap;

    gap: 12px

}



.about .about__devices-list li, .about .about__support-list li {

    display: flex;

    align-items: center;

    gap: 8px;

    flex: 1 1 calc(50% - 20px);

    font-size: 14px;

    font-weight: 800;

    line-height: 20px

}



.about .about__software {

    min-width: 280px

}



.about .about__software img {

    max-width: 146px

}



.about .about__software td {

    display: flex;

    flex-direction: column;

    gap: 12px;

    max-width: 280px

}



@media (max-width: 1460px) {

    .about .about__about, .about .about__game-types {

        flex: 0 1 auto

    }



    .about .about__payment-methods {

        min-width: unset;

        flex: 1 1 50%

    }

}



@media (max-width: 1100px) {

    .about .about__about, .about .about__bonuses, .about .about__game-types, .about .about__payment-methods {

        flex: 1 1 calc(50% - 20px)

    }



    .about .about__devices, .about .about__software, .about .about__support {

        flex: 1 1 30%

    }



    .about .about__software {

        min-width: unset

    }

}



.how-to .how-to__list {

    display: flex;

    flex-direction: column;

    gap: 16px

}



.how-to .how-to__item {

    overflow: hidden;

    position: relative;

    display: flex;

    flex-direction: column;

    border-radius: 8px;

    border: 2px solid #008f5e

}



.how-to .how-to__counter {

    width: 100%;

    padding: 12px 12px 8px;

    font-size: 14px;

    font-weight: 800;

    line-height: 20px

}



.how-to .how-to__content {

    display: grid;

    padding: 16px;

    gap: 0 16px;

    grid-template-columns:repeat(2, 1fr)

}



.how-to .how-to__content > :nth-child(3) {

    margin-top: 0

}



.how-to .how-to__title {

    grid-column: 1/2;

    margin-top: 0;

    margin-bottom: 8px

}



.how-to__content-text, .how-to__content-wrapper, .text-image._h1-block .text-image__content {

    margin: auto 0

}



.how-to .how-to__item:not(:last-child):before {

    position: absolute;

    right: 0;

    bottom: 16px;

    left: 0;

    margin: auto;

    content: '';

    width: 44px;

    min-width: 44px;

    height: 24px;

    background-image: url("../images/how-to_arrows.svg");

    background-repeat: no-repeat;

    background-position: center;

    z-index: 1

}



.how-to .how-to__item:not(:last-child):after {

    position: relative;

    content: '';

    width: calc(100% - 32px);

    height: 1px;

    margin: 12px auto 27px

}



.cards .cards__list {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    list-style: none

}



.cards .cards__item {

    display: flex;

    gap: 16px;

    flex: 1 1 calc(50% - 10px);

    border-radius: 12px;

    border: 2px solid #008f5e;

    background-color: #0f442e;

    overflow: hidden

}



.cards .cards__content {

    display: flex;

    flex-direction: column;

    gap: 12px;

    padding: 16px 16px 16px 0

}



.cards .cards__title {

    font-size: 23px;

    line-height: 28px;

    margin: 0

}



.cards .cards__description, .slots .slots__text {

    color: #d2d2d2;

    font-weight: 500;

    line-height: 20px

}



.cards .cards__description {

    font-size: 16px;

    flex: 1 1;

    margin: 0

}



.slots .slots__list {

    display: grid;

    grid-template-columns:repeat(4, 1fr);

    flex-wrap: wrap;

    gap: 20px

}



.slots .slots__item {

    position: relative;

    border-radius: 12px;

    border: 2px solid #008f5e;

    overflow: hidden;

    transition: .2s;

    aspect-ratio: 4/3

}



.slots .slots__content {

    position: relative;

    display: flex;

    flex-direction: column;

    gap: 8px;

    width: 100%;

    height: 100%;

    background-color: rgb(5 5 5 / 75%);

    z-index: 1;

    transition: .2s

}



.slots .slots__text {

    text-align: center;

    margin-top: 0;

    margin-bottom: 5px;

    font-size: 14px

}



.slots__title {

    text-align: center;

    font-size: 17px;

    font-weight: 800;

    line-height: 24px;

    margin-top: 0;

    margin-bottom: auto;

    color: #fff

}



.slots__button {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 10px 10px 10px 12px;

    border-radius: 8px;

    font-size: 16px;

    font-weight: 700;

    line-height: 20px;

    border: unset;

    width: auto;

    cursor: pointer

}



.slots__button._cash {

    color: #fff;

    background-image: linear-gradient(255deg, #00b7ff, #8d53e9);

    border: none;

    margin-top: 8px;

    transition: .2s ease-in-out;

    width: 100%

}



.popup, .popup .popup__content iframe, .popup .popup__win {

    margin: auto;

    right: 0;

    top: 0;

    bottom: 0;

    left: 0

}



.slots .slots__demo-button {

    color: #fff;

    border: 1px solid #f9cb16;

    background-color: unset;

    transition: .2s ease-in-out

}



.slots .slots__demo-button:hover {

    color: #196948;

    background-color: #f9cb16

}



.slots .slots__demo-button:after, .slots__button._cash:after {

    content: '';

    width: 24px;

    min-width: 24px;

    height: 24px;

    background-repeat: no-repeat;

    background-position: center

}



.slots__button._cash:after {

    background-image: url("../images/Cash.svg")

}



.slots .slots__demo-button:after {

    background-image: url("../images/Play.svg")

}



@media (max-width: 1200px) {

    .bonus .bonus__title {

        grid-row: 1/2;

        grid-column: 1/3

    }



    .bonus .bonus__description {

        grid-row: 2/3;

        grid-column: 1/2

    }



    .bonus .promocode {

        grid-row: 3/4;

        grid-column: 1/3

    }



    .bonus .promocode-field {

        max-width: unset

    }



    .bonus__button {

        min-width: unset;

        width: 100%

    }



    .bonus .bonus__button {

        grid-row: 4/5;

        grid-column: 1/3

    }



    .bonus.v2 {

        grid-template-rows:auto 1fr auto

    }



    .bonus.v2 .bonus__button {

        grid-row: 3/4

    }



    .cards .cards__item {

        flex: 1 1 100%

    }



    .cards .bonus__button {

        min-width: 320px;

        width: fit-content

    }



    .slots .slots__list {

        grid-template-columns:repeat(3, 1fr)

    }

}



@media (max-width: 850px) {

    .slots .slots__list {

        grid-template-columns:repeat(2, 1fr)

    }

}



@media (max-width: 600px) {

    #cookie-law-div {

        right: 0;

        bottom: 0;

        border-radius: 0;

        max-width: 100%

    }



    .slots .slots__list {

        grid-template-columns:1fr

    }



    .slots .slots__item {

        height: auto

    }



    .slots .slots__item .slots__content {

        position: relative;

        display: flex;

        height: auto

    }

}



.popup {

    display: none;

    position: fixed;

    width: 100%;

    height: 100%;

    background-color: rgb(4 4 4 / 90%);

    z-index: 990

}



.popup._active {

    display: block

}



.popup .popup__win {

    display: flex;

    flex-direction: column;

    position: absolute;

    max-width: 860px;

    height: 580px;

    background-color: #19213a;

    border-radius: 12px;

    overflow: hidden

}



.popup .popup__header {

    display: flex;

    gap: 24px;

    padding: 12px

}



.popup .popup__title {

    display: flex;

    align-items: center;

    color: #fff;

    font-size: 23px;

    font-weight: 800;

    line-height: 28px

}



.popup .popup__buttons {

    display: flex;

    align-items: center;

    margin: 10px

}



.toc-auto.active .toc-auto__toggle .open, .toc-auto.active .toc-auto__toggle::after, .toc-auto__toggle .close {

    display: none

}



.popup .slots__button {

    min-width: 296px;

    margin-bottom: 0;

    width: 100%

}



.popup .popup__cross {

    width: 44px;

    min-width: 44px;

    height: 44px;

    background-image: url("../images/cross.svg");

    background-position: center;

    background-repeat: no-repeat;

    cursor: pointer;

    margin-left: auto

}



.popup .popup__content {

    position: relative;

    flex: 1 1

}



.popup .popup__content iframe {

    position: absolute;

    width: 100%;

    height: 100%

}



.footer__logo img, .page-footer__widget img {

    width: auto;

    object-fit: contain

}



.footer__logo {

    align-items: center

}



.footer__logo img {

    max-height: 76px

}



.page-footer__widget img {

    max-height: 64px

}



.info-block-v2__list {

    border: 1px solid var(--color-table-border);

    box-shadow: 0 0 15px rgb(0 0 0 / 5%);

    border-collapse: collapse;

    width: 100%

}



.img-steps li, .info-list__item-content, .news-list__item, .offers-list__item {

    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1411764706)

}



.info-block-v2__item:not(:last-child) {

    border-bottom: 1px solid var(--color-table-border)

}



.info-block-v2__item-logo-and-title {

    border: none;

    padding: 25px 10px;

    font-weight: 700;

    color: var(--color-table-td-color);

    min-width: 200px

}



.info-block-v2__item-wrapper {

    display: flex;

    align-items: center;

    justify-content: flex-start

}



.info-block-v2__item-logo-and-title img {

    max-height: 45px;

    object-fit: contain;

    width: 100%

}



.info-block-v2__item-other-cell {

    padding: 25px 10px;

    align-self: center;

    border-bottom: 1px solid var(--color-table-border);

    flex-grow: 1;

    border-top: none

}



.container > :first-child, .difference__title, .info-block-v2__item-other-cell > :first-child, .tabs__item > :first-child, .wp-block-table td > :first-child {

    margin-top: 0

}



@media (max-width: 767px) {

    .image {

        height: 140px;

        margin-bottom: 12px

    }



    .wp-block-columns {

        flex-direction: column;

        gap: 12px

    }



    .about .about__payment-methods td:last-child .col:last-child, .about tr.about__about td p:last-child {

        padding-bottom: 0

    }



    .about .about__game-types > td {

        display: flex;

        flex-wrap: wrap;

        gap: 0 20px

    }



    .about .about__game-types > td > p {

        flex: 1 1 calc(50% - 10px)

    }



    .about tr.about__about td p:not(:last-child), .about tr.about__game-types td p:not(:last-child) {

        border-bottom: unset

    }



    .about tr.about__game-types td p:last-child {

        padding-bottom: 12px

    }



    .about .about__payment-methods td:last-child .about__mindep, .about .about__payment-methods td:last-child .about__minwit, .about .about__payment-methods td:last-child .col {

        flex: 1 1 50%;

        padding: 0

    }



    .about .about__payment-methods td:last-child .about__mindep, .about .about__payment-methods td:last-child .about__minwit {

        margin-top: 16px

    }



    .about .about__payment-methods td:last-child .col {

        flex: 1 1 100%;

        padding-bottom: 16px;

        margin-top: 16px

    }



    .about .about__payment-methods td:last-child .about__mindep {

        border-right: 1px solid #2972d6

    }



    .about .about__payment-methods td:last-child .col:first-child {

        padding-top: 0;

        margin-top: 0

    }



    .about .about__payment-methods td .col:not(:first-child) {

        padding-left: 0

    }



    .about .about__payment-methods td .col:not(:last-of-type) {

        border-right: unset

    }



    .about .about__about, .about .about__bonuses, .about .about__devices, .about .about__game-types, .about .about__payment-methods, .about .about__software, .about .about__support {

        flex: 1 1 100%

    }



    .cards .bonus__button {

        min-width: unset;

        width: 100%

    }



    .cards .cards__item {

        flex-direction: column

    }



    .cards .cards__content {

        padding: 0 16px 16px

    }



    .text-image__container > .wp-block-heading {

        margin-bottom: 0

    }



    .text-image__container > .content-button, .text-image__container > p {

        margin-top: 0

    }



    .info-block-v2__item-logo-and-title, .info-block-v2__item-other-cell {

        padding: 15px 10px

    }

}



.payment-method {

    overflow-x: auto

}



.payment-method__table {

    border-collapse: collapse;

    width: 100%

}



.payment-method th {

    font-weight: 600;

    font-size: 16px;

    line-height: 19px;

    padding: 25px 10px;

    text-align: center

}



.payment-method td {

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

    padding: 15px 25px;

    white-space: nowrap

}



.payment-method td.cell2, .payment-method td.cell4, .payment-method td.td-name {

    font-weight: 600;

    text-align: right;

    border-left: none

}



.payment-method td.cell1, .payment-method td.cell3, .payment-method td.td-image {

    border-right: none

}



.payment-method td.cell1, .payment-method td.cell2 {

    padding-bottom: 10px;

    border-bottom: none

}



.payment-method td.cell3, .payment-method td.cell4 {

    border-top: none;

    padding-top: 10px

}



.wrapper a, h2, h3 {

    font-weight: 700

}



.bonus._anim-border:before {

    background: conic-gradient(#2972d6, #5e127a)

}



.relink__item, .tabs__content, .toc-auto, .winners .winners__rline {

    background-image: linear-gradient(92deg, #1e283f, rgba(20, 27, 46, .6))

}



.about tr, .bonus, .bonus._anim-border:after, .faq__item, .slots .slots__item, .toc {

    background-image: linear-gradient(92deg, #1e283f, rgba(20, 27, 46, .6));

    background-color: #090f1e;

    border-color: #2972d6

}



.how-to .how-to__item, .how-to .how-to__item:not(:last-child):before {

    background-color: #12192c

}



.how-to .how-to__counter, .toc-auto, .winners .winners__rline {

    background-color: #090f1e

}



.how-to .how-to__item {

    border-color: #5e127a

}



.how-to .how-to__item:not(:last-child):after {

    background-color: #5e127a

}



.about .about__bonuses-list li, .about .about__payment-methods td:last-child .about__currencies, .about tr.about__about td p:not(:last-child), .about tr.about__game-types td p:not(:last-child), .faq__details[open] .faq__question {

    border-color: #2972d6

}



.how-to .how-to__counter {

    color: #fff;

    text-transform: uppercase

}



.bonus__button._gift-btn {

    background-image: linear-gradient(255deg, #00b7ff, #8d53e9);

    border: none;

    color: #fff

}



.toc-auto {

    margin-bottom: 30px;

    border-radius: 10px;

    max-width: 100%

}



.toc-auto ol, .toc-auto ul {

    display: none;

    margin: 0;

    padding: 0

}



.toc-auto.active ol {

    display: block;

    margin-left: 20px;

    padding: 0 1rem .5rem

}



.toc-auto.active ul {

    display: block;

    list-style: none;

    padding: 0 1rem .5rem

}



.toc-auto a, .toc-auto.active .toc-auto__toggle .close {

    display: inline-block

}



.toc-auto__navigation {

    position: relative;

    display: flex;

    flex-direction: row-reverse;

    align-items: center;

    justify-content: flex-start;

    padding: .5rem 1rem

}



.toc-auto__toggle {

    display: block;

    border: none;

    width: 100%;

    font-weight: 700;

    font-size: 18px;

    text-align: left;

    color: #fff;

    background-color: transparent

}



.toc-auto__toggle::after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0

}



.toc-auto__title {

    margin: 0 20px 0 0;

    padding: 0;

    font-size: 20px;

    text-transform: none;

    color: #fff

}



.game__title, .header__dropdown li span {

    text-transform: uppercase

}



.toc-auto li {

    margin: 0;

    padding: 0

}



.toc-auto a {

    padding: .3rem 0;

    color: var(--color-toc-item)

}



.toc-auto a:hover {

    color: var(--color-toc-item-hover)

}



* + .how-to__list, * + .tabs {

    margin-top: 1rem

}



.text-image:not(._h1-block) > h2, .text-image:not(._h1-block) > h3 {

    grid-column: 1/-1

}



.cards .cards__item {

    display: grid;

    grid-template-columns:0.3fr 1fr

}



.footer-container {

    display: grid;

    grid-template-columns:1fr;

    gap: 16px

}



.footer-nav__list {

    flex-direction: row;

    gap: 16px

}



.footer-nav__item {

    min-width: fit-content

}



.footer__payments-systems, .social {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 16px

}



.social__link img {

    width: 32px;

    height: 32px

}



.footer__hr {

    border: none;

    height: 1px;

    background-color: #cccccc0f

}



.payments-systems__item img {

    max-height: 30px;

    object-fit: contain;

    width: fit-content

}



.page-footer__copyright {

    max-width: fit-content;

    margin: 1rem auto 0

}



:root {

    --tab-radius: 12px

}



.tabs__header {

    display: flex;

    list-style: none;

    overflow: auto;

    margin: 0;

    padding: 0

}



.tabs__header-button {

    display: flex;

    flex-grow: 1;

    align-items: center;

    justify-content: center;

    outline: 0;

    border: 2px solid #2972d6;

    padding: 12px;

    width: 100%;

    height: 100%;

    font-weight: 700;

    white-space: nowrap;

    color: #2972d6;

    background-color: var(--color-body);

    cursor: pointer;

    gap: 10px

}



.tabs__header-button svg {

    fill: currentcolor

}



.tabs__header-button.active {

    background-color: #2972d6;

    color: #fff

}



.tabs--horizontal .tabs__header-item {

    flex-grow: 1

}



.tabs--horizontal .tabs__header-item:first-child .tabs__header-button {

    border-radius: var(--tab-radius) 0 0

}



.tabs--horizontal .tabs__header-item:last-child .tabs__header-button {

    border-radius: 0 var(--tab-radius) 0 0

}



.tabs--horizontal .tabs__header-item:not(:last-child) .tabs__header-button {

    border-right: none

}



@media (max-width: 767px) {

    .cards .cards__item {

        grid-template-columns:1fr

    }



    .tabs__header-button {

        cursor: auto

    }



    .tabs--horizontal .tabs__header-button {

        padding: 8px;

        font-size: 18px;

        line-height: 24px

    }

}



.tabs__content {

    z-index: 10;

    border: 2px solid #2972d6;

    border-top: none;

    border-radius: 0 0 var(--tab-radius) var(--tab-radius);

    padding: 24px 16px;

    background-color: #090f1e

}



.tabs--vertical .tabs__container {

    display: grid;

    grid-template-columns:295px 1fr

}



.tabs--vertical .tabs__header {

    flex-direction: column;

    margin-right: -24px;

    border-radius: var(--tab-radius) 0 0 var(--tab-radius)

}



.tabs--vertical .tabs__header-button {

    display: flex;

    flex-shrink: 0;

    align-items: center;

    justify-content: flex-start;

    outline: 0;

    padding: 16px 20px;

    width: 100%;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    word-break: break-word;

    transition: .3s ease-in-out;

    cursor: pointer

}



.tabs--horizontal .tabs__header-button svg {

    width: 40px;

    height: 40px

}



.tabs--vertical .tabs__header-button svg {

    width: 24px;

    height: 24px

}



.tabs--vertical .tabs__header-item:first-child .tabs__header-button {

    border-radius: var(--tab-radius) 0 0

}



.tabs--vertical .tabs__header-item:last-child .tabs__header-button {

    border-radius: 0 0 0 var(--tab-radius)

}



.tabs--vertical .tabs__header-item:not(:last-child) .tabs__header-button {

    border-bottom: none

}



.tabs--vertical .tabs__header-item, table {

    width: 100%

}



.tabs--vertical .tabs__content {

    border-top: 2px solid #2972d6

}



@media (max-width: 1279px) {

    .tabs--vertical .tabs__container {

        grid-template-columns:1fr

    }



    .tabs--vertical .tabs__header {

        flex-flow: nowrap row;

        overflow: auto;

        margin-right: 0;

        border-style: none;

        border-radius: var(--tab-radius) var(--tab-radius) 0 0;

        padding: 0

    }



    .tabs--vertical .tabs__header-item {

        flex-shrink: 0;

        width: fit-content

    }



    .tabs--vertical .tabs__header-item:not(:last-child) .tabs__header-button {

        border-right: none

    }



    .tabs--vertical .tabs__header-button {

        border-bottom: none;

        border-radius: 0;

        padding: 12px 20px;

        width: fit-content

    }



    .tabs--vertical .tabs__content {

        border-radius: 0 0 var(--tab-radius) var(--tab-radius);

        padding: 24px 16px

    }



    .tabs--vertical .tabs__header-item:not(:first-child) {

        border: none

    }



    .tabs--vertical .tabs__header-item:first-child .tabs__header-button {

        border-top-left-radius: calc(var(--tab-radius) - 2px);

        border-top-right-radius: 0

    }



    .tabs--vertical .tabs__header-item:last-child .tabs__header-button {

        border-radius: 0 calc(var(--tab-radius) - 2px) 0 0

    }

}



.wp-admin .tabs__content {

    background: 0 0

}



.screenshot-gallery__list {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex

}











* + .promo-code, * + .screenshot-gallery__list {

    margin-top: 1rem

}



.screenshot-gallery__item:not(:last-child) {

    margin-right: 10px

}



.gbtn {

    background-color: rgba(#2cb865, .3) !important

}



.screenshot-gallery__item {

    max-width: 325px

}



.difference__element {

    border: 1px solid var(--color-accent);

    border-radius: 10px;

    padding: 1rem

}



.difference__list {

    list-style: none;

    padding-left: 0

}



.difference__item {

    position: relative;

    padding-left: 25px

}



.difference__item::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    width: 15px;

    height: 15px;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    transform: translateY(-50%)

}



.difference__item_plus::before {

    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzY3LjgwNSAzNjcuODA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNjcuODA1IDM2Ny44MDU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMzQkI1NEE7IiBkPSJNMTgzLjkwMywwLjAwMWMxMDEuNTY2LDAsMTgzLjkwMiw4Mi4zMzYsMTgzLjkwMiwxODMuOTAycy04Mi4zMzYsMTgzLjkwMi0xODMuOTAyLDE4My45MDINCgkJUzAuMDAxLDI4NS40NjksMC4wMDEsMTgzLjkwM2wwLDBDLTAuMjg4LDgyLjYyNSw4MS41NzksMC4yOSwxODIuODU2LDAuMDAxQzE4My4yMDUsMCwxODMuNTU0LDAsMTgzLjkwMywwLjAwMXoiLz4NCgk8cG9seWdvbiBzdHlsZT0iZmlsbDojRDRFMUY0OyIgcG9pbnRzPSIyODUuNzgsMTMzLjIyNSAxNTUuMTY4LDI2My44MzcgODIuMDI1LDE5MS4yMTcgMTExLjgwNSwxNjEuOTYgMTU1LjE2OCwyMDQuODAxIA0KCQkyNTYuMDAxLDEwMy45NjggCSIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=")

}



.difference__item_minus::before {

    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiBjbGFzcz0iIj48Zz48ZWxsaXBzZSBzdHlsZT0iZmlsbDojRTA0RjVGOyIgY3g9IjI1NiIgY3k9IjI1NiIgcng9IjI1NiIgcnk9IjI1NS44MzIiIGRhdGEtb3JpZ2luYWw9IiNFMDRGNUYiIGNsYXNzPSIiLz48cmVjdCB4PSIxMTMuMiIgeT0iMjI4IiBzdHlsZT0iZmlsbDojRkZGRkZGIiB3aWR0aD0iMjg1LjY3MiIgaGVpZ2h0PSI1NiIgZGF0YS1vcmlnaW5hbD0iI0ZGRDA3RCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iI0ZGRDA3RCIvPjwvZz4gPC9zdmc+Cg==")

}



.difference__item:not(:last-child) {

    margin-bottom: 1rem

}



.relink__item {

    border: 1px solid var(--color-accent);

    display: flex;

    align-items: center

}



.payments {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    gap: 16px 32px

}



.toc-auto {

    border: 1px solid #ff2958

}



.toc-auto.active .toc-auto__toggle svg {

    transform: rotate(180deg)

}



.faq__details[open] .faq__question, .faq__item {

    border-color: #ff2958

}



.page-header__button {

    text-align: center;

    width: fit-content;

    justify-content: center;

    border: none

}



.btn_copy:not(:hover):not(.copied) svg path, .toc-auto__toggle svg {

    fill: #fff

}



.toc-auto__toggle {

    display: flex;

    justify-content: flex-end

}



.text-image__content {

    margin: auto 0;

    overflow: hidden

}



.slots .slots__list {

    grid-template-columns:repeat(5, 1fr)

}



@media (max-width: 1200px) {

    .slots .slots__list {

        grid-template-columns:repeat(4, 1fr)

    }

}



@media (max-width: 900px) {

    .slots .slots__list {

        grid-template-columns:repeat(3, 1fr)

    }

}



@media (max-width: 600px) {

    .slots .slots__list {

        grid-template-columns:repeat(2, 1fr);

        gap: 12px

    }

}



.slots .slots__item {

    aspect-ratio: auto;

    display: flex;

    flex-direction: column

}



.slots .slots__content {

    display: flex;

    height: fit-content;

    box-shadow: 0 -6px 20px 4px #000;

    flex-grow: 1;

    padding: 8px

}



.page-header__button--first {

    background: linear-gradient(90deg, #835aeb 0, #03b4fe 100%)

}



.lang-switch, .lang-switch__list, .promo-code {

    background-color: #090f1e;

    display: flex

}



.page-header__button--second:hover {

    color: #fff;

    background-color: var(--color-second-button-bg);

    opacity: .8

}



.wp-admin a {

    color: #2972d6

}



.wrapper:has(.toc-auto) {

    margin-top: 32px

}



.wp-admin h1, .wp-admin h2, .wp-admin h3, .wp-admin h4, .wp-admin h5, .wp-admin h6 {

    color: #000

}



.lang-switch {

    margin: 0 12px;

    border-radius: 4px;

    padding: 5px;

    position: relative;

    z-index: 200

}



.lang-switch__list {

    margin-top: 0;

    position: absolute;

    top: 100%;

    left: -1px;

    right: -1px;

    list-style: none;

    justify-content: center;

    flex-direction: column;

    gap: 12px;

    padding: 8px 5px 5px;

    border-radius: 0 0 4px 4px;

    opacity: 0;

    visibility: hidden

}



.lang-switch:hover {

    border-radius: 4px 4px 0 0

}



.promo-code {

    padding: 12px;

    flex-direction: column;

    gap: 12px;

    max-width: 440px;

    margin-left: auto;

    margin-right: auto;

    border-radius: 10px;

    background-image: linear-gradient(92deg, #1e283f, rgba(20, 27, 46, .6));

    border: 1px solid #2b3653

}



.promo-code__text {

    margin: 0;

    font-size: 16px;

    font-weight: 600;

    line-height: 24px

}



.promo-code__text span {

    color: var(--color-accent)

}



.promo-code__wrapper {

    border-radius: 3px;

    padding: 0 0 0 12px;

    background: var(--color-body);

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 8px;

    border: 1px solid #2b3653

}



.promo-code__copy-link, .promo-code__input {

    border: none;

    color: var(--color-accent);

    background-color: transparent

}



.promo-code__input {

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 16px

}



.promo-code__copy-link {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    padding-right: 6px;

    transition: .2s ease-in-out;

    cursor: pointer;

    outline: 0

}



.promo-code__copy-link .check {

    fill: #26bc4d;

    display: none

}



.promo-code__copy-link svg, .promo-code__copy-link._active svg {

    stroke: currentColor

}



.header__nav-item.active svg path, .promo-code__link svg {

    stroke: #fff

}



.promo-code__copy-link svg path:first-of-type {

    fill: currentColor

}



.promo-code__tooltip {

    position: absolute;

    top: 50%;

    right: 100%;

    transform: translateY(-50%);

    display: none

}



.promo-code__copy-link._active .promo-code__tooltip {

    display: block;

    position: static;

    font-size: 14px;

    font-weight: 400;

    line-height: 16px;

    padding: 0;

    margin-right: 4px;

    background-color: transparent;

    transform: none;

    text-decoration: none

}



.promo-code__copy-link._active .check, aside, footer, header, nav {

    display: block

}



.comment-form__alert span, .game__box, .promo-code__copy-link._active .copy {

    display: none

}



.promo-code__link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 8px;

    border-radius: 3px;

    border: 2px solid #26bc4d;

    padding: 4px 12px;

    background-color: #26bc4d;

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    line-height: 24px;

    transition: .2s ease-in-out;

    cursor: pointer;

    outline: 0;

    text-align: left

}



.game__affiliate-link, .game__box-close, .game__demo-link, .links-image__button, .relink__item {

    transition: .3s ease-in-out;

    cursor: pointer

}



.promo-code__link svg .svg-cross {

    opacity: 0

}



.promo-code__link svg .svg-arrow {

    transform: translateX(-28px);

    animation: 3s linear infinite arrow

}



@media (max-width: 400px) {

    .promo-code__wrapper {

        flex-basis: auto

    }

}



@keyframes arrow {

    0% {

        transform: translateX(-28px)

    }

    10%, 90% {

        transform: translateX(6px)

    }

    100% {

        transform: translateX(26px)

    }

}



.screenshot-gallery__item {

    min-width: auto;

    max-width: max-content

}



@media (max-width: 1023px) {

    .difference, .relink {

        grid-template-columns:1fr

    }



    .relink__list {

        grid-column: auto

    }



    .relink--no-img .relink__list {

        grid-template-columns:repeat(3, 1fr)

    }



    .wrapper {

        margin-top: 32px

    }



    .screenshot-gallery__item {

        min-width: 300px;

        max-width: 325px

    }



    .screenshot-gallery__list {

        overflow: auto

    }

}



.links-image__slider {

    width: 100%;

    overflow: hidden

}



.links-image__slider .links-image__wrapper {

    display: flex;

    list-style: none;

    padding-left: 0;

    width: fit-content

}



.links-image__item {

    display: flex;

    position: relative

}



.links-image__item-content {

    display: flex;

    flex-direction: column;

    gap: 10px;

    justify-content: flex-end;

    align-items: flex-end;

    position: absolute;

    bottom: 16px;

    right: 16px

}



.links-image__item-text {

    text-align: right;

    font-weight: 600;

    font-size: 1.6rem;

    line-height: 2.1rem;

    color: #fff

}



.links-image__button, .relink__title {

    font-size: 16px;

    color: #fff;

    font-weight: 700

}



.links-image__button {

    padding: 12px 24px;

    line-height: 20px;

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border: none;

    background-color: #089e4e;

    width: fit-content

}



@media (max-width: 767px) {

    .relink--full .relink__list {

        grid-template-columns:1fr 1fr

    }



    .relink--no-img .relink__list {

        grid-template-columns:repeat(2, 1fr)

    }



    .relink__list {

        grid-template-columns:1fr

    }



    .promo-code {

        max-width: 100%

    }



    .links-image__item-content {

        bottom: 12px;

        right: 12px

    }

}



.relink {

    padding-bottom: 2rem

}



.relink--full {

    display: grid;

    grid-template-columns:repeat(6, 1fr);

    padding-bottom: 0;

    gap: 1rem

}



.relink--full .grid__description, .relink--full .grid__title {

    margin: 0;

    grid-column: 1/-1

}



.relink > img {

    grid-column: 1/3;

    grid-row: auto;

    border-radius: 4px;

    overflow: hidden

}



.relink--no-img .relink__list {

    grid-template-columns:repeat(6, 1fr);

    grid-column: 1/-1

}



.relink__list {

    grid-column: 3/-1;

    display: grid;

    grid-template-columns:repeat(4, 1fr);

    gap: 1rem;

    margin: 0;

    padding: 0;

    list-style: none

}



.relink__item {

    border-radius: 4px;

    padding: 8px;

    background-image: linear-gradient(92deg, #1e283f, rgba(20, 27, 46, .6));

    background-color: #090f1e;

    border: 1px solid #2b3653;

    display: flex;

    align-items: center;

    gap: 10px

}



.relink--full .relink__item {

    flex-direction: column-reverse;

    align-items: center;

    justify-content: center;

    min-height: 80px

}



.relink__item:hover {

    opacity: .8

}



.relink__item img {

    max-width: 56px;

    max-height: 56px;

    object-fit: contain

}



.relink__content {

    flex-grow: 1

}



.relink--full .relink__content {

    flex-grow: 0

}



.relink__title {

    margin: 0;

    line-height: 16px

}



.relink__text {

    margin: 4px 0 0;

    font-size: 14px;

    line-height: 1;

    color: #9aa2af

}



@media (max-width: 1280px) {

    .relink__list {

        grid-template-columns:repeat(3, 1fr)

    }



    .relink--no-img .relink__list {

        grid-template-columns:repeat(4, 1fr);

        grid-column: 1/-1

    }

}



@media (max-width: 1023px) {

    .relink > img, .relink__list {

        grid-column: auto

    }



    .relink {

        grid-template-columns:1fr

    }



    .relink--no-img .relink__list, .relink__list {

        grid-template-columns:repeat(4, 1fr)

    }

}



@media (max-width: 767px) {

    .relink--full .relink__list, .relink--no-img .relink__list {

        grid-template-columns:repeat(3, 1fr)

    }



    .relink__list {

        grid-template-columns:repeat(2, 1fr)

    }

}



@media (max-width: 550px) {

    .relink--full .relink__list, .relink--no-img .relink__list {

        grid-template-columns:repeat(2, 1fr)

    }



    .relink__list {

        grid-template-columns:repeat(1, 1fr)

    }

}



.game {

    margin-top: 1rem;

    display: flex;

    flex-direction: column;

    align-items: center;

    border-radius: 3px;

    border: 1px solid #2b3653;

    padding: 28px 16px;

    background-position: center;

    background-size: cover

}



.game__title {

    margin: 0 0 16px;

    font-weight: 700;

    font-size: 18px;

    line-height: 24px;

    text-align: center;

    color: #fff

}



.game__affiliate-link, .game__demo-link {

    border: none;

    border-radius: 8px;

    padding: 12px 24px;

    font-family: var(--ff-primary);

    font-weight: 600;

    line-height: 16px;

    font-size: 14px;

    color: #fff

}



.game__affiliate-link + .game__demo-link, .wp-block-list, ol:not([class]), ul:not([class]) {

    margin-top: 16px

}



.game__affiliate-link {

    background: linear-gradient(90deg, #835aeb 0, #03b4fe 100%)

}



.game__demo-link {

    background-color: #2b3653

}



.game__box {

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    max-width: 1200px;

    padding: 10px;

    z-index: 1210

}



.game__box-header {

    margin-bottom: -1px;

    padding: 8px 8px 8px 16px;

    background: #151b29;

    border-radius: 3px 3px 0 0;

    display: flex;

    align-items: center

}



.game__box-title {

    margin: 0 24px 0 0;

    font-weight: 700;

    font-size: 20px;

    line-height: 24px;

    color: #fff

}



.game__box-close {

    display: flex;

    margin-left: auto;

    border: none;

    border-radius: 3px;

    background-color: transparent

}



.game__box-close:hover {

    background-color: rgba(255, 255, 255, .2)

}



.game__iframe {

    border-radius: 0 0 3px 3px;

    width: 100%;

    aspect-ratio: 16/9;

    border: none;

    overflow: hidden;

    background-color: #d9d9d9

}



@media (max-width: 767px) {

    .game__box-header {

        flex-wrap: wrap

    }



    .game__box-title {

        width: calc(100% - 56px)

    }



    .game__box .game__affiliate-link {

        order: 3;

        margin: 4px auto 0

    }



    .game__box {

        top: 30px;

        left: 12px;

        bottom: 30px;

        right: 12px;

        transform: none;

        padding: 0;

        width: calc(100% - 24px);

        overflow: hidden

    }



    .game__iframe {

        height: 100%;

        aspect-ratio: auto

    }

}



.page.scroll-lock-modal {

    overflow: hidden;

    position: relative

}



.page.scroll-lock-modal:after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(255, 255, 255, .7);

    z-index: 1200

}



.last-modified-date {

    margin-top: 2rem !important;

    display: flex;

    flex-wrap: wrap;

    gap: 8px 24px;

    border-radius: 12px;

    padding: 8px 12px;

    width: 100%;

    max-width: 360px;

    background: rgba(255, 255, 255, .05)

}



.last-modified-date__inner {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 4px;

    color: #8b8b8b;

    font-family: inherit;

    font-size: 14px;

    line-height: 20px

}



.last-modified-date__inner p {

    margin: 0;

    font-size: 14px;

    line-height: 20px

}



.last-modified-date__inner span {

    font-weight: 600;

    color: #b0b0b0

}



.last-modified-date__inner:first-child, main {

    flex-grow: 1

}



.comment-form__button, .other {

    display: flex;

    align-items: center

}



.other {

    justify-content: center;

    flex-wrap: wrap;

    gap: 12px 32px

}



.comment-form__form {

    display: flex;

    flex-direction: column;

    gap: 10px;

    max-width: 700px;

    margin: 0 auto

}



.comment-form__input, .comment-form__textarea {

    border-radius: 4px;

    padding: 8px;

    background-color: #090f1e;

    border: 1px solid #2b3653;

    color: #fff

}



.comment-form__textarea {

    resize: none;

    height: 100px

}



.comment-form__button {

    justify-content: space-between;

    gap: 8px;

    border-radius: 3px;

    border: 2px solid #26bc4d;

    padding: 4px 12px;

    background-color: #26bc4d;

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    line-height: 24px;

    transition: .2s ease-in-out;

    cursor: pointer;

    width: fit-content;

    margin: 0 auto

}



.languages-switcher, .languages-switcher__list {

    padding: 5px;

    background-color: #2e3036;

    display: flex

}



.comment-form__alert {

    text-align: center;

    font-size: 12px;

    line-height: 14px

}



.comment-form__alert.success .success {

    color: green;

    display: inline-block

}



.comment-form__alert.error .error {

    color: red;

    display: inline-block

}



.comment {

    margin-top: 1rem;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 6px;

    flex-wrap: wrap

}



.comment__author {

    margin: 0;

    font-size: 16px

}



.comment__date {

    margin-left: auto;

    font-size: 12px;

    line-height: 14px

}



.comment__content {

    margin: 0;

    flex-basis: 100%;

    font-size: 14px;

    line-height: 16px;

    font-weight: 400

}



@media (max-width: 500px) {

    .lang-switch {

        margin-right: auto

    }



    .comment-form__input {

        width: 100%

    }

}



.languages-switcher {

    position: relative;

    flex-shrink: 0;

    margin: 0 20px;

    border-radius: 4px;

    min-width: 40px;

    width: fit-content;

    color: #ccc;

    z-index: 1000

}



.languages-switcher__list {

    margin-top: 0;

    position: absolute;

    left: 0;

    right: 0;

    list-style: none;

    justify-content: center;

    flex-direction: column;

    gap: 2px;

    opacity: 0;

    visibility: hidden

}



.languages-switcher__item {

    width: 100%;

    display: flex;

    justify-content: center

}



.languages-switcher--header .languages-switcher__list {

    top: 100%;

    border-radius: 0 0 4px 4px

}



.languages-switcher--footer .languages-switcher__list {

    bottom: 100%;

    border-radius: 4px 4px 0 0

}



.languages-switcher--header._show {

    border-radius: 4px 4px 0 0

}



.languages-switcher--footer._show {

    border-radius: 0 0 4px 4px

}



.languages-switcher__lang {

    display: flex;

    flex-shrink: 0;

    align-items: center;

    gap: 6px;

    text-transform: uppercase;

    color: #fff;

    white-space: nowrap;

    font-size: 14px;

    font-weight: 400;

    cursor: pointer

}



.languages-switcher__flag {

    display: flex;

    flex-shrink: 0

}



body, html {

    min-height: 100%;

    width: 100%;

    font-size: 16px;

    line-height: 1;

    -ms-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}



input::-ms-clear {

    display: none

}



button::-moz-focus-inner {

    padding: 0;

    border: 0

}



.icon-font__deposit:before {

    content: "\e901";

    color: #fff

}



.icon-font__casino:before {

    content: "\e902";

    color: #fff

}



.icon-font__bonus:before {

    content: "\e903";

    color: #fff

}



.icon-font__reg:before {

    content: "\e904";

    color: #fff

}



.icon-font__app:before {

    content: "\e905";

    color: #fff

}



.wrapper {

    overflow: hidden;

    margin-top: calc(var(--wrapper-margin) * 2)

}



.wrapper.reset {

    margin-block: 0

}



main .wrapper:first-of-type::after {

    content: '';

    position: absolute;

    top: 0;

    margin: 0;

    background: linear-gradient(180deg, #3c5392 10.56%, #2a3b68 32.69%, #1e2949 56.9%, #12192c 100%);

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1

}



.container {

    margin: 0 auto;

    padding: 0 var(--offsets, 20px);

    max-width: calc(var(--width-container) + var(--offsets, 20px) * 2)

}



.container .container {

    padding-left: 0;

    padding-right: 0

}



.calculator__result, .form__content {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 16px

}



.form__label {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 8px;

    width: 100%;

    position: relative

}



.form__label.error input {

    border-color: #f8817a;

    caret-color: #f8817a

}



.form__label-error {

    position: absolute;

    top: 100%;

    left: 4px;

    font-size: 14px;

    line-height: 136%;

    font-weight: 400;

    color: #f8817a;

    opacity: 0

}



.form__label input {

    caret-color: #b3b3cf

}



.form__label input::-webkit-input-placeholder {

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf;

    transition: color .3s ease-in-out;

    will-change: color

}



.form__label input::-moz-placeholder {

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf;

    -moz-transition-property: color;

    transition: color .3s ease-in-out;

    will-change: color

}



.form__label input:-ms-input-placeholder {

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf;

    -ms-transition-property: color;

    transition: color .3s ease-in-out;

    will-change: color

}



.form__label input::-ms-input-placeholder {

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf;

    -ms-transition-property: color;

    transition: color .3s ease-in-out;

    will-change: color

}



.form__label input::placeholder {

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf;

    transition: color .3s ease-in-out;

    will-change: color

}



.form .custom-select__options li, .header__dropdown li {

    -webkit-transition-property: background;

    cursor: pointer

}



.form__label-title {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    gap: 8px

}



.form__label-descr {

    position: relative;

    min-width: 18px;

    min-height: 18px;

    max-width: 18px;

    max-height: 18px;

    font-size: 14px;

    line-height: 136%;

    font-weight: 400;

    background: url(../images/info.svg) 0 0/contain no-repeat

}



.form__label-descr::after {

    content: attr(data-descr);

    padding: 10px;

    position: absolute;

    top: calc(100% + 4px);

    left: 0;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    max-width: 432px;

    border-radius: 8px;

    background: #090f1e;

    color: #b3b3cf;

    transition: opacity .3s ease-in-out;

    will-change: opacity;

    opacity: 0;

    z-index: 10

}



.custom-select, .form .custom-select .custom-select__current, .form__label input {

    position: relative;

    width: 100%;

    min-height: 50px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    padding: 11px 15px;

    border-radius: 8px;

    border: 1px solid #434f72;

    background: 0 0;

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf;

    transition: border-color .3s ease-in-out, color .3s ease-in-out, background .3s ease-in-out, caret-color .3s ease-in-out;

    will-change: border-color, color, background, caret-color

}



.form .custom-select .custom-select__current:focus, .form .custom-select .custom-select__current:hover, .form .custom-select.active .custom-select__current, .form__label input:focus, .form__label input:hover {

    color: #fff;

    border-color: #fff;

    background: rgba(164, 170, 181, .1215686275)

}



.form .custom-select {

    width: 100%;

    position: relative;

    z-index: 2

}



.form .custom-select select, .hidden-svg, .hidden_svg {

    display: none

}



.form .custom-select.active .custom-select__current::after {

    opacity: 1;

    transform: rotate(-180deg)

}



.form .custom-select__current::after {

    content: "";

    position: relative;

    width: 24px;

    height: 24px;

    min-width: 24px;

    min-height: 24px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    background: url(../images/full-arrow.svg) 0 0/contain no-repeat;

    opacity: .6;

    transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;

    will-change: opacity, transform

}



.form .custom-select__options {

    position: absolute;

    top: calc(100% + 4px);

    left: 0;

    width: 100%;

    flex-direction: column;

    align-items: stretch;

    justify-content: flex-start;

    gap: 10px;

    padding-block: 8px;

    border-radius: 8px;

    background: #090f1e;

    display: none

}



.form .custom-select__options li {

    padding: 16px;

    transition: background .3s ease-in-out;

    will-change: background

}



body {

    background: var(--bg, #f4f4f4);

    min-height: 100vh;

    font-size: 18px;

    line-height: 136%;

    font-weight: 400

}



.ff-montserrat, ol:not([class]) li::before {

    font-family: var(--ff-primary)

}



''

.content-img p:not([class]), .content-img span:not([class]), p {

    margin-top: 16px;

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf

}



h1, h2, h3 {

    line-height: 120%

}



h1 {

    font-size: 48px;

    font-weight: 900

}



h2 {

    font-size: 36px

}



h3 {

    font-size: 24px

}



.header__dropdown li, .header__lang-active, .header__nav-item, .winners-list__name, .winners-list__sum, .wp-block-table th, h4, h5, h6 {

    font-size: 18px;

    line-height: 136%;

    font-weight: 600

}



.scroll-list, .wrapper > .container > .menu, h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) {

    margin-top: 32px

}



.wp-block-list a, ol:not([class]) a, p a, ul:not([class]) a {

    font-size: inherit;

    line-height: inherit;

    color: #3492f6;

    transition: color .3s ease-in-out;

    will-change: color

}



ul.wp-block-list {

    gap: 8px

}



ul.wp-block-list li {

    position: relative;

    color: #b3b3cf;

    padding-left: 28px

}



ul.wp-block-list li::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    min-width: 8px;

    min-height: 8px;

    margin: 8px;

    background: linear-gradient(90deg, #7e5eec 0, #07b1fd 100%);

    border-radius: 50%

}



ol.wp-block-list, ol:not([class]) {

    counter-reset: custom-counter;

    display: flex;

    flex-direction: column;

    gap: 12px

}



ol.wp-block-list li, ol:not([class]) li {

    position: relative;

    min-height: 32px;

    counter-increment: custom-counter;

    padding-left: 40px;

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf

}



ol.wp-block-list li::before, ol:not([class]) li::before {

    content: counter(custom-counter);

    position: absolute;

    top: -4px;

    left: 0;

    width: 32px;

    height: 32px;

    min-width: 32px;

    min-height: 32px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    border-radius: 50em;

    background-size: contain;

    font-size: 18px;

    line-height: 136px;

    font-weight: 500;

    text-align: center;

    background: linear-gradient(#12192c, #12192c) padding-box, linear-gradient(218.08deg, #10aafc 11.07%, #ad52bc 44.04%, #c85198 67.91%, #f5515d 84.96%) border-box;

    border: 1px solid transparent

}



.wp-block-table {

    width: 100%;

    table-layout: fixed;

    border-spacing: 0;

    overflow: auto;

    border-radius: 8px;

    border: 1px solid #6f79d3

}



.wp-block-table th {

    border-bottom: 1px solid #6f79d3;

    height: 87px

}



.disciplines-list li::after, .img-steps li, .matches-list__bet, .wp-block-table tr:nth-of-type(2n) {

    background: linear-gradient(180deg, rgba(240, 240, 240, .03) 0, rgba(108, 106, 123, .03) 100%)

}



.wp-block-table td, table th {

    padding: 28px 24px;

    text-align: left;

    vertical-align: middle

}



.wp-block-table td:not(:first-child) {

    color: #b3b3cf

}



.wp-block-table ul {

    padding-left: 28px;

    color: var(--color-text)

}



.wp-block-table ul:has( + * ) {

    margin-bottom: 1rem

}



.wp-block-table ul li {

    gap: 5px;

    list-style: disc

}



:root {

    --height: 0;

    --offsets: 20px;

    --offsets-m: 16px;

    --width-container: 1420px;

    --bg: linear-gradient(90.42deg, #12192c .44%, #121b33 49.58%, #12192c 99.72%);

    --wrapper-margin: 32px;

    --wrapper-margin-m: 28px;

    --star-color: #ffda59;

    --star-bg: #121b33

}



.mp-hero-section {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 20px;

    position: relative

}



.mp-hero-section__bg, .section-hero__bg {

    position: absolute;

    top: 0;

    left: 0;

    max-width: 100%;

    max-height: 100%

}



.mp-hero-section__bg img, .mp-hero-section__bg svg, .section-hero__bg img, .section-hero__bg svg {

    max-width: 100%;

    max-height: 100%

}



.mp-hero-section__wrap {

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 20px;

    width: 100%

}



.mp-hero-section__wrap > img {

    margin-bottom: -100px;

    max-width: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: top;

    object-position: top

}



.mp-hero-section__content {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 20px;

    max-width: 1060px;

    z-index: 1

}



.mp-hero-section__content h1 {

    margin: 0;

    font-size: 48px;

    line-height: 120%;

    font-weight: 900

}



.mp-hero-section__content > * {

    text-align: left

}



.mp-hero-section__content > p, .mp-hero-section__content > span {

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #fff;

    margin: 0

}



.mp-hero-section__content .mp-hero-section__date {

    color: #b3b3cf;

    font-size: 14px;

    line-height: 136%;

    font-weight: 400

}



.mp-hero-section__bonus {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    gap: 20px;

    padding: 16px;

    border-radius: 8px;

    max-width: 914px;

    background: linear-gradient(180deg, #1c243a 0, #19213a 100%)

}



.mp-hero-section__bonus img {

    min-width: 58px;

    min-height: 58px;

    max-width: 58px;

    max-height: 58px

}



.mp-hero-section__bonus .mp-hero-section__bonus-descr {

    font-size: 24px;

    line-height: 120%;

    font-weight: 700;

    width: 100%;

    color: #fff;

    margin: 0

}



.mp-hero-section__bonus .mp-hero-section__bonus-descr > span {

    font-size: 24px;

    line-height: 120%;

    font-weight: 700;

    color: #3492f6

}



.mp-hero-section__bonus .btn {

    padding: 6px 30px;

    min-height: 56px

}



.mp-hero-section__download {

    position: relative;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    gap: 32px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 100%;

    padding: 42px;

    backdrop-filter: blur(5px);

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(138, 139, 172, .4)), to(rgba(65, 63, 84, .4)));

    background: linear-gradient(180deg, rgba(138, 139, 172, .4) 0, rgba(65, 63, 84, .4) 100%);

    border-radius: 8px;

    overflow: hidden;

    z-index: 1

}



.mp-hero-section__download::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 1px;

    border-radius: 8px;

    background: linear-gradient(218.08deg, #10aafc 5.5%, #ad52bc 22.02%, #c85198 33.95%, #f5515d 42.48%, #10aafc 47.98%, #ad52bc 64.5%, #c85198 76.43%, #f5515d 100%);

    background-size: 250% 100%;

    background-position: 100% 0;

    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

    mask-composite: exclude

}



.info-list__gallery img::before, .info-list__horizontal_sep li::before {

    left: calc(100% + 16px);

    top: 0

}



@-webkit-keyframes animGrad {

    0%, 100% {

        background-position: 100% 0

    }

    50% {

        background-position: 15% 0

    }

}



.mp-hero-section__download-info {

    display: flex;

    flex-direction: row;

    align-items: stretch;

    justify-content: flex-start;

    gap: 32px;

    flex: 1

}



.mp-hero-section__download-info-item {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    gap: 6px;

    flex: 1

}



.mp-hero-section__download-info-item:last-child::after {

    display: none

}



.mp-hero-section__download-info-item::after {

    content: "";

    position: absolute;

    top: 0;

    left: calc(100% + 16px);

    width: 1px;

    height: 100%;

    background: #fff

}



.mp-hero-section__download-rate {

    --star-bg: rgba(65, 63, 84, .4);

    position: relative;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    gap: 8px;

    --percent: calc(var(--rating, 4.5) / 5 * 100%)

}



.mp-hero-section__download-rate::after, .mp-hero-section__download-rate::before {

    font-size: 24px;

    line-height: 22px;

    height: 24px;

    letter-spacing: 0;

    font-weight: 300

}



.mp-hero-section__download-rate::before {

    content: "★★★★★";

    display: block;

    background: -webkit-gradient(linear, left top, right top, from(var(--star-color)), to(var(--star-bg)));

    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.header__lang-active::before, .section-faq .faq-list__item::before {

    background: linear-gradient(218.08deg, #10aafc 11.07%, #ad52bc 44.04%, #c85198 67.91%, #f5515d 84.96%)

}



.mp-hero-section__download-rate::after {

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    content: "☆☆☆☆☆";

    display: block;

    letter-spacing: 0;

    color: var(--star-color)

}



.mp-hero-section__download-title {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    gap: 8px;

    font-size: 24px;

    line-height: 120%;

    font-weight: 700

}



.mp-hero-section__download-text {

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    white-space: nowrap

}



.mp-hero-section__btns {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    gap: 20px;

    flex: 1

}



.mp-hero-section__btns .btn {

    min-height: 56px;

    flex: 1;

    padding: 10px

}



.mp-hero-section__btns .btn svg {

    width: 32px;

    height: 32px

}



.header {

    position: sticky;

    top: 0;

    left: 0;

    background: #000;

    padding-block: 8px 9px;

    z-index: 100

}



.header__dropdown-list, .header__lang-active {

    background: linear-gradient(180deg, #1c243a 0, #19213a 100%);

    border-radius: 4px

}



.header .container {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    position: relative

}



.header__logo {

    max-width: 80px;

    margin-right: 20px;

    transition: opacity .3s ease-in-out;

    will-change: opacity

}



.footer__logo, .header__nav {

    margin-right: auto

}



.header__logo img, .header__logo svg {

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.header__nav-list {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    gap: 20px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    row-gap: 5px;

    flex-wrap: wrap

}



.header__nav-item {

    position: relative;

    display: flex;

    align-items: center

}



.header__nav-item:first-child {

    z-index: 14

}



.header__nav-item:nth-child(2) {

    z-index: 13

}



.header__nav-item:nth-child(3) {

    z-index: 12

}



.header__nav-item:nth-child(4) {

    z-index: 11

}



.header__nav-item:nth-child(5) {

    z-index: 10

}



.header__nav-item:nth-child(6) {

    z-index: 9

}



.header__nav-item:nth-child(7) {

    z-index: 8

}



.header__nav-item:nth-child(8) {

    z-index: 7

}



.header__nav-item:nth-child(9) {

    z-index: 6

}



.header__nav-item:nth-child(10) {

    z-index: 5

}



.header__nav-item:nth-child(11) {

    z-index: 4

}



.header__nav-item:nth-child(12) {

    z-index: 3

}



.header__nav-item:nth-child(13) {

    z-index: 2

}



.banner > *, .disciplines-list li > *, .header__nav-item:nth-child(14) {

    z-index: 1

}



.header__nav-item:nth-child(15) {

    z-index: 0

}



.header__nav-item-header {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    gap: 4px;

    cursor: pointer

}



.header__nav-item a, .header__nav-item span {

    color: #b3b3cf;

    transition: color .3s ease-in-out;

    will-change: color

}



.header__nav-item.active a, .header__nav-item.active span {

    color: #fff

}



.header__nav-item.active .header__nav-icon {

    transform: rotate(0)

}



.header__nav-item.active .header__dropdown-list {

    display: flex

}



.header__nav-icon {

    width: 24px;

    height: 24px;

    min-width: 24px;

    min-height: 24px;

    padding: 3px;

    -webkit-transition-property: -webkit-transform;

    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;

    will-change: transform

}



.header__nav-icon img, .header__nav-icon svg {

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.header__nav-icon svg path {

    -webkit-transition-property: stroke;

    transition: stroke .3s ease-in-out;

    will-change: stroke

}



.header__dropdown-list {

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    position: absolute;

    top: calc(100% + 4px);

    left: 0;

    padding-block: 8px;

    display: none;

    width: max-content

}



.header__dropdown-list::before {

    content: "";

    position: absolute;

    top: -4px;

    left: 0;

    width: 100%;

    height: 4px

}



.header__dropdown li {

    width: 100%;

    min-height: 40px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    gap: 12px;

    padding: 7px 8px;

    color: #fff;

    transition: background .3s ease-in-out;

    will-change: background;

    position: relative

}



.header__lang {

    position: relative;

    z-index: 8888;

    margin-left: 30px

}



.header__lang-active {

    position: relative;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    gap: 8px;

    padding: 4px 8px;

    color: #fff;

    cursor: pointer;

    z-index: 1

}



.header__lang-active::after, .header__lang-active::before {

    content: "";

    z-index: -1;

    transition: opacity .3s ease-in-out;

    will-change: opacity;

    border-radius: 4px

}



.header__lang-active::before {

    position: absolute;

    inset: 0;

    opacity: 0

}



.header__lang-active::after {

    position: absolute;

    top: 1px;

    left: 1px;

    width: calc(100% - 2px);

    height: calc(100% - 2px);

    background: linear-gradient(180deg, #1c243a 0, #19213a 100%)

}



.header__lang-active img, .header__lang-active svg, .languages-switcher__flag img {

    width: 18px;

    height: 18px;

    border-radius: 50%;

    object-fit: none

}



.fixed-el.active .fixed-el__content, .fixed-el.active .fixed-el__main .btn, .header__lang.active .header__dropdown-list, .header__lang:hover .header__dropdown-list, .menu.active .menu__nav {

    display: flex

}



.header__lang-img {

    display: flex;

    flex-direction: row;

    border-radius: 50%;

    width: 18px;

    height: 18px;

    min-width: 18px;

    min-height: 18px

}



.footer__info, .footer__payment, .header__btns, .header__burger {

    display: flex;

    flex-direction: row

}



.header__lang-img img, .header__lang-img svg {

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.header__btns {

    align-items: stretch;

    justify-content: flex-start;

    gap: 8px;

    margin-left: 8px;

    max-width: 392px;

    flex: 1

}



.header__btns .btn {

    line-height: 1;

    min-height: 44px;

    flex: 1

}



.header__burger {

    -webkit-transition: .3s;

    transition: .3s;

    align-items: center;

    justify-content: center;

    position: relative;

    margin-left: 19px;

    cursor: pointer

}



.header__burger-wrap, .section-hero__bonus {

    position: relative;

    flex-direction: row;

    display: flex

}



.header__burger.active .header__burger-wrap span, .header__burger.active .header__burger-wrap::after, .header__burger.active .header__burger-wrap::before {

    height: 2px

}



.header__burger.active .header__burger-wrap span, .info-list__horizontal_sep li:last-child::before, .winners-list__wrap .splide__sr {

    display: none

}



.header__burger.active .header__burger-wrap::before {

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 6px

}



.header__burger.active .header__burger-wrap::after {

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

    bottom: 7px

}



.header__burger::before {

    content: "";

    width: 40px;

    height: 40px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background: rgba(164, 170, 181, .0784313725);

    opacity: 0;

    transition: opacity .1s ease-in-out;

    will-change: opacity

}



.header__burger-wrap {

    align-items: center;

    justify-content: center;

    width: 22px;

    height: 15px;

    min-width: 22px;

    min-height: 15px

}



.header__burger-wrap::after, .header__burger-wrap::before {

    content: "";

    position: absolute;

    left: 0;

    transition: background .3s ease-in-out, height .3s ease-in-out, transform .3s ease-in-out, top .3s ease-in-out, right .3s ease-in-out, left .3s ease-in-out, -webkit-transform .3s ease-in-out;

    will-change: background, height, transform, top, right, left

}



.header__burger-wrap::before {

    top: 0

}



.header__burger-wrap::after {

    bottom: 0

}



.header__burger-wrap span {

    -webkit-transition-property: background;

    transition: background .3s ease-in-out;

    will-change: background

}



.header__burger-wrap span, .header__burger-wrap::after, .header__burger-wrap::before {

    width: 100%;

    height: 3px;

    background: #b3b3cf

}



.section-hero__bg::before, .section-hero__bonus::before {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    content: ""

}



.section-hero {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    position: relative

}



.section-hero__bg::before {

    background: linear-gradient(180deg, #3c5392de 10.56%, #2a3b6800 32.69%, #1e294900 56.9%, #12192c00 100%)

}



.section-hero__content {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    gap: 20px;

    z-index: 2

}



.section-hero__content > * {

    text-align: center

}



.section-hero__content h1 {

    font-size: 48px;

    line-height: 120%;

    font-weight: 900;

    margin: 0

}



.footer__nav-list a, .section-faq .faq-list a {

    font-weight: 600;

    transition: color .3s ease-in-out;

    will-change: color

}



.disciplines-list li::before, .events__table .cell::before, .footer__logo, .footer__soc a, .info-list__item-content a > *, .steps-list__item::before {

    transition: opacity .3s ease-in-out;

    will-change: opacity

}



.btn, .menu__header-icon::before {

    -webkit-transition-property: background

}



.btn, .btn_tertiary::before, .menu__header-icon::before {

    transition: background .3s ease-in-out

}



.section-hero__content p, .section-hero__content span {

    color: #fff;

    margin: 0

}



.section-hero__content .section-hero__date {

    color: #b3b3cf;

    font-size: 14px;

    line-height: 136%;

    font-weight: 400

}



.section-faq .faq-list__quest, .section-hero__bonus-descr {

    font-size: 24px;

    line-height: 120%;

    font-weight: 700;

    color: #fff

}



.section-hero__bonus {

    align-items: center;

    justify-content: space-between;

    gap: 32px;

    margin-top: 12px;

    width: 100%;

    padding: 42px 45px;

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(138, 139, 172, .4)), to(rgba(65, 63, 84, .4)));

    background: linear-gradient(180deg, rgba(138, 139, 172, .4) 0, rgba(65, 63, 84, .4) 100%);

    -webkit-backdrop-filter: blur(5px);

    backdrop-filter: blur(5px);

    border-radius: 8px;

    overflow: hidden

}



.section-hero__bonus::before {

    padding: 1px;

    border-radius: 8px;

    background: linear-gradient(218.08deg, #10aafc 5.5%, #ad52bc 22.02%, #c85198 33.95%, #f5515d 42.48%, #10aafc 47.98%, #ad52bc 64.5%, #c85198 76.43%, #f5515d 100%);

    background-size: 250% 100%;

    background-position: 100% 0;

    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

    mask-composite: exclude

}



@keyframes animGrad {

    0%, 100% {

        background-position: 100% 0

    }

    50% {

        background-position: 15% 0

    }

}



.section-hero__bonus-descr {

    width: 100%;

    margin-top: 0;

    text-align: left

}



.section-hero__btns {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    gap: 20px;

    width: 100%

}



.section-hero__btns .btn {

    min-height: 56px;

    flex: 1;

    padding: 10px

}



.section-calculator {

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 68px

}



.section-calculator__content {

    flex: 1

}



.content-img span, .section-calculator__content p {

    color: #fff

}



.section-faq {

    max-width: 1414px

}



.section-faq.faq-list {

    display: flex;

    flex-direction: row;

    align-items: stretch;

    justify-content: flex-start;

    gap: 21px;

    row-gap: 24px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.section-faq .faq-list__item {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    position: relative;

    width: 100%;

    max-width: calc((100% - 21px) / 2);

    padding-left: 68px;

    padding-right: 26px

}



.disciplines-list li::after, .disciplines-list li::before, .section-faq .faq-list__item::after, .section-faq .faq-list__item::before {

    content: ""

}



.section-faq .faq-list__item::before {

    width: 48px;

    height: 48px;

    position: absolute;

    top: 0;

    left: 0;

    content: url("data:image/svg+xml;charset=UTF-8,<svg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M47.5 24c0 12.703-10.297 23-23 23s-23-10.297-23-23 10.297-23 23-23 23 10.297 23 23Zm-24.652 1.311c-.214.553-.321 1.195-.321 1.925h5.711c0-.509.128-.962.385-1.36a6.73 6.73 0 0 1 .963-1.162c.406-.377.834-.764 1.283-1.162.45-.42.866-.874 1.251-1.361a6.229 6.229 0 0 0 .995-1.693c.257-.642.385-1.394.385-2.257 0-1.35-.364-2.49-1.09-3.42-.728-.929-1.733-1.626-3.017-2.09-1.262-.488-2.716-.731-4.364-.731-2.352 0-4.32.454-5.903 1.361-1.583.885-2.792 2.07-3.626 3.552l4.78 2.655c.429-.752.985-1.338 1.67-1.759a4.492 4.492 0 0 1 2.341-.63c.835 0 1.508.188 2.022.564.535.376.802.896.802 1.56 0 .42-.118.808-.353 1.162a6.03 6.03 0 0 1-.834 1.062c-.342.332-.717.686-1.123 1.062a9.583 9.583 0 0 0-1.091 1.195 6.507 6.507 0 0 0-.866 1.527Zm-.065 9.66c.685.686 1.551 1.029 2.6 1.029 1.09 0 1.967-.343 2.63-1.029.685-.686 1.027-1.505 1.027-2.456 0-.974-.342-1.782-1.027-2.424-.663-.664-1.54-.996-2.63-.996-1.049 0-1.915.332-2.6.996-.684.642-1.026 1.45-1.026 2.423 0 .952.342 1.77 1.026 2.457Z' fill='%2312192E'/></svg>");

    border-radius: 100%

}



.section-faq .faq-list__item::after {

    background: #434f72

}



.section-faq .faq-list__item:not(:last-child,:nth-last-child(2))::after {

    position: absolute;

    top: 64px;

    left: 23px;

    width: 2px;

    height: calc(100% + 6px - 48px - 16px);

    background: #434f72

}



.section-faq .faq-list__item > *, p + .container {

    margin-top: 16px

}



.section-faq .faq-list__answer p, .section-faq .faq-list__quest {

    margin: 0

}



.content-img h2 + p:not([class]), .content-img h2 + span:not([class]), .content-img p:not([class]):first-child, .content-img span:not([class]):first-child, .content-img-vert__text > :first-child, .section-faq .faq-list__item > :first-child {

    margin-top: 0

}



.section-faq .faq-list__answer {

    color: #fff;

    font-size: 18px;

    line-height: 136%;

    font-weight: 400

}



.section-faq .faq-list a {

    display: block;

    padding: 10px 8px;

    margin-top: 16px;

    color: #3492f6;

    font-size: 18px;

    line-height: 136%

}



.footer {

    background: #090f1e;

    padding: 64px 0;

    margin-top: 64px

}



.content-img-vert, .footer .container {

    display: flex;

    flex-direction: column;

    align-items: stretch;

    justify-content: flex-start;

    gap: 32px

}



.footer__nav-list, .footer__top {

    display: flex;

    flex-direction: row;

    gap: 32px

}



.footer__logo {

    width: 90px;

    height: 30px;

    max-width: 90px;

    max-height: 30px

}



.footer__logo img {

    width: 100%;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.footer__top {

    align-items: center;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.footer__nav-list {

    align-items: center;

    justify-content: flex-start;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.footer__nav-list a {

    font-size: 18px;

    line-height: 136%;

    color: #b3b3cf

}



.footer__payment {

    align-items: center;

    justify-content: flex-start;

    gap: 20px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-inline: 6px;

    justify-content: space-between

}



.footer__payment li {

    max-width: 64px;

    max-height: 36px

}



.footer__payment li img, .footer__payment li svg {

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.footer__top-center {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    gap: 16px

}



.footer__info {

    border-top: 1px solid #434f72;

    padding-top: 32px;

    align-items: center;

    justify-content: flex-start;

    gap: 32px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.footer__copyright, .footer__soc {

    flex-direction: row;

    display: flex

}



.footer__copyright {

    align-items: flex-start;

    justify-content: flex-start;

    gap: 24px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: auto

}



.footer__copyright > * {

    margin-top: 0;

    font-size: 14px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf

}



.footer__copyright img {

    min-width: 28px;

    min-height: 14px;

    max-width: 28px;

    max-height: 14px

}



.footer__soc {

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    gap: 16px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.footer__soc a {

    width: 24px;

    height: 24px;

    min-width: 24px;

    min-height: 24px;

    display: block

}



.footer__soc a img, .footer__soc a svg {

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.btn {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    gap: 8px;

    min-height: 44px;

    padding: 8px 36px;

    border-radius: 8px;

    color: #fff;

    font-size: 18px;

    line-height: 136%;

    font-weight: 600;

    text-align: center;

    cursor: pointer;

    will-change: background

}



.btn img, .btn svg {

    min-width: 24px;

    min-height: 24px;

    max-width: 24px;

    max-height: 24px

}



.btn_link {

    padding: 8px;

    border: 0;

    color: #3492f6;

    transition: color .3s ease-in-out;

    will-change: color;

    background: 0 0

}



.btn_primary {

    background-image: -webkit-gradient(linear, left top, right top, from(#7e5eec), color-stop(51%, #07b1fd), to(#7e5eec));

    background-image: linear-gradient(to right, #7e5eec 0, #07b1fd 51%, #7e5eec 100%);

    background-size: 200% auto;

    background-position: 0 0

}



.btn_transparent {

    background: 0 0;

    border: 1px solid #fff;

    padding: 9px 36px

}



.btn_dashed {

    border: 2px dashed #fff;

    background: 0 0;

    padding: 6px 36px

}



.btn_copy img, .btn_copy svg {

    width: 18px;

    height: 18px

}



.btn_copy svg stop {

    -webkit-transition-property: stop-color;

    transition: stop-color .3s ease-in-out;

    will-change: stop-color

}



.btn_gift img, .btn_gift svg {

    transition: transform .3s ease-in-out;

    will-change: transform;

    animation: 2s infinite shaking

}



.info-list__item-content a, .menu.active .menu__nav ul li a, .menu__item a {

    transition: color .3s ease-in-out;

    will-change: color

}



@-webkit-keyframes shaking {

    0%, 100%, 25%, 75% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    40% {

        -webkit-transform: rotate(-20deg);

        transform: rotate(-20deg)

    }

    60% {

        -webkit-transform: rotate(20deg);

        transform: rotate(20deg)

    }

}



@keyframes shaking {

    0%, 100%, 25%, 75% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    40% {

        -webkit-transform: rotate(-20deg);

        transform: rotate(-20deg)

    }

    60% {

        -webkit-transform: rotate(20deg);

        transform: rotate(20deg)

    }

}



.btn_tertiary {

    background-image: -webkit-gradient(linear, left top, right top, from(#07895a), color-stop(51%, #007632), to(#07895a));

    background-image: linear-gradient(90deg, #07895a 0, #007632 51%, #07895a 100%);

    background-size: 200% auto;

    background-position: 0 0

}



.btn_tertiary::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 0;

    background: 0 0;

    will-change: background

}



.btn_disabled {

    background: rgba(164, 169, 181, .1215686275);

    color: rgba(164, 169, 181, .1215686275);

    border-color: rgba(164, 169, 181, .1215686275)

}



.btn_disabled svg path {

    stroke: rgba(164, 169, 181, .1215686275)

}



.steps-list {

    display: grid;

    -ms-grid-columns:(1fr) [ 4 ];

    grid-template-columns:repeat(4, 1fr);

    gap: 20px;

    margin-top: 20px

}



.steps-list__item {

    flex: 1;

    border-radius: 8px;

    padding: 1px;

    overflow: hidden;

    cursor: pointer

}



.steps-list__item-wrap {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    gap: 16px;

    width: 100%;

    height: 100%;

    padding: 16px;

    background: var(--bg);

    border-radius: 8px;

    z-index: 2;

    text-align: center

}



.steps-list__item-wrap::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 0;

    background: linear-gradient(180deg, rgba(240, 240, 240, .03) 0, rgba(108, 106, 123, .03) 100%);

    border-radius: 8px

}



.steps-list__item {

    background: #182035

}



.disciplines-list li:hover, .steps-list__item:hover {

    background: linear-gradient(218.08deg, #10aafc 11.07%, #ad52bc 44.04%, #c85198 67.91%, #f5515d 84.96%)

}



.steps-list__item::before {

    content: "";

    inset: 0;

    background: #182035;

    border-radius: 8px;

    content: "";

    position: absolute;

    top: 1px;

    left: 1px;

    width: calc(100% - 2px);

    height: calc(100% - 2px);

    z-index: 0

}



.steps-list__item > * {

    z-index: 5

}



.steps-list__item img {

    width: 80px;

    height: 80px;

    max-width: 80px;

    max-height: 80px

}



.steps-list__title {

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    gap: 16px;

    font-size: 24px;

    line-height: 120%;

    font-weight: 700;

    text-align: center;

    color: #fff

}



.steps-list__title svg {

    max-width: 32px;

    width: 100%

}



.steps-list__arrow {

    display: flex;

    flex-direction: row;

    max-width: 33px;

    max-height: 33px

}



.steps-list__arrow img, .steps-list__arrow svg {

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.steps-list__descr {

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf;

    text-align: center;

    max-height: 200px;

    overflow-y: auto;

    display: block

}



.menu__header-text, .winners-list__title {

    font-size: 24px;

    line-height: 120%;

    font-weight: 700

}



.steps-list__descr::-webkit-scrollbar {

    width: 3px

}



.menu::before, .winners-list::before {

    left: 50%;

    bottom: 0;

    width: 100vw;

    position: absolute;

    top: 0;

    z-index: -1;

    content: ""

}



.steps-list__descr::-webkit-scrollbar-thumb {

    border-radius: 5px;

    background: 0 0/100% no-repeat #b3b3cf

}



.steps-list__descr::-webkit-scrollbar-track {

    background: 0 0

}



.menu::before {

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    background: linear-gradient(180deg, rgba(240, 240, 240, .03) 0, rgba(108, 106, 123, .03) 100%)

}



.menu.active .menu__header-icon {

    transform: rotate(0);

    background: 0 0

}



.menu__header {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    padding-block: 32px;

    cursor: pointer

}



.menu__header-text {

    display: flex;

    width: 100%;

    align-items: center;

    justify-content: space-between;

    margin: 0

}



.menu__header-icon {

    transform: rotate(-180deg);

    background: rgba(164, 170, 181, .1215686275);

    border-radius: 50%;

    width: 40px;

    height: 40px;

    min-width: 40px;

    min-height: 40px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    -webkit-transition-property: -webkit-transform;

    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;

    will-change: transform

}



.menu__header-icon svg {

    width: 16px;

    height: 10px

}



.menu__header-icon::before {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: 50%;

    will-change: background

}



.menu__nav {

    padding-bottom: 32px;

    display: none

}



.menu.active .menu__nav ul, .menu__list {

    padding-left: 8px;

    border-left: 1px solid #434f72;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 8px;

    margin: 0

}



.menu.active .menu__nav ul li::before, .menu__list ul:not([class]) li::before {

    content: none

}



.menu.active .menu__nav ul li, .menu__list ul:not([class]) li {

    padding: 0

}



.menu.active .menu__nav ul li a, .menu__item a {

    padding: 9px 36px;

    min-height: 44px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    gap: 8px;

    font-size: 18px;

    line-height: 136%;

    font-weight: 600;

    color: #3492f6

}



.winners-list {

    padding-block: 32px;

    margin-top: 20px

}



.winners-list::before {

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    background: linear-gradient(180deg, #1c243a 0, #19213a 100%)

}



.winners-list .container {

    display: flex;

    flex-direction: row;

    align-items: stretch;

    justify-content: flex-start

}



.winners-list__title {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start

}



.winners-list__list {

    max-width: 100%;

    display: flex;

    flex-direction: row;

    align-items: stretch;

    justify-content: flex-start;

    gap: 20px

}



.winners-list__list::-webkit-scrollbar {

    height: 3px

}



.winners-list__item {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    user-select: none;

    padding: 8px;

    white-space: nowrap;

    border-radius: 8px;

    border: 1px solid #434f72

}



.winners-list__img {

    border-radius: 6px;

    overflow: hidden;

    margin-right: 12px;

    width: 59px;

    min-width: 59px;

    aspect-ratio: 59/59

}



.games-list__img, .games-list__item img {

    aspect-ratio: 268/230;

    width: 100%

}



.winners-list__img img, .winners-list__img svg {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover

}



.winners-list__data {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    gap: 8px;

    margin-right: 40px

}



.winners-list__data > * {

    text-align: left;

    white-space: nowrap

}



.winners-list__data:last-child {

    margin-left: auto;

    margin-right: 0;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end

}



.winners-list__data:last-child > * {

    text-align: right

}



.winners-list__name, .winners-list__text {

    overflow: hidden;

    text-overflow: ellipsis

}



.winners-list__sum {

    border-radius: 16px;

    padding: 4px 8px;

    white-space: nowrap;

    background: linear-gradient(90deg, #07895a 0, #007632 100%);

    text-align: center

}



.games-list__btns, .info-list__item-title {

    z-index: 1;

    background: linear-gradient(180deg, #1c243a 0, #19213a 100%)

}



.winners-list__text {

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf

}



.games-list {

    display: grid;

    -ms-grid-columns:(1fr) [ 5 ];

    grid-template-columns:repeat(5, 1fr);

    gap: 20px;

    margin-top: 20px

}



.games-list__item {

    border-radius: 8px;

    overflow: hidden;

    display: flex;

    flex-direction: column

}



.games-list__img::after {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(180.16deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, .76) 73.82%)

}



.info-list__gallery img::before, .info-list__horizontal_sep li::before, .matches-list__bet-item:not(:last-child)::after {

    width: 1px;

    position: absolute;

    background: #434f72;

    height: 100%;

    content: ""

}



.games-list__item img {

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: cover;

    object-fit: cover

}



.games-list__btns {

    flex: 1;

    display: flex;

    flex-direction: column;

    align-items: stretch;

    justify-content: flex-start;

    gap: 12px;

    padding: 16px;

    border-radius: 8px;

    margin-top: -60px;

    text-align: center

}



.content-img, .content-img .btn, .content-img ol, .content-img ul, .info-list, .list-steps {

    margin-top: 20px

}



.games-list__btns .btn {

    line-height: 1;

    min-height: 44px;

    padding-inline: 10px;

    flex: 1

}



.content-img {

    display: grid;

    -ms-grid-columns: 2.05fr 1.45fr;

    grid-template-columns:2.05fr 1.45fr;

    gap: 20px

}



.content-img__content {

    display: flex;

    flex-direction: column;

    align-items: flex-start

}



.content-img ul, .languages-switcher__lang-wrapp {

    gap: 12px

}



.info-list {

    display: flex;

    flex-direction: row;

    gap: 20px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-bottom: 10px;

    margin-bottom: -10px

}



.info-list__item {

    display: flex;

    flex-direction: column;

    align-items: stretch;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    width: 100%;

    min-width: min-content

}



.info-list__item info-list__item_bonuses .info-list__horizontal_sep {

    row-gap: 0

}



.info-list__item-title {

    padding: 24px;

    border: 1px solid #6f79d3;

    border-radius: 8px;

    font-size: 24px;

    line-height: 120%;

    font-weight: 700

}



.info-list__item-content, .info-list__item-content p {

    font-weight: 600;

    color: #fff;

    font-size: 18px;

    line-height: 136%

}



.info-list__item-content {

    display: flex;

    flex-direction: column;

    gap: 16px;

    border-radius: 0 0 8px 8px;

    padding: 24px;

    margin-top: -8px;

    background: linear-gradient(180deg, rgba(240, 240, 240, .03) 0, rgba(108, 106, 123, .03) 100%);

    flex: 1

}



.banner__content > *, .info-list__item-content p {

    margin: 0

}



.info-list__item-content span {

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf

}



.info-list__item-content img {

    max-width: 200px;

    max-height: 30px

}



.banner__btns .btn img, .banner__btns .btn svg, .info-list__item-content svg {

    min-width: 32px;

    min-height: 32px;

    max-width: 32px;

    max-height: 32px

}



.info-list__horizontal a, .info-list__horizontal li, .info-list__vert a, .info-list__vert li {

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: 8px

}



.info-list__vert {

    display: flex;

    flex-direction: column;

    gap: 16px

}



.info-list__horizontal {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    gap: 16px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.info-list__horizontal li {

    min-height: 24px

}



.info-list__horizontal_sep {

    align-items: flex-start;

    -webkit-column-gap: 32px;

    -moz-column-gap: 32px;

    column-gap: 32px;

    row-gap: 16px;

    overflow: hidden

}



.banner {

    padding-inline: 90px;

    display: grid;

    align-items: center;

    -ms-grid-columns: 1.03fr .96fr;

    grid-template-columns:1.03fr .96fr;

    gap: 44px;

    border-radius: 8px;

    overflow: hidden

}



.banner__bg {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    min-width: 100%;

    min-height: 100%

}



.banner__bg img, .banner__bg svg {

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: cover;

    object-fit: cover

}



.banner__content {

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    gap: 20px;

    padding-block: 64px

}



.banner__content p, .banner__content span {

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf;

    max-width: 498px

}



.banner__btns {

    display: flex;

    flex-direction: row;

    align-items: stretch;

    gap: 20px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 100%

}



.disciplines-list, .matches-list {

    display: grid;

    gap: 20px;

    margin-top: 32px

}



.banner__btns .btn {

    flex: 1

}



.disciplines-list {

    -ms-grid-columns:(1fr) [ 5 ];

    grid-template-columns:repeat(5, 1fr);

    padding: 2px

}



.disciplines-list li {

    position: relative;

    background: var(--bg);

    border-radius: 8px;

    font-size: 18px;

    line-height: 136%;

    font-weight: 600;

    cursor: pointer;

    background: var(--bg)

}



.disciplines-list li::before {

    background: var(--bg);

    position: absolute;

    top: 1px;

    left: 1px;

    width: calc(100% - 2px);

    height: calc(100% - 2px);

    z-index: -1;

    border-radius: 9px

}



.steps-list__item-wrap.steps-list-item-v2 {

    display: flex;

    flex-direction: row

}



.disciplines-list li::after {

    position: absolute;

    inset: 0;

    border-radius: 8px

}



.disciplines-list li:active a, .matches-list__bet-item .matches-list__bet-text:active, .matches-list__bet-item a:active, .matches-list__bet-item input:checked + .matches-list__bet-text {

    background: rgba(164, 170, 181, .1215686275)

}



.disciplines-list li a, .disciplines-list li div {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    gap: 16px;

    width: 100%;

    height: 100%;

    padding: 16px;

    -webkit-transition-property: background;

    transition: background .3s ease-in-out;

    will-change: background

}



.disciplines-list li img {

    max-width: 60px;

    max-height: 60px

}



.matches-list {

    -ms-grid-columns:(1fr) [ 4 ];

    grid-template-columns:repeat(4, 1fr)

}



.matches-list__item {

    flex: 1;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    gap: 16px;

    padding: 8px 16px 16px;

    border-radius: 8px;

    border: 1px solid #434f72

}



.matches-list__title {

    font-size: 14px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf;

    text-align: center

}



.matches-list__teams {

    width: 100%;

    display: grid;

    -ms-grid-columns: 1fr auto 1fr;

    grid-template-columns:1fr auto 1fr;

    gap: 16px;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto

}



.matches-list__teams-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 6px;

    font-size: 18px;

    line-height: 136%;

    font-weight: 600

}



.matches-list__teams-item img {

    min-width: 36px;

    min-height: 36px;

    max-width: 36px;

    max-height: 36px

}



.matches-list__teams-date {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    font-size: 14px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf;

    text-align: center

}



.matches-list__teams-date img {

    min-width: 40px;

    min-height: 40px;

    max-width: 40px;

    max-height: 40px;

    margin-bottom: 6px

}



.matches-list__teams-date > * {

    margin-top: 2px;

    text-align: center

}



.matches-list__teams-date span {

    font-size: 16px;

    line-height: 136%;

    font-weight: 400;

    color: #fff

}



.matches-list__bet {

    width: 100%;

    display: flex;

    flex-direction: row;

    align-items: stretch;

    justify-content: space-between;

    gap: 16px;

    padding: 7px;

    border-radius: 8px;

    border: 1px solid #434f72

}



.matches-list__bet-item {

    flex: 1;

    position: relative

}



.matches-list__bet-item:not(:last-child)::after {

    top: 0;

    left: calc(100% + 8px)

}



.matches-list__bet-item .matches-list__bet-text, .matches-list__bet-item a {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    padding: 8px;

    border-radius: 8px;

    font-size: 14px;

    line-height: 136%;

    font-weight: 400;

    -webkit-transition-property: background;

    transition: background .3s ease-in-out;

    will-change: background;

    cursor: pointer

}



.events__month p, .events__month-title {

    line-height: 120%;

    font-weight: 700;

    text-align: center

}



.breadcrumbs__list a, .breadcrumbs__list li {

    transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out;

    will-change: filter

}



.go-up:not(.active), .matches-list__bet-item input, .page-id-4438 .last-modified-date {

    display: none

}



.fixed-el.active > .btn, .header__nav-item-header, .matches-list .btn {

    width: 100%

}



.events {

    display: flex;

    flex-direction: row;

    align-items: stretch;

    justify-content: center;

    gap: 20px;

    row-gap: 50px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 20px

}



.news-list__content .btn, .offers-list__content .btn {

    margin-top: auto

}



.events__month {

    display: flex;

    flex-direction: column;

    align-items: stretch;

    justify-content: flex-start;

    gap: 20px;

    padding: 32px 28px;

    max-width: 800px;

    flex: 1;

    border-radius: 16px;

    border: 1px solid #6f79d3;

    background: linear-gradient(180deg, #1c243a 0, #19213a 100%);

    width: min-content

}



.events__month-title {

    font-size: 36px

}



.events__month p {

    font-size: 24px;

    color: #b3b3cf;

    margin-top: 0

}



.events__month p b, .events__month p strong {

    color: #6f79d3

}



.events__table {

    width: 100%;

    border-collapse: collapse;

    background-color: transparent

}



.events__table-wrap {

    margin-top: auto;

    max-width: 100%

}



.events-weeks {

    display: grid;

    grid-template-columns:1fr;

    gap: 8px

}



.events-week-v2 {

    display: grid;

    gap: 8px;

    grid-template-columns:repeat(7, 1fr)

}



.events__table-v2 {

    display: flex;

    flex-direction: column;

    gap: 8px

}



.events-list-days {

    display: flex;

    justify-content: space-between;

    gap: 8px;

    font-size: 14px;

    line-height: 136%;

    font-weight: 400;

    padding-bottom: 20px

}



.events-list-days-v2 {

    padding-bottom: 12px

}



.events-week {

    display: flex;

    gap: 8px

}



.events__table .cell {

    text-align: center;

    vertical-align: middle;

    box-sizing: border-box;

    min-width: 84px;

    cursor: pointer;

    border-radius: 8px;

    overflow: hidden;

    width: 100%;

    height: 86px;

    padding: 1px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    position: relative;

    background: #121a2f

}



.events__table .cell::before, .events__table .cell__number {

    background: linear-gradient(218.08deg, #10aafc 11.07%, #ad52bc 44.04%, #c85198 67.91%, #f5515d 84.96%);

    position: absolute

}



.events__table .cell::before {

    content: "";

    inset: 0;

    z-index: 0;

    opacity: 0

}



.cell-title {

    position: absolute;

    z-index: 8;

    color: #fff;

    text-align: center;

    font-size: 14px;

    font-weight: 700;

    line-height: 120%

}



.events__table .cell__img {

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 86px;

    z-index: 1;

    border-radius: 7px;

    overflow: hidden

}



.events__table .cell__img img, .events__table .cell__img svg, .offers-list__img img, .offers-list__img svg {

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: cover;

    object-fit: cover

}



.events__table .cell__img img {

    width: 100%;

    height: 100%;

    -o-object-position: center;

    object-position: center

}



.events__table .cell__number {

    left: 4px;

    bottom: 4px;

    width: 24px;

    height: 24px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    font-family: Montserrat;

    font-size: 14px;

    line-height: 24px;

    font-weight: 500;

    text-align: center;

    border-radius: 50%;

    color: #fff;

    z-index: 1

}



.events__table .cell__number::before {

    content: "";

    background: linear-gradient(90.42deg, #12192c .44%, #121b33 49.58%, #12192c 99.72%);

    position: absolute;

    top: 1px;

    left: 1px;

    border-radius: 50%;

    width: calc(100% - 2px);

    height: calc(100% - 2px);

    z-index: -1

}



.img-steps {

    padding-bottom: 10px

}



.img-steps__descr {

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    max-width: 787px

}



.advantages__item-title, .calculator__title, .img-steps__title {

    font-size: 24px;

    line-height: 120%;

    font-weight: 700;

    text-align: center

}



.img-steps__list {

    counter-reset: how-to-steps-counter;

    display: flex;

    flex-direction: column;

    align-items: stretch;

    justify-content: flex-start;

    gap: 0;

    margin-top: 20px

}



.img-steps li {

    position: relative;

    counter-increment: how-to-steps-counter;

    align-items: stretch;

    border-radius: 16px

}



.img-steps li:not(:first-child)::after, .img-steps li:not(:first-child)::before {

    content: "";

    position: absolute;

    top: 0;

    right: 32px;

    width: 60px;

    height: 60px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 1;

    border-radius: 50%

}



.img-steps li:not(:first-child)::after {

    background-image: url(../images/double-arrow-down.svg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 32px 32px

}



.fixed-el, .img-steps li:not(:first-child)::before, .img-steps__title, .news-list__content, .pros-cons__item, .pros-cons__item::before {

    background: linear-gradient(180deg, #1c243a 0, #19213a 100%)

}



.img-steps li:not(:first-child)::before {

    border: 1px solid #6f79d3

}



.img-steps__title {

    position: relative;

    min-height: 93px;

    padding: 31px 10px;

    border-radius: 16px;

    border: 1px solid #6f79d3;

    margin: 0

}



.img-steps__title::before {

    content: counter(how-to-steps-counter) ". "

}



.img-steps__body {

    padding: 32px;

    display: grid;

    -ms-grid-columns: 1fr 1fr;

    grid-template-columns:1fr 1fr;

    gap: 20px

}



.img-steps__body img {

    max-width: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.img-steps__content {

    align-items: flex-start;

    justify-content: flex-start;

    gap: 20px

}



.img-steps__content p, .img-steps__content span {

    margin: 0

}



.img-steps__content p:not(.btn), .img-steps__content span:not(.btn) {

    font-size: 18px;

    line-height: 136%;

    font-weight: 400;

    color: #b3b3cf

}



.advantages {

    align-items: stretch;

    justify-content: flex-start;

    gap: 20px

}



.advantages__header {

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    gap: 20px

}



.advantages__header p {

    margin: 0;

    color: #b3b3cf

}



.advantages__list {

    display: flex;

    flex-direction: row;

    align-items: stretch;

    justify-content: flex-start;

    gap: 20px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-bottom: 2px

}



.advantages__item, .counter {

    gap: 16px;

    background: linear-gradient(218.08deg, #10aafc 11.07%, #ad52bc 44.04%, #c85198 67.91%, #f5515d 84.96%);

    border-radius: 8px

}



.advantages__item::before, .go-up {

    background: var(--bg)

}



.advantages__item {

    position: relative;

    width: 100%;

    max-width: calc((100% - 40px) / 3);

    align-items: center;

    justify-content: flex-start;

    padding: 32px

}



.advantages__item img {

    min-width: 42px;

    min-height: 42px;

    max-width: 42px;

    max-height: 42px

}



.advantages__item-descr {

    color: #b3b3cf;

    text-align: center;

    margin: 0

}



.advantages__item .btn {

    width: 100%;

    min-height: 56px

}



.advantages__item::after, .advantages__item::before {

    content: "";

    pointer-events: none;

    position: absolute;

    top: 1px;

    left: 1px;

    width: calc(100% - 2px);

    height: calc(100% - 2px);

    z-index: 0;

    border-radius: 8px

}



.advantages__item::after, .go-up::before {

    background: linear-gradient(180deg, rgba(240, 240, 240, .03) 0, rgba(108, 106, 123, .03) 100%)

}



.advantages__item > * {

    position: relative;

    z-index: 4

}



.counter {

    align-items: flex-start;

    width: 696px;

    padding: 16px

}



.counter__title {

    font-size: 18px;

    line-height: 136%;

    font-weight: 600;

    text-align: left;

    color: #fff

}



.counter .timer {

    display: flex;

    flex-direction: row;

    align-items: stretch;

    justify-content: space-between;

    gap: 8px;

    width: 100%;

    font-size: 36px;

    line-height: 120%;

    font-weight: 700

}



.counter .timer__symbol {

    width: 100%;

    height: 70px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center

}



.counter .timer__number {

    flex: 1;

    position: relative;

    overflow: hidden;

    border-radius: 4px;

    background: linear-gradient(90.42deg, #12192c .44%, #121b33 49.58%, #12192c 99.72%);

    width: 53px;

    height: 70px

}



.counter .timer__number-list {

    position: absolute;

    left: 0;

    bottom: 0;

    display: flex;

    flex-direction: column-reverse;

    transition: bottom .1s ease-in-out;

    will-change: bottom;

    width: 100%

}



.counter .timer__number-item {

    width: 100%;

    height: 70px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center

}



.offers-list {

    display: flex;

    flex-direction: row;

    align-items: stretch;

    justify-content: center;

    gap: 20px;

    padding-bottom: 6px;

    flex-wrap: wrap

}



.offers-list__item {

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    gap: 16px;

    width: 100%;

    max-width: calc((100% - 40px) / 3);

    border-radius: 8px;

    padding: 16px;

    min-width: 460px

}



.offers-list__item:nth-of-type(3n+1) {

    background: linear-gradient(104.75deg, #efc26c 0, #c30f23 99.05%)

}



.offers-list__item:nth-of-type(3n+2) {

    background: linear-gradient(104.75deg, #a9114e 0, #333d83 99.05%)

}



.offers-list__item:nth-of-type(3n+3) {

    background: linear-gradient(104.75deg, #6d1c69 0, #dd8a48 99.05%)

}



.offers-list__content {

    position: relative;

    align-items: flex-start;

    gap: 16px;

    flex: 1;

    height: 100%;

    margin-bottom: 12px

}



.offers-list__content::after {

    content: "";

    width: 32px;

    height: 32px;

    position: absolute;

    top: 0;

    right: 0;

    background: url(../images/circle-arrow.svg) 0 0/contain no-repeat

}



.offers-list__item > img {

    width: 160px;

    height: 100%;

    min-width: 160px;

    min-height: 100%;

    border-radius: 8px;

    overflow: hidden;

    object-fit: cover;

    object-position: left

}



@media (max-width: 768px) {

    .how-to .how-to__item:not(:last-child):before {

        bottom: 8px

    }



    .how-to .how-to__item:not(:last-child):after {

        margin: 12px auto 18px

    }



    .how-to .how-to__content {

        grid-template-columns:1fr;

        padding: 16px 16px 8px

    }



    .how-to .content-button__control, .popup .slots__button {

        width: 100%;

        min-width: unset

    }



    .popup .popup__header {

        flex-wrap: wrap;

        gap: 8px

    }



    .offers-list__item > img {

        width: 100px;

        min-width: 100px

    }

}



.offers-list__img img {

    -o-object-position: left top;

    object-position: left top

}



.offers-list__title {

    font-size: 24px;

    line-height: 120%;

    font-weight: 700;

    padding-right: 42px;

    color: #fff

}



.offers-list__date {

    font-size: 14px;

    line-height: 136%;

    font-weight: 400

}



.content-img-vert__title {

    display: grid;

    -ms-grid-columns: 1.45fr 2.05fr;

    grid-template-columns:1.45fr 2.05fr;

    gap: 20px;

    row-gap: 28px

}



.content-img-vert__title h2 {

    margin: 0

}



.content-img-vert__title p, .fixed-el.v2 k.js-fixed__hide {

    color: #b3b3cf

}



.content-img-vert img, .list-steps ol {

    width: 100%;

    max-width: 100%

}



.table-header {

    display: flex;

    flex-direction: column;

    align-items: stretch;

    justify-content: flex-start;

    gap: 0;

    border-radius: 8px;

    border: 1px solid #6f79d3

}



.table-header__header {

    display: flex;

    flex-direction: row;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    gap: 32px;

    padding: 23px

}



.table-header__header-content {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 16px;

    margin-right: auto

}



.news-list__content p, .table-header__header-content > * {

    margin: 0

}



.table-header__header-content p, .table-header__header-content span {

    color: #b3b3cf;

    max-width: 100%

}



.table-header__header .btn {

    width: 100%;

    max-width: 304px

}



.table-header__header ~ table {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    border: 0

}



.calculator {

    padding: 32px;

    border-radius: 8px;

    border: 1px solid #434f72;

    display: flex;

    flex-direction: column;

    align-items: stretch;

    justify-content: flex-start;

    gap: 24px;

    width: 100%;

    max-width: 532px

}



.news-list, .news-list__date {

    line-height: 136%;

    font-weight: 400;

    flex-direction: row;

    display: flex

}



.calculator__result li {

    color: #3492f6

}



.calculator__result li span {

    font-size: 18px;

    line-height: 136%;

    font-weight: 600;

    color: #fff

}



.news-list {

    font-size: 18px;

    width: 100%;

    align-items: stretch;

    justify-content: center;

    gap: 20px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-bottom: 6px

}



.news-list__img {

    position: relative;

    aspect-ratio: 340/230;

    width: 100%;

    min-width: 100%

}



.news-list__img img, .news-list__img svg {

    width: 100%;

    height: 100%;

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: cover;

    object-fit: cover

}



.news-list__img::after {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(180.16deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, .76) 73.82%)

}



.news-list__item {

    width: 100%;

    max-width: calc((100% - 60px) / 4);

    display: flex;

    flex-direction: column;

    align-items: stretch;

    justify-content: flex-start;

    border-radius: 8px;

    overflow: hidden

}



.news-list__content {

    position: relative;

    z-index: 1;

    flex: 1;

    display: flex;

    flex-direction: column;

    align-items: stretch;

    justify-content: flex-start;

    gap: 12px;

    border-radius: 8px;

    padding: 16px;

    margin-top: -60px

}



.news-list__date {

    font-size: 14px;

    position: relative;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 4px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    color: #b3b3cf

}



.news-list__descr, .news-list__title {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    overflow: hidden

}



.news-list__date span, .news-list__date time {

    color: #fff

}



.news-list__date::before {

    content: "";

    min-width: 18px;

    min-height: 18px;

    max-width: 18px;

    max-height: 18px;

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    justify-content: flex-start;

    background: url(../images/clock.svg) center/contain no-repeat

}



.news-list__title {

    font-size: 24px;

    line-height: 120%;

    font-weight: 700;

    -webkit-line-clamp: 2;

    color: #fff

}



.fixed-el__content p, .fixed-el__info, .fixed-el__info span, .pros-cons__list li {

    line-height: 136%;

    font-weight: 400

}



.news-list__descr {

    color: #b3b3cf;

    -webkit-line-clamp: 4

}



.list-steps ol li > p {

    margin-top: 0;

    color: #fff

}



.list-steps__descr-v3 {

    max-width: 820px;

    margin-bottom: 20px;

    color: #fff

}



.list-steps > *, .list-steps__descr-v3 > * {

    color: #fff

}



.list-steps__descr {

    max-width: 820px

}



.list-steps ol li {

    color: #fff;

    position: relative;

    display: flex;

    flex-direction: row;

    gap: 16px;

    padding-left: 0;

    padding-top: 36px

}



.list-steps ol li:not(:last-child)::after {

    content: "";

    position: absolute;

    top: 16px;

    left: 32px;

    width: calc(100% + 20px - 32px);

    height: 1px;

    background: #3492f6;

    z-index: -1

}



.fixed-el {

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    z-index: 99;

    border-radius: 16px 16px 0 0;

    padding: 8px 16px;

    display: flex;

    flex-direction: row;

    align-items: stretch

}



.fixed-el.v2 {

    background: #090f1e

}



.fixed-el.active {

    flex-direction: column

}



.fixed-el__main {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: flex-start;

    gap: 8px

}



.fixed-el__main .btn {

    width: 127px;

    height: 35px;

    margin-left: auto;

    display: none

}



.fixed-el__content {

    flex-direction: column;

    align-items: stretch;

    justify-content: flex-start;

    gap: 12px;

    margin-block: 12px;

    display: none

}



.fixed-el__content p {

    margin: 0;

    font-size: 14px;

    color: #fff

}



.fixed-el__btns {

    display: flex;

    flex-direction: row;

    align-items: stretch;

    justify-content: space-between;

    gap: 8px;

    width: 100%

}



.fixed-el__btns .btn {

    flex: 1;

    padding: 6px;

    min-height: 39px

}



.fixed-el img {

    width: fit-content;

    min-height: 40px;

    max-width: 58px;

    max-height: 40px

}



.fixed-el__info {

    display: flex;

    flex-direction: column;

    font-size: 14px;

    color: #b3b3cf

}



.fixed-el__info span {

    color: #fff;

    font-size: 14px

}



.fixed-el > .btn {

    padding: 8px;

    min-width: 127px;

    min-height: 40px;

    margin-left: auto

}



.go-up {

    position: fixed;

    bottom: 140px;

    right: calc((100vw - 1440px) / 2 + 10px);

    z-index: 90;

    width: 60px;

    height: 60px;

    border: 1px solid #434f72;

    border-radius: 4px;

    overflow: hidden;

    cursor: pointer;

    border: 1px solid var(--Outline, #434f72);

    background: var(--surf-container-high, linear-gradient(180deg, rgba(240, 240, 240, .03) 0, rgba(108, 106, 123, .03) 100%));

    backdrop-filter: blur(5px)

}



.go-up::after, .go-up::before {

    content: "";

    position: absolute;

    inset: 0

}



.go-up::after {

    background-color: transparent;

    background-image: url(../images/up-arrow.svg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 38px 28px;

    -webkit-transition-property: background-color;

    transition: background-color .3s ease-in-out;

    will-change: background-color

}



.pros-cons {

    display: grid;

    -ms-grid-columns: 1fr 1fr;

    grid-template-columns:1fr 1fr;

    gap: 20px;

    row-gap: 40px;

    padding-top: 28px;

    margin-top: 40px

}



.pros-cons__item {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: stretch;

    padding: 32px;

    border-radius: 8px

}



.pros-cons__item::after, .pros-cons__item::before {

    content: "";

    width: 56px;

    height: 56px;

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    border-radius: 50%

}



.pros-cons__item_pros::after {

    background: url(../images/pros.svg) center/40px no-repeat

}



.pros-cons__item_cons::after {

    background: url(../images/cons.svg) center/40px no-repeat

}



.pros-cons__item_cons .pros-cons__list li::before {

    background: url(../images/cons-inner.svg) center no-repeat

}



.pros-cons__title {

    font-size: 24px;

    line-height: 120%;

    font-weight: 700;

    text-align: center;

    padding-bottom: 16px;

    border-bottom: 1px solid #434f72;

    margin-bottom: 16px

}



.pros-cons__list {

    display: flex;

    flex-direction: column;

    gap: 16px

}



.pros-cons__list li, .pros-cons__list li::before {

    flex-direction: row;

    display: flex;

    position: relative

}



.pros-cons__list li {

    gap: 8px;

    font-size: 18px;

    color: #b3b3cf

}



.pros-cons__list li::before {

    content: "";

    background: url(../images/pros-inner.svg) center/contain no-repeat;

    min-width: 24px;

    min-height: 24px;

    max-width: 24px;

    max-height: 24px;

    align-items: center;

    justify-content: center

}



.scroll-list__list {

    display: flex;

    flex-direction: row;

    gap: 20px

}



.scroll-list__list li img {

    max-width: 268px;

    max-height: 548px;

    width: 100%

}



.breadcrumbs {

    padding-block: 8px

}



.breadcrumbs__list {

    display: flex;

    flex-direction: row;

    align-items: stretch;

    row-gap: 10px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    max-width: 100%;

    gap: 8px

}



.breadcrumbs__list li {

    position: relative;

    display: flex;

    flex-direction: row;

    align-items: stretch

}



.breadcrumbs__list a, .breadcrumbs__list span {

    display: block;

    position: relative;

    font-size: 14px;

    line-height: 136%;

    font-weight: 400;

    color: #fff;

    display: flex;

    align-items: center;

    gap: 8px

}



.breadcrumbs__list svg {

    flex-shrink: 0

}



.breadcrumbs__list a:active {

    filter: contrast(.75)

}



@media (min-width: 576px) {

    .winners-list__title {

        padding-right: 20px;

        border-right: 1px solid #434f72;

        min-width: 111px;

        -webkit-box-sizing: content-box;

        box-sizing: content-box

    }



    .fixed-el {

        display: none

    }

}



@media (min-width: 768px) {

    .mobile-button {

        display: none

    }



    .mp-hero-section__btns {

        max-width: 652px

    }



    .section-hero__bonus-descr {

        max-width: 664px

    }



    .section-hero__btns {

        max-width: 634px

    }



    .info-list__item_basic {

        width: 35.2112676056%

    }



    .info-list__item_financial {

        width: 45.0704225352%

    }



    .info-list__item_devices {

        width: 16.9014084507%

    }



    .info-list__item_bonuses {

        width: 44.3661971831%

    }



    .info-list__item_services {

        width: 29.1549295775%

    }



    .info-list__item_support {

        width: 23.661971831%

    }



    .banner__btns .btn {

        min-height: 56px

    }

}



@media (min-width: 992px) {

    .list-steps ol {

        flex-direction: row;

        flex-wrap: wrap;

        gap: 20px

    }



    .list-steps ol li {

        flex-direction: column;

        align-items: flex-start;

        flex: 1 0 280px

    }

}



@media (min-width: 1350px) {

    .header__burger {

        display: none

    }

}



@media (max-width: 1480px) {

    .go-up {

        right: 20px

    }

}



@media (max-width: 1479.9px) {

    .disciplines-list, .games-list {

        -ms-grid-columns:(1fr) [ 4 ];

        grid-template-columns:repeat(4, 1fr)

    }



    .matches-list {

        -ms-grid-columns:(1fr) [ 2 ];

        grid-template-columns:repeat(2, 1fr)

    }

}



@media (max-width: 1350px) {

    .header__nav {

        position: fixed;

        top: 60px;

        left: 0;

        bottom: 0;

        right: 0;

        width: 100vw;

        height: calc(100vh - 61px);

        overflow-y: auto;

        background: linear-gradient(90.42deg, #12192c .44%, #121b33 49.58%, #12192c 99.72%)

    }



    .header__nav:not(.active) {

        display: none

    }



    .header__nav .header__nav-list {

        flex-direction: column;

        align-items: flex-start;

        padding: 20px

    }



    .header__lang {

        margin-left: auto

    }



    .header__nav .header__nav-item .header__dropdown-list {

        position: relative;

        top: 0;

        left: 0;

        padding: 8px 10px;

        width: 100%

    }



    .header__nav .header__nav-item {

        width: 100%;

        display: flex;

        align-items: flex-start

    }



    .main-nav__link {

        width: 100%

    }



    .main-nav__item--has-children {

        justify-content: space-between;

        flex-wrap: wrap

    }



    .header__dropdown-list {

        flex-basis: 100%

    }



    .main-nav__item--has-children .main-nav__link {

        width: fit-content

    }

}



@media (max-width: 1239.9px) {

    .section-hero__bonus {

        padding: 30px

    }



    .section-calculator {

        flex-direction: column-reverse;

        gap: 20px

    }



    .section-calculator .calculator {

        margin-inline: auto

    }



    .steps-list {

        -ms-grid-columns:(1fr) [ 2 ];

        grid-template-columns:repeat(2, 1fr);

        gap: 30px

    }



    .disciplines-list, .games-list {

        -ms-grid-columns:(1fr) [ 3 ];

        grid-template-columns:repeat(3, 1fr)

    }



    .content-img, .content-img-vert__title {

        -ms-grid-columns: 1fr;

        grid-template-columns:1fr

    }



    .banner {

        padding-inline: 40px

    }



    .banner__content {

        padding-block: 45px

    }



    .events__month {

        max-width: 100%

    }



    .advantages__header {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .advantages__item {

        padding: 16px

    }



    .news-list__item, .offers-list__item {

        max-width: calc((100% - 20px) / 2)

    }

}



@media (max-width: 991.9px) {

    .counter {

        margin: 0 auto

    }



    .mp-hero-section__content, .mp-hero-section__wrap {

        display: contents

    }



    .mp-hero-section__download {

        -webkit-box-ordinal-group: 4;

        -ms-flex-order: 3;

        order: 3

    }



    .mp-hero-section__wrap > img {

        -webkit-box-ordinal-group: 5;

        -ms-flex-order: 4;

        order: 4;

        margin-inline: auto

    }



    .mp-hero-section__content > * {

        -webkit-box-ordinal-group: 7;

        -ms-flex-order: 6;

        order: 6

    }



    .mp-hero-section__content .mp-hero-section__date {

        -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

        order: 1

    }



    .mp-hero-section__content .mp-hero-section__bonus {

        -webkit-box-ordinal-group: 6;

        -ms-flex-order: 5;

        order: 5

    }



    .mp-hero-section__content h1 {

        -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

        order: 2

    }



    .section-faq .faq-list, .table-header__header {

        flex-direction: column

    }



    .section-faq .faq-list__item {

        max-width: 100%

    }



    .section-faq .faq-list__item:nth-last-child(2)::after {

        position: absolute;

        top: 64px;

        left: 23px;

        width: 2px;

        height: calc(100% + 6px - 48px - 16px)

    }



    .banner {

        -ms-grid-columns: 1fr;

        grid-template-columns:1fr;

        gap: 20px;

        padding: 28px 16px 0

    }



    .banner__content {

        padding: 0;

        align-items: center

    }



    .banner img {

        margin-inline: auto

    }



    .disciplines-list {

        -ms-grid-columns:(1fr) [ 2 ];

        grid-template-columns:repeat(2, 1fr)

    }



    .events {

        row-gap: 20px

    }



    .advantages__item {

        max-width: calc((100% - 20px) / 2)

    }



    .advantages__item:last-child:nth-of-type(odd) {

        max-width: 100%

    }



    .offers-list__item {

        max-width: 100%;

        min-width: 100%

    }



    .table-header__header {

        -webkit-box-align: end;

        -ms-flex-align: end;

        align-items: flex-end;

        gap: 16px;

        padding: 16px

    }



    .list-steps ol {

        gap: 12px;

        flex-direction: column

    }



    .list-steps ol li {

        flex-direction: row;

        padding: 0 0 0 40px

    }



    .list-steps ol li:not(:last-child)::after {

        position: absolute;

        top: 28px;

        left: 16px;

        width: 1px;

        height: calc(100% + 12px - 32px)

    }

}



@media (max-width: 767.9px) {

    .counter .timer__number-item, .counter .timer__symbol {

        height: 40px

    }



    .steps-list-item-v2 .steps-list__item-wrap {

        flex-direction: column

    }



    .form__label input::-webkit-input-placeholder {

        font-size: 16px

    }



    .form__label input::-moz-placeholder {

        font-size: 16px

    }



    .form__label input:-ms-input-placeholder {

        font-size: 16px

    }



    .form__label input::-ms-input-placeholder {

        font-size: 16px

    }



    .form__label input::placeholder {

        font-size: 16px

    }



    .form__label-descr::after {

        max-width: 56.25vw

    }



    .banner__content p, .banner__content span, .content-img p:not([class]), .content-img span:not([class]), .form .custom-select .custom-select__current, .form__label input, .img-steps__content p:not(.btn), .img-steps__content span:not(.btn), .img-steps__descr, .info-list__item-content span, .mp-hero-section__content > p, .mp-hero-section__content > span, .mp-hero-section__download-text, .news-list, .pros-cons__list li, .section-faq .faq-list__answer, .section-hero__content p, .section-hero__content span, .winners-list__text, body, ol.wp-block-list li, ol:not([class]) li, p {

        font-size: 16px

    }



    .mp-hero-section__download {

        flex-direction: column;

        align-items: stretch

    }



    .header .container, .mp-hero-section__download-info {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .mp-hero-section__download-info-item {

        width: 100%;

        max-width: calc((100% - 32px) / 2);

        -webkit-box-flex: unset;

        -ms-flex: unset;

        flex: unset

    }



    .mp-hero-section__download-info-item:nth-of-type(2n)::after {

        display: none

    }



    .header {

        padding-block: 8px 16px

    }



    .header__nav {

        position: fixed;

        top: 108px;

        left: 0;

        bottom: 0;

        right: 0;

        width: 100vw;

        height: calc(100vh - 111px)

    }



    .header__btns {

        -webkit-box-ordinal-group: 6;

        -ms-flex-order: 5;

        order: 5;

        width: 100%;

        max-width: 100%;

        margin-left: 0;

        margin-top: 8px;

        -webkit-box-flex: unset;

        -ms-flex: unset;

        flex: unset

    }



    .header__btns .btn {

        flex: 1;

        padding-inline: 10px

    }



    .section-hero__bonus-descr {

        font-size: 18px !important

    }



    .section-hero__bonus-descr span {

        font-size: 18px !important;

        color: #3492f6

    }



    .section-hero__bonus {

        padding: 16px;

        flex-direction: column;

        gap: 16px

    }



    .section-hero__btns, .steps-list {

        gap: 16px

    }



    .section-hero__btns .btn {

        min-height: 44px

    }



    .steps-list__descr {

        font-size: 16px;

        max-height: 110px

    }



    .games-list {

        gap: 16px;

        -ms-grid-columns:(1fr) [ 2 ];

        grid-template-columns:repeat(2, 1fr)

    }



    .banner__content {

        align-items: flex-start;

        gap: 16px

    }



    .banner__btns {

        width: 100%;

        gap: 16px

    }



    .banner__btns .btn {

        min-height: 52px

    }



    .disciplines-list li a {

        flex-direction: column;

        text-align: center

    }



    .matches-list {

        -ms-grid-columns:(1fr) [ 1 ];

        grid-template-columns:repeat(1, 1fr)

    }



    .img-steps__body, .pros-cons {

        -ms-grid-columns: 1fr;

        grid-template-columns:1fr

    }



    .events {

        width: calc(100% + var(--offsets, 20px) * 2);

        margin-left: calc(var(--offsets, 20px) * -1)

    }



    .events__month {

        padding: 16px;

        border-radius: 0;

        border: 0;

        align-items: flex-start

    }



    .events__month p, .events__month-title {

        text-align: left

    }



    .events__table-wrap {

        overflow-x: auto

    }



    .img-steps li:not(:first-child)::after, .img-steps li:not(:first-child)::before {

        width: 42px;

        height: 42px

    }



    .img-steps li:not(:first-child)::after {

        background-size: 18px 18px

    }



    .img-steps__title {

        min-height: 54px;

        padding: 15px

    }



    .img-steps__body {

        padding: 12px 16px 24px

    }



    .counter {

        width: 328px;

        max-width: 100%;

        padding: 8px

    }



    .counter .timer {

        gap: 2px;

        font-size: 18px;

        line-height: 120%;

        font-weight: 700

    }



    .counter .timer__number {

        -webkit-box-flex: unset;

        -ms-flex: unset;

        flex: unset;

        width: 24px;

        height: 40px

    }



    .go-up {

        width: 56px;

        height: 56px;

        right: 16px

    }



    .go-up::after {

        background-size: 28px 21px

    }

}



@media (max-width: 575.9px) {

    .disciplines-list, .steps-list {

        grid-template-columns:repeat(1, 1fr)

    }



    .news-list__descr, .news-list__title {

        -webkit-line-clamp: 3

    }



    .wrapper {

        margin-top: calc(var(--wrapper-margin-m) * 2)

    }



    .wrapper.reset {

        margin-block: 0

    }



    main .wrapper:first-of-type {

        padding-block: 28px 7px

    }



    .container {

        padding: 0 var(--offsets-m, 16px)

    }



    .form__label input::-webkit-input-placeholder {

        font-size: 14px

    }



    .form__label input::-moz-placeholder {

        font-size: 14px

    }



    .form__label input:-ms-input-placeholder {

        font-size: 14px

    }



    .form__label input::-ms-input-placeholder {

        font-size: 14px

    }



    .form__label input::placeholder {

        font-size: 14px

    }



    .form__label-descr::after {

        max-width: 56.1111111111vw

    }



    .custom-select, .form .custom-select .custom-select__current, .form__label input, .mp-hero-section__content > p, .mp-hero-section__content > span, .wp-block-list a, body, h4, h5, h6, ol.wp-block-list li, ol:not([class]) a, ol:not([class]) li, p, ul:not([class]) a {

        font-size: 14px

    }



    h2 {

        font-size: 24px;

        margin-bottom: 28px

    }



    .mp-hero-section__content h1, .section-hero__content h1, h1 {

        font-size: 32px

    }



    .mp-hero-section__bonus .mp-hero-section__bonus-descr, .mp-hero-section__bonus .mp-hero-section__bonus-descr > span, h3 {

        font-size: 18px

    }



    .wrapper > .container > .menu, h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) {

        margin-top: 28px

    }



    ol.wp-block-list li, ol:not([class]) li {

        min-height: 24px;

        padding-left: 32px

    }



    ol.wp-block-list li::before, ol:not([class]) li::before {

        top: 0;

        width: 24px;

        height: 24px;

        min-width: 24px;

        min-height: 24px;

        font-size: 14px

    }



    .wp-block-table th {

        font-size: 14px;

        height: 64px

    }



    .wp-block-table td, .wp-block-table th {

        padding: 16px

    }



    .wp-block-table ul li, .wp-block-table ul:not([class]) li {

        min-height: unset

    }



    .wp-block-table ul li::before, .wp-block-table ul:not([class]) li::before {

        margin: 7px

    }



    .mp-hero-section__download {

        gap: 12px;

        padding: 16px

    }



    .mp-hero-section__download-info {

        row-gap: 12px

    }



    .advantages__item-title, .calculator__title, .events__month p, .menu__header-text, .mp-hero-section__download-title, .news-list__title, .section-faq .faq-list__quest, .section-hero__bonus-descr {

        font-size: 18px

    }



    .banner__content p, .banner__content span, .calculator__result li span, .counter__title, .disciplines-list li, .footer__nav-list a, .header__dropdown li, .header__lang-active, .header__nav-item, .img-steps__content p:not(.btn), .img-steps__content span:not(.btn), .img-steps__descr, .info-list__item-content, .info-list__item-content p, .info-list__item-content span, .matches-list__teams-item, .mp-hero-section__download-text, .news-list, .pros-cons__list li, .section-faq .faq-list a, .section-faq .faq-list__answer, .section-hero__content p, .section-hero__content span, .winners-list__name, .winners-list__sum, .winners-list__text {

        font-size: 14px

    }



    .mp-hero-section__btns, .section-hero__btns {

        flex-direction: column;

        align-items: stretch

    }



    .mp-hero-section__btns .btn {

        min-height: 52px

    }



    .mp-hero-section__download-title svg {

        height: 18px;

        max-width: 90px;

        width: 100%

    }



    .mp-hero-section__bonus {

        margin-top: -19px;

        flex-direction: column;

        gap: 8px

    }



    .mp-hero-section__bonus p {

        text-align: center

    }



    .info-list__item-content svg, .matches-list__teams-item img, .mp-hero-section__bonus img, .mp-hero-section__bonus svg {

        min-width: 24px;

        min-height: 24px;

        max-width: 24px;

        max-height: 24px

    }



    .mp-hero-section__bonus .btn {

        min-height: 39px;

        width: 100%;

        margin-top: 4px

    }



    .section-faq .faq-list__item > *, .section-hero__bonus {

        margin-top: 12px

    }



    .mp-hero-section__wrap > img {

        margin-bottom: -63px;

        aspect-ratio: 328/280;

        width: 100%

    }



    .footer__copyright, .header__btns, .section-hero__content {

        gap: 16px

    }



    .btn, .games-list__btns .btn, .header__btns .btn {

        min-height: 39px

    }



    .header__burger {

        width: 40px;

        height: 40px;

        margin-left: 10px

    }



    .section-hero {

        padding-top: 0

    }



    .section-hero__btns .btn_copy {

        padding: 10px 5px;

        min-height: 39px

    }



    .section-faq .faq-list {

        row-gap: 20px

    }



    .section-faq .faq-list__item {

        padding-left: 48px;

        padding-right: 0

    }



    .section-faq .faq-list__item::before {

        width: 32px;

        height: 32px;

        content: url("data:image/svg+xml;charset=UTF-8,<svg width='32' height='32' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M47.5 24c0 12.703-10.297 23-23 23s-23-10.297-23-23 10.297-23 23-23 23 10.297 23 23Zm-24.652 1.311c-.214.553-.321 1.195-.321 1.925h5.711c0-.509.128-.962.385-1.36a6.73 6.73 0 0 1 .963-1.162c.406-.377.834-.764 1.283-1.162.45-.42.866-.874 1.251-1.361a6.229 6.229 0 0 0 .995-1.693c.257-.642.385-1.394.385-2.257 0-1.35-.364-2.49-1.09-3.42-.728-.929-1.733-1.626-3.017-2.09-1.262-.488-2.716-.731-4.364-.731-2.352 0-4.32.454-5.903 1.361-1.583.885-2.792 2.07-3.626 3.552l4.78 2.655c.429-.752.985-1.338 1.67-1.759a4.492 4.492 0 0 1 2.341-.63c.835 0 1.508.188 2.022.564.535.376.802.896.802 1.56 0 .42-.118.808-.353 1.162a6.03 6.03 0 0 1-.834 1.062c-.342.332-.717.686-1.123 1.062a9.583 9.583 0 0 0-1.091 1.195 6.507 6.507 0 0 0-.866 1.527Zm-.065 9.66c.685.686 1.551 1.029 2.6 1.029 1.09 0 1.967-.343 2.63-1.029.685-.686 1.027-1.505 1.027-2.456 0-.974-.342-1.782-1.027-2.424-.663-.664-1.54-.996-2.63-.996-1.049 0-1.915.332-2.6.996-.684.642-1.026 1.45-1.026 2.423 0 .952.342 1.77 1.026 2.457Z' fill='%2312192E'/></svg>")

    }



    .section-faq .faq-list__item:not(:last-child)::after {

        position: absolute;

        top: 48px;

        left: 15px;

        width: 1px;

        height: calc(100% + 4px - 32px - 16px)

    }



    .section-faq .faq-list a {

        padding: 4px 0

    }



    .content-img-vert, .footer__info, .footer__nav-list, .footer__top {

        gap: 20px

    }



    .footer {

        padding: 56px 0;

        margin-top: 56px

    }



    .footer .container {

        gap: 28px

    }



    .footer__info {

        padding-top: 28px

    }



    .footer__payment {

        gap: 8px;

        padding-inline: 0;

        justify-content: flex-start

    }



    .footer__payment li {

        max-width: 43px;

        max-height: 24px

    }



    .footer__payment li img, .footer__payment li svg {

        width: 100%;

        height: 100%;

        max-width: 100%;

        max-height: 100%;

        -o-object-fit: contain;

        object-fit: contain

    }



    .footer__soc a {

        width: 40px;

        height: 40px;

        min-width: 40px;

        min-height: 40px

    }



    .footer__soc a img, .footer__soc a svg {

        width: 100%;

        height: 100%;

        max-width: 100%;

        max-height: 100%;

        -o-object-fit: contain;

        object-fit: contain

    }



    .btn {

        font-size: 14px

    }



    .btn_link {

        padding: 4px 0;

        min-height: 27px

    }



    .steps-list {

        -ms-grid-columns:(1fr) [ 1 ]

    }



    .steps-list__item img {

        width: 60px;

        height: 60px

    }



    .steps-list__title {

        font-size: 18px;

        align-items: center

    }



    .steps-list__arrow {

        max-width: 24px;

        max-height: 24px

    }



    .steps-list__descr {

        font-size: 16px;

        line-height: 136%;

        font-weight: 400

    }



    .menu__header {

        padding-block: 28px 19px

    }



    .menu.active .menu__nav ul li a, .menu__item a {

        font-size: 14px;

        padding: 10px 16px;

        min-height: 39px

    }



    .winners-list {

        padding-block: 16px

    }



    .winners-list .container {

        flex-direction: column;

        align-items: flex-start

    }



    .winners-list__title {

        font-size: 18px;

        margin-bottom: 12px

    }



    .winners-list__list {

        padding-left: 0;

        padding-right: 16px;

        max-width: calc(100% + var(--offsets-m, 16px))

    }



    .winners-list__img {

        max-width: 54px;

        max-height: 54px;

        min-width: 54px

    }



    .winners-list__data {

        margin-right: 20px

    }



    .games-list__btns {

        padding: 8px;

        gap: 8px;

        margin-top: -36px

    }



    .content-img p:not([class]), .content-img span:not([class]) {

        font-size: 14px;

        margin-top: 14px

    }



    .content-img .btn {

        width: 100%

    }



    .matches-list__teams-date img, .offers-list__content::after {

        width: 24px;

        height: 24px

    }



    .content-img .btn, .content-img ol, .content-img ul {

        margin-top: 16px

    }



    .info-list__item-title {

        font-size: 18px;

        padding: 16px

    }



    .info-list__item-content {

        padding: 16px

    }



    .disciplines-list {

        gap: 16px;

        margin-top: 20px

    }



    .disciplines-list li img {

        max-width: 48px;

        max-height: 48px

    }



    .calculator__result, .counter, .disciplines-list li a, .disciplines-list li div, .img-steps__body, .matches-list__item {

        gap: 12px

    }



    .events {

        width: calc(100% + var(--offsets-m, 16px) * 2);

        margin-left: calc(var(--offsets-m, 16px) * -1)

    }



    .counter .timer, .events__month-title {

        font-size: 24px

    }



    .events__month {

        gap: 16px

    }



    .events__table th {

        padding-bottom: 16px

    }



    .img-steps li:not(:first-child)::after, .img-steps li:not(:first-child)::before {

        right: 0

    }



    .img-steps__title {

        font-size: 18px;

        border-radius: 8px

    }



    .img-steps__content {

        align-items: stretch;

        gap: 12px

    }



    .advantages__item {

        max-width: 100%;

        gap: 12px

    }



    .advantages__item img {

        min-width: 36px;

        min-height: 36px;

        max-width: 36px;

        max-height: 36px

    }



    .advantages__item .btn, .news-list .btn {

        min-height: 44px

    }



    .offers-list__content {

        gap: 12px;

        margin-bottom: 0

    }



    .offers-list__content .btn {

        width: 100%;

        padding: 8px

    }



    .offers-list__img {

        width: 116px;

        min-width: 116px

    }



    .offers-list__title {

        font-size: 18px;

        padding-right: 32px

    }



    .table-header__header .btn {

        width: 100%;

        max-width: 100%

    }



    .calculator {

        padding: 16px;

        gap: 16px

    }



    .news-list__item {

        max-width: 100%

    }



    .news-list__content {

        margin-top: -51px

    }



    .list-steps ol li {

        flex-direction: row

    }



    .list-steps ol li:not(:last-child)::after {

        position: absolute;

        top: 24px;

        left: 12px;

        height: calc(100% + 12px - 24px)

    }



    .pros-cons {

        padding-top: 24px

    }



    .pros-cons__item {

        padding: 32px 16px 16px

    }



    .pros-cons__item::before {

        width: 48px;

        height: 48px

    }



    .pros-cons__item::after {

        background-size: 36px

    }



    .pros-cons__title {

        font-size: 18px;

        padding-bottom: 12px;

        margin-bottom: 12px

    }



    .pros-cons__list li::before {

        min-width: 18px;

        min-height: 18px;

        max-width: 18px;

        max-height: 18px

    }



    .scroll-list {

        margin-top: 28px;

        max-width: calc(100% + var(--offsets-m));

        margin-right: calc(var(--offsets-m) * -1)

    }



    .scroll-list__list {

        gap: 8px

    }



    .scroll-list__list li img {

        max-width: 156px;

        max-height: 320px

    }



    .events__table .cell {

        min-width: 84px

    }



    .events__table .cell__img {

        max-height: 84px

    }

}



@media (max-width: 350px) {

    .offers-list__item {

        padding: 12px

    }



    .offers-list__img {

        width: 100px;

        min-width: 100px

    }

}



@media (hover: none) and (pointer: coarse) {

    .events__table .cell:active::before {

        opacity: 1

    }

}



.how-to-steps__list {

    display: flex;

    margin-top: 20px

}



.how-to-steps__list li {

    padding: 32px;

    border-radius: 8px 0 0 8px;

    display: flex;

    flex-direction: column;

    gap: 16px;

    position: relative

}



.how-to-steps__list li:nth-child(odd) {

    background: #1b233a

}



.how-to-steps__list li:nth-child(2n) {

    background: #121a2f

}



.how-to-steps__list li:not(:last-child)::after {

    position: absolute;

    width: 80px;

    height: 80px;

    background-color: #121a2f;

    background-repeat: no-repeat;

    background-position: center;

    content: url(../images/double-arrow-down.svg);

    rotate: 270deg;

    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    right: -41px;

    top: 35px

}



.how-to-steps__list li:nth-child(odd)::after {

    background: #1b233a

}



.how-to-steps__list li:nth-child(2n)::after, .wp-admin .calculator.form {

    background: #121a2f

}



.how-to-steps__title {

    margin: 0;

    color: #fff;

    text-align: center;

    font-size: 24px;

    font-weight: 700;

    line-height: 120%

}



.how-to-steps__content {

    display: flex;

    flex-direction: column;

    gap: 16px;

    align-items: flex-start

}



@media (max-width: 1100px) {

    .how-to-steps__list {

        flex-wrap: wrap

    }



    .how-to-steps__list li {

        border-radius: 8px;

        padding: 16px

    }



    .how-to-steps__list li:not(:last-child)::after {

        width: 60px;

        height: 60px;

        rotate: 0deg;

        right: 0;

        bottom: -30px;

        top: auto

    }

}



.wp-admin h1.wp-block.wp-block-post-title {

    font-size: 40px !important;

    font-weight: 700 !important

}



.wp-admin .mp-hero-section__content .mp-hero-section__date {

    color: #030331

}



.wp-admin p {

    color: #23233b

}



.calculator__title, .img-steps__title, .wp-admin .advantages__item-descr, .wp-admin .advantages__item-title, .wp-admin .calculator__result li, .wp-admin .calculator__title, .wp-admin .counter__title, .wp-admin .events-th, .wp-admin .events__month p, .wp-admin .events__month-title, .wp-admin .form__label-title, .wp-admin .how-to-content-v2, .wp-admin .how-to-content-v2 p, .wp-admin .how-to-steps__content p, .wp-admin .how-to-steps__content > p, .wp-admin .how-to-steps__title, .wp-admin .img-steps__title, .wp-admin .info-list__item-title, .wp-admin .news-list__date, .wp-admin .news-list__descr, .wp-admin .news-list__title, .wp-admin .offers-list__date, .wp-admin .offers-list__descr, .wp-admin .offers-list__title, .wp-admin .pros-cons__list li, .wp-admin .pros-cons__title, .wp-admin .steps-list__item-wrap, .wp-admin .timer__number-item.js-timer__item, .wp-admin .timer__symbol, .wp-admin th.events-th, .wp-block-heading, .wp-block-table strong, .wp-block-table th, h2, h3, h4 {

    color: #fff

}



.wp-admin .faq-list__quest, .wp-admin .how-to-steps__content p, .wp-admin .img-steps__content p:not(.btn), .wp-admin .img-steps__content span:not(.btn), .wp-admin .info-list__item-content span, .wp-admin .list-steps ol li > p, .wp-admin .matches-list__teams-date, .wp-admin .matches-list__teams-date span, .wp-admin .matches-list__title, .wp-admin .section-hero__content .section-hero__date, .wp-admin .wp-block-table td:not(:first-child), .wp-admin b, .wp-admin td {

    color: #000

}



.wp-admin th {

    color: #000;

    border-bottom: 1px solid #000

}



.wp-admin .wp-block-table thead {

    border-bottom: 3px solid #000

}



.wp-admin li {

    text-align: left;

    color: #000 !important;

    margin-left: 0 !important

}



.wp-admin .calculator__result li, .wp-admin .pros-cons__list li {

    color: #fff !important

}



.wp-admin .list-steps ol li:not(:last-child)::after {

    background: #000;

    z-index: 0

}



.wp-admin .banner__content--descr, .wp-admin .banner__content--title {

    color: #797979 !important

}



@supports not selector(::-webkit-scrollbar) {

    .header__dropdown-list, .steps-list__descr {

        scrollbar-width: thin;

        scrollbar-color: #b3b3cf transparent

    }

}



.header__dropdown-list::-webkit-scrollbar {

    width: 3px

}



.header__dropdown-list::-webkit-scrollbar-thumb {

    border-radius: 5px;

    background: 0 0/100% no-repeat #b3b3cf

}



.header__dropdown-list::-webkit-scrollbar-track {

    background: 0 0

}



.header__dropdown-list {

    max-height: 380px;

    overflow-y: auto

}



.header__dropdown::after {

    content: "";

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    height: 4px

}



@media (hover: hover) {

    .btn_dashed:hover, .btn_tertiary:hover::before, .btn_transparent:hover, .form .custom-select__options li:hover, .header__dropdown li:hover {

        background: rgba(164, 170, 181, .0784313725)

    }



    .btn_link:hover, .info-list__item-content a:hover, .menu.active .menu__nav ul li a:hover, .menu__item a:hover, .section-faq .faq-list a:hover, ol.wp-block-list a:hover, ol:not([class]) a:hover, ul:not([class]) a:hover {

        color: #0aaffc

    }



    .footer__logo:hover, .footer__soc a:hover, .header__logo:hover, .info-list__item-content a:hover > * {

        opacity: .6

    }



    .footer__nav-list a:hover, .header__nav-item:hover a, .header__nav-item:hover span {

        color: #fff

    }



    .header__nav-item:hover svg path {

        stroke: #fff

    }



    .header__nav-item:hover .header__nav-icon {

        -webkit-transform: rotate(0);

        -ms-transform: rotate(0);

        transform: rotate(0)

    }



    .header__lang:hover svg {

        -webkit-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

        transform: rotate(180deg)

    }



    .header__nav-item:hover .header__dropdown-list {

        display: flex;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex

    }



    .disciplines-list li:hover::before, .events__table .cell:hover::before, .header__burger:hover::before, .steps-list__item:hover::before {

        opacity: 1

    }



    .header__burger:hover .header__burger-wrap span, .header__burger:hover .header__burger-wrap::after, .header__burger:hover .header__burger-wrap::before {

        background: #fff

    }



    .btn_primary:hover {

        background-position: 100% 0

    }



    .matches-list__bet-item .matches-list__bet-text:hover, .matches-list__bet-item a:hover, .menu__header:hover .menu__header-icon::before {

        background: rgba(164, 170, 181, .1215686275)

    }



    .go-up:hover::after {

        background-color: rgba(164, 170, 181, .0784313725)

    }



    .scroll-list__list::-webkit-scrollbar {

        width: 0

    }



    .breadcrumbs__list a:hover {

        -webkit-filter: contrast(.8);

        filter: contrast(.8)

    }

}



.winners-list__wrap {

    width: 100%;

    overflow: hidden;

    position: relative

}



.winners-list__list {

    display: flex;

    white-space: nowrap;

    animation: 15s linear infinite marquee;

    list-style: none;

    padding: 0;

    margin: 0

}



@keyframes marquee {

    from {

        transform: translateX(100%)

    }

    to {

        transform: translateX(-100%)

    }

}



.timer__number.timer__number-2 {

    flex: 2

}



.calculator-inner-left--price-currency {

    position: absolute;

    top: 25%;

    padding-left: 2px;

    color: #f2f5fa;

    font-size: 18px;

    font-weight: 400;

    line-height: 136%

}



@media (max-width: 767.9px) {

    .calculator-inner-left--price-currency {

        top: 28%;

        padding-left: 2px;

        font-size: 16px

    }

}



.fixed-el img {

    aspect-ratio: auto;

    object-fit: contain

}



@media (max-width: 1023px) {

    .scroll-list__list {

        overflow-x: auto

    }



    .scroll-list__list li img {

        width: auto

    }



    .wrapper {

        background: 0 0 !important

    }

}



.languages-switcher__lang {

    position: static

}



.languages-switcher__lang:after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0

}



body:has(.fixed-el.active) .go-up {

    bottom: 240px

}



.menu, .wrapper:has(.menu) {

    margin-top: 0 !important

}



.wrapper:has(.menu) {

    background: linear-gradient(180deg, #1c243a 0, #19213a 100%)

}



.wrapper:has(.menu) + .wrapper {

    margin-top: 24px

}



@media (max-width: 991.9px) {

    .mp-hero-section__download {

        order: 10

    }



    .mp-hero-section__content .mp-hero-section__bonus {

        order: 12;

        margin-top: 0;

        background: #090f1e

    }



    .mp-hero-section__wrap > img {

        order: 14;

        margin: 0 auto

    }

}



@media (max-width: 575.9px) {

    .calculator-inner-left--price-currency {

        position: absolute;

        top: 31%;

        padding-left: 0;

        color: #f2f5fa;

        font-size: 14px;

        font-weight: 400;

        line-height: 136%;

        pointer-events: none

    }



    .mp-hero-section__wrap > img {

        aspect-ratio: auto

    }

}



.wp-block-table td:has(ul) {

    min-width: 200px

}



.wrapper > * {

    max-width: 1440px;

    margin-left: auto;

    margin-right: auto

}



@media (max-width: 1500px) {

    .wrapper > * {

        max-width: calc(100% - var(--offsets) * 2);

        margin-left: var(--offsets);

        margin-right: var(--offsets)

    }

}



input[type=number] {

    -moz-appearance: textfield;

    appearance: textfield

}



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

    -webkit-appearance: none;

    margin: 0

}



.hero-btn__text {

    position: relative;

    padding-left: 24px

}



.hero-btn__text::before {

    position: absolute;

    content: url("../images/copy.svg");

    left: 0;

    top: 50%;

    height: 18px;

    transform: translate(0, -50%)

}



.section-hero__bonus {

    grid-template-columns:minmax(0, 700px) 305px 305px;

    display: grid;

    gap: 20px;

    align-items: stretch

}



@media (max-width: 1000px) {

    .section-hero__bonus {

        grid-template-columns:1fr 1fr;

        gap: 16px

    }



    .section-hero__bonus-descr {

        grid-column: 1/-1

    }

}



@media (max-width: 615px) {

    .section-hero__bonus {

        grid-template-columns:1fr;

        gap: 16px

    }

}



.mp-hero-section__bonus {

    position: relative;

    margin-top: 1rem;

    margin-bottom: 1rem

}



.mp-hero-section__bonus::before {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    content: "";

    padding: 1px;

    border-radius: 8px;

    background: linear-gradient(218.08deg, #10aafc 5.5%, #ad52bc 22.02%, #c85198 33.95%, #f5515d 42.48%, #10aafc 47.98%, #ad52bc 64.5%, #c85198 76.43%, #f5515d 100%);

    background-size: 250% 100%;

    background-position: 100% 0;

    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

    mask-composite: exclude

}



.review {

    display: grid;

    grid-template-columns:1fr;

    gap: 1rem

}



.review__item {

    border: 1px solid #2b3653;

    border-radius: 3px;

    padding: 16px;

    display: flex;

    gap: 12px

}



.review__item img {

    max-height: 60px;

    max-width: 60px;

    object-fit: contain;

    border-radius: 4px;

    border: 1px solid #2b3653

}



.review__user-name {

    margin: 0;

    font-size: 18px;

    line-height: 136%;

    font-weight: 600;

    color: #fff

}



@media (max-width: 575px) {

    .review__item {

        flex-direction: column

    }

}



* + p,

* + .offers-list {

    margin-top: 1rem;

}



* + .wp-block-heading {

    margin-top: 2rem;

}



.wrapper > .wp-block-heading:not(:first-child) {

    margin: 2rem auto 16px;

}