@charset "UTF-8";
*, ::after, ::before {
    box-sizing: border-box
}

body {
    line-height: var(--line-height)
}

:where(blockquote,figure):where([class]), body {
    margin: 0
}

summary::-webkit-details-marker, summary::marker {
    content: "";
    display: none
}

.tag-block > ul {
    padding-left: 17px
}

ol, ul {
    padding: 0;
    list-style: none
}

:where(ul[class]) {
    margin: 0
}

:where(p[class]) {
    margin-block: 0
}

p {
    margin-block: 10px
}

a:where([class]) {
    text-decoration: none;
    color: currentColor
}

a {
    -webkit-tap-highlight-color: transparent;
    color: var(--link-color);
    transition: color var(--transition-duration)
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

button, input, select, textarea {
    font: inherit
}

input, textarea {
    margin: 0
}

:where(dd[class]) {
    margin-left: 0
}

:where(fieldset[class]) {
    margin-left: 0;
    padding: 0;
    border: none
}

svg {
    max-width: 100%;
    height: auto
}

svg * {
    transition-property: fill, stroke
}

@font-face {
    font-family: Abril;
    src: local(""), url(../fonts/AbrilFatface-Regular.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

:root {
    --main-color: #126e51;
    --block-bg: #f5f5f5;
    --review-img-bg: #000000;
    --text-color: #090909;
    --second-text-color: #ffffff;
    --page-bg: #ffffff;
    --first-color-of-block: #f3f3f3;
    --second-color-of-block: #fafafa;
    --header-top-bg: #126e51;
    --header-top-nav-text-color: #ffffff;
    --header-bottom-bg: #126e51;
    --header-bottom-nav-text-color: #ffffff;
    --footer-bg-color: #000000;
    --footer-text-color: #ffffff;
    --h1-font-size: 48px;
    --h2-font-size: 35px;
    --h3-font-size: 28px;
    --h4-font-size: 24px;
    --h1-font-size-mobile: 32px;
    --h2-font-size-mobile: 28px;
    --h3-font-size-mobile: 24px;
    --h4-font-size-mobile: 20px;
    --link-color: #126e51;
    --link-hover: #ffffff;
    --header-button-bg-first: #ffffff;
    --header-button-color-first: #ffffff;
    --header-button-border-first: #ffffff;
    --header-button-hover-first: #3eb263;
    --header-button-bg-second: #3eb263;
    --header-button-color-second: #ffffff;
    --header-button-border-second: #3eb263;
    --header-button-hover-second: #fcfcfc;
    --site-button-bg-color: #ffffff;
    --site-button-color: #ffffff;
    --site-button-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
    --site-button-hover-bg-color: #3eb263;
    --site-button-hover-color: #0a0a0a;
    --site-button-hover-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
    --fl-bg-color: #ececec;
    --fl-bg-color-hover: #ffffff;
    --fl-text-color: #000000;
    --fl-text-color-hover: #000000;
    --how-to-step-text-color: #000000;
    --how-to-step-bg-color: #000000;
    --line-spacing: -0.03em;
    --line-height: 20px;
    --border-radius: 5px;
    --button-border-color: #000000;
    --base-font-size: 16px;
    --base-font-family: Helvetica, sans-serif;
    --second-font-family: "Roboto", sans-serif;
    --container-width: 1170px;
    --container-padding-x: 16px;
    --button-height: 50px;
    --transition-duration: 0.25s;
    --list-style: "❋"
}

.container {
    width: 100%;
    max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
    margin-inline: auto;
    padding-inline: var(--container-padding-x)
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    clip-path: inset(100%) !important;
    clip: rect(0 0 0 0) !important;
    overflow: hidden !important
}

.hidden {
    display: none
}

.lock {
    overflow: hidden
}

.dark-bg {
    position: relative;
    z-index: 0
}

.dark-bg::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: hsla(0, 0%, 0%, .749);
    z-index: -1
}

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

html {
    scroll-behavior: smooth
}

body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: var(--base-font-family);
    font-size: var(--base-font-size);
    font-weight: 400;
    background-color: var(--page-bg);
    color: var(--text-color);
    min-height: 100vh;
    overflow-x: hidden
}

.main-content {
    flex-grow: 1
}

.page {
    display: grid;
    padding-bottom: 30px
}

.page--grid-col {
    grid-template-columns:1fr auto;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.page__content {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    min-width: 0
}

.page__content .wp-block-image {
    margin-bottom: 2rem
}

.page__sidebar {
    display: none
}

.footer {
    flex-shrink: 0
}

h1 {
    font-size: var(--h1-font-size-mobile);
    line-height: calc(var(--h1-font-size-mobile) + 4px)
}

h2 {
    font-size: var(--h2-font-size-mobile);
    line-height: calc(var(--h2-font-size-mobile) + 4px)
}

h3 {
    font-size: var(--h3-font-size-mobile);
    line-height: calc(var(--h3-font-size-mobile) + 4px)
}

h4, h5, h6 {
    font-size: var(--h4-font-size-mobile);
    line-height: calc(var(--h4-font-size-mobile) + 4px)
}

.button {
    padding: 5px 10px;
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    width: 100%;
    min-width: 150px;
    min-height: var(--button-height);
    position: relative;
    background: var(--site-button-bg-color);
    color: var(--site-button-color);
    border-radius: var(--border-radius);
    box-shadow: var(--site-button-shadow);
    font-family: var(--font-family);
    font-size: 18px;
    line-height: 22px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background var(--transition-duration), color var(--transition-duration), box-shadow var(--transition-duration)
}

.button--content {
    margin-block: 30px
}

.button--left {
    margin-right: auto
}

.button--center {
    margin-inline: auto
}

.button--right {
    margin-left: auto
}

.button__content {
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.button.appstore, .button.googleplay {
    max-width: 190px;
    height: 63px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 11px;
    background-color: transparent;
    transition: opacity var(--transition-duration)
}

.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--header-top-bg);
    color: var(--header-top-nav-text-color);
    z-index: 1000;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: .01em
}

.header a {
    color: currentColor
}

.header__top {
    display: grid;
    grid-template-columns:1fr auto;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-block: 10px
}

.header__top-left {
    display: grid;
    grid-template-columns:100px 1fr;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.header__top > .lang-switch {
    margin-inline: auto 30px
}

.header__logo {
    width: 100%
}

.header__actions {
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 15px;
    column-gap: 15px;
    justify-self: end
}

.header__buttons {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    grid-column: 1/-1
}

.header__button {
    flex: 1 1 154px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0
}

.header__button--first {
    background-color: var(--header-button-bg-first);
    color: var(--header-button-color-first);
    border: 1px solid var(--header-button-border-first)
}

.header__button--second {
    background-color: var(--header-button-bg-second);
    color: var(--header-button-color-second);
    border: 1px solid var(--header-button-border-second)
}

.header__bottom {
    padding-block: 5px 5px;
    background-color: var(--header-bottom-bg);
    color: var(--header-bottom-nav-text-color)
}

.header__bottom-nav > .main-menu {
    display: flex;
    align-items: center;
    gap: 10px 25px;
    overflow-x: auto;
    padding-block: 5px 5px
}

.header__bottom-nav > .main-menu::-webkit-scrollbar {
    height: 2px
}

.header__bottom-nav > .main-menu::-webkit-scrollbar-track {
    background: #e6e6e6;
    border-radius: 2px
}

.header__bottom-nav > .main-menu::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
    border-radius: 2px
}

.header__bottom-nav > .main-menu > .menu-item-has-children {
    position: relative
}

.header__bottom-nav > .main-menu > .menu-item-has-children::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    translate: -50% 0;
    width: calc(100% + 10px);
    height: 10px
}

.header__bottom-nav > .main-menu > .menu-item-has-children > span {
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 5px;
    column-gap: 5px
}

.header__bottom-nav > .main-menu > .menu-item-has-children > .sub-menu {
    box-sizing: content-box;
    width: -moz-max-content;
    width: max-content;
    display: grid;
    row-gap: 10px;
    border-radius: var(--border-radius);
    background-color: var(--header-bottom-bg);
    border: 1px solid rgba(255, 255, 255, .1);
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    translate: -50% 0;
    visibility: hidden;
    opacity: 0;
    padding: 10px 15px;
    z-index: 111;
    transition: opacity var(--transition-duration), visibility var(--transition-duration)
}

.header__bottom-nav > .main-menu > .menu-item-has-children > .sub-menu--open {
    visibility: visible;
    opacity: 1
}

.header__bottom-nav > .main-menu > li {
    white-space: nowrap
}

.footer {
    min-height: 100px;
    padding-block: 50px 70px;
    background-color: var(--footer-bg-color);
    color: var(--footer-text-color)
}

.footer--padding-bottom {
    padding-bottom: 70px
}

.footer a {
    color: var(--footer-text-color);
    text-decoration: none
}

.footer ol, .footer ul {
    width: 100%
}

.footer ol > li, .footer ul > li {
    list-style: none;
    padding: 0;
    margin-block: 0
}

.footer__inner-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns:1fr;
    row-gap: 30px;
    justify-content: center
}

.footer__alt {
    display: grid;
    grid-template-columns:1fr;
    row-gap: 30px
}

.footer__section {
    padding-block: 30px
}

.footer__nav-menu {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 30px 70px;
    font-size: 24px;
    line-height: 28px
}

.footer__nav-menu > li {
    display: flex;
    justify-content: center
}

.footer__nav-menu > .menu-item-has-children {
    display: grid;
    row-gap: 15px
}

.footer__nav-menu > .menu-item-has-children > .sub-menu {
    display: grid;
    row-gap: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400
}

.footer__nav-menu > .menu-item-has-children > .sub-menu > li {
    color: var(--footer-text-color);
    opacity: .7;
    transition: opacity var(--transition-duration)
}

.footer__widgets {
    display: flex;
    justify-content: space-between;
    gap: 20px 40px;
    flex-wrap: wrap;
    font-size: var(--base-font-size);
    line-height: var(--line-height)
}

.footer__widgets ul {
    display: grid;
    row-gap: 10px
}

.footer__payments {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap
}

.footer__payment {
    width: 100px;
    height: 50px;
    opacity: .7
}

.footer__payment > svg {
    width: 100%;
    height: 100%
}

.footer__buttons {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px 20px;
    flex-wrap: wrap
}

.footer__buttons > .button {
    flex: 1 1 300px
}

.footer__social-networks {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%
}

.footer__social-network {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    padding: 10px;
    border-radius: var(--border-radius);
    background-color: rgba(255, 255, 255, .3);
    transition: opacity var(--transition-duration)
}

.footer__social-network > svg {
    max-width: 40px;
    max-height: 40px
}

.footer__bottom, .footer__copyrights {
    width: 100%;
    text-align: center;
    opacity: .5
}

.footer__content {
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    opacity: .4
}

