@charset "UTF-8";

.ajax-load::before, .overlay {

    right: 0;

    left: 0;

    z-index: 100;

    top: 0;

    bottom: 0

}



ol, p, ul {

    line-height: 1.5rem;

    margin-top: 1rem

}



.wp-block-table table, h3, ol, p, ul {

    margin-top: 1rem

}



.steps--v2 .steps__item-arrow, body {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal

}



.wp-block-table table th {

    background-color: var(--color-border-table);

    color: var(--color-color-th-table)

}



.mobile-button__rating, .rating {

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

}



.comment__date, .mobile-button__rating::before, .rating::before, .winners__item-winning, .winners__item:nth-child(2n) .winners__item-label span {

    -webkit-text-fill-color: transparent

}



:root {



    --offsets: 30px;

    --ff-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;



}



html {

    font-size: 17px

}



body {

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

    overflow-x: hidden

}



._1win-container {

    max-width: 1440px;

    padding: 0 var(--offsets);

    margin: 0 auto

}



._1win-container-full, img {

    max-width: 100%

}



*, .list-reset {

    margin: 0;

    padding: 0

}



.list-reset {

    list-style: none

}



.visually-hidden {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    white-space: nowrap;

    border: 0;

    clip: rect(0 0 0 0);

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

    clip-path: inset(100%)

}



.overlay {

    display: none;

    position: fixed;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background-color: rgba(0, 0, 0, .8)

}



.overlay._active {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



._1win-faq__item-title, body {

    display: -webkit-box;

    display: -ms-flexbox

}



.ajax-load {

    position: relative

}



.ajax-load::before {

    content: "";

    position: absolute;

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

}



* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



p {

    font-weight: 400;

    font-size: 17px;

    line-height: 25.5px;

}



@media (max-width: 560px) {

    p {

        font-size: 14px;

        font-weight: 400;

        line-height: 24px;

    }

}



a {

    font-size: inherit;

    line-height: inherit;

    font-weight: inherit;

    font-family: inherit;

    color: #31bc69

}



a:hover {

    text-decoration: none

}



ol, ul {

    font-size: 1rem;

    font-weight: 400;

    padding-left: 25px

}



h1, h2, h3, h4, h5, h6 {

    font-weight: 600;

    margin-bottom: 1rem

}



img {

    height: auto

}



h1 {

    font-size: 2rem;

    line-height: 2.5rem

}



h2 {

    font-size: 1.8rem;

    line-height: 2.3rem

}



h3 {

    font-size: 1.6rem;

    line-height: 2.1rem

}



h4 {

    font-size: 1.4rem;

    line-height: 1.9rem

}



h5 {

    font-size: 1.2rem;

    line-height: 1.7rem

}



h6 {

    font-size: 1rem;

    line-height: 1.5rem

}





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

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

}



.comments-container, ._1win-wrapper + ._1win-wrapper, ._1win-wrapper:first-child {

    margin-top: 2rem

}



._1win-wrapper:last-child {

    margin-bottom: 2rem

}



._1win-wrapper.wrapp, ._1win-wrapper.wrapp:last-child, ._1win-wrapper.wrapp:first-child {

    padding: 30px 0 46px;

    margin-top: 0;

}



@media (max-width: 560px) {

    ._1win-wrapper.wrapp, ._1win-wrapper.wrapp:last-child, ._1win-wrapper.wrapp:first-child {

        padding: 15px 0;

        margin-top: 0;

    }

}



.wp-block-table table td {

    padding: .5rem 1rem

}



svg {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

}



._1win-wrapper {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center

}



.footer--enable-mobile-button {

    padding-bottom: 80px

}