.burger {
    width: 25px;
    height: 19px;
    flex-shrink: 0;
    position: relative;
    justify-self: end;
    z-index: 111
}

.burger::after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%
}

.burger > span {
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background-color: currentColor;
    overflow: hidden;
    transition: rotate var(--transition-duration), opacity var(--transition-duration) .25s, top calc(var(--transition-duration) / 2) .3s
}

.burger > span:nth-child(1) {
    top: 0
}

.burger > span:nth-child(2) {
    top: 50%
}

.burger > span:nth-child(3) {
    top: 100%
}

.burger--active > span {
    transition: rotate var(--transition-duration) .3s, opacity .1s .3s, top calc(var(--transition-duration) / 2)
}

.burger--active > span:nth-child(1), .burger--active > span:nth-child(3) {
    top: 50%
}

.burger--active > span:nth-child(1) {
    rotate: -45deg
}

.burger--active > span:nth-child(2) {
    opacity: 0
}

.burger--active > span:nth-child(3) {
    rotate: 45deg
}

.mobile-menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 10px;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    position: absolute;
    top: 100%;
    left: calc(-100% - 20px);
    background-color: var(--header-top-bg);
    padding-inline: var(--container-padding-x);
    overflow: auto;
    z-index: 101;
    transition: left var(--transition-duration)
}

.mobile-menu--active {
    left: 0;
    transition: left var(--transition-duration) .25s
}

.mobile-menu::-webkit-scrollbar {
    width: 4px
}

.mobile-menu::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .1)
}

.mobile-menu::-webkit-scrollbar-thumb {
    background-color: var(--main-color)
}

.mobile-menu > .main-menu > .menu-item {
    width: 100%;
    padding-block: 16px;
    border-bottom: 1px solid transparent;
    transition: border-bottom var(--transition-duration)
}

.mobile-menu > .main-menu > .menu-item > span > a {
    display: inline-block;
    width: 100%
}

.mobile-menu > .main-menu > .menu-item-has-children > .menu-arrow {
    width: 16px;
    height: 16px
}

.mobile-menu > .main-menu > .menu-item-has-children > span {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.mobile-menu > .main-menu > .menu-item-has-children > span > a {
    width: auto
}

.mobile-menu > .main-menu > .menu-item-has-children > .sub-menu {
    box-sizing: content-box;
    width: calc(100% - 20px);
    display: grid;
    row-gap: 10px;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    padding: 0 10px 0 0;
    font-family: var(--second-font-family);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: .15px;
    text-transform: uppercase;
    transition: max-height var(--transition-duration) .1s, opacity var(--transition-duration), visibility var(--transition-duration), padding var(--transition-duration)
}

.mobile-menu > .main-menu > .menu-item--active {
    border-bottom: 1px solid var(--main-color)
}

.mobile-menu > .main-menu > .menu-item--active > span > a {
    color: var(--main-color)
}

.mobile-menu > .main-menu > .menu-item--active > .sub-menu {
    opacity: 1;
    visibility: visible;
    padding: 20px 10px 0 0;
    transition: max-height var(--transition-duration), opacity var(--transition-duration), visibility var(--transition-duration), padding var(--transition-duration)
}

.basic-menu {
    display: none
}

.header-gift {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    position: relative;
    color: var(--text-color);
    flex-shrink: 0
}

.header-gift__switch {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
    position: relative
}

.header-gift__switch > svg {
    width: 100%;
    height: 100%;
    fill: var(--header-top-bg);
    stroke: var(--site-button-bg-color)
}

.header-gift__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 2px;
    bottom: 2px;
    font-size: 9px;
    line-height: normal;
    border-radius: 100%;
    color: #fff;
    background-color: #ff2e60
}

.header-gift--active .header-gift__icon {
    width: 31px;
    height: 31px;
    font-size: 15px;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 3
}

.header-gift--active .header-gift__content {
    display: grid
}

.header-gift__content {
    min-width: 240px;
    max-width: 300px;
    display: none;
    grid-template-columns:50px 1fr;
    align-items: center;
    gap: 10px 5px;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    border-radius: var(--border-radius);
    background-color: #fff;
    border-radius: var(--border-radius);
    border: 2px solid var(--button-border-color);
    padding: 10px;
    z-index: 111
}

.header-gift__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 30px
}

.header-gift__description {
    display: flex;
    align-items: center
}

.header-gift__button {
    grid-column: 1/-1
}

.menu-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9px;
    height: 12px;
    position: relative;
    transition: color var(--transition-duration)
}

.menu-arrow::after {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    content: "";
    display: block;
    width: 20px;
    height: 40px
}

.menu-arrow > svg {
    width: 100%;
    height: 100%;
    rotate: 90deg;
    transition: rotate var(--transition-duration)
}

.menu-arrow--active {
    color: var(--link-hover)
}

.menu-arrow--active > svg {
    rotate: 270deg
}

.lang-switch {
    position: relative;
    flex-shrink: 0
}

.lang-switch__active-lang {
    display: flex;
    align-items: center;
    -moz-column-gap: 5px;
    column-gap: 5px
}

.lang-switch__sub-menu {
    box-sizing: content-box;
    width: -moz-max-content;
    width: max-content;
    display: grid;
    row-gap: 10px;
    border-radius: var(--border-radius);
    background-color: var(--header-top-bg);
    border: 1px solid rgba(255, 255, 255, .1);
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    translate: -50% 0;
    visibility: hidden;
    opacity: 0;
    padding: 10px 15px;
    z-index: 111;
    transition: opacity var(--transition-duration), visibility var(--transition-duration)
}

.lang-switch--active .lang-switch__arrow > svg {
    rotate: 270deg
}

.lang-switch--active .lang-switch__sub-menu {
    visibility: visible;
    opacity: 1
}

.gift-block__arrow-img {
    animation: 2s steps(2) infinite stopsignal
}

.gift-block__arrow {
    position: relative;
    height: 50px
}

.gift-block__arrow img:nth-child(2) {
    width: 80px;
    position: absolute;
    top: -8px;
    right: calc(50% - 40px);
    animation-delay: 1s
}

.gift-block__arrow img:nth-child(1) {
    width: 140px;
    position: absolute;
    top: 0;
    right: calc(50% - 70px)
}

@keyframes stopsignal {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes scaleanim {
    0%, 100% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.3)
    }
}

.gift-block__icon {
    width: 60px;
    background-color: #f0f0f0;
    padding: 11px;
    border-radius: 67%;
    height: 60px;
    animation: 4s infinite scaleanim;
    transition: .5s;
    z-index: 2
}

.gift-block {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin: 20px auto;
    min-width: 240px
}

.gift-block__icon path {
    fill: var(--main-color)
}

.gift-block__text {
    color: #000;
    text-align: center;
    padding: 20px;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1;
    z-index: 1;
    max-width: 300px
}

.gift-block__text h1 {
    margin: 0 0 5px
}

.gift-block__text p {
    margin: 0
}

.gift-block::after {
    width: 100%;
    height: calc(100% - 30px);
    content: " ";
    position: absolute;
    bottom: 0;
    z-index: 0;
    border-radius: 20px;
    background-color: #fff;
    border: 3px solid var(--main-color);
    outline: #e6e5e4 solid 1px;
    outline-offset: -8px;
    box-shadow: 0 17px 40px rgba(9, 25, 42, .36)
}

.gift-block__button {
    display: flex;
    justify-content: center;
    padding: 20px;
    z-index: 2
}

.media-text {
    width: 100vw;
    margin-inline: calc(-50vw + 50%);
    padding-block: 30px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover
}

.media-text__inner-wrapper {
    display: grid;
    align-items: center;
    grid-template-rows:auto 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.media-text__inner-wrapper > h1 {
    font-size: 42px;
    line-height: 47px;
    align-self: end;
    margin-block: 0
}

.media-text__inner-wrapper > p {
    font-size: 18px;
    line-height: 23px;
    align-self: start
}

.media-text__inner-wrapper > .gift-block {
    width: 100%
}

.media-text__inner-wrapper > .button {
    margin-block: 20px
}

.to-top {
    display: none
}

.to-top.show-up {
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 7px;
    bottom: 17vh;
    z-index: 1000;
    opacity: .4;
    transition: opacity var(--transition-duration)
}

.to-top.show-up > svg {
    width: 100%;
    height: 100%
}

.mobile-app-header {
    width: 100vw;
    margin-inline: calc(-50vw + 50%);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    background-color: var(--header-bottom-bg);
    overflow: hidden
}

.mobile-app-header__inner-wrapper {
    display: grid;
    grid-template-columns:1fr;
    color: var(--second-text-color);
    padding-block: 44px
}

.mobile-app-header__title {
    font-size: var(--h1-font-size-mobile);
    font-weight: 700;
    line-height: calc(var(--h1-font-size-mobile) + 4px);
    margin-block: 0 35px
}

.mobile-app-header__description {
    margin-block: 0
}

.mobile-app-header__text {
    font-size: 1.5rem;
    line-height: 1.5rem;
    flex: 0 1 200px;
    text-align: center
}

.mobile-app-header__apps {
    width: 100%;
    display: grid;
    align-items: center;
    gap: 15px;
    background-color: #1b1b1b;
    padding: 15.5px 16px;
    grid-row: 3/4;
    border: 1px solid var(--main-color);
    border-radius: 10px;
    margin-bottom: 35px
}

.mobile-app-header__promo-code {
    display: grid;
    justify-content: center;
    align-items: center;
    row-gap: 15px
}

.mobile-app-header__promo-code-icon {
    width: 60px;
    height: 60px;
    background-color: var(--main-color);
    padding: 11px;
    border-radius: 100%;
    margin-bottom: 5px;
    justify-self: center
}

.mobile-app-header__promo-code-icon > svg {
    width: 100%;
    height: 100%
}

.mobile-app-header__promo-code-description {
    font-family: var(--second-font-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0;
    text-align: center
}

.mobile-app-header__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    grid-row: 2/3
}

.mobile-app-header__buttons > .button {
    flex: 1 1 200px;
    min-height: 56px
}

.mobile-app-header__img {
    grid-row: 2/3;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    align-self: end
}

.mobile-app-header__img img {
    box-shadow: 0 -15px 15px 0 rgba(28, 28, 28, .57);
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    padding: 10px 10px 0;
    background-color: #000;
    margin: 0 auto;
    height: 250px
}

.mobile-app-header__rating {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}

.mobile-app-header__rating > .rating-short {
    margin: 0;
    flex: 0 0 134px
}

.codeblock-mini {
    display: grid;
    row-gap: 10px;
    max-width: 350px;
    border: 1px solid var(--main-color);
    border-radius: var(--border-radius);
    padding: 10px;
    position: relative;
    margin: 20px 0;
    background: #fff;
    margin-block: 10px
}

.codeblock-mini.align-left {
    margin-right: auto
}

.codeblock-mini.align-center {
    margin-inline: auto
}

.codeblock-mini.align-right {
    margin-left: auto
}

.codeblock-mini__icon-wrap {
    display: inline-block;
    width: 10px
}

.codeblock-mini__help {
    text-align: center;
    color: var(--text-color)
}

.codeblock-mini__body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.codeblock-mini__body > div {
    flex: 1 1 150px
}

.codeblock-mini__body a {
    text-decoration: none
}

.codeblock-mini__title {
    font-style: normal;
    font-size: 16px;
    line-height: 135%;
    text-align: center;
    font-weight: bolder;
    padding: 10px 0
}

.codeblock-mini input {
    border: unset;
    text-align: center
}

.codeblock-mini input, .codeblock-mini__code {
    width: 100%;
    height: 100%;
    min-height: var(--button-height);
    font-style: normal;
    font-size: 14.6524px;
    line-height: 125%;
    color: #000;
    outline: 1px dashed var(--main-color);
    outline-offset: -1px;
    border-radius: var(--border-radius);
    justify-content: center;
    align-items: center;
    display: flex;
    text-decoration: unset;
    font-weight: 900;
    overflow: hidden;
    z-index: 2
}

.codeblock-mini__code-sticker {
    content: "COPY";
    position: absolute;
    background-color: var(--main-color);
    color: #fff
}

.codeblock-mini .codeblock-block-ref {
    display: none
}

.rating {
    position: relative;
    display: inline-block
}

.rating::before {
    content: "☆☆☆☆☆☆☆☆☆☆";
    position: relative;
    color: #faba05;
    font-size: 2.5rem;
    line-height: 2.5rem
}

.rating .stars {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.rating .stars::after {
    content: "★★★★★★★★★★";
    display: block;
    color: #faba05;
    font-size: 2.5rem;
    line-height: 2.5rem
}

.rating .count {
    width: 10px
}

.rating-short {
    position: relative;
    display: inline-block;
    margin: 0 auto
}

.rating-short::before {
    content: "☆☆☆☆☆";
    position: relative;
    color: #faba05;
    font-size: 2rem;
    line-height: 2rem
}

.rating-short .stars {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.rating-short .stars::after {
    content: "★★★★★";
    display: block;
    color: #faba05;
    font-size: 2rem;
    line-height: 2rem
}

.rating-short .count {
    width: 10px
}

.rating_sm .stars::after, .rating_sm::before {
    font-size: 1.5rem
}

.breadcrumbs {
    padding-block: 15px
}

.breadcrumbs__list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-block: 0
}

.breadcrumbs__list > li {
    display: flex;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.breadcrumbs__link {
    transition: color var(--transition-duration)
}

.breadcrumbs__current-page, .breadcrumbs__link {
    font-weight: 700;
    line-height: 1
}

.category {
    padding-bottom: 30px;
    background: #e5e5e5
}

.category__title {
    margin: .5em 0 1em
}

.category__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 0 30px
}

.category__item {
    position: relative;
    flex-basis: 95%;
    background-color: #fff;
    overflow: hidden;
    max-width: 600px;
    margin: 10px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
    transition: .5s
}

.category__item_img {
    display: block;
    width: 100%;
    height: 250px;
    overflow: hidden
}

.category__item_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: .5s
}

.category__item_title {
    display: block;
    color: #000;
    margin: 0 0 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 145%
}

.category__item_desc {
    margin: 0;
    padding: 30px 19px 60px;
    color: #000
}

.category__item_desc p {
    font-weight: 500;
    font-size: 16px;
    line-height: 145%;
    color: #000
}

.category__item_meta {
    margin: 0 0 10px;
    color: rgba(0, 0, 0, .35) !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 145%
}

.category__item_meta span {
    color: #fff;
    background: var(--main-color);
    font-weight: 700;
    font-size: 12px;
    vertical-align: bottom;
    padding: 3px 5px;
    border-radius: 4px;
    margin-left: 7px
}

.category__item_read-more {
    position: absolute;
    bottom: 25px;
    left: 25px;
    font-weight: 600;
    font-size: 16px;
    line-height: 145%;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #000
}

.category__item:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .5)
}

.category__item:hover .category__item_img img {
    transform: scale(1.1)
}

.category__pagination {
    margin-top: 30px
}

.category .pagination {
    width: 100%
}

.wp-block-table.is-style-stripes {
    margin: 1em 0
}

.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
    background-color: #fff
}

.wp-block-table table {
    width: 100%;
    border: none;
    margin-bottom: 20px;
    background-color: #fff
}

.wp-block-table table thead th {
    font-weight: 700;
    text-align: left;
    border: none;
    padding: 10px 15px;
    background: var(--table-bg-color-head);
    color: var(--table-font-color-head);
    font-size: 15px;
    border-left: 1px solid var(--table-bg-color-head);
    border-right: 1px solid var(--table-bg-color-head)
}

.wp-block-table table tbody td {
    text-align: left;
    border-left: 1px solid var(--table-border-color);
    border-right: 1px solid var(--table-border-color);
    padding: 10px 15px;
    font-size: 15px;
    vertical-align: top
}

.wp-block-table table tbody td:first-child {
    border-left: 1px solid var(--table-border-color)
}

.wp-block-table table tbody td:last-child {
    border-right: 1px solid var(--table-border-color)
}

.wp-block-table table tbody tr:last-child td {
    border-bottom: 1px solid var(--table-border-color)
}

.wp-block-table table tbody tr:first-child td {
    border-top: 1px solid var(--table-border-color)
}

.wp-block-table table tbody tr:nth-child(odd) {
    background: var(--table-bg-cell)
}

.stars {
    display: block
}

.stars span {
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 23px;
    color: #fff;
    margin-left: 10px
}

.main-content ul:not(.list-reset) {
    list-style: none;
    padding: 0
}

.main-content ul:not(.list-reset) li {
    position: relative;
    margin: 10px 0;
    padding-left: 28px
}

.main-content ul:not(.list-reset) li::before {
    content: var(--list-style);
    position: absolute;
    color: var(--main-color);
    top: 0;
    left: 0
}

.main-content ol:not(.breadcrumbs__list) {
    counter-reset: myCounter;
    margin-block: 16px
}

.main-content ol:not(.breadcrumbs__list) > li:not(:last-child) {
    margin-bottom: 8px
}

.main-content ol:not(.breadcrumbs__list) > li {
    position: relative;
    padding-left: 28px
}

.main-content ol:not(.breadcrumbs__list) > li::before {
    counter-increment: myCounter;
    content: counter(myCounter);
    width: 21px;
    height: 21px;
    padding-block: 4px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    color: #fff;
    background-color: var(--main-color);
    font-size: 12px;
    line-height: normal;
    text-align: center
}

.how-to__title {
    text-align: center;
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: 600;
    font-size: 1.7rem;
    position: relative
}

.how-to__title::after {
    content: none
}

.how-to__description {
    border-bottom: 2px solid var(--main-accent-color);
    padding: 0 0 20px
}

.how-to__steps {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px
}

.how-to__step {
    padding: 15px;
    color: var(--how-to-step-text-color);
    background-color: var(--how-to-step-bg-color);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .4);
    border-radius: 5px
}

.how-to__step-img, .how-to__step-img > a:first-child > img {
    width: 100%
}

.how-to__step-body {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    height: 100%
}

.how-to__step-body p {
    margin-block: 0
}

.how-to__step-title {
    display: flex;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.how-to__step-title > span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 2px solid #545454;
    border-radius: 100%;
    background: linear-gradient(255deg, var(--main-color) 0, #fff 100%);
    flex-shrink: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 43.2px;
    letter-spacing: 0;
    text-align: center;
    color: #545454
}

.how-to__step-title > p {
    font-family: var(--second-font-family);
    font-size: 20px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 0;
    text-align: left;
    align-self: center
}

.how-to__step-description {
    font-family: var(--second-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0
}

.how-to__step-btn {
    min-height: 54px;
    font-size: 16px;
    line-height: 22px
}

.pros-and-cons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 10px 0
}

.pros-and-cons ol li:before {
    background-color: #089e4e
}

.pros-and-cons__item {
    width: 100%;
    display: grid;
    grid-template-rows:auto 1fr
}

.pros-and-cons__item ol li:before {
    background-color: #089e4e !important
}

.pros-and-cons__item ul li:before {
    color: #089e4e !important
}

.pros-and-cons__item--dark .pros-and-cons__header {
    background-color: #ff5151
}

.pros-and-cons__item--dark ol li:before {
    background-color: #ff5151 !important
}

.pros-and-cons__item--dark ul li:before {
    color: #ff5151 !important
}

.pros-and-cons__item--dark .pros-and-cons__content {
    border-right: 2px solid #ff5151;
    border-left: 2px solid #ff5151;
    border-bottom: 2px solid #ff5151
}

.pros-and-cons__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px;
    background-color: #089e4e;
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

.pros-and-cons__title {
    padding: 10px 20px;
    font-size: 1.3rem;
    font-weight: 900;
    color: #fff;
    font-family: var(--font-family-title)
}

.pros-and-cons__span {
    width: 22px;
    height: 22px;
    color: #000;
    background-color: #fff;
    text-align: center;
    border-radius: var(--border-radius);
    font-size: 22px;
    line-height: 22px
}

.pros-and-cons__content {
    padding: 30px;
    border-right: 2px solid #089e4e;
    border-left: 2px solid #089e4e;
    border-bottom: 2px solid #089e4e;
    border-radius: 0 0 var(--border-radius) var(--border-radius)
}

.social-networks {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
    margin-block: 10px
}

.social-networks > li {
    flex-shrink: 0
}

.social-networks__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: var(--border-radius);
    background-color: rgba(0, 0, 0, .03);
    transition: background-color var(--transition-duration), color var(--transition-duration)
}

.social-networks__link > svg {
    max-width: 100%;
    max-height: 100%
}

.ows {
    padding: 15px 0;
    margin: 0 -15px
}

.ows .owl-carousel .owl-item img {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content
}

.ows__title {
    text-align: center;
    margin: 0 auto 10px
}

.ows__wrapper {
    display: flex;
    flex-direction: row;
    align-items: center
}

.ows__arrow {
    padding: 5px
}

.ows__tabs {
    max-width: 80%
}

.ows__tab {
    display: flex;
    flex-direction: column-reverse
}

.ows__col {
    padding: 0 5px;
    flex-basis: 100%;
    text-align: center
}

.ows__col img {
    max-width: 70%
}