.get-image {

    margin: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



body {

    height: 100vh;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    background-color: #151b29

}



main {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1

}



._1win-container ._1win-container {

    padding-left: 0;

    padding-right: 0

}



._1win-faq--v1 {

    border: 1px solid #e9e9e9;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);

    box-shadow: 0 0 15px rgba(0, 0, 0, .05);

    border-radius: 10px;

    overflow: hidden

}



._1win-faq--v1 ._1win-faq__title {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0;

    text-transform: uppercase;

    padding: 16px;

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

}



._1win-faq--v1 ._1win-faq__title svg {

    margin-right: 10px;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



._1win-faq--v1 ._1win-faq__item {

    position: relative

}



._1win-faq--v1 ._1win-faq__item::after {

    position: absolute;

    content: "";

    top: 0;

    left: 25px;

    right: 25px;

    height: 1px;

    border-radius: 3px

}



._1win-faq--v1 ._1win-faq__item-title {

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

    font-weight: 500;

    margin: 1rem 0 0;

    padding: 0 16px;

}



._1win-faq--v1 ._1win-faq__item-title svg {

    fill: #009dde;

    width: 30px;

    height: 30px;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



._1win-faq--v1 ._1win-faq__item-description {

    margin: 0;

    padding: 0 16px;

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

}



._1win-faq--v1 ._1win-faq__item[open]::after {

    display: none

}



._1win-faq--v1 ._1win-faq__item[open] + ._1win-faq__item::after {

    top: -1px

}



._1win-faq--v1 ._1win-faq__item[open] ._1win-faq__item-title svg {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    fill: #3c3c3c

}



._1win-faq__item-title {

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    list-style: none;

    cursor: pointer;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



._1win-faq__item-title svg {

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



._1win-faq__item-title::-webkit-details-marker {

    display: none

}



.rating, .slots--v3 .slots__title, .steps--v2 .steps__item {

    display: -webkit-box;

    display: -ms-flexbox

}



._1win-faq__item-title:focus, ._1win-faq__item-title:focus-within {

    outline: 0

}



._1win-faq__item-description {

    -webkit-transition: none;

    -o-transition: none;

    transition: none;

    -webkit-animation: .3s ease-in sweep;

    animation: .3s ease-in sweep

}



.slots--v3 .slots__title {

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

    position: relative;

    margin: 0 0 20px;

    text-transform: uppercase;

    font-size: 24px;

    line-height: 29px;

    font-weight: 600;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.slots--v3 .slots__title svg {

    margin-right: 10px;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.slots--v3 .slots__body {

    border: 1px solid #e9e9e9;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);

    box-shadow: 0 0 15px rgba(0, 0, 0, .05);

    display: -ms-grid;

    display: grid;

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

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

    grid-row: auto;

    gap: 40px 20px

}



.slot--v3 .slot__image {

    border-radius: 5px;

    overflow: hidden;

    max-height: 112px

}



.slot--v3 .slot__image p {

    margin: 0

}



.slot--v3 .slot__image img {

    display: block;

    width: 100%;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.slot--v3 .slot__title {

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

    margin: 0

}



.slot--v3 .slot__link {

    display: block;

    width: 100%;

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

    color: #fff;

    background-color: #fe7b02;

    border-radius: 5px;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);

    box-shadow: 0 0 15px rgba(0, 0, 0, .05);

    cursor: pointer;

    -webkit-transition: opacity .3s;

    -o-transition: opacity .3s;

    transition: opacity .3s;

    border: none;

    outline: 0;

    text-decoration: none

}



.rating {

    display: flex;

    font-size: var(--star-size);

    line-height: 1

}



.pros-cons--v2, .steps--v2 .steps__list {

    display: -ms-grid;

    -ms-grid-rows: auto;

    grid-template-rows:auto

}



.rating span {

    padding-left: 10px

}



.rating::before {

    font-family: Times, serif;

    content: "★★★★★";

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

    background: -o-linear-gradient(left, var(--star-background) var(--percent), var(--star-color) var(--percent));

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

    -webkit-background-clip: text

}



.header--v1, .header--v1 .header__link, .mobile-button__link, .pros-cons--v2 .pros-cons__text, .steps--v2 .steps__item-title, .steps--v2 .steps__item::before, .steps--v2 .steps__text {

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

}



.steps--v2 .steps__list {

    list-style: none;

    display: grid;

    -ms-grid-columns: 1fr;

    grid-template-columns:1fr;

    gap: 20px

}



.steps--v2 .steps__item {

    position: relative;

    display: flex;

    gap: 10px;

    counter-increment: inst

}



.steps--v2 .steps__item::before {

    content: counter(inst);

    position: absolute;

    top: -7px;

    left: 0;

    width: 47px;

    height: 47px;

    border-radius: 100%;

    border: 1px solid #000;

    color: #fff;

    font-weight: 800;

    font-size: 18px;

    line-height: 22px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    z-index: 20

}



.steps--v2 .steps__item:last-child .steps__item-arrow-bottom, .steps--v2 .steps__item:last-child .steps__item-arrow-shevron {

    visibility: hidden

}



.steps--v2 .steps__item-arrow {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.steps--v2 .steps__item-arrow-circle {

    position: absolute;

    top: -16px;

    left: -19px;

    width: 67px;

    height: 67px;

    border-radius: 100%;

    border: 1px solid #e2e4ef;

    background-color: #fff;

    z-index: 5F

}



.steps--v2 .steps__item-arrow-bottom {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    padding-bottom: 5px

}



.steps--v2 .steps__bottom-arrow {

    width: 14px;

    height: 100%;

    border: 1px solid #e2e4ef;

    background-color: #fff

}



.steps--v2 .steps__bottom-arrow--left {

    border-right: none;

    -webkit-transform: skewY(30deg);

    -ms-transform: skewY(30deg);

    transform: skewY(30deg)

}



.steps--v2 .steps__bottom-arrow--right {

    border-left: none;

    -webkit-transform: skewY(-30deg);

    -ms-transform: skewY(-30deg);

    transform: skewY(-30deg)

}



.steps--v2 .steps__arrow {

    width: 14px;

    height: 14px;

    display: inline-block;

    border: 1px solid #000;

    background-color: #ff3c3c

}



.breadcrumbs, .header--v1, .header--v1 .header__nav-sublist {

    background-color: var(--color-first-header-footer-bg)

}



.steps--v2 .steps__arrow--left {

    border-right: none;

    -webkit-transform: skewY(30deg);

    -ms-transform: skewY(30deg);

    transform: skewY(30deg)

}



.steps--v2 .steps__arrow--right {

    border-left: none;

    -webkit-transform: skewY(-30deg);

    -ms-transform: skewY(-30deg);

    transform: skewY(-30deg)

}



.steps--v2 .steps__item-content {

    border: 1px solid #e9e9e9;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);

    box-shadow: 0 0 15px rgba(0, 0, 0, .05);

    border-radius: 5px;

    position: relative;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    padding: 20px

}



.steps--v2 .steps__item-content::after {

    position: absolute;

    content: "";

    top: 40px;

    left: -20px;

    width: 21px;

    height: 30px;

    background-image: url(../img/svg/steps-2.svg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center

}



.steps--v2 .steps__item-title {

    margin: 0 0 5px;

    font-weight: 700;

    font-size: 16px;

    line-height: 19px;

    color: #3c3c3c

}



.steps--v2 .steps__text {

    margin: 0;

    font-weight: 500

}



.pros-cons--v2 {

    display: grid;

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

    grid-template-columns:1fr 1fr;

    gap: 40px

}



.pros-cons--v2 .pros-cons__wrapper {

    border: 1px solid #e9e9e9;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);

    box-shadow: 0 0 15px rgba(0, 0, 0, .05);

    border-radius: 0

}



.pros-cons--v2 .pros-cons__title {

    position: relative;

    padding: 20px;

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

    font-weight: 600;

    font-size: 20px;

    line-height: 24px;

    border-bottom: 1px solid #e9e9e9;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%

}



.pros-cons--v2 .pros-cons__title svg {

    margin-right: 10px

}



.pros-cons--v2 .pros-cons__list {

    margin: 0;

    padding: 0 20px 20px;

    list-style: disc;

    color: #586474;

    list-style: none;

    display: grid;

    gap: 12px;

}



.pros-cons--v2 .pros-cons__item {

    display: flex;

    align-items: center;

    gap: 6px;

}



.pros-cons--v2 .pros-cons__item::marker {

    font-size: 10px

}



.pros-cons--v2 .pros-cons__text {

    margin: 0;

    font-weight: 500

}



.header--v1 {

    padding: 15px 0;

    position: relative

}



.header--v1 .header__container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.header--v1 .header__logo {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    z-index: 30

}



.header--v1 .header__logo img {

    display: block;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

    max-height: 30px

}



.button-content__control img, .mobile-button__link img {

    max-height: 25px;

    height: 100%;

    -o-object-fit: contain;

    width: 100%

}



.header--v1 .header__logo:hover {

    -webkit-animation: 1s ease-in-out infinite logo;

    animation: 1s ease-in-out infinite logo

}



.header--v1 .header__nav {

    -webkit-transition: right .3s;

    -o-transition: right .3s;

    transition: right .3s

}



.header--v1 .header__nav-list {

    list-style: none;

    margin: 0;

    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.header--v1 .header__nav-item {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.header--v1 .header__nav-item .link, .header--v1 .header__nav-subitem .link {

    -webkit-box-align: center;

    text-decoration: none;

    color: var(--color-nav-items)

}



.header--v1 .header__nav-item .icon-arrow, .header--v1 .header__nav-item:last-child::after {

    display: none

}



.header--v1 .header__nav-item::after {

    content: "";

    position: absolute;

    width: 1px;

    height: 20px;

    top: 50%;

    right: -18px;

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

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

    transform: translateY(-50%);

    background-color: var(--color-second-header-footer-bg)

}



.header--v1 .header__nav-item:not(:last-child) {

    margin-right: 30px

}



.header--v1 .header__nav-item--has-children .icon-arrow, .mobile-button._active, .toc-auto li, .toc-auto.tocOpen ul {

    display: block

}



.header--v1 .header__nav-item--has-children .icon-arrow svg {

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.header--v1 .header__nav-item--has-children._active .icon-arrow svg {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg)

}



.header--v1 .header__nav-item .link {

    position: relative;

    padding: 13px 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: start;

    -webkit-transition: color .3s;

    -o-transition: color .3s;

    transition: color .3s

}



.header--v1 .header__nav-subitem .icon-arrow, .header--v1 .header__nav-subitem .link::after, .header--v1 .header__nav-subitem.header__nav-item::after {

    display: none

}



.header--v1 .header__nav-item .get-image {

    line-height: 1;

    margin-right: 10px

}



.header--v1 .header__nav-item img {

    width: 20px;

    height: 20px;

    -o-object-fit: contain;

    object-fit: contain

}



.header--v1 .header__nav-sublist {

    position: absolute;

    top: 170%;

    left: 50%;

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

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

    transform: translateX(-50%);

    margin: 0;

    padding: 0;

    list-style: none;

    min-width: 300px;

    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content;

    border-radius: 8px;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    -webkit-transition: .3s, height .5s;

    -o-transition: .3s, height .5s;

    transition: .3s, height .5s;

    z-index: 10;

    display: none

}



.header--v1 .header__nav-sublist::before {

    content: "";

    position: absolute;

    top: -40px;

    left: 0;

    width: 100%;

    height: 40px;

    background-color: rgba(255, 255, 255, 0)

}



.header--v1 .header__buttons, .header--v1 .header__nav-subitem:nth-child(2n) {

    background-color: var(--color-second-header-footer-bg)

}



.header--v1 .header__nav-sublist::after {

    content: "";

    position: absolute;

    top: -6px;

    left: 50%;

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

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

    transform: translateX(-50%);

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 11px 6px;

    border-color: transparent transparent var(--color-first-header-footer-bg) transparent

}



.header--v1 .header__nav-subitem {

    padding: 10px 25px

}



.header--v1 .header__nav-subitem:last-child {

    border-radius: 0 0 8px 8px

}



.header--v1 .header__nav-subitem.header__nav-item:not(:last-child) {

    margin-right: 0

}



.header--v1 .header__nav-subitem.header__nav-item:last-child, .wp-block-columns .wp-block-column {

    margin: 0

}



.header--v1 .header__link .get-image, .header--v1 .header__nav-subitem .link .get-image, .mobile-button__link .get-image {

    margin-right: 10px

}



.header--v1 .header__nav-subitem .link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: -webkit-transform .3s;

    transition: transform .3s;

    -o-transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;

    font-size: 14px;

    line-height: 17px

}



.header--v1 .header__link, .header--v1 .header__toggle-menu {

    -webkit-box-align: center;

    border-radius: 8px

}



.header--v1 .header__nav-subitem .link svg {

    -webkit-transition: fill .3s, -webkit-transform .3s;

    transition: transform .3s, fill .3s, -webkit-transform .3s;

    -o-transition: transform .3s, fill .3s;

    margin-right: 10px;

    fill: var(--color-accent)

}



.header--v1 .header__nav-subitem .link img {

    width: 17px;

    height: 17px;

    -o-object-fit: contain;

    object-fit: contain;

    display: block

}



.header--v1 .header__buttons {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-radius: 5px;

    z-index: 14

}



.header--v1 .header__link {

    font-weight: 600;

    text-align: center;

    -webkit-transition: opacity .3s, border-color .3s;

    -o-transition: opacity .3s, border-color .3s;

    transition: opacity .3s, border-color .3s;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-decoration: none;

    border: none;

    cursor: pointer

}



.header--v1 .header__link img {

    display: block;

    width: 100%;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

    max-height: 25px

}



.header--v1 .header__link--in {

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

    color: var(--color-first-button)

}



.game__affiliate-link:hover, .game__demo-link:hover, .header--v1 .header__link--in:hover {

    opacity: .7

}



.header--v1 .header__link--up {

    border: 1px solid rgba(255, 255, 255, 0);

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    background-color: var(--color-second-header-footer-bg);

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

    background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%)

}



.header--v1 .header__link--up:hover {

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

}



.header--v1 .header__link:not(:last-child) {

    margin-right: 5px

}



.header--v1 .header__toggle-menu {

    display: none;

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

    padding: 5px;

    background-color: rgba(255, 255, 255, 0);

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    z-index: 20

}



.scroll-top__button, .scroll-top__button .get-image {

    display: -webkit-box;

    display: -ms-flexbox;

    -webkit-box-align: center

}



.header--v1 .header__toggle-menu svg {

    -webkit-transition: -webkit-transform .3s;

    transition: transform .3s;

    -o-transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s;

    fill: #6944ff

}



.scroll-top {

    position: fixed;

    right: 15px;

    z-index: 14

}



.scroll-top__button {

    border: none;

    width: 40px;

    height: 40px;

    border-radius: 4px;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    cursor: pointer;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    background-image: linear-gradient(-45deg, #0855c4, #0095ff);

}



.button-content__control, .mobile-button__link {

    border: none;

    text-decoration: none;

    cursor: pointer

}



.scroll-top__button .get-image {

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.mobile-button {

    position: fixed;

    display: none

}



.breadcrumbs__list, .mobile-button__link {

    display: -webkit-box;

    display: -ms-flexbox

}



.mobile-button__link {

    font-size: 14px;

    line-height: 16px;

    width: 100%;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.mobile-button__link img {

    display: block;

    object-fit: contain

}



.breadcrumbs {

    margin-top: -1px

}



.breadcrumbs__list {

    list-style: none;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.breadcrumbs__list_item:not(:last-child) {

    margin-right: 14px

}



.breadcrumbs__list-link {

    font-family: inherit;

    font-weight: 400px;

    font-size: inherit;

    line-height: inherit;

    text-decoration: none;

    text-transform: capitalize;

    color: var(--color-nav-items);

    padding: 5px 0;

    -webkit-transition: color .3s;

    -o-transition: color .3s;

    transition: color .3s;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.breadcrumbs__list-link--no-active, .breadcrumbs__list-link--no-active:hover {

    color: var(--color-accent)

}



.breadcrumbs__list-link svg {

    margin-left: 14px;

    fill: var(--color-accent)

}



.breadcrumbs__list-link--no-active svg, .comment__reply, .header--v1 .header__nav-item::after, .toc-auto ul {

    display: none

}



._1win-columns {

    padding: 2rem 0

}



._1win-columns__container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    margin: -1rem;

    padding: 0

}



._1win-columns__container.reversed {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse

}



.page-404 ._1win-container, .wp-block-column {

    -webkit-box-direction: normal;

    -webkit-box-orient: vertical

}



._1win-columns__item {

    margin: 1rem

}



._1win-columns__item img {

    display: block;

    margin: 0 auto

}



._1win-columns.align-center ._1win-columns__container {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



._1win-columns.align-top ._1win-columns__container {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



._1win-columns.align-bottom ._1win-columns__container {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end

}



._1win-columns.align-stretch ._1win-columns__container {

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch

}



._1win-columns.col-1 ._1win-columns__item {

    width: calc(100% - 2rem)

}



._1win-columns.col-2 ._1win-columns__item {

    width: calc(100% / 2 - 2rem)

}



.wp-block-columns {

    max-width: calc(1380px + var(--offsets) + var(--offsets));

    padding: 2rem var(--offsets);

    margin: 0 auto;

    display: -ms-grid;

    display: grid;

    gap: 30px

}



.wp-block-columns.col-2 {

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

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

}



.wp-block-column {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column

}



.wp-block-column > * {

    -webkit-box-flex: 1;

    -ms-flex: 1 1;

    flex: 1 1

}



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

    margin-top: 30px

}



.wp-block-column .row {

    padding: 0

}



.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {

    margin-left: 0

}



.button-content {

    margin-top: 2rem;

    margin-bottom: 2rem

}



.button-content.alight-left {

    text-align: left

}



.button-content.align-right {

    text-align: right

}



.button-content.align-center, .comment-form__alert, .comment-form__button, .footer__copyright, .game__title, .promocode-old__title, .screenshot-gallery__description.align-center, .screenshot-gallery__title.align-center, .slot--v2 .slot__title {

    text-align: center

}



.button-content__control {

    padding: 15px 30px;

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

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    font-family: inherit;

    font-size: 17px;

    line-height: 20px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.button-content__control .get-image, .screenshot-gallery__item:not(:last-child) {

    margin-right: 10px

}



.button-content__control img {

    display: block;

    object-fit: contain

}



.comment-form, .footer__container, .header--v1 .header__container {

    position: relative

}



.comment-form__title {

    margin: 0 0 15px;

    font-family: inherit;

    font-style: normal

}



.comment-form__form {

    display: -ms-grid;

    display: grid;

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

    grid-template-columns:.4fr 1fr;

    row-gap: 10px;

    -webkit-column-gap: 15px;

    -moz-column-gap: 15px;

    column-gap: 15px

}



.comment-form__button, .comment__date {

    display: -webkit-box;

    display: -ms-flexbox;

    -webkit-box-align: center

}



.comment-form__textarea {

    -ms-grid-column: 2;

    -ms-grid-column-span: 1;

    grid-column: 2/3;

    -ms-grid-row: 1;

    -ms-grid-row-span: 3;

    grid-row: 1/4;

    resize: none

}



.comment-form__field {

    background-color: #f1f5ff;

    border-radius: 10px;

    padding: 20px;

    border: 1px solid transparent;

    outline: 0;

    font-family: inherit;

    font-weight: 500;

    font-size: 16px;

    line-height: 19px;

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

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

    transition: .3s ease-in-out

}



.comment-form__field.error {

    border-color: #ff3c3c

}



.comment-form__button {

    padding: 16px 18px 18px;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    background-color: #009dde;

    color: #fff;

    font-size: 16px;

    line-height: 19px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    border: none;

    cursor: pointer;

    outline: 0;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.comment-form__alert, .footer__social-link {

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

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

}



.comment-form__button svg {

    width: 25px;

    height: 25px;

    margin-right: 10px

}



.comment-form__alert {

    display: block;

    grid-column: 1/-1;

    position: absolute;

    bottom: -23px;

    left: 0;

    width: 100%;

    font-family: inherit;

    font-size: 14px;

    line-height: 16px;

    opacity: 0;

    visibility: hidden;

    transition: .3s ease-in-out

}



.comment-form__alert.success {

    color: #3a8202;

    opacity: 1;

    visibility: visible

}



.comment-form__alert.error {

    color: #ff3c3c;

    opacity: 1;

    visibility: visible

}



.comment {

    margin-top: 30px;

    padding: 20px;

    background: #f1f5ff;

    border: 1px solid #d6ddf0;

    border-radius: 10px;

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: -webkit-min-content 1fr;

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

    grid-template-columns:-webkit-min-content 1fr;

    grid-template-columns:min-content 1fr;

    gap: 10px

}



.comment__author {

    font-family: inherit;

    font-weight: 700;

    font-size: 20px;

    line-height: 24px;

    color: var(--color-font-darkgray);

    white-space: nowrap;

    margin: 0

}



.comment__date {

    background: -webkit-gradient(linear, left top, left bottom, from(#4eb3ff), to(#1995f3)), #495062;

    background: -o-linear-gradient(top, #4eb3ff 0, #1995f3 100%), #495062;

    background: linear-gradient(180deg, #4eb3ff 0, #1995f3 100%), #495062;

    -webkit-background-clip: text;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    font-size: 14px;

    line-height: 16px

}



.footer__nav-item a, .footer__nav-list, .page-404 ._1win-container {

    display: -webkit-box;

    display: -ms-flexbox

}



.comment__content {

    margin: 0;

    font-family: inherit;

    font-weight: 400;

    font-size: 18px;

    line-height: 140%;

    grid-column: 1/-1

}



.page-404 ._1win-container {

    height: 100%;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-direction: column;

    flex-direction: column

}



.page-404__title {

    font-size: 160px;

    line-height: 170px

}



.footer__copyright, .footer__nav-item a {

    color: var(--color-nav-items);

    font-size: 14px;

    line-height: 17px

}



.footer {

    position: relative;

    padding: 30px 0;

    background-color: var(--color-first-header-footer-bg)

}



.footer__logo {

    padding-bottom: 20px

}



.footer__logo p {

    margin: 0

}



.footer__logo img {

    display: block;

    width: 100%;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

    max-height: 50px

}



.footer__hr {

    border: none;

    height: 1px;

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

}



.footer__nav {

    padding: 10px 0

}



.footer__nav-list {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.footer__nav-item {

    padding: 10px 0;

    margin: 0 20px

}



.footer__nav-item a {

    font-family: inherit;

    font-weight: 500;

    text-decoration: none;

    -webkit-transition: color .3s;

    -o-transition: color .3s;

    transition: color .3s;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.footer__links-list, .footer__social-link p, .footer__social-list {

    display: -webkit-box;

    display: -ms-flexbox

}



.footer__nav-item a p {

    margin: 0

}



.footer__nav-item a img {

    margin-right: 10px;

    width: 17px;

    height: 17px;

    -o-object-fit: contain;

    object-fit: contain;

    display: block

}



.footer__social-list {

    margin: 0;

    padding: 20px 0;

    list-style: none;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    gap: 10px 0;

}



.footer__social-item {

    margin: 0 20px

}



.footer__social-link {

    display: block;

    border-radius: 100%;

    transition: .3s ease-in-out

}



.footer__links-link, .footer__social-link img {

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

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

}



.footer__social-link p {

    margin: 0;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.footer__social-link img {

    padding: 2px;

    display: block;

    width: 24px;

    height: 24px;

    -o-object-fit: contain;

    object-fit: contain;

    transition: .3s ease-in-out

}



.footer__payments-systems {

    padding: 20px 0

}



.footer__links-list {

    margin: 0;

    list-style: none;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 20px 0

}



.footer__links-link {

    transition: .3s ease-in-out

}



.footer__links-link p {

    margin: 0

}



.footer__links-link img {

    display: block;

    width: 100%;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

    max-height: 50px;

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

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

    transition: .3s ease-in-out

}



.footer__links-link:not(:last-child) {

    margin-right: 40px

}



.payments-systems {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.payments-systems__item {

    padding: 8px 15px;

    margin: 0 auto

}



.mobile-button__title, .payments-systems__item p, .qqq ._1win-columns__item {

    margin: 0

}



.payments-systems__item img {

    display: block;

    width: auto;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

    max-height: 18px;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;



}



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

) {

    .slot--v2 .slot__link:focus, .slot--v2 .slot__link:hover, .slot--v3 .slot__link:focus, .slot--v3 .slot__link:hover {

        opacity: .7

    }



    .breadcrumbs__list-link:hover, .footer__nav-item a:focus, .footer__nav-item a:hover, .header--v1 .header__nav-item a.link:hover {

        color: var(--color-accent)

    }



    .header--v1 .header__nav-item a.link:hover svg {

        fill: var(--color-accent)

    }



    .header--v1 .header__nav-subitem .link a.link:hover {

        -webkit-transform: scale(1.05);

        -ms-transform: scale(1.05);

        transform: scale(1.05)

    }



    .scroll-top__button:hover {

        -webkit-transform: scale(1.2);

        -ms-transform: scale(1.2);

        transform: scale(1.2);

        opacity: .7

    }



    .button-content__control:hover {

        -webkit-transform: scale(.95);

        -ms-transform: scale(.95);

        transform: scale(.95)

    }



    .comment-form__button:focus, .comment-form__button:hover {

        background-color: #7abbec

    }



    .footer__social-link:focus img, .footer__social-link:hover img {

        -webkit-transform: scale(1.2) translateZ(0);

        transform: scale(1.2) translateZ(0)

    }



    .footer__links-link:focus img, .footer__links-link:hover img {

        -webkit-transform: scale(1.1) translateZ(0);

        transform: scale(1.1) translateZ(0)

    }



    .payments-systems__item:focus img, .payments-systems__item:hover img {

        -webkit-filter: grayscale(0);

        filter: grayscale(0)

    }



    .lang-switch .wpml-ls-legacy-dropdown a:focus, .lang-switch .wpml-ls-legacy-dropdown a:hover {

        border-color: #2a3858;

        background-color: #2a3858

    }



    .gbtn:focus, .gbtn:hover {

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

        opacity: 1

    }

}



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

) {

    .header--v1 .header__nav-item:hover .header__nav-sublist {

        opacity: 1;

        visibility: visible;

        pointer-events: all

    }



    .header--v1 .header__nav-item--has-children:hover .icon-arrow svg {

        -webkit-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

        transform: rotate(180deg)

    }

}



@media (max-width: 1279px) {

    .slots--v2 .slots__body, .slots--v3 .slots__body {

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

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

    }



    .header--v1 .header__nav-item::after {

        right: -12px

    }



    .header--v1 .header__nav-item:not(:last-child) {

        margin-right: 20px

    }

}



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

    :root {

        --offsets: 20px

    }

}



@media (max-width: 1024px) {

    html {

        font-size: 16px

    }

}



@media (max-width: 1023px) {

    .slots--v2 .slots__body, .slots--v3 .slots__body {

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

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

        gap: 10px

    }



    .pros-cons--v2 {

        -ms-grid-columns: 1fr;

        grid-template-columns:1fr;

        gap: 20px

    }



    .header--v1 .header__nav {

        padding-top: 110px;

        position: absolute;

        top: 0;

        right: -100%;

        overflow-y: auto;

        overflow-x: hidden;

        height: 0;

        width: 0;

        z-index: 15

    }



    .header--v1 .header__nav._active {

        position: fixed;

        right: 0;

        width: 100%;

        height: 100vh;

        background-color: rgba(0, 0, 0, .9)

    }



    .header--v1 .header__nav._active::after {

        display: none;

        content: "";

        position: fixed;

        top: 0;

        left: 0;

        height: 72px;

        width: 100%;

        background-color: #000

    }



    .header--v1 .header__nav-list {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: end;

        -ms-flex-align: end;

        align-items: flex-end;

        margin-right: 16px

    }



    .header--v1 .header__nav-item::after, .header--v1 .header__nav-sublist::after, .header--v1 .header__nav-sublist::before {

        display: none

    }



    .header--v1 .header__nav-item:last-child, .header--v1 .header__nav-item:not(:last-child) {

        margin-right: 0

    }



    .header--v1 .header__nav-item {

        width: calc(100% - 15px)

    }



    .header--v1 .header__nav-item._active .header__nav-sublist {

        visibility: visible;

        opacity: 1;

        pointer-events: all;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        height: 100%

    }



    .header--v1 .header__nav-item._active .header__nav-item a::after {

        -webkit-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

        transform: rotate(180deg)

    }



    .header--v1 .header__nav-item--has-children {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .header--v1 .header__nav-item .link {

        padding-left: 30px;

        font-size: 22px

    }



    .header--v1 .header__nav-sublist {

        -webkit-transition: none;

        -o-transition: none;

        transition: none;

        max-width: 100%;

        top: 0;

        right: 0;

        left: auto;

        background-color: #00000063;

        height: 0;

        position: relative;

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

        flex-basis: 100%

    }



    .header--v1 .header__nav-subitem:nth-child(2n) {

        background-color: transparent

    }



    .header--v1 .header__nav-subitem {

        padding: 0

    }



    .header--v1 .header__nav-subitem .link {

        padding: 10px 25px;

        width: 100%

    }



    .header--v1 .header__link {

        padding: 8px

    }



    .header--v1 .header__toggle-menu {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex

    }



    .header--v1 .header__toggle-menu._active svg {

        -webkit-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

        transform: rotate(180deg)

    }



    .comment {

        margin-top: 20px

    }



    .comment:first-child {

        margin-top: 30px

    }



    .footer {

        padding: 45px 0 20px

    }



    .footer--enable-mobile-button {

        padding-bottom: 90px

    }



    .footer__logo img {

        max-height: 32px

    }



    .footer__links-link img {

        max-height: 35px

    }



    .footer__links-link:not(:last-child) {

        margin-right: 30px

    }



    .payments-systems__item img {

        max-height: 15px

    }



    .payments-systems__item {

        padding: 8px 12px

    }

}



.game__box-close, .gbtn, .header--v1 .header__toggle-menu span, .lang-switch, .relink__item, .video-v2__button, .video-v2__button svg path {

    transition: .3s ease-in-out

}



@media (max-width: 1023px) and (max-width: 575px) {

    .header--v1 .header__nav._active::after {

        height: 90px

    }

}



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

    :root {

        --offsets: 16px

    }

}



@media (max-width: 767px) {

    .button-content, ._1win-wrapper + ._1win-wrapper, ._1win-wrapper:first-child {

        margin-top: 1rem

    }



    .button-content, ._1win-wrapper:last-child {

        margin-bottom: 1rem

    }



    .slots--v2 .slots__body, .slots--v3 .slots__body {

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

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

    }



    .steps--v2 .steps__list {

        padding: 0

    }



    .steps--v2 .steps__item::before {

        width: 25px;

        height: 25px;

        top: -10px;

        left: 6px

    }



    .steps--v2 .steps__item-arrow-shevron {

        margin-top: auto

    }



    .steps--v2 .steps__item-arrow-circle {

        width: 36px;

        height: 36px;

        left: -9px

    }



    .steps--v2 .steps__item-arrow-bottom {

        display: none

    }



    .steps--v2 .steps__arrow, .steps--v2 .steps__bottom-arrow {

        width: 10px

    }



    .steps--v2 .steps__item-content::after {

        width: 10px;

        height: 23px;

        top: 15px;

        left: -9px

    }



    .steps--v2 .steps__item-content {

        margin: 0

    }



    .breadcrumbs__list_item:not(:last-child) {

        margin-right: 7px

    }



    .breadcrumbs__list-link svg {

        margin-left: 7px

    }



    ._1win-columns.col-2 ._1win-columns__item {

        width: calc(100% - 2rem)

    }



    .button-content__control, .comment__content {

        font-size: 14px;

        line-height: 16px

    }



    .comment-form {

        border-radius: 5px;

        background-color: #f1f5ff;

        padding: 10px

    }



    .comment-form__button, .comment-form__field {

        border-radius: 5px;

        padding: 13px;

        font-size: 14px;

        line-height: 16px

    }



    .comment-form__form {

        -ms-grid-columns: 1fr;

        grid-template-columns:1fr

    }



    .comment-form__textarea {

        -ms-grid-column: 1;

        grid-column: 1/1;

        grid-row: auto

    }



    .comment-form__field {

        background-color: #e5eaf7

    }



    .comment-form__button svg {

        width: 19px;

        height: 19px

    }



    .comment {

        margin-top: 10px

    }



    .comment__author {

        font-size: 16px;

        line-height: 18px

    }



    .footer__links-list, .footer__payments-systems, .footer__social-list {

        padding: 15px 0

    }



    .footer__social-item {

        margin: 0 15px

    }

}



@media (max-width: 750px) {

    .wp-block-columns.col-2 {

        -ms-grid-columns: 1fr;

        grid-template-columns:1fr

    }

}



@media (max-width: 700px) {

    html {

        font-size: 15px

    }

}



@media (max-width: 500px) {

    html {

        font-size: 14px

    }

}



@media (max-width: 374px) {

    .slots--v3 .slots__body {

        -ms-grid-columns: 1fr;

        grid-template-columns:1fr;

        grid-template-columns:1fr 1fr

    }



    .header--v1 .header__buttons {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }



    .header--v1 .header__link:not(:last-child) {

        margin-right: 0

    }

}



.mobile-button__link, .scroll-lock, .toc-auto {

    overflow: hidden

}



.games__item-name, .header--v1 .header__link, .header--v1 .header__nav-item .link {

    line-height: 16px;

    font-size: 14px

}



.toc-auto {

    width: 100%;

    padding: 0;

    border-radius: 12px 0 0

}



.autoToc__navigation {

    padding: 12px 48px;

    width: fit-content;

    background-image: linear-gradient(-45deg, #0855c4, #0095ff);

    transform: translateX(-25px) skewX(30deg);

    border-radius: 0 12px 0 0

}



.autoToc__navigation-wrapper {

    display: flex;

    align-items: center;

    flex-direction: row-reverse;

    justify-content: flex-start;

    transform: skewX(-30deg)

}



.toc-auto .toc-hide-block {

    display: block;

    position: relative;

    width: 100%;

    font-weight: 700;

    font-size: 18px;

    text-align: left;

    border: none;

    color: #fff

}



.toc-auto button {

    background: 0 0

}



.toc-auto h3 {

    font-size: 20px;

    text-transform: none;

    margin: 0 20px 0 0;

    padding: 0;

    color: #fff

}



.toc-auto ul {

    margin: 0;

    border-radius: 0 12px 12px;

    padding: 12px 16px;

    background-color: #edf2ff

}



.toc-auto li {

    margin: 10px 0;

    padding: 0

}



.toc-auto a {

    text-decoration: none;

    color: #000;

    font-weight: 300

}



.header--v1 .header__container::after {

    position: absolute;

    content: "";

    top: 0;

    right: calc(var(--offsets) - 10px);

    bottom: 0;

    left: calc(var(--offsets) - 10px);

    border-radius: 10px;

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

    background-color: #090f1e

}



.header--v1 .header__logo img {

    width: 96px

}



.header--v1 .header__nav {

    position: relative;

    z-index: 2

}



.header--v1 .header__nav-item--current > .link {

    position: relative

}



.header--v1 .header__nav-item--current > .link::after {

    position: absolute;

    content: "";

    left: 10px;

    right: 10px;

    bottom: 0;

    border-radius: 3px 3px 0 0;

    height: 4px;

    background-image: linear-gradient(332deg, #0855c4, #108de7)

}



@media (min-width: 1023px) {

    .header--v1 .header__nav-item a.link:hover {

        color: var(--color-nav-items);

        transform: scale(1.05);

        transition: .3s

    }

}



@media (max-width: 1023px) {

    .header--v1 .header__nav {

        position: absolute;

        padding-top: 125px

    }



    .header--v1 .header__nav-item--current > .link::after {

        display: none

    }



    .header--v1 .header__nav-item--current > .link {

        color: var(--color-accent)

    }



    .header--v1 .header__nav-item .link {

        font-size: 16px;

        line-height: 18px;

        font-weight: 700

    }



    .header--v1 .header__container {

        padding-top: 5px;

        padding-bottom: 5px

    }

}



.header--v1 .header__buttons {

    background-color: transparent;

    margin-left: auto

}



.header--v1 .header__link {

    color: #fff

}



.steps--v1 .steps__text, .toc--v1 .toc__text, body {

    color: #abb8c3

}



.header--v1 .header__link--up:hover {

    border: 1px solid transparent;

    opacity: .9

}



.header--v1 .header__toggle-menu._active span:nth-child(2), .lang-switch__list, .promocode__link svg .svg-cross {

    opacity: 0

}



@media (max-width: 450px) {

    .header--v1 .header__link + .header__link {

        margin-top: 5px

    }



    .header--v1 .header__buttons {

        flex-direction: column

    }

}



.header--v1 .header__toggle-menu {

    position: relative;

    border: none;

    width: 34px;

    height: 34px;

    cursor: pointer;

    margin-left: auto

}



.header--v1 .header__buttons ~ .header__toggle-menu {

    margin-left: 20px

}



.header--v1 .header__toggle-menu span {

    position: absolute;

    display: inline-block;

    border-radius: 6px;

    width: 100%;

    height: 3px;

    background-color: var(--color-nav-items);

    background-color: #abb8c3

}



.header--v1 .header__toggle-menu span:first-child {

    top: 7px

}



.header--v1 .header__toggle-menu span:nth-child(2) {

    top: 50%;

    transform: translateY(-50%)

}



.header--v1 .header__toggle-menu span:nth-child(3) {

    bottom: 7px

}



.header--v1 .header__toggle-menu._active span:first-child {

    transform: translate(0, 8px) rotate(45deg)

}



.header--v1 .header__toggle-menu._active span:nth-child(3) {

    transform: translate(0, -9px) rotate(-45deg)

}



.button-content__control {

    position: relative;

    overflow: hidden;

    border-radius: 8px;

    font-weight: 700;

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

}



.button-content__control::after {

    content: "";

    position: absolute;

    height: 100%;

    width: 20%;

    background-color: hsla(0, 0%, 100%, .2);

    left: -25%;

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

    transform: skewX(-20deg)

}



.button-content__control:hover {

    transform: none

}



.button-content__control:hover:after {

    animation: 1s ease-in-out buttonAnimation

}



@keyframes buttonAnimation {

    0% {

        left: -25%

    }

    100% {

        left: 125%

    }

}



.mobile-button__link {

    font-weight: 700

}



h1, h2, h3, h4, h5, h6 {

    color: #0a63f6

}



.wp-block-table table th {

    padding: .5rem 1rem;

    text-align: center;

    border-color: #0a63f6

}



.wp-block-table table th:not(:last-child) {

    border-right-color: #4179d7

}



.steps--v1 .steps__item {

    background-color: transparent;

    border: 1px solid #0a63f6

}



.steps--v1 .steps__item::after {

    background-color: #0a63f6

}



._1win-faq--v1 {

    background-color: transparent;

    border-color: #0a63f6;

    padding-bottom: 16px;

}



._1win-faq--v1 ._1win-faq__title svg {

    display: none

}



._1win-faq--v1 ._1win-faq__item[open] ._1win-faq__item-title {

    padding: 16px;

    background-color: transparent;

    color: #fff;

    font-weight: 600

}



.comment-form__title, ._1win-faq--v1 ._1win-faq__item:focus ._1win-faq__item-title, ._1win-faq--v1 ._1win-faq__item:hover ._1win-faq__item-title {

    color: #0a63f6

}



._1win-faq--v1 ._1win-faq__item ._1win-faq__item-title {

    color: #fff;

    font-size: 20px;

    line-height: 22px;

    font-weight: 600;

    background-color: transparent

}



._1win-faq--v1 ._1win-faq__item[open] ._1win-faq__item-description {

    background-color: transparent;

    padding: 0 16px 10px

}



._1win-faq--v1 ._1win-faq__item ._1win-faq__item-description {

    background-color: transparent

}



._1win-faq--v1 ._1win-faq__item ._1win-faq__item-title svg, ._1win-faq--v1 ._1win-faq__item[open] ._1win-faq__item-title svg {

    fill: #0A63F6

}



._1win-faq--v1 ._1win-faq__item::after {

    background-color: #0a63f6

}



.header--v1 .header__logo {

    padding-bottom: 5px;

    margin-right: 20px

}



.breadcrumbs {

    padding-bottom: 10px

}



.games, .promocodes {

    margin: 1rem 0

}



.games__list, .games__title {

    margin: 0;

    padding: 10px

}



.promocode--v4 .promocode__input {

    max-width: 140px

}



.promocode--v4 .promocode__right {

    display: flex;

    align-items: center;

    justify-content: flex-start

}



table {

    width: 100%;

    border-collapse: collapse

}



.games__list {

    display: grid;

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

    gap: 20px

}



.dmca-badge .get-image, .games__item, .games__item .get-image, .header__lang-switch a, .mobile-button._active, .mobile-button.show .promocode-old + .mobile-button__link, .slot--v2 .slot__image .get-image, .winners__item {

    display: flex

}



.games__item {

    flex-direction: column

}



.games__item .get-image img {

    width: 100%;

    max-height: 200px;

    object-fit: cover

}



.gallery--v2 .gallery__item img, .relink__item img, .video-v2__player {

    object-fit: contain

}



.games__item-name {

    margin: 5px 10px;

    color: #fff

}



@media (max-width: 1023px) {

    .games__list {

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

    }



    .header--v1 .header__nav._active {

        z-index: 20

    }

}



@media (max-width: 767px) {

    .header--v1 .header__nav-item .link {

        padding: 13px 10px

    }



    .games__list {

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

    }



    .comment-form {

        background-color: transparent;

        padding: 0

    }

}



@media (max-width: 600px) {

    .games__list {

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

    }

}



@media (max-width: 475px) {

    .games__list {

        grid-template-columns:1fr

    }

}



.toc--v1 {

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

    background-color: #090f1e;

    border-color: #2972d6

}



.toc--v1 .toc__title {

    border-bottom: none

}



.toc--v1 .toc__nav.active {

    border-top: 1px solid #2972d6

}



.toc--v1 .toc__text:hover {

    color: #fff

}



.header__lang-switch {

    flex-shrink: 0;

    z-index: 1;

    margin: 0 10px

}



@media (max-width: 575px) {

    .page-404__title {

        font-size: 100px;

        line-height: 110px

    }



    .header--v1 .header__container {

        flex-wrap: wrap

    }



    .header--v1 .header__buttons {

        flex-basis: 100%;

        margin-top: 10px;

        flex-direction: row;

        order: 4;

        max-width: 100%;

        padding: 0

    }



    .header--v1 .header__link {

        flex-grow: 1

    }



    .header--v1 .header__toggle-menu {

        margin-left: auto !important

    }



    .header--v1 .header__link + .header__link {

        margin: 0 0 0 5px

    }



    .prefix-how-to__button {

        width: 100%

    }

}



.comment-form__field {

    background-color: #f1f5ff14;

    color: #fff

}



.comment-form__field::placeholder {

    color: #abb8c3

}



.comment-form__button {

    border-radius: 10px;

    background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%);

    font-weight: 400

}



.comment {

    background-color: #f1f5ff14;

    border: none

}



.gallery--v2 .gallery__title {

    color: #0a63f6;

    border: none

}



.gallery--v2 .gallery__item {

    border: none;

    height: 100%;

    max-height: 100%

}



.gallery--v2 .gallery__swiper {

    border: none

}



.slot--v2 .slot__image {

    max-height: 100%

}



.slot--v2 .slot__image img {

    width: 100%

}



.slot--v2 .slot__link {

    margin-top: 20px

}



.winners {

    counter-reset: section;

    position: relative;

    margin: 1rem 0;

    padding: 16px

}



.winners::before {

    content: "";

    position: absolute;

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

    -webkit-mask-composite: xor;

    mask-composite: exclude;

    border-radius: 8px;

    padding: 1px;

    background-image: linear-gradient(92deg, #1544af, rgb(120 149 227 / 46%));

    inset: 0

}



.winners__item {

    position: relative;

    align-items: center;

    justify-content: space-between;

    border-radius: 6px;

    padding: 16px 16px 16px 48px;

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

}



.winners__item:not(:last-child) {

    margin-bottom: 12px

}



.winners__item:nth-child(odd) .winners__item-label span {

    -webkit-text-fill-color: transparent;

    background: linear-gradient(168.33deg, #ffdaae 21.56%, #ff9f2e 64.22%, #ffbe73 76.09%, #ffa842 92.6%);

    -webkit-background-clip: text

}



.winners__item:nth-child(2n) .winners__item-label span {

    background: linear-gradient(168.33deg, #dff2f7 23.64%, #fff 46.43%, #d2dee4 56.97%, #fff 86.36%);

    -webkit-background-clip: text

}



.winners__item-label {

    position: absolute;

    left: 16px;

    top: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    padding: 2px 4px;

    min-width: 24px;

    background-color: #19081a;

    transform: translateY(-50%)

}



.winners__item-label span {

    font-family: inherit;

    font-size: 22px;

    line-height: 22px

}



.winners__item-name {

    margin: 0;

    font-weight: 700;

    color: #fff

}



.winners__item-winning {

    margin: 0;

    font-weight: 700;

    background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%);

    -webkit-background-clip: text

}



.wpml-ls-legacy-dropdown {

    width: 15.5em;

    max-width: 100%

}



.wpml-ls-legacy-dropdown > ul {

    position: relative;

    padding: 0;

    margin: 0 !important;

    list-style-type: none

}



.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {

    visibility: visible

}



.wpml-ls-legacy-dropdown .wpml-ls-item {

    padding: 0;

    margin: 0;

    list-style-type: none

}



.wpml-ls-legacy-dropdown a {

    display: block;

    text-decoration: none;

    color: #444;

    border: 1px solid #cdcdcd;

    background-color: #fff;

    padding: 5px 10px;

    line-height: 1

}



.wpml-ls-legacy-dropdown a span {

    vertical-align: middle

}



.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {

    position: relative;

    padding-right: calc(10px + .7em + .7em)

}



.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {

    padding-right: 10px;

    padding-left: calc(10px + .7em + .7em)

}



.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {

    content: '';

    vertical-align: middle;

    display: inline-block;

    border: .35em solid transparent;

    border-top: .5em solid;

    position: absolute;

    right: 10px;

    top: calc(50% - .175em)

}



.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {

    right: auto;

    left: 10px

}



.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {

    color: #000;

    background: #eee

}



.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {

    visibility: hidden;

    position: absolute;

    top: 100%;

    right: 0;

    left: 0;

    border-top: 1px solid #cdcdcd;

    padding: 0;

    margin: 0;

    list-style-type: none;

    z-index: 101

}



.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {

    border-width: 0 1px 1px

}



.wpml-ls-legacy-dropdown .wpml-ls-flag {

    display: inline;

    vertical-align: middle;

    width: 18px;

    height: 12px

}



.wpml-ls-legacy-dropdown .wpml-ls-flag + span {

    margin-left: .4em

}



.rtl .wpml-ls-legacy-dropdown .wpml-ls-flag + span {

    margin-left: 0;

    margin-right: .4em

}



.lang-switch {

    align-self: center;

    background: #2a3858;

    max-width: 55px

}



.lang-switch:hover .wpml-ls-item-toggle::after {

    transform: translateY(-45%) rotate(180deg) !important

}



.lang-switch .wpml-ls-item-toggle {

    background: 0 0;

    border: none

}



.lang-switch .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {

    padding-right: 20px

}



.lang-switch .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {

    border: none;

    content: url("data:image/svg+xml;charset=UTF-8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.175 7.15831L10 10.975L13.825 7.15831L15 8.33331L10 13.3333L5 8.33331L6.175 7.15831Z' fill='%238019FD'/></svg>");

    display: inline-block;

    width: 20px;

    height: 20px;

    right: 3px;

    top: 50%;

    transform: translateY(-45%);

    transition: .3s

}



.lang-switch .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {

    border-top-color: #2a3858

}



.lang-switch .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {

    background-color: #2a3858

}



.lang-switch .wpml-ls-legacy-dropdown a {

    border-color: #2a3858;

    background-color: #2a3858;

    transition: .3s;

    width: 56px

}



.header--v1 .header__nav._active {

    z-index: 18

}



.wp-block-table {

    overflow: auto

}



.header--v1 .header__buttons {

    max-width: 100%;

    padding: 0

}



.header--v1 .header__link {

    padding: 6px 20px;

    gap: 4px

}



.header--v1 .header__link--in {

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

}



.header--v1 .header__container {

    padding-top: 8px;

    padding-bottom: 8px

}



.scroll-top {

    bottom: 90px

}



.mobile-button .promocode-old {

    margin: 12px 0 0;

    padding: 0;

    background: 0 0;

    display: none

}



.mobile-button.show .promocode-old {

    display: block

}



.promocode-old + .mobile-button__link {

    display: none;

    margin-top: 8px;

    width: 100%

}



.mobile-button__rating {

    display: flex;

    font-size: 18px;

    line-height: 1

}



.mobile-button__rating-counter {

    padding-left: 4px;

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    line-height: 15px;

    transform: translateY(3px)

}



.game__box, .video-v2__button {

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

}



.mobile-button__link--show, .mobile-button__title {

    font-size: 13px;

    line-height: 18px;

    text-transform: capitalize;

    color: #fff;

    font-weight: 700

}



.mobile-button > .get-image > svg {

    max-width: 33px;

}



.mobile-button__rating::before {

    content: "★★★★★";

    font-family: Times, serif;

    background: linear-gradient(90deg, #0c63f6 var(--percent), #090f1e var(--percent));

    -webkit-background-clip: text

}



.mobile-button {

    display: flex;

    flex-wrap: wrap;

    z-index: 100;

    left: 16px;

    right: 16px;

    bottom: 0;

    padding: 10px 8px;

    border-radius: 8px 8px 0 0;

    background: linear-gradient(90deg, #1e273e 0, #111728 100%), #fff;

    display: flex;

    align-items: center

}



.mobile-button:after {

    content: "";

    position: absolute;

    top: 6px;

    left: 50%;

    transform: translateX(-50%);

    height: 2px;

    width: 32px;

    border-radius: 2px;

    background-color: #374464;

    pointer-events: none

}



.mobile-button > .get-image {

    flex-shrink: 0;

    margin-right: 5px;

    border-radius: 4px;

    padding: 6px 4px 8px;

    width: fit-content;

    background: #090f1e;

    display: flex;

    align-items: center;

    justify-content: center

}



.mobile-button__info {

    margin-right: 8px

}



.mobile-button__link {

    position: static;

    margin-left: auto;

    width: fit-content;

    flex-shrink: 0;

    gap: 4px;

    padding: 6px 9.5px;

    color: #fff;

    background: 0 0;

    border-radius: 8px;

    background: var(--primary-gradient, linear-gradient(90deg, #7B60ED 0%, #0CADFC 100.39%));

    color: #FFF;

    font-size: 14px;

    font-weight: 700;

    line-height: 24px;

}



.mobile-button {

    display: flex;

    align-items: flex-end;

}



.mobile-button__link--show {

    font-style: normal;

    padding: 10px 8px;

    border-radius: 8px;

    border: 1px solid transparent;

    background: 0 0;

    background-image: linear-gradient(90deg, #2bb765 0, #089e4e 100%)

}



.mobile-button__link--show .less, .mobile-button__link--show._active .more {

    display: none

}



.mobile-button__link--show._active .less, .promocode-old__button._active .copied {

    display: block

}



.mobile-button__info > img {

    max-width: 32px;

}



.mobile-button__title, .mobile-button__description {

    margin-top: 2px;

}



.mobile-button__description {

    color: #FFF;

    font-size: 13px;

    font-weight: 400;

    line-height: 18px;

}



.promocode-old {

    margin: 20px 0;

    border-radius: 8px;

    padding: 12px;

    width: 100%;

    max-width: 480px;

    background-color: #090f1e

}



.promocode-old__title {

    margin: 0 0 8px;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    line-height: 22px

}



.promocode-old__wrapper-link {

    margin-top: 12px;

    border-radius: 8px;

    padding: 4px;

    background: linear-gradient(135deg, #2b3653 0, #25304e 100%);

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 7px 16px

}



.promocode-old__download, .promocode-old__link, .promocode-old__rating {

    align-items: center;

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    display: flex

}



.promocode-old__download, .promocode-old__rating {

    gap: 4px;

    line-height: 18px

}



.promocode-old__link {

    border: none;

    border-radius: 8px;

    padding: 10px 24px;

    justify-content: center;

    gap: 4px;

    line-height: 20px;

    width: 100%;

    cursor: pointer

}



.promocode-old__link--android {

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

}



.promocode-old__link--aff, .promocode-old__link--ios {

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

}



.promocode-old__link--aff {

    margin-top: 12px

}



* + .prefix-game-full, * + .pros-cons, * + .relink, * + .screenshot-gallery, .slots--v2 .slots__body, .video-v2 {

    margin-top: 1rem

}



.promocode-old__controls {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-radius: 8px;

    border: 1px solid #2b3653;

    overflow: hidden

}



.promocode-old__value {

    color: #07b2fe;

    font-size: 16px;

    font-weight: 700;

    line-height: 20px;

    padding: 12px;

    flex-grow: 1

}



.promocode-old__button {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 4px;

    padding: 8px 12px;

    border: none;

    background-color: #2b3653;

    cursor: pointer;

    border-radius: 0 8px 8px 0;

}



.promocode-old__button span, .promocode-old__button svg {

    pointer-events: none

}



.promocode-old__button span {

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    line-height: 20px

}



.promocode-old__button .copied, .promocode-old__button._active .copy, .steps--v2 .steps__bottom-arrow, .steps--v2 .steps__item-arrow-circle, .steps--v2 .steps__item:last-child:after, .steps__item-arrow-shevron {

    display: none

}



.video-v2 {

    display: flex;

    align-items: center

}



.video-v2__container {

    position: relative;

    width: 100%;

    max-width: 100%

}



.video-v2.align-left {

    justify-content: flex-start

}



.video-v2.align-center {

    justify-content: center

}



.video-v2.align-right {

    justify-content: flex-end

}



.video-v2__player {

    display: block;

    width: 100%;

    height: auto;

    aspect-ratio: 16/9

}



.video-v2__button {

    position: absolute;

    top: 50%;

    left: 50%;

    border: none;

    background-color: transparent;

    display: flex;

    align-items: center;

    justify-content: center;

    outline: 0;

    cursor: pointer

}



.video-v2._active .video-v2__button {

    opacity: 0;

    visibility: hidden;

    pointer-events: none

}



.video-v2._active .video-v2__player {

    cursor: pointer

}



.video-v2__button-shape {

    fill: rgba(0, 0, 0, 0.6)

}



.video-v2__button-icon {

    fill: #ffffff

}



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

    fill: #ff0000

}



.screenshot-gallery + * {

    margin-bottom: 1rem

}



.screenshot-gallery__list {

    display: flex;

    width: 100%;

    margin: 1rem 0 0;

    padding: 0;

    list-style: none;

    display: flex;

    max-width: 100%

}



.dmca-badge, .game {

    margin-top: 1rem;

    display: flex

}



.bonus__button:hover, .relink__item:hover {

    opacity: .8

}



.gbtn {

    background-color: rgba(#1b96f3, .32) !important

}



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

) {

    .gbtn:focus, .gbtn:hover {

        background-color: rgba(#1b96f3, 1) !important

    }

}



.slots--v2 .slots__title {

    text-align: left;

    padding: 0;

    font-size: 1.8rem;

    font-weight: 600;

    line-height: 2.3rem;

    margin-bottom: 1rem;

    text-transform: none

}



.slots--v2 .slots__description, .steps--v2 .steps__item-content h3 {

    margin-top: 0

}



.dmca-badge {

    justify-content: center

}



.game {

    flex-direction: column;

    align-items: center;

    border-radius: 3px;

    border: 1px solid #2b3653;

    padding: 28px 16px;

    background-position: center;

    background-size: cover

}



.game > img {

    margin: 0 0 16px;

}



.game__title {

    margin: 0 0 16px;

    font-weight: 700;

    font-size: 18px;

    line-height: 24px;

    color: #fff;

    text-transform: uppercase

}



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

    transition: .3s ease-in-out;

    cursor: pointer;

    min-width: 200px

}



.game__affiliate-link + .game__demo-link {

    margin-top: 16px

}



.game__affiliate-link {

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

}



.game__demo-link {

    background-color: #2b3653

}



.game__box {

    position: fixed;

    display: none;

    top: 50%;

    left: 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;

    cursor: pointer

}



.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

}



.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

}



.qqq ._1win-columns__container {

    list-style: none;

    padding: 0;

    display: grid;

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

    gap: 12px;

    margin: 0

}



@media (max-width: 1200px) {

    .qqq ._1win-columns__container {

        grid-template-columns:1fr 1fr

    }

}



.promocode--v4 {

    border-radius: 8px;

    padding: 12px;

    background: #212734;

    flex-direction: column;

    gap: 12px;

    max-width: 440px;

    margin-left: auto;

    margin-right: auto

}



.promocode__text {

    margin: 0;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    line-height: 24px

}



.promocode__text span {

    color: #08b0fd

}



.promocode--v4 .promocode__left {

    border-radius: 8px;

    border: 1px solid #2c5bc2;

    padding: 6px 6px 6px 12px;

    background: #212734;

    height: 44px;

    justify-content: space-between

}



.promocode--v4 .promocode__left._active .promocode__tooltip, .promocode--v4 .promocode__link--copy {

    position: static;

    transform: none;

    padding: 0;

    text-decoration: none

}



.pros-cons--v2 .pros-cons__wrapper, .relink__item, .steps--v2 .steps__item-content {

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

    background-color: #090f1e

}



.lang-switch__item, .lang-switch__link, .promocode__label {

    display: flex

}



.promocode--v4 .promocode__input {

    color: #1f92fc;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 20px

}



.promocode--v4 .promocode__link {

    display: flex;

    align-items: center

}



.promocode--v4 .promocode__tooltip {

    top: 50%

}



.promocode--v4 .promocode__left._active .promocode__tooltip {

    color: #969696;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

    margin-right: 4px;

    background-color: transparent

}



.promocode--v4 .promocode__left._active .promocode__tooltip:hover {

    text-decoration: none

}



.promocode--v4 .promocode__link:focus, .promocode--v4 .promocode__link:hover {

    text-decoration: none

}



.promocode--v4 .promocode__link.links {

    border-radius: 8px;

    padding: 8px 16px;

    background: linear-gradient(99deg, #2ab765 0, #099f4f 100%);

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    line-height: 24px;

    justify-content: space-between;

    gap: 12px

}



@media (max-width: 400px) {

    .promocode--v4 .promocode__left {

        flex-basis: auto

    }

}



.page-id-5 ._1win-wrapper:first-child ._1win-columns {

    padding-bottom: 0

}



.promocode__link svg .svg-arrow {

    transform: translateX(-28px);

    animation: 3s linear infinite arrow

}



@keyframes arrow {

    0% {

        transform: translateX(-28px)

    }

    10%, 90% {

        transform: translateX(6px)

    }

    100% {

        transform: translateX(26px)

    }

}



.pros-cons--v2 .pros-cons__wrapper, .steps--v2 .steps__item-content {

    border: none

}



.pros-cons--v2 .pros-cons__title {

    border: none;

    color: #fff

}



.pros-cons--v2 .pros-cons__text, .steps--v2 .steps__text {

    font-size: 14px;

    line-height: 16px;

    color: #fff

}



.steps--v2 .steps__list {

    padding-left: 0

}



.steps--v2 .steps__item::before {

    background: 0 0;

    background-image: linear-gradient(-45deg, #0855c4, #0095ff);

    border: none

}



.steps--v2 .steps__item::after {

    content: "";

    position: absolute;

    left: 22px;

    top: 15px;

    bottom: -15px;

    width: 1px;

    background-image: linear-gradient(-45deg, #0855c4, #0095ff)

}



.steps--v2 .steps__item-content {

    margin: 0 0 0 24px

}



.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 > .get-image, .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;

    display: flex;

    align-items: center;

    gap: 10px;

    cursor: pointer

}



.relink--full .relink__item {

    flex-direction: column-reverse;

    align-items: center;

    justify-content: center;

    min-height: 80px

}



.relink .get-image {

    display: flex;

    align-items: center;

    justify-content: center

}



.relink__item img {

    max-width: 56px;

    max-height: 56px

}



.relink__content {

    flex-grow: 1

}



.relink--full .relink__content {

    flex-grow: 0

}



.relink__title {

    margin: 0;

    font-size: 16px;

    line-height: 16px;

    font-weight: 700;

    color: #fff

}



.relink__text {

    margin: 4px 0 0;

    font-size: 14px;

    line-height: 1;

    color: #9aa2af

}



.bonus__title, .slot--v3 .slot__title {

    font-size: 16px;

    font-weight: 700;

    line-height: 20px

}



@media (max-width: 1280px) {

    .lang-switch {

        margin: 0 15px

    }



    .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 > .get-image, .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)

    }

}



.bonus {

    display: grid;

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

    gap: 20px

}



.bonus__item {

    overflow: hidden;

    position: relative;

    border-radius: 4px;

    min-height: 124px;

    background: #040e28

}



.bonus__button, .prefix-how-to__button, .slot--v3 .slot__link {

    background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%)

}



.bonus__item-content {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    gap: 8px;

    padding: 12px;

    height: 100%

}



.bonus__title {

    margin: 0;

    color: #fff;

    text-align: left

}



.bonus__text {

    margin: 0;

    max-width: 212px;

    overflow: hidden;

    color: #fff;

    text-overflow: ellipsis;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    align-self: stretch;

    text-align: left

}



.bonus__button, .prefix-game-full__buttons button {

    display: inline-flex;

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

}



.bonus__button {

    margin-top: 8px;

    width: fit-content;

    font-weight: 600;

    font-size: 15px;

    line-height: 18px;

    text-align: center;

    padding: 12px;

    transition: opacity .3s, border-color .3s;

    border-radius: 5px;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    border: none;

    cursor: pointer;

    color: #fff

}



.bonus__item .get-image {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

    height: 100%;

    left: 0

}



@media (max-width: 1024px) {

    .bonus {

        grid-template-columns:1fr 1fr

    }

}



.bonus {

    padding: 0

}



.bonus__item .get-image img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.slots--v3 .slots__body {

    border-radius: 4px;

    padding: 10px;

    background-color: #090f1e;

    border: none

}



.slot--v3 .slot__image {

    margin-bottom: 10px;

    max-height: max-content

}



.slot--v3 .slot__title {

    color: #fff;

    text-align: center

}



.slot--v3 .slot__link {

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

    font-weight: 600;

    font-size: 15px;

    line-height: 18px;

    text-align: center;

    padding: 12px 10px 10px

}



.prefix-how-to__list {

    margin: 1rem 0 0

}



.prefix-how-to__item {

    position: relative;

    display: grid;

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

    gap: 20px

}



.prefix-how-to__item:not(:last-child) {

    margin-bottom: 32px

}



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

    content: "";

    position: absolute;

    left: -11px;

    top: 5px;

    bottom: -38px;

    width: 2px;

    background: var(--color-accent);

    opacity: .3

}



.prefix-game-full__buttons button:hover, .prefix-how-to__button:hover {

    opacity: .7

}



.prefix-how-to__item--no-image {

    grid-template-columns:1fr;

    padding-left: 24px

}



.prefix-how-to__item-counter {

    position: absolute;

    left: -28px;

    top: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border-radius: 16px;

    width: 36px;

    height: 36px;

    box-shadow: 0 0 16px var(--color-accent);

    font-weight: 900;

    font-size: 18px;

    line-height: 18px;

    text-transform: uppercase;

    color: #fff;

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

    gap: 10px

}



@media (max-width: 767px) {

    .lang-switch {

        margin: 6px 15px 0

    }



    .screenshot-gallery__list {

        width: 100%;

        max-width: 980px;

        overflow-x: auto

    }



    .screenshot-gallery__item {

        min-width: 300px;

        max-width: 325px

    }



    .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

    }



    .qqq ._1win-columns__container {

        grid-template-columns:1fr

    }



    .promocode--v4 {

        max-width: 100%

    }



    ._1win-wrapper:first-child ._1win-columns {

        padding-top: 0

    }



    .steps--v2 .steps__item::after {

        left: 18px;

        bottom: -20px

    }



    .steps--v2 .steps__item-content {

        margin: 0 0 0 16px

    }



    .steps--v2 .steps__item::before {

        top: 0

    }



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

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

    }



    .relink__list {

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

    }



    .bonus {

        grid-template-columns:1fr;

        gap: 12px

    }



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

        left: -13px

    }



    .prefix-how-to__item {

        grid-template-columns:1fr;

        gap: 12px

    }



    .prefix-how-to__item-counter {

        left: -30px

    }

}



.prefix-how-to__item-image img {

    overflow: hidden;

    border-radius: 12px

}



.prefix-how-to__content {

    display: flex;

    flex-direction: column;

    justify-content: center

}



.prefix-how-to__item-title {

    margin: 0 0 4px;

    font-weight: 600;

    font-size: 1.6rem;

    line-height: 2.1rem;

    color: var(--color-title)

}



.prefix-game-full__buttons button, .prefix-how-to__button {

    padding: 12px;

    font-weight: 600;

    font-size: 15px;

    line-height: 18px;

    text-align: center;

    text-decoration: none;

    cursor: pointer

}



.prefix-how-to__item-subtitle > :first-child {

    margin-top: 0

}



.prefix-how-to__button {

    display: inline-block;

    margin: 16px auto 0;

    border: none;

    border-radius: 5px;

    color: #fff;

    transform-origin: center;

    transition: 150ms

}



.prefix-game-full {

    border-radius: 4px

}



.prefix-game-full__description {

    margin: 0 0 20px

}



.prefix-game-full__box {

    position: relative;

    overflow: hidden;

    border-radius: 4px

}



.prefix-game-full__box .get-image {

    height: 100%

}



.prefix-game-full__box img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.prefix-game-full__box iframe {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border: none;

    width: 100%;

    height: 100%

}



.prefix-game-full__buttons {

    position: absolute;

    left: 50%;

    top: 50%;

    display: flex;

    flex-direction: column;

    padding: 0 10px;

    width: 100%;

    max-width: 340px;

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

    gap: 12px

}



.prefix-game-full__buttons button {

    width: 100%;

    align-items: center;

    justify-content: center;

    border: none;

    border-radius: 5px;

    transition: .3s

}



.prefix-game-full__affiliate-link {

    color: #fff;

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

}



.lang-switch, .lang-switch__list {

    padding: 8px;

    background-color: #090f1e;

    display: flex

}



.prefix-game-full__demo-link {

    color: #fff;

    background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%)

}



@media (max-width: 550px) {

    .promocode-old__link {

        padding: 10px

    }



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

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

    }



    .relink__list {

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

    }



    .prefix-game-full__box {

        min-height: 550px;

        display: flex

    }



    .prefix-game-full__box .get-image {

        height: auto

    }



    .prefix-game-full__box img {

        object-fit: cover

    }

}



.lang-switch {

    margin: 0 16px;

    border-radius: 4px;

    position: relative;

    z-index: 200

}



.lang-switch__list {

    margin-top: 0;

    position: absolute;

    top: 100%;

    left: 0;

    list-style: none;

    justify-content: center;

    flex-direction: column;

    gap: 12px;

    border-radius: 0 0 4px 4px;

    visibility: hidden;

    pointer-events: none

}



.lang-switch:hover {

    border-radius: 4px 4px 0 0

}



.lang-switch:hover .lang-switch__list {

    opacity: 1;

    visibility: visible;

    pointer-events: all

}



.slots--v3 .slots__title {

    color: #0a63f6

}



.slot--v3 {

    display: flex;

    flex-direction: column;

    height: 100%

}



.slot__body {

    display: flex;

    flex-direction: column;

    gap: 8px;

    flex-grow: 1

}



.slot--v3 .slot__link {

    margin-top: auto

}



._1win-faq__item-title h3, .pros-cons--v2 .pros-cons__title {

    margin: 0

}





.languages-switcher {

    position: relative;

    flex-shrink: 0;

    margin: 0 30px;

    border-radius: 4px;

    padding: 5px;

    background-color: #2C323E;

    display: flex;

    z-index: 200;

    min-width: 40px;

    width: fit-content;

    color: #ccc;

    z-index: 15;

}



.languages-switcher__list-wrapper {

    position: absolute;

    left: 0;

    top: 100%;

    border-radius: 0px 4px 4px 4px;

    padding: 10px 6px 6px;

    background-color: #090F1E;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    width: max-content;

}



.languages-switcher__list-title {

    margin: 0 0 8px;

    color: #fff;

    font-size: 14px;

    font-weight: 400;

    line-height: 100%;

    white-space: nowrap;

}



.languages-switcher__list {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    justify-content: center;

    flex-direction: column;

    border-radius: 5px;

    background: #2C323E;

}



.languages-switcher__item {

    width: 100%;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    position: relative;

    flex-shrink: 0;

    gap: 6px;

    text-transform: uppercase;

    text-decoration: none;

    color: #fff;

    white-space: nowrap;

    font-size: 14px;

    font-weight: 400;

    height: 32px;

    padding: 0 8px;

}



.languages-switcher__lang {

    display: flex;

    align-items: center;

    gap: 5px;

}



.languages-switcher._show .languages-switcher__list-wrapper {

    opacity: 1;

    visibility: visible;

    pointer-events: all;

}



@media (max-width: 1023px) {

    .languages-switcher {

        margin-right: auto;

    }

}







.advantages {

    margin: 0;

    padding: 0;

    list-style: none;

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(226px, 1fr) );

    gap: 20px;

}



* + .advantages {

    margin-top: 1rem;

}



.advantages__item {

    padding: 20px;

    background: #2c323e;

    border-radius: 8px;

    display: flex;

    flex-direction: column;

    gap: 12px;

}



.advantages__item img {

    display: block;

    margin: 0 auto;

    max-height: 100px;

    width: fit-content;

    object-fit: contain;

}



.advantages__item-title {

    margin: 4px 0 0;

    font-size: 20px;

    line-height: 26px;

    color: #fff;

    font-weight: 700;

}



.advantages__item-text {

    margin: 0;

    color: #abb8c3;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

}







.bonus-promo-code {

    margin: 0;

    padding: 0;

    list-style: none;

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(264px, 1fr) );

    gap: 20px;

}



* + .bonus-promo-code {

    margin-top: 1rem;

}



.bonus-promo-code__item {

    border-radius: 15px;

    display: flex;

    flex-direction: column;

    gap: 16px;

    min-height: 220px;

    padding: 20px;

    position: relative;

}



.bonus-promo-code__item:has(img) {

    padding-right: calc(100% / 3);

}



.bonus-promo-code__item:has(.promo-code) {

    grid-column: span 2;

}



.bonus-promo-code__item:nth-child(1n) {

    background: linear-gradient(96deg, #0ac63b 0, #058c28 100%)

}



.bonus-promo-code__item:nth-child(2n) {

    background: linear-gradient(114deg, #775cf4 0, #bd0bf6 99.89%)

}



.bonus-promo-code__item:nth-child(3n) {

    background: linear-gradient(294deg, #f9d417 0, #ff7a00 100.12%)

}



.bonus-promo-code__item-title {

    margin: 0;

    font-size: 24px;

    line-height: 32px;

    color: #fff;

}



.bonus-promo-code__item-title span,

.bonus-promo-code__item-title b {

    font-weight: 700;

}





.bonus-promo-code__code {

    max-width: 400px;

}



.bonus-promo-code__button {

    margin-top: auto;

    font-size: 16px;

    font-weight: 700;

    line-height: 100%;

    background-color: transparent;

    border-radius: 10px;

    border: 1px solid #fff;

    padding: 12px 20px;

    color: #fff;

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

    width: fit-content;

    cursor: pointer;

    transition: all 0.2s ease-in-out;

}



.bonus-promo-code__button:hover {

    opacity: .7;

}



.bonus-promo-code__item:has(.promo-code) .bonus-promo-code__button {

    width: 100%;

    max-width: 400px;

    background-color: #fff;

}



.bonus-promo-code__item:nth-child(1n):has(.promo-code) .bonus-promo-code__button {

    color: #19ae40;

}



.bonus-promo-code__item:nth-child(2n):has(.promo-code) .bonus-promo-code__button {

    color: #775cf4;

}



.bonus-promo-code__item:nth-child(3n):has(.promo-code) .bonus-promo-code__button {

    color: #ff7a00;

}



.bonus-promo-code__item .get-image {

    position: absolute;

    bottom: 0;

    right: 0;

    width: calc(100% / 3);

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.bonus-promo-code__item .get-image img {

    margin-top: auto;

    max-height: 260px;

    object-fit: contain;

    width: fit-content;

}



@media (max-width: 767px) {

    .bonus-promo-code {

        grid-column: 1fr 1fr;

    }



    .bonus-promo-code__item-title {

        font-size: 20px;

        line-height: 27px;

    }

}



@media (max-width: 550px) {

    .bonus-promo-code__item {

        grid-column: span 2;

    }



    .bonus-promo-code__item:has(img) {

        padding-right: calc(100% / 2);

    }



    .bonus-promo-code__item .get-image {

        width: calc(100% / 2);

    }



    .bonus-promo-code__item .get-image {

        top: 0;

    }



    .bonus-promo-code__item:has(.promo-code) {

        display: grid;

        grid-template-columns: 1fr 1fr;

        padding-right: 20px;

    }



    .bonus-promo-code__code,

    .bonus-promo-code__item:has(.promo-code) .bonus-promo-code__button {

        max-width: 100%;

        grid-column: 1 / -1;

    }



    .bonus-promo-code__item:has(.promo-code) .get-image {

        bottom: 129px;

        top: auto;

        right: 0;

    }



    .bonus-promo-code__item:has(.promo-code) img {

        max-height: 200px;

    }

}







.promo-code {

    border-radius: 10px;

    border: 1px dashed rgba(255, 255, 255, .3);

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

    padding: 4px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

}



.promo-code:has(._active) {

    border: 1px solid #fff;

}



.promo-code__value {

    font-size: 18px;

    font-style: normal;

    line-height: 100%;

    font-weight: 700;

    color: #fff;

}



.promo-code__copy-btn {

    border-radius: 6px;

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

    border: none;

    color: #fff;

    display: flex;

    justify-content: center;

    align-self: center;

    padding: 4px 16px;

}



.promo-code__copy-btn * {

    pointer-events: none;

}





* + ._1win-text-image {

    margin-top: 1rem;

}



._1win-wrapper > * {

    max-width: 1380px;

    margin-left: auto;

    margin-right: auto;

}



@media (max-width: 1500px) {

    ._1win-wrapper > * {

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

        margin-left: var(--offsets);

        margin-right: var(--offsets);

    }

}



._1win-text-image {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 1rem;

    align-items: center;

}



._1win-text-image > img {

    border-radius: 5px;

}



.reversed ._1win-text-image__item {

    order: 2;

}



@media (max-width: 1023px) {

    ._1win-text-image {

        grid-template-columns: 1fr;

    }



    .reversed ._1win-text-image__item {

        order: 0;

    }

}



._1win-hero-promocode {

    padding: 24px 48px;

    border-radius: 16px;

    background-size: cover;

    background-position: center;

}



._1win-hero-promocode__inner {

    border-radius: 16px;

    border: 1px solid rgba(255, 255, 255, 0.07);

    background: #131C2C;

    padding: 24px;

    max-width: 460px;

    z-index: 3;

    position: relative;

}



._1win-hero-promocode__inner-title {

    color: #FFF;

    font-size: 20px;

    font-weight: 700;

    line-height: 34px;

    text-transform: uppercase;

    margin-bottom: 16px;

}



._1win-hero-promocode__inner-btn {

    display: flex;

    padding: 6px 20px;

    justify-content: center;

    align-items: center;

    display: flex;

    gap: 4px;

    border-radius: 8px;

    background: var(--primary-gradient, linear-gradient(90deg, #7B60ED 0%, #0CADFC 100.39%));

    color: #FFF;

    font-size: 14px;

    font-weight: 600;

    line-height: 24px;

    border: none;

    width: 100%;

    margin-top: 12px;

    cursor: pointer;

}



._1win-hero-promocode__inner-code {

    display: flex;

    border-radius: 8px;

    border: 1px solid #2B3653;

}



._1win-hero-promocode__inner-code-button {

    border-radius: 0px 8px 8px 0px;

    padding: 10px;

}



._1win-hero-promocode__inner-code-value {

    padding-left: 48px;

    position: relative;

}



._1win-hero-promocode__inner-code-value::before {

    content: url("../images/promocode-decor.png");

    position: absolute;

    left: 10px;

    top: -15px;

    max-width: 36px;

    width: 100%;

}



._1win-hero-app {

    border-radius: 12px;

    background: #090F1E;

    padding: 24px;

    max-width: 585px;

    margin-top: 20px;

}



._1win-hero-app__inner-title {

    color: var(--color-white-solid, #FFF);

    text-align: center;

    font-size: 17px;

    font-weight: 400;

    line-height: 25.5px;

}



._1win-hero-app__inner-title span {

    color: #07B2F0;

}



._1win-hero-app__button {

    border-radius: 8px;

    padding: 11px 20px;

    background: var(--primary-gradient, linear-gradient(90deg, #7B60ED 0%, #0CADFC 100.39%));

    color: #FFF;

    font-size: 17px;

    font-weight: 700;

    line-height: 20px;

    border: none;

    display: flex;

    gap: 4px;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}



._1win-hero-app__buttons {

    display: grid;

    gap: 20px;

    grid-template-columns: 1fr 1fr;

    margin-top: 16px;

}



._1win-hero-app__ios {

    background: var(--secondary-gradient, #28B563);

}



._1win-hero-app__inner-title {

    padding-top: 16px;

    border-top: 1px solid #2B3653;

    margin-top: 16px;

}



._1win-hero-app__inner-code {

    display: flex;

    border-radius: 8px;

    border: 1px solid #2B3653;

    margin-top: 16px;

}



.hr {

    background: #2B3653;

    width: 1px;

    height: 64px;

}



._1win-hero-app__rating {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



._1win-hero-app__rating-download span, ._1win-hero-app__rating-size span, ._1win-hero-app__rating-rating span {

    display: flex;

    align-items: center;

    gap: 6px;

    color: var(--On-Surface, #FFF);

    font-size: 20px;

    font-weight: 700;

    line-height: 34px;

    text-transform: uppercase;

    justify-content: center;

}



._1win-hero-app__rating-download, ._1win-hero-app__rating-size, ._1win-hero-app__rating-rating {

    text-align: center;

}





._1win-hero-app__rating-star {

    --percent: calc(var(--star-rating) / 5 * 94%)

}



._1win-hero-app__rating-star {

    position: relative;

    display: inline-block;

    font-size: 21px;

    font-weight: bold;

    line-height: 1;

}



._1win-hero-app__rating-star::before {

    content: "☆☆☆☆☆";

    color: #0085FF;

    position: absolute;

    top: 0;

    left: 0;

    letter-spacing: 1.5px;



}



._1win-hero-app__rating-star::after {

    content: "★★★★★";

    background: linear-gradient(90deg, #0085FF var(--percent), #090f1e var(--percent));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    letter-spacing: 1.5px;



}



._1win-hero-app__inner-code-button {

    border-radius: 0 8px 8px 0;

}



._1win-hero-app__rating-download, ._1win-hero-app__rating-size {

    flex: 1 0 0;

}



._1win-hero-app__rating-rating {

    margin-left: 16px;

}



.page.scroll-lock {

    overflow: hidden;

}



._1win-modal__bg {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    padding: 10px;

    justify-content: center;

    align-items: center;

    background: rgba(0, 0, 0, 0.50);

    z-index: 900;

}



._1win-modal {

    position: fixed;

    top: 50%;

    left: 50%;

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

    width: 100%;

    border-radius: 16px;

    background: linear-gradient(180deg, #1C253C 0%, #121829 100%);

    padding: 32px 24px;

    max-width: 460px;



    z-index: 45;

}



._1win-modal__close {

    width: 40px;

    height: 40px;

    display: flex;

    background: transparent;

    padding: 14px;

    justify-content: center;

    align-items: center;

    border: none;

    position: absolute;

    right: 3px;

    top: 3px;

    cursor: pointer;

}



._1win-modal__title {

    color: #FFF;

    text-align: center;

    font-size: 32px;

    font-style: normal;

    font-weight: 700;

    line-height: 42px;

    margin: 0;

}



._1win-modal__description {

    color: #FFF;

    text-align: center;

    font-size: 17px;

    font-weight: 400;

    line-height: 25.5px;

    margin: 0;

}



._1win-modal img {

    margin-top: 12px;

}



._1win-modal__inner-code {

    display: flex;

    border-radius: 8px;

    border: 1px solid #2B3653;

    margin-top: 12px;

}



._1win-modal__inner-btn {

    border-radius: 8px;

    background: var(--primary-gradient, linear-gradient(90deg, #7B60ED 0%, #0CADFC 100.39%));

    padding: 14px 20px;

    color: #FFF;

    font-size: 17px;

    font-weight: 700;

    line-height: 20px;

    border: none;

    width: 100%;

    border: none;

    margin-top: 12px;

    cursor: pointer;

}



[data-modal-promo] {

    display: none;

}



@media (max-width: 1023px) {

    ._1win-text-image__item {

        display: inline-flex;

        flex-direction: column;

    }



    ._1win-hero-app__buttons {

        gap: 8px;

        grid-template-columns: 1fr;

        margin-top: 12px;

    }



    ._1win-hero-app__inner-title {

        padding-top: 12px;

        margin-top: 12px;

    }



    ._1win-hero-app__inner-title {

        font-size: 13px;

        line-height: 24px;

    }



    ._1win-hero-app {

        padding: 16px 8px;

        margin-right: auto;

        margin-left: auto;

        order: -1;

        margin-top: 0;

        margin-bottom: 12px;

    }



    ._1win-text-image__item h1, ._1win-text-image__item h2, ._1win-text-image__item h3, ._1win-text-image__item h4, ._1win-text-image__item h5, ._1win-text-image__item h6 {

        order: -2;

    }



    .hr {

        height: 24px;

    }



    ._1win-hero-app__rating {

        display: flex;

        align-items: center;

        justify-content: center;

        flex-wrap: wrap;

        gap: 8px;



    }



    ._1win-hero-app__rating-download span, ._1win-hero-app__rating-size span, ._1win-hero-app__rating-rating span {

        font-size: 15px;

        line-height: 24px;

        font-weight: 600;

    }



    ._1win-hero-app__rating-download, ._1win-hero-app__rating-size, ._1win-hero-app__rating-rating {

        font-size: 14px;

    }



    ._1win-hero-app__rating-rating {

        display: flex;

        gap: 4px;

        align-items: center;

        justify-content: center;

        margin: 0;

    }



    ._1win-hero-app__rating-download, ._1win-hero-app__rating-size {

        flex: none;

        display: flex;

        align-items: center;

        gap: 4px;

    }



    ._1win-hero-app__rating-star {

        font-size: 15px;

    }

}



@media (max-width: 768px) {

    ._1win-hero-promocode {

        padding: 24px 16px 332px 16px;

        display: flex;

        justify-content: center;

        margin: 0;

        width: 100%;

        max-width: 100%;

        border-radius: 0;

        background-position-y: 69%;

    }



    ._1win-modal {

        padding: 24px 16px;

        max-width: 328px;

    }



    ._1win-modal__title {

        font-size: 26px;

        line-height: 40px;

    }



    ._1win-modal__description {

        font-size: 14px;

        line-height: 24px;

    }



    ._1win-hero-app__rating-download, ._1win-hero-app__rating-size, ._1win-hero-app__rating-rating {

        color: #fff;

    }

}



@media (max-width: 560px) {

    ._1win-hero-promocode__inner {

        padding: 16px;

        border-radius: 16px;



    }



    ._1win-hero-promocode {

        padding: 24px 16px 217px 16px;

    }



    ._1win-hero-promocode__inner-btn {

        padding: 10px 20px;

        font-weight: 400;

    }



    ._1win-hero-promocode__inner-title {

        font-size: 16px;

        line-height: 24px;

    }



    ._1win-hero-promocode__inner-code-value {

        font-size: 14px;

        line-height: 18px;

    }



    ._1win-hero-app__button {

        font-size: 14px;

        padding: 15px 20px;

    }



    ._1win-text-image__item p:first-of-type {

        margin-top: 0;

    }



    ._1win-modal__inner-btn {

        font-size: 14px;

        padding: 8px 20px;

        line-height: 24px;

        font-weight: 500;

    }



    ._1win-modal__close {

        right: 0px;

        top: 0px;

    }



}



@media (max-width: 537px) {

    .hr-last {

        display: none;

    }



    ._1win-hero-app__rating-rating {

        margin-left: auto;

        margin-right: auto;

    }



    ._1win-hero-app__rating-star::after, ._1win-hero-app__rating-star::before {

        font-size: 16px;

    }

}





@media (max-width: 390px) {

    ._1win-hero-promocode {

        background-position-y: 50%;

    }

}



.mobile-button {

	align-items: center;

}



.mobile-button > .get-image {

    align-self: stretch;

	padding: 8px 12px;

}



.mobile-button > .get-image img {

    max-width: 50px;

    max-height: 24px;

    width: fit-content;

    height: auto;

    object-fit: contain;

}



.mobile-button__link--show._active {

    background: none;

    outline: 1px solid #ffffff24;

}



.mobile-button__link {

    align-self: stretch;

}



.mobile-button__link {

	padding: 8px;

	    background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%);

}