.ows__col p {
    margin: 0 0 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.ows__col_title {
    margin: 30px 0 0;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 32px
}

.ows__col .button {
    margin: 30px 0 15px
}

.ows .owl-carousel .owl-stage-outer {
    overflow: visible
}

.sld-carrousel-flexbox {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none
}

.sld-card:not(:last-child) {
    padding-right: 15px
}

.sld-card {
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: 0
}

.sld-card a {
    display: block
}

.sld-card:hover {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: 0
}

.sld-card:last-child:after {
    content: " ";
    display: inline-block
}

.sld-title {
    margin-bottom: 10px;
    margin-top: 8px;
    overflow: hidden;
    font-weight: 700
}

.sld-start-from {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sld-carrousel, .sld-carrousel-flexbox {
    width: 100%
}

.sld-carrousel-flexbox::-webkit-scrollbar, .sld-carrousel::-webkit-scrollbar {
    display: none
}

.deals-paddle {
    height: 38px;
    width: 38px;
    color: #fff;
    background-color: var(--main-color);
    border: 0 solid;
    margin: auto;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius)
}

.deals-paddle:focus {
    outline: 0
}

.deals-paddle:active {
    border-style: solid;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.deals-scroll-left {
    top: 0;
    left: 5px;
    bottom: 0;
    transform: rotateZ(270deg)
}

.deals-scroll-right {
    top: 0;
    bottom: 0;
    right: 5px;
    transform: rotateZ(90deg)
}

.faq__list {
    display: grid;
    row-gap: 10px
}

.faq__row {
    background-color: var(--block-bg);
    padding: 20px
}

.faq__row[open] .faq__icon::after {
    width: 0
}

.faq__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.faq__question {
    margin-block: 0
}

.faq__icon {
    position: relative;
    width: 17px;
    height: 17px;
    flex-shrink: 0
}

.faq__icon::after, .faq__icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    content: "";
    display: block;
    background-color: var(--text-color);
    width: 100%;
    height: 2.5px;
    border-radius: 2.5px
}

.faq__icon::after {
    rotate: 90deg;
    transition: width var(--transition-duration)
}

.faq__answer > p {
    margin-block: 10px 0
}

.grid-block {
    margin: 10px 0;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
    gap: 10px
}

.grid-block__item {
    display: grid;
    grid-template-columns:1fr;
    align-items: center;
    gap: 10px;
    background-color: var(--block-bg);
    border-radius: var(--border-radius);
    padding: 10px 15px
}

.grid-block__img {
    border-radius: var(--border-radius);
    overflow: hidden
}

.toc__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: var(--main-color);
    padding: 15px;
    border-radius: var(--border-radius);
    transition: border var(--transition-duration)
}

.toc__header--active {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.toc__title {
    width: 100%;
    text-align: center;
    font-size: var(--h4-font-size);
    font-weight: 700;
    line-height: var(--h4-font-size)
}

.toc__button {
    padding: 0;
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    color: currentColor
}

.toc__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.toc__icon {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    width: 100%;
    height: 14px;
    transition: rotate var(--transition-duration)
}

.toc__icon > span {
    width: 100%;
    border-bottom: 2px solid currentColor;
    border-radius: var(--border-radius)
}

.toc__nav {
    box-sizing: content-box;
    max-height: 0;
    border-right: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
    border-left: 1px solid var(--main-color);
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    padding: 0 20px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition-property: opacity, visibility, padding, max-height;
    transition-duration: var(--transition-duration);
    color: var(--main-color);
    background-color: var(--block-bg)
}

.toc__nav--open, .toc__nav--static {
    visibility: visible;
    opacity: 1;
    padding: 20px
}

.toc__nav--static {
    max-height: none;
    border-top: 1px solid var(--main-color);
    border-top-right-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius)
}

.toc__list {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
    -moz-column-gap: 20px;
    column-gap: 20px;
    color: var(--text-color)
}

.toc__item::before {
    content: var(--toc-style) !important
}

.toc a {
    color: currentColor;
    font-weight: 700
}

.toggle-block {
    display: grid;
    grid-template-columns:50px 1fr;
    -moz-column-gap: 10px;
    column-gap: 10px;
    position: relative;
    background-color: var(--block-bg);
    border-radius: var(--border-radius);
    padding: 10px
}

.toggle-block__image {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    align-self: center
}

.toggle-block__content {
    grid-column: 1/-1;
    opacity: 1;
    overflow: hidden;
    transition: opacity var(--transition-duration)
}

.toggle-block__heading {
    width: 100%;
    min-height: 46px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.3rem;
    color: var(--table-font-color-head);
    border-radius: var(--border-radius);
    margin-block: 0
}

.toggle-block__heading:after {
    content: "▲";
    height: 30px;
    color: var(--table-font-color-head);
    rotate: 180deg;
    z-index: 1;
    transition: rotate var(--transition-duration)
}

.toggle-block input[type=checkbox].hidden:checked ~ .toggle-block__content {
    height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0
}

.toggle-block input[type=checkbox].hidden:checked ~ .toggle-block__heading:after {
    rotate: 360deg
}

.toggle-block input {
    position: absolute;
    left: -999em
}

.toggle-block label {
    width: 100%;
    height: 60px;
    text-align: left;
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 900;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    inset: 0;
    z-index: 2
}

.casino-slots {
    width: 100%;
    display: grid;
    row-gap: 15px
}

.casino-slots__list {
    width: 100%;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(156px, 1fr));
    gap: 16px
}

.casino-slots__item {
    width: 100%;
    display: grid;
    grid-template-rows:104px auto;
    border-radius: 10px;
    background-color: #000;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.casino-slots__item::after {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    background: linear-gradient(180.32deg, rgba(0, 0, 0, .4), #000 57.35%)
}

.casino-slots__item-img {
    height: 100%
}

.casino-slots__item-img > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.casino-slots__item-info {
    min-height: 70px;
    padding: 0 10px 10px;
    width: 100%;
    z-index: 2
}

.casino-slots__item-title {
    display: inline-block;
    font-family: var(--second-font-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 6px
}

.casino-slots__item-btn {
    min-width: auto;
    min-height: 54px;
    font-size: 16px;
    line-height: 22px
}

.fast-links__list {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(265px, 1fr));
    gap: 16px;
    margin-block: 25px
}

.fast-links__link {
    padding: 5px 10px;
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 17px;
    column-gap: 17px;
    width: 100%;
    min-height: 80px;
    background-color: var(--fl-bg-color);
    color: var(--fl-text-color);
    text-transform: uppercase;
    text-align: left;
    border-radius: var(--border-radius);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .4);
    transition: background-color var(--transition-duration), color var(--transition-duration)
}

.fast-links__link--active {
    background-color: var(--main-color);
    color: #fff
}

.fast-links__link-img {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 62px;
    height: 70px;
    align-self: center
}

.fast-links__link-img > img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.fast-links__link-description {
    display: grid;
    grid-template-rows:auto 1fr;
    align-items: center;
    row-gap: 10px;
    padding-block: 6px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    text-transform: uppercase
}

.fast-links__link-title {
    font-weight: 700
}

.fast-links__link-subtitle {
    font-family: var(--second-font-family)
}

.quote {
    padding: 20px 0
}

.quote__wrapper {
    background: #fff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow: hidden
}

.quote__col-left {
    width: 100%;
    padding: 15px
}

.quote__col-right {
    width: 240px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%)
}

.quote__text {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 10px
}

.quote__text p {
    margin: 0 !important
}

.quote__link {
    display: block;
    text-align: right;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    text-decoration: underline
}

.quote__image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-image: url(../../img/poker-bg.jpg);
    background-size: cover;
    padding: 10px 0 10px 40px
}

.quote__image img {
    display: block
}

.quote__button {
    height: 35px;
    background-color: var(--main-color);
    color: #fff;
    text-align: center;
    line-height: 35px
}

.news {
    padding: 20px 15px
}

.news__img {
    display: block;
    width: 100%;
    height: 166px
}

.news__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.news__title {
    text-align: center;
    margin: 40px auto 0
}

.news__wrapper {
    margin: 50px auto 20px
}

.news__card {
    background-color: #fff;
    overflow: hidden;
    min-height: 300px;
    height: 100%
}

.news__card_desc {
    padding: 30px 19px
}

.news__card_date {
    margin: 0 0 10px !important;
    color: #ccc;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px
}

.news__card_title {
    display: block;
    color: #000;
    margin: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 23px
}

.news .owl-stage {
    padding-left: 0 !important;
    display: flex;
    align-items: stretch
}

.video {
    padding: 20px 15px
}

.video__container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #000;
    margin: 40px 0
}

.video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: 0 0;
    border: none
}

.video__button svg {
    width: 100px;
    height: auto;
    max-height: 50px
}

.video__button-shape {
    fill: #212121;
    fill-opacity: .8
}

.video__button-icon {
    fill: #fff
}

.video__button:focus {
    outline: 0
}

.video__button:focus .video__button-shape, .video__button:hover .video__button-shape {
    fill: red;
    fill-opacity: 1
}

.video__button:hover {
    cursor: pointer
}

.video__preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center, center
}

.video__youtube {
    position: relative;
    padding-bottom: 56.25%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.video__youtube__play {
    background-image: url(../../img/video-play.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 10
}

.video__youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.video2 {
    max-width: 650px
}

.video2.align-center {
    margin: 0 auto
}

.video2.align-right {
    margin-left: auto
}

.video2__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.hero {
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr auto;
    grid-template-rows:.8fr auto auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
    margin: 25px auto 30px
}

.hero__header {
    grid-area: 1/1/2/6
}

.hero__footer {
    grid-area: 3/1/4/6
}

.hero__sidebar {
    grid-area: 2/1/3/6
}

.hero h1, .hero__title {
    font-size: 24px !important;
    margin: 10px 0;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase
}

.hero__subtitle {
    margin: 8px 0 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    text-transform: uppercase
}

.hero__prize {
    margin: 0 0 30px;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 118%;
    background: linear-gradient(90deg, #5c00fa 0, #dc00fa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.foreign__sites ul {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    position: relative;
    margin: 20px 0;
    flex-wrap: wrap
}

.foreign__sites ul li {
    padding-left: 0;
    padding-right: 10px;
    padding-bottom: 0;
    margin-bottom: 0
}

.foreign__sites ul li img {
    height: 40px;
    width: auto
}

.foreign__sites ul li a {
    display: flex;
    flex-direction: row;
    align-items: center
}

.foreign__sites ul li::before {
    content: none
}

.search-page__post {
    margin: 1em 0 2em
}

.search-page__post-title {
    margin: 1em 0 .5em
}

.review__user {
    display: flex;
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.review__image {
    width: 30px;
    height: 30px
}

.review__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--border-radius)
}

.reviews-row {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px
}

.reviews-row__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    row-gap: 10px;
    text-align: center;
    background-color: var(--block-bg);
    padding: 10px
}

.reviews-row__logo {
    height: 100px
}

.reviews-row__logo > img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.reviews-row__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 150px;
    min-height: var(--button-height);
    padding: 5px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition-property: opacity, color
}

.reviews-table {
    display: grid;
    grid-template-columns:1fr;
    gap: 20px
}

.reviews-table p {
    margin-block: 0
}

.reviews-table__content {
    display: grid;
    grid-template-columns:1fr;
    justify-content: center;
    gap: 10px;
    background-color: var(--block-bg);
    text-align: center;
    padding-bottom: 10px
}

.reviews-table__content > * {
    display: flex;
    flex-direction: column;
    padding-inline: 10px;
    align-items: center
}

.reviews-table__start {
    height: 100%;
    justify-content: space-between;
    row-gap: 10px;
    background-color: var(--review-img-bg)
}

.reviews-table__end {
    text-align: center
}

.reviews-table__end > * {
    width: 100%
}

.reviews-table__center, .reviews-table__end {
    row-gap: 20px
}

.reviews-table__center, .reviews-table__end, .reviews-table__start {
    padding-block: 10px
}

.reviews-table__img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px
}

.reviews-table__img > img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.reviews-table__name {
    font-size: var(--h1-font-size);
    font-weight: 700;
    line-height: var(--h1-font-size)
}

.reviews-table__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 150px;
    min-height: var(--button-height);
    padding: 5px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition-property: opacity, color
}

.reviews-table__promocode {
    opacity: .7
}

.reviews-table-mini {
    display: grid;
    grid-template-columns:1fr;
    gap: 20px
}

.reviews-table-mini p {
    margin-block: 0
}

.reviews-table-mini__content {
    display: grid;
    grid-template-columns:1fr;
    justify-content: center;
    gap: 10px;
    background-color: var(--block-bg);
    text-align: center
}

.reviews-table-mini__content > * {
    display: flex;
    flex-direction: column;
    padding-inline: 10px;
    align-items: center
}

.reviews-table-mini__img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: var(--review-img-bg);
    padding-block: 10px
}

.reviews-table-mini__img > img {
    max-width: 300px;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.reviews-table-mini__bonus-name, .reviews-table-mini__name {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding-block: 10px
}

.reviews-table-mini__links {
    padding-block: 10px
}

.reviews-table-mini__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 150px;
    min-height: var(--button-height);
    padding: 5px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition-property: opacity, color
}

.reviews-table-mini__promocode {
    opacity: .7
}

.posts {
    display: grid;
    gap: 10px;
    border-radius: var(--border-radius);
    overflow: auto;
    padding-bottom: 10px
}

.posts::-webkit-scrollbar {
    height: 3px
}

.posts::-webkit-scrollbar-track {
    background-color: transparent
}

.posts::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .1)
}

.posts--grid {
    grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))
}

.posts__post {
    background-color: var(--block-bg);
    transition: box-shadow var(--transition-duration)
}

.posts__link {
    display: grid;
    grid-template-rows:160px 1fr;
    row-gap: 10px;
    padding: 10px;
    color: var(--text-color)
}

.posts__img {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius);
    overflow: hidden
}

.posts__img > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.posts__body {
    display: grid;
    row-gap: 10px
}

.posts__time {
    font-size: 14px;
    line-height: 20px;
    opacity: .3
}

.posts__title {
    margin-block: 10px 0
}

.posts__description {
    opacity: .7;
    margin-block: 0
}

@-moz-document url-prefix() {
    .header__bottom-nav > .main-menu .header__bottom-nav > .main-menu {
        scrollbar-width: thin;
        scrollbar-color: var(--main-color) transparent
    }
    .mobile-menu .mobile-menu, .posts {
        scrollbar-width: thin;
        scrollbar-color: var(--main-color) var(--page-bg)
    }
}

.bonus-single {
    max-width: 760px;
    display: grid;
    grid-template-columns:1fr;
    justify-content: center;
    gap: 10px;
    background-color: var(--block-bg);
    text-align: center;
    margin-inline: auto
}

.bonus-single > * {
    display: flex;
    flex-direction: column;
    padding-inline: 10px;
    align-items: center
}

.bonus-single p {
    margin-block: 0
}

.bonus-single__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: var(--review-img-bg);
    padding-block: 10px
}

.bonus-single__logo > img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.bonus-single__name {
    color: var(--main-color)
}

.bonus-single__bonus-name, .bonus-single__name {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding-block: 10px
}

.bonus-single__links {
    padding-block: 10px
}

.bonus-single__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 150px;
    min-height: var(--button-height);
    padding: 5px 10px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition-property: opacity, color
}

.banner-bottom {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100
}

.banner-bottom--show-mobile {
    display: block
}

.banner-bottom--show-desktop {
    display: none
}

.banner-bottom--show-all {
    display: block
}

.banner-bottom__content {
    display: flex;
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.banner-bottom__content--style-0 {
    justify-content: space-around
}

.banner-bottom__content--style-1, .banner-bottom__content--style-3 {
    justify-content: space-between
}

.banner-bottom__content--style-0, .banner-bottom__content--style-1 {
    padding: 10px
}

.banner-bottom__content--style-3 {
    padding-left: 10px
}

.banner-bottom__image {
    width: 48px;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    border-radius: var(--border-radius);
    overflow: hidden
}

.banner-bottom__image > img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.banner-bottom__image--style-0 {
    max-width: 150px
}

.banner-bottom__image--style-1, .banner-bottom__text--style-0 {
    display: none
}

.banner-bottom__text--style-1 {
    display: grid;
    align-items: center;
    row-gap: 2px
}

.banner-bottom__text--style-1, .banner-bottom__text--style-3 {
    margin-right: auto
}

.banner-bottom__text--style-3 {
    padding-block: 10px
}

.banner-bottom__title {
    font-weight: 700
}

.banner-bottom__rating {
    font-size: 12px;
    line-height: 16px
}

.banner-bottom__desk-btn {
    display: none
}

.banner-bottom__mob-btn {
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-bottom__mob-btn--style-0 {
    flex-basis: 100%
}

.banner-bottom__mob-btn--style-1 {
    flex-basis: auto
}

.banner-bottom__arrow {
    padding: 10px 5px 10px 10px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 100%;
    color: currentColor;
    background-color: rgba(0, 0, 0, .2);
    transition: opacity var(--transition-duration)
}

.banner-bottom__arrow > svg {
    width: 100%;
    height: 100%
}

.banner-bottom__download {
    padding: 0;
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    color: currentColor;
    margin-left: auto;
    transition: opacity var(--transition-duration)
}

.banner-bottom__download > svg {
    width: 100%;
    height: 100%
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1em;
    background: rgba(0, 0, 0, .8)
}

.lightbox img {
    max-height: 100%
}

.lightbox:target {
    display: flex;
    justify-content: center;
    align-items: center
}

.lightbox span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.comments-section .commentlist {
    list-style: none;
    padding: 0
}

.comments-section .comment {
    background: #fff;
    margin: 10px 0;
    padding: 15px
}

.comments-section .comment-author {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.comments-section .comment-author img {
    border: 1px solid #aaa;
    padding: 1px;
    border-radius: 50%;
    background: #fff
}

.comments-section .comment-author cite {
    padding: 0 0 0 10px
}

.comments-section .comment-meta a {
    color: #bbb;
    font-size: 12px
}

.comments-section .comment-respond {
    text-align: center
}

.comments-section .comment-form {
    background: #999;
    margin: 1em 0 2em;
    border-radius: var(--border-radius)
}

.comments-section .comment-form-author, .comments-section .comment-form-email {
    padding-bottom: 1em;
    margin-inline: 15px
}

.comments-section .comment-form-author label, .comments-section .comment-form-email label {
    display: inline-block;
    min-width: 80px
}

.comments-section .comment-form-author > input, .comments-section .comment-form-email > input {
    width: 100%
}

.comments-section .comment-notes, .comments-section .logged-in-as {
    color: #fff;
    padding: 1em
}

.comments-section .comment-notes a, .comments-section .logged-in-as a {
    color: #fff
}

.comments-section .comment-form-comment {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px auto;
    width: 100%;
    padding-inline: 15px
}

.comments-section .comment-form-comment label {
    display: none
}

.comments-section #comment {
    width: 100%;
    margin: 0 auto
}

.comments-section input, .comments-section textarea {
    outline: 0;
    border: 1px solid #bbb;
    padding: 5px 10px
}

.comments-section textarea {
    resize: vertical
}

.comments-section .submit {
    border: none;
    outline: 0;
    background: 0 0;
    min-width: 160px;
    min-height: var(--button-height);
    position: relative;
    background-color: var(--site-button-bg-color);
    color: var(--site-button-color);
    border-radius: var(--border-radius);
    box-shadow: var(--site-button-shadow);
    font-family: var(--font-family);
    font-size: 16px;
    line-height: 22px;
    font-style: normal;
    font-weight: 700;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    margin: 30px auto;
    transition: background-color var(--transition-duration), color var(--transition-duration), box-shadow var(--transition-duration)
}

.comments-section .says {
    margin-left: 20px
}

.bonus-main-screen {
    width: 100vw;
    margin-inline: calc(-50vw + 50%);
    padding: 44px 16px
}

.bonus-main-screen__inner-wrapper {
    display: grid;
    grid-template-columns:1fr;
    align-items: center;
    gap: 35px
}

.bonus-main-screen__description {
    align-self: start;
    order: 1
}

.bonus-main-screen__description > p, .bonus-main-screen__title {
    margin-block: 0
}

.bonus-main-screen__bonus {
    width: 100%;
    min-width: 0;
    justify-self: center;
    position: relative
}

.bonus-main-screen__bonus:has(.bonus-main-screen__button) > .bonus-main-screen__bonus-body {
    border-bottom: 0;
    border-radius: 10px 10px 0 0
}

.bonus-main-screen__bonus-body {
    background-color: #1b1b1b;
    padding: 47px 10px 15px;
    border: 1px solid var(--main-color);
    border-radius: 10px
}

.bonus-main-screen__bonus-type {
    min-width: 141px;
    min-height: 22px;
    position: absolute;
    top: 10px;
    left: 0;
    padding: 4px 23px;
    background-color: #f19fe8;
    font-family: var(--second-font-family);
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: #292621;
    z-index: 0
}

.bonus-main-screen__bonus-type::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -15px;
    width: 22px;
    height: calc(100% + 2px);
    z-index: -1;
    background-color: #1b1b1b;
    transform: skewX(-29deg)
}

.bonus-main-screen__bonus-gift {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -16px;
    right: -16px;
    color: var(--main-color);
    background-color: #1b1b1b;
    padding: 11px;
    border-radius: 60px
}

.bonus-main-screen__bonus-gift > svg {
    fill: currentColor;
    width: 100%;
    height: 100%
}

.bonus-main-screen__bonus-offer {
    display: block;
    font-family: var(--second-font-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 10px
}

.bonus-main-screen__button {
    padding: 14px 16px;
    background-color: transparent;
    border: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    border-top: 0;
    border-radius: 0 0 10px 10px;
    color: #000;
    transition: background-color var(--transition-duration), color var(--transition-duration)
}

.bonus-main-screen__button-text {
    display: grid;
    text-align: left
}

.bonus-main-screen__button-large-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0
}

.bonus-main-screen__button-small-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.32px
}

.bonus-main-screen__button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-left: auto
}

.bonus-main-screen__button-icon > svg {
    width: 7px;
    height: 11px;
    fill: currentColor
}

.game-main-screen {
    width: 100vw;
    margin-inline: calc(-50vw + 50%);
    padding: 44px 16px
}

.game-main-screen__inner-wrapper {
    display: grid;
    grid-template-columns:1fr;
    align-items: center;
    gap: 35px
}

.game-main-screen__description {
    align-self: start;
    order: 1
}

.game-main-screen__description > p, .game-main-screen__title {
    margin-block: 0
}

.game-main-screen__bonus {
    display: grid;
    row-gap: 15px;
    width: 100%;
    min-width: 0;
    justify-self: center;
    position: relative;
    border-radius: 10px;
    padding: 10px
}

.game-main-screen__bonus-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 135px;
    position: absolute;
    top: -27px;
    right: -22px
}

.game-main-screen__bonus-offer {
    max-width: 89%;
    display: grid;
    font-family: var(--second-font-family);
    letter-spacing: 0
}

.game-main-screen__bonus-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px
}

.game-main-screen__bonus-subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 120%
}

.game-main-screen__button {
    padding: 14px 16px;
    background-color: transparent;
    border: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    border-top: 0;
    border-radius: 0 0 10px 10px;
    transition: background-color var(--transition-duration), color var(--transition-duration)
}

.game-main-screen__button-text {
    display: grid;
    text-align: left
}

.game-main-screen__button-large-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0
}

.game-main-screen__button-small-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.32px
}

.game-main-screen__button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px
}

.game-main-screen__button-icon > svg {
    width: 7px;
    height: 11px;
    fill: currentColor
}

.promo-code {
    width: 100%;
    display: flex;
    align-items: center
}

.promo-code--align-left {
    justify-content: start
}

.promo-code--align-center {
    justify-content: center
}

.promo-code--align-right {
    justify-content: end
}

.promo-code--mb {
    margin-block: 20px
}

.promo-code__inner-wrapper {
    width: 100%;
    display: grid;
    row-gap: 5px
}

.promo-code__inner-wrapper--mw350 {
    max-width: 350px
}

.promo-code__inner-wrapper--content {
    padding: 10px;
    border: 1px solid var(--main-color);
    border-radius: var(--border-radius);
    background-color: var(--header-top-bg);
    color: #fff
}

.promo-code__copy {
    display: flex;
    -moz-column-gap: 5px;
    column-gap: 5px
}

.promo-code__copy-border {
    position: absolute;
    inset: 0;
    z-index: -1
}

.promo-code__copy-border > svg {
    max-width: none;
    width: 100%
}

.promo-code__input-wrapper {
    min-width: 169px;
    position: relative;
    z-index: 0
}

.promo-code__input {
    border: none;
    outline: 0;
    background: 0 0;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 14.7px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: currentColor
}

.promo-code__instruction {
    width: 100%;
    font-family: var(--second-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center
}

.promo-code__instruction--gray {
    color: #a5a5a5
}

.promo-code .button {
    min-width: auto;
    height: 39px;
    min-height: auto;
    padding: 11px;
    font-size: 14.7px;
    line-height: 18.32px
}

.promo-code__button {
    display: none
}

.wp-block-columns .wp-block-image {
    margin-top: 2rem
}

.row.col-1, .wp-block-columns.col-1 {
    grid-template-columns:repeat(1, 1fr)
}

.row.col-2, .wp-block-columns.col-2 {
    grid-template-columns:repeat(2, 1fr)
}

.row.col-3, .wp-block-columns.col-3 {
    grid-template-columns:repeat(3, 1fr)
}

.row.col-4, .wp-block-columns.col-4 {
    grid-template-columns:repeat(4, 1fr)
}

.row.col-5, .wp-block-columns.col-5 {
    grid-template-columns:repeat(5, 1fr)
}

.row.col-6, .wp-block-columns.col-6 {
    grid-template-columns:repeat(6, 1fr)
}

.wp-block-column {
    display: flex;
    flex-direction: column
}

.wp-block-column > :not(:first-child) {
    margin-top: 30px
}

.wp-block-column .row {
    padding: 0
}

.wp-block-columns {
    max-width: 1440px;
    padding-right: 1rem;
    padding-left: 1rem;
    display: grid;
    grid-gap: 30px;
    margin-bottom: 0
}

.wp-block-columns .wp-block-column {
    margin: 0
}

.latest-wins {
    width: 100vw;
    margin-inline: calc(-50vw + 50%);
    display: flex;
    flex-wrap: wrap;
    gap: 8px 26.5px;
    background-color: #1b1b1b;
    color: #fff;
    padding: 17px 16px;
    margin-block: 16px
}

.latest-wins__label {
    display: grid;
    grid-template-columns:40px 1fr;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-self: center
}

.latest-wins__label-img {
    width: 100%;
    height: 40px;
    grid-column: 1/2;
    grid-row: 1/3
}

.latest-wins__label-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0
}

.latest-wins__label-subtitle {
    font-family: var(--second-font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.3px
}

.latest-wins__list {
    display: grid;
    grid-template-columns:1fr;
    gap: 16px 10px;
    flex: 1 1 917px
}

.latest-wins__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: 5px;
    column-gap: 5px;
    background-color: rgba(255, 255, 255, .11);
    border-radius: 10px;
    padding: 10px 12.41px 10px 8px;
    font-family: var(--second-font-family);
    letter-spacing: 0;
    position: relative
}

.latest-wins__item-left {
    display: grid;
    grid-template-columns:auto 1fr;
    -moz-column-gap: 5px;
    column-gap: 5px;
    font-weight: 400
}

.latest-wins__item-img {
    width: 40px;
    height: 40px;
    grid-column: 1/2;
    grid-row: 1/3;
    border-radius: 8px;
    overflow: hidden
}

.latest-wins__item-img > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.latest-wins__item-title {
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.latest-wins__item-id {
    font-size: 13px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    grid-row: 2/3
}

.latest-wins__item-right {
    display: grid;
    grid-template-columns:1fr 24px;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.latest-wins__item-total {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.latest-wins__item-btn {
    padding: 6.5px 7.5px 6.5px 9.5px;
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 24px;
    grid-column: 2/3;
    background-color: var(--site-button-bg-color);
    border-radius: 5px;
    transition: background-color var(--transition-duration), color var(--transition-duration)
}

.latest-wins__item-btn::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0
}

.latest-wins__item-btn > svg {
    width: 100%;
    height: 100%
}

.features {
    width: 100vw;
    margin-inline: calc(-50vw + 50%)
}

.features button {
    width: 100%;
    background-color: transparent;
    border: none;
    text-align: left
}

.features a, .features button {
    transition: opacity var(--transition-duration)
}

.features__list {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
    padding: 16px;
    gap: 10px
}

.features__item {
    height: 100%;
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding: 8px;
    color: inherit;
    border-radius: 10px
}

.features__item-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

.features__item-info {
    display: grid;
    font-family: var(--second-font-family);
    letter-spacing: 0
}

.features__item-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.features__item-subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 120%
}

.active-promos__list {
    display: grid;
    grid-template-columns:1fr;
    gap: 16px
}

.active-promos__item {
    display: grid;
    grid-template-rows:1fr auto;
    width: 100%;
    min-width: 0;
    justify-self: center;
    background-color: #1b1b1b;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.active-promos__item-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    min-height: 135px
}

.active-promos__item-tags {
    display: flex;
    gap: 5px 10px;
    flex-wrap: wrap;
    position: absolute;
    top: 10px;
    left: 0
}

.active-promos__item-category {
    position: relative;
    padding: 4px 12px 4px 11px;
    background-color: #f19fe8;
    font-family: var(--second-font-family);
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: #292621;
    z-index: 0
}

.active-promos__item-category::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -3px;
    width: 7px;
    height: calc(100% + 2px);
    translate: 0 -50%;
    z-index: -1;
    background-color: #1b1b1b;
    transform: skewX(-16deg)
}

.active-promos__item-deadline {
    display: flex;
    align-items: center;
    -moz-column-gap: 2px;
    column-gap: 2px
}

.active-promos__item-deadline-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px
}

.active-promos__item-deadline-icon > svg {
    width: 100%;
    height: 100%;
    fill: currentColor
}

.active-promos__item-deadline-text {
    font-family: var(--second-font-family);
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0;
    text-transform: uppercase
}

.active-promos__item-offer {
    max-width: 100%;
    display: block;
    font-family: var(--second-font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    color: #faf9f8;
    padding: 53px 0 38px 10px
}

.active-promos__item-img {
    width: 148px;
    height: 100%;
    margin-left: auto;
    flex-shrink: 0
}

.active-promos__item-img > img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.active-promos__item-button {
    padding: 14px 16px;
    background-color: transparent;
    border: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    border-top: 0;
    color: #000;
    transition: background-color var(--transition-duration), color var(--transition-duration)
}

.active-promos__item-button::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0
}

.active-promos__item-button-text {
    display: grid;
    text-align: left
}

.active-promos__item-button-large-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0
}

.active-promos__item-button-small-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.32px
}

.active-promos__item-button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px
}

.active-promos__item-button-icon > svg {
    width: 7px;
    height: 11px;
    fill: currentColor
}

.cta-banner {
    display: grid;
    row-gap: 5px;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.cta-banner--app {
    gap: 15px
}

.cta-banner::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .016) 7.93%, rgba(0, 0, 0, .055) 16.14%, rgba(0, 0, 0, .118) 24.5%, rgba(0, 0, 0, .2) 32.85%, rgba(0, 0, 0, .29) 41.08%, rgba(0, 0, 0, .392) 49.02%, rgba(0, 0, 0, .5) 56.56%, rgba(0, 0, 0, .608) 63.54%, rgba(0, 0, 0, .71) 69.83%, rgba(0, 0, 0, .8) 75.29%, rgba(0, 0, 0, .882) 79.78%, rgba(0, 0, 0, .945) 83.15%, rgba(0, 0, 0, .984) 85.28%, #000 86.02%);
    z-index: -1
}

.cta-banner__text {
    display: grid;
    row-gap: 5px;
    justify-content: center;
    text-align: center;
    color: #faf9f8
}

.cta-banner__crown {
    max-width: 150px;
    justify-self: center
}

.cta-banner__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0;
    align-self: end
}

.cta-banner__subtitle {
    font-family: var(--second-font-family);
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0
}

.cta-banner__features {
    display: grid;
    grid-template-columns:1fr;
    gap: 16px 10px;
    background-color: #1b1b1b;
    padding: 16px;
    border-radius: 16px;
    color: #fff
}

.cta-banner__features button {
    width: 100%;
    border: none;
    text-align: left
}

.cta-banner__features a, .cta-banner__features button {
    transition: opacity var(--transition-duration)
}

.cta-banner__feature {
    height: 100%;
    display: flex;
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    background-color: rgba(255, 255, 255, .11);
    padding: 8px;
    border-radius: 10px;
    font-family: var(--second-font-family);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: inherit
}

.cta-banner__apps--app {
    display: grid;
    grid-template-columns:1fr;
    align-items: center;
    row-gap: 15px
}

.cta-banner__image {
    max-width: 188px;
    justify-self: center
}

.cta-banner__buttons--default {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    padding-inline: 16px
}

.cta-banner__buttons--default > .cta-banner__button {
    flex: 1 1 269px;
    height: 46px
}

.cta-banner__buttons--app {
    display: grid;
    gap: 15px 10px;
    justify-self: center
}

.cta-banner__buttons--app > .cta-banner__button {
    min-width: 261px;
    height: 40px
}

.cta-banner__button {
    padding: 5px;
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 5px;
    column-gap: 5px;
    width: 100%;
    border: 2px solid var(--main-color);
    border-radius: var(--border-radius);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    transition: background-color var(--transition-duration), color var(--transition-duration)
}

.cta-banner__button--with-bg {
    background-color: var(--main-color);
    color: #000
}

.cta-banner__button--without-bg {
    color: #fff
}

.cta-banner__button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px
}

.cta-banner__button-icon > svg {
    width: 100%;
    height: 100%
}

@media (min-width: 360px) {
    .banner-bottom__image--style-1 {
        display: block;
        width: 50px;
        height: 50px;
        padding: 5px
    }

    .latest-wins {
        width: 100%;
        margin-inline: 0;
        padding-inline: 10px;
        border-radius: 10px
    }
}

@media (min-width: 426px) {
    .button {
        font-size: 18px;
        padding: 10px
    }

    .grid-block__item {
        grid-template-columns:130px 1fr
    }

    .grid-block__img {
        grid-column: 1/2;
        grid-row: 1/3
    }
}

@media (min-width: 769px) {
    h1 {
        font-size: var(--h1-font-size);
        line-height: calc(var(--h1-font-size) + 4px)
    }

    h2 {
        font-size: var(--h2-font-size);
        line-height: calc(var(--h2-font-size) + 4px)
    }

    h3 {
        font-size: var(--h3-font-size);
        line-height: calc(var(--h3-font-size) + 4px)
    }

    h4, h5, h6 {
        font-size: var(--h4-font-size);
        line-height: calc(var(--h4-font-size) + 4px)
    }

    .button--content {
        max-width: 300px
    }

    .header__top-left {
        grid-template-columns:125px 1fr
    }

    .header__top > .lang-switch {
        margin-inline: 0
    }

    .header__actions {
        grid-column: auto
    }

    .footer--padding-bottom {
        padding-bottom: 100px
    }

    .burger {
        display: none
    }

    .basic-menu {
        display: block
    }

    .basic-menu > .main-menu {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px 15px;
        flex-wrap: wrap;
        align-content: center
    }

    .basic-menu > .main-menu > .menu-item-has-children {
        position: relative
    }

    .basic-menu > .main-menu > .menu-item-has-children::after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        translate: -50% 0;
        width: calc(100% + 10px);
        height: 10px
    }

    .basic-menu > .main-menu > .menu-item-has-children > span {
        display: flex;
        justify-content: center;
        align-items: center;
        -moz-column-gap: 5px;
        column-gap: 5px
    }

    .basic-menu > .main-menu > .menu-item-has-children > .sub-menu {
        box-sizing: content-box;
        width: -moz-max-content;
        width: max-content;
        display: grid;
        row-gap: 10px;
        border-radius: var(--border-radius);
        background-color: var(--header-top-bg);
        border: 1px solid rgba(255, 255, 255, .1);
        position: absolute;
        top: calc(100% + 10px);
        left: 50%;
        translate: -50% 0;
        visibility: hidden;
        opacity: 0;
        padding: 10px 15px;
        z-index: 111;
        transition: opacity var(--transition-duration), visibility var(--transition-duration)
    }

    .basic-menu > .main-menu > .menu-item-has-children > .sub-menu--open {
        visibility: visible;
        opacity: 1
    }

    .basic-menu > .main-menu > li {
        white-space: nowrap
    }

    .media-text {
        padding-block: 50px
    }

    .mobile-app-header__title {
        font-size: var(--h1-font-size);
        line-height: calc(var(--h1-font-size) + 4px);
        align-self: end
    }

    .category__items {
        padding: 0
    }

    .category__item {
        margin: 15px
    }

    .stars {
        margin: 0 20px 0 0;
        display: flex;
        flex-wrap: nowrap;
        align-items: baseline
    }

    .main-content ul:not(.list-reset) li {
        margin: 15px 0
    }

    .main-content ol:not(.breadcrumbs__list) {
        margin-block: 24px
    }

    .main-content ol:not(.breadcrumbs__list) > li:not(:last-child) {
        margin-bottom: 16.5px
    }

    .how-to__steps {
        grid-template-columns:1fr 1fr
    }

    .ows {
        padding: 30px 0 0;
        margin: 0
    }

    .ows__title {
        margin: 0 auto 40px
    }

    .ows__tabs {
        max-width: 90%
    }

    .ows__tab {
        flex-direction: row
    }

    .ows__col {
        padding: 0 15px 50px;
        flex-basis: 50%
    }

    .casino-slots__list {
        grid-template-columns:repeat(auto-fill, minmax(256px, 1fr))
    }

    .casino-slots__item {
        grid-template-rows:174px auto
    }

    .casino-slots__item::after {
        background: linear-gradient(180.32deg, rgba(0, 0, 0, .4) 44.57%, #000 67.35%)
    }

    .quote {
        padding: 30px 0
    }

    .news, .video {
        padding: 30px 15px
    }

    .hero {
        margin: 57px auto 30px
    }

    .hero__footer {
        grid-area: 2/1/4/3
    }

    .hero__sidebar {
        grid-area: 2/3/4/6
    }

    .hero h1, .hero__title {
        margin: 10px 0 20px;
        font-size: 38px !important
    }

    .hero__subtitle {
        margin: 10px 0 8px;
        font-size: 19px
    }

    .hero__prize {
        margin: 8px 0 30px;
        font-size: 42px
    }

    .banner-bottom {
        bottom: 10px
    }

    .banner-bottom--show-mobile {
        display: none
    }

    .banner-bottom--show-desktop {
        display: block
    }

    .banner-bottom__container {
        width: 100%;
        max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
        margin-inline: auto;
        padding-inline: var(--container-padding-x)
    }

    .banner-bottom__content {
        border-radius: var(--border-radius)
    }

    .banner-bottom__text--style-0 {
        flex-basis: 50%;
        display: block;
        text-align: center
    }

    .banner-bottom__title {
        font-size: 20px;
        line-height: 24px
    }

    .banner-bottom__rating {
        font-size: 16px;
        line-height: 20px
    }

    .banner-bottom__desk-btn {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .banner-bottom__desk-btn--style-0 {
        flex-basis: 30%
    }

    .banner-bottom__desk-btn--style-1 {
        max-width: 300px;
        width: 100%
    }

    .banner-bottom__mob-btn {
        display: none
    }

    .comments-section .comment-form-author > input, .comments-section .comment-form-email > input {
        width: auto
    }

    .comments-section #comment {
        width: 90%
    }

    .bonus-main-screen {
        padding-block: 55px
    }

    .bonus-main-screen__inner-wrapper {
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto 1fr
    }

    .bonus-main-screen__description {
        grid-column: 1/-1;
        order: 0
    }

    .bonus-main-screen__bonus {
        grid-column: 2/3;
        grid-row: 1/2
    }

    .game-main-screen {
        padding-block: 55px
    }

    .game-main-screen__inner-wrapper {
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto 1fr
    }

    .game-main-screen__description {
        grid-column: 1/-1;
        order: 0
    }

    .game-main-screen__bonus {
        grid-column: 2/3;
        grid-row: 1/2
    }

    .game-main-screen__bonus-offer {
        max-width: 82%
    }

    .latest-wins__list {
        grid-template-columns:repeat(auto-fit, minmax(299px, 1fr))
    }

    .features {
        width: 100%;
        margin-inline: 0;
        border-radius: 16px
    }

    .active-promos__list {
        grid-template-columns:repeat(auto-fit, minmax(358px, 1fr))
    }

    .cta-banner {
        padding: 16px;
        border-radius: 16px
    }

    .cta-banner__features {
        grid-template-columns:repeat(auto-fit, minmax(253.5px, 1fr))
    }
}

@media (min-width: 769px) and (min-width: 1024px) {
    .basic-menu > .main-menu {
        justify-content: start
    }
}

@media (min-width: 769px) and (min-width: 1281px) {
    .basic-menu > .main-menu {
        -moz-column-gap: 25px;
        column-gap: 25px
    }
}

@media (min-width: 769px) and (hover: hover) {
    .basic-menu > .main-menu > .menu-item-has-children:hover {
        cursor: pointer
    }

    .basic-menu > .main-menu > .menu-item-has-children:hover > span {
        color: var(--link-hover)
    }

    .basic-menu > .main-menu > .menu-item-has-children:hover > span > .menu-arrow > svg {
        rotate: 270deg
    }

    .basic-menu > .main-menu > .menu-item-has-children:hover > .sub-menu {
        visibility: visible;
        opacity: 1
    }

    .basic-menu > .main-menu > .menu-item-has-children:hover, .basic-menu > .main-menu > .menu-item-has-children > .sub-menu > li:hover {
        color: var(--link-hover)
    }

    .basic-menu > .main-menu > .menu-item-has-children:hover .sub-menu {
        color: var(--header-top-nav-text-color)
    }

    .basic-menu > .main-menu > li:hover {
        color: var(--link-hover)
    }
}

@media (min-width: 769px) and (hover: none) {
    .basic-menu > .main-menu > .menu-item-has-children:active, .basic-menu > .main-menu > .menu-item-has-children > .sub-menu > li:active {
        color: var(--link-hover)
    }

    .basic-menu > .main-menu > .menu-item-has-children:active .sub-menu {
        color: var(--header-top-nav-text-color)
    }

    .basic-menu > .main-menu > li:active {
        color: var(--link-hover)
    }
}

@media (min-width: 1024px) {
    .page__sidebar {
        display: block
    }

    .header__top {
        grid-template-columns:1fr auto auto
    }

    .header__buttons {
        flex-wrap: nowrap;
        -moz-column-gap: 10px;
        column-gap: 10px;
        grid-column: auto
    }

    .header__button {
        flex-basis: auto;
        width: auto
    }

    .header__bottom-nav > .main-menu {
        /*justify-content: center;*/
        flex-wrap: wrap;
        overflow-x: visible
    }

    .media-text__inner-wrapper > .gift-block {
        min-width: 385px;
        grid-column: 2/3;
        grid-row: 1/3
    }

    .mobile-app-header__inner-wrapper {
        grid-template-columns:1fr 1fr;
        padding-block: 36px
    }

    .mobile-app-header__title {
        margin-bottom: 20px
    }

    .mobile-app-header__title--old {
        grid-row: 1/3;
        align-self: center
    }

    .mobile-app-header__apps {
        grid-column: 1/-1;
        grid-row: auto;
        grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
        margin-bottom: 0
    }

    .mobile-app-header__promo-code {
        grid-template-columns:auto 1fr;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .mobile-app-header__promo-code-icon {
        grid-row: 1/3;
        margin-bottom: 0
    }

    .mobile-app-header__promo-code-description {
        text-align: left
    }

    .mobile-app-header__buttons {
        width: 100%;
        justify-content: center;
        grid-row: auto;
        justify-self: end
    }

    .mobile-app-header__img img {
        width: auto;
        height: 100%
    }

    .mobile-app-header__img {
        grid-column: 2/-1;
        grid-row: 1/3
    }

    .toc__list {
        grid-template-columns:repeat(3, 1fr)
    }

    .reviews-table__content {
        text-align: left;
        grid-template-columns:277px 1fr auto;
        align-items: center;
        padding-bottom: 0
    }

    .reviews-table__content > * {
        align-items: start
    }

    .reviews-table-mini__content {
        text-align: left;
        grid-template-columns:100px repeat(3, 1fr);
        align-items: center
    }

    .reviews-table-mini__content > * {
        align-items: start
    }

    .reviews-table-mini__img > img {
        max-width: 100%;
        width: auto
    }

    .reviews-table-mini__links {
        grid-column: 4/-1
    }

    .bonus-single {
        text-align: left;
        grid-template-columns:100px auto 1fr auto;
        align-items: center
    }

    .bonus-single > * {
        align-items: start
    }

    .bonus-single__logo > img {
        max-width: 100%
    }

    .bonus-single__links {
        grid-column: 4/-1
    }

    .bonus-main-screen__inner-wrapper {
        grid-template-columns:auto 1fr
    }

    .bonus-main-screen__text {
        max-width: 613px;
        width: 100%;
        padding-left: 28px
    }

    .bonus-main-screen__description {
        grid-column: auto
    }

    .bonus-main-screen__bonus {
        max-width: 300px;
        grid-row: 1/3
    }

    .game-main-screen__inner-wrapper {
        grid-template-columns:auto 1fr
    }

    .game-main-screen__text {
        max-width: 613px;
        width: 100%;
        padding-left: 28px
    }

    .game-main-screen__description {
        grid-column: auto
    }

    .game-main-screen__bonus {
        max-width: 300px;
        grid-row: 1/3
    }

    .cta-banner--app {
        grid-template-columns:1fr 1fr;
        justify-content: center
    }

    .cta-banner__text--app {
        max-width: 472px;
        text-align: left;
        justify-self: center
    }

    .cta-banner__apps--app {
        max-width: 482px;
        grid-template-columns:267px auto;
        -moz-column-gap: 33px;
        column-gap: 33px
    }

    .cta-banner__button {
        max-width: 267px
    }
}

@media (min-width: 1281px) {
    .header__bottom-nav > .main-menu {
        gap: 10px 20px
    }

    .category__item {
        flex-basis: 45%
    }
}

@media (max-width: 768px) {
    .codeblock-mini {
        max-width: 100%
    }

    .pros-and-cons {
        flex-direction: column
    }
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0s !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0s !important;
        scroll-behavior: auto !important
    }
}

@media (hover: hover) {
    button:hover {
        cursor: pointer
    }

    a:hover {
        color: var(--link-hover)
    }

    a:where([class]):hover {
        color: currentColor
    }

    .button--site-button:hover {
        cursor: pointer;
        background: var(--site-button-hover-bg-color);
        color: var(--site-button-hover-color);
        box-shadow: var(--site-button-hover-shadow)
    }

    .button.appstore:hover, .button.googleplay:hover {
        background-color: transparent;
        opacity: .7
    }

    .header__button--first:hover {
        background-color: var(--header-button-hover-first)
    }

    .header__button--second:hover {
        background-color: var(--header-button-hover-second)
    }

    .header__bottom-nav > .main-menu > .menu-item-has-children:hover {
        cursor: pointer
    }

    .header__bottom-nav > .main-menu > .menu-item-has-children:hover > span {
        color: var(--link-hover)
    }

    .header__bottom-nav > .main-menu > .menu-item-has-children:hover > span > .menu-arrow > svg {
        rotate: 270deg
    }

    .header__bottom-nav > .main-menu > .menu-item-has-children:hover > .sub-menu {
        visibility: visible;
        opacity: 1
    }

    .header__bottom-nav > .main-menu > .menu-item-has-children:hover, .header__bottom-nav > .main-menu > .menu-item-has-children > .sub-menu > li:hover {
        color: var(--link-hover)
    }

    .header__bottom-nav > .main-menu > .menu-item-has-children:hover .sub-menu {
        color: var(--header-bottom-nav-text-color)
    }

    .header__bottom-nav > .main-menu > li:hover {
        color: var(--link-hover)
    }

    .footer__nav-menu > .menu-item-has-children > .sub-menu > li:hover {
        opacity: 1
    }

    .footer__nav-menu > li:hover {
        color: rgba(255, 255, 255, .7)
    }

    .footer__social-network:hover {
        color: currentColor;
        opacity: .5
    }

    .footer__social-network:hover a {
        color: currentColor
    }

    .header-gift__switch:hover, .lang-switch__active-lang:hover, .menu-arrow:hover {
        cursor: pointer
    }

    .to-top.show-up:hover {
        opacity: 1
    }

    .breadcrumbs__link:hover {
        color: var(--link-hover);
        text-decoration: underline
    }

    .social-networks__link:hover {
        background-color: rgba(0, 0, 0, 0);
        color: var(--link-hover)
    }

    .deals-paddle:hover, .faq__row:hover, .ows__arrow:hover {
        cursor: pointer
    }

    .toc__item:hover {
        color: var(--link-hover)
    }

    .toggle-block label:hover {
        cursor: pointer
    }

    .fast-links__link:hover {
        cursor: pointer;
        background-color: var(--fl-bg-color-hover);
        color: var(--fl-text-color-hover)
    }

    .reviews-row__link--hover:hover, .reviews-table-mini__link--hover:hover, .reviews-table__link--hover:hover {
        opacity: .7
    }

    .posts__post:hover {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
    }

    .bonus-single__link--hover:hover {
        opacity: .7
    }

    .banner-bottom__arrow:hover {
        opacity: .8
    }

    .banner-bottom__download:hover {
        opacity: .7
    }

    .comments-section .submit:hover {
        cursor: pointer;
        background-color: var(--site-button-hover-bg-color);
        color: var(--site-button-hover-color);
        box-shadow: var(--site-button-hover-shadow)
    }

    .bonus-main-screen__button:hover, .game-main-screen__button:hover {
        cursor: pointer;
        background-color: var(--site-button-hover-bg-color);
        color: var(--site-button-hover-color)
    }

    .promo-code__copy:hover, .promo-code__input:hover {
        cursor: pointer
    }

    .latest-wins__item-btn:hover {
        cursor: pointer;
        background-color: var(--site-button-hover-bg-color);
        color: var(--site-button-hover-color)
    }

    .features a:hover, .features button:hover {
        opacity: .8
    }

    .active-promos__item-button:hover {
        cursor: pointer;
        background-color: var(--site-button-hover-bg-color);
        color: var(--site-button-hover-color)
    }

    .cta-banner__features a:hover, .cta-banner__features button:hover {
        opacity: .8
    }

    .cta-banner__button:hover {
        background-color: var(--site-button-hover-bg-color);
        color:#000000;
    }
}

@media (hover: none) {
    .button--site-button:active {
        background: var(--site-button-hover-bg-color);
        color: var(--site-button-hover-color);
        box-shadow: var(--site-button-hover-shadow)
    }

    .button.appstore:active, .button.googleplay:active {
        background-color: transparent;
        opacity: .7
    }

    .header__button--first:active {
        background-color: var(--header-button-hover-first)
    }

    .header__button--second:active {
        background-color: var(--header-button-hover-second)
    }

    .header__bottom-nav > .main-menu > .menu-item-has-children:active, .header__bottom-nav > .main-menu > .menu-item-has-children > .sub-menu > li:active {
        color: var(--link-hover)
    }

    .header__bottom-nav > .main-menu > .menu-item-has-children:active .sub-menu {
        color: var(--header-bottom-nav-text-color)
    }

    .header__bottom-nav > .main-menu > li:active {
        color: var(--link-hover)
    }

    .footer__nav-menu > .menu-item-has-children > .sub-menu > li:active {
        opacity: 1
    }

    .footer__nav-menu > li:active {
        color: rgba(255, 255, 255, .7)
    }

    .footer__social-network:active {
        color: currentColor;
        opacity: .5
    }

    .footer__social-network:active a {
        color: currentColor
    }

    .breadcrumbs__link:active {
        color: var(--link-hover);
        text-decoration: underline
    }

    .social-networks__link:active {
        background-color: rgba(0, 0, 0, 0);
        color: var(--link-hover)
    }

    .toc__item:active {
        color: var(--link-hover)
    }

    .fast-links__link:active {
        background-color: var(--fl-bg-color-hover);
        color: var(--fl-text-color-hover)
    }

    .reviews-row__link--hover:active, .reviews-table-mini__link--hover:active, .reviews-table__link--hover:active {
        opacity: .7
    }

    .posts__post:active {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
    }

    .bonus-single__link--hover:active {
        opacity: .7
    }

    .banner-bottom__arrow:active {
        opacity: .8
    }

    .banner-bottom__download:active {
        opacity: .7
    }

    .comments-section .submit:active {
        background-color: var(--site-button-hover-bg-color);
        color: var(--site-button-hover-color);
        box-shadow: var(--site-button-hover-shadow)
    }

    .bonus-main-screen__button:active, .game-main-screen__button:active, .latest-wins__item-btn:active {
        background-color: var(--site-button-hover-bg-color);
        color: var(--site-button-hover-color)
    }

    .features a:active, .features button:active {
        opacity: .8
    }

    .active-promos__item-button:active {
        background-color: var(--site-button-hover-bg-color);
        color: var(--site-button-hover-color)
    }

    .cta-banner__features a:active, .cta-banner__features button:active {
        opacity: .8
    }

    .cta-banner__button:active {
        background-color: var(--site-button-hover-bg-color);
        color: var(--site-button-hover-color)
    }
}