@keyframes rotation-loader {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes play {
    0% {
        width: 0
    }
    to {
        width: 90%
    }
}

@keyframes play-airplane {
    0% {
        left: 0;
        bottom: 50px
    }
    20% {
        transform: rotate(-5deg)
    }
    90% {
        transform: rotate(5deg)
    }
    95% {
        left: 90%;
        bottom: 70%
    }
    to {
        left: 110%;
        bottom: 80%
    }
}

@keyframes play-airplane-mobile {
    0% {
        left: 0;
        bottom: 20px
    }
    20% {
        transform: rotate(-5deg)
    }
    90% {
        transform: rotate(5deg)
    }
    95% {
        left: 90%;
        bottom: 58%
    }
    to {
        left: 110%;
        bottom: 65%
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg) scale(1)
    }
    50% {
        transform: rotate(180deg) scale(.5)
    }
    to {
        transform: rotate(360deg) scale(1)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes aviator-game-airplane {
    0% {
        left: -100%;
        top: 40%
    }
    20% {
        left: 0;
        top: 40%
    }
    40% {
        left: 50%;
        top: 20%
    }
    80% {
        left: 80%;
        top: 50%
    }
    to {
        left: 120%;
        top: 40%
    }
}

* {
    margin: 0;
    padding: 0
}

*,
::after,
::before {
    box-sizing: border-box
}

ol[role=list],
ul[role=list] {
    list-style: none
}

html:focus-within {
    scroll-behavior: smooth
}

a {
    text-decoration: none !important
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

canvas,
img,
picture,
svg,
video {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    font-style: italic;
    background-repeat: no-repeat;
    background-size: cover
}

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

@media (prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }
    *,
    ::after,
    ::before {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
        transition: none
    }
}

body,
html {
    height: 100%;
    scroll-behavior: smooth
}

.hidden {
    display: none !important
}

.visible {
    display: flex !important
}

.aqwhe {
    background-image: url(../img/bg.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    position: relative;
    min-height: 100vh;
    overflow: hidden
}

@media (min-width:991px) and (max-height:840px) {
    .aqwhe {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100vw;
        height: 100vh
    }
    .aqwhg {
        transform: scale(.85)
    }
}

.aqwhk {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center
}

.aqwhl {
    width: 100%;
    max-width: 500px;
    animation: spin 4s linear infinite
}

.aqwhv,
.aqwhw {
    display: flex;
    justify-content: space-between
}

.aqwhv {
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    padding-left: 60px;
    padding-right: 60px
}

.aqwhw {
    padding: 11px 47px;
    width: 30%;
    border-radius: 27px;
    border: 2px solid #e50539;
    background: linear-gradient(-90deg, #e50539 0, #b10000 100%);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .2)
}

.aqwhw:last-child {
    background: linear-gradient(90deg, #e50539 0, #b10000 100%)
}

.aqwhw span {
    font-style: normal;
    font-size: 36px;
    line-height: normal;
    color: #fff;
    text-shadow: 0 -2px 1px #533400, -1px -1px 1px #533400, 0 -1px 1px #533400, 1px -1px 1px #533400, -2px 0 1px #533400, -1px 0 1px #533400, 0 0 1px #533400, 1px 0 1px #533400, 2px 0 1px #533400, -1px 1px 1px #533400, 0 1px 1px #533400, 1px 1px 1px #533400, 0 2px 1px #533400;
    -webkit-font-smoothing: antialiased
}

.aqwhf,
.aqwii.is--active {
    width: 100%;
    position: absolute;
    left: 0
}

.aqwhf {
    bottom: 0;
    height: 200px;
    background-image: url(../img/coins.webp);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0
}

.aqwhh {
    position: relative;
    z-index: 2
}

.aqwii {
    display: none
}

.aqwii.is--active {
    display: flex;
    height: 120%;
    min-height: 100vh;
    top: 0;
    z-index: 9;
    overflow: hidden;
    overflow-y: scroll;
    background: rgba(0, 0, 0, .9);
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.aqwii.is--active::-webkit-scrollbar,
::-webkit-scrollbar,
body::-webkit-scrollbar,
html::-webkit-scrollbar {
    display: none
}

.aqwic,
.aqwid {
    width: 100%;
    text-align: center
}

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

.aqwid {
    max-width: 900px;
    padding: 50px;
    border-radius: 32px;
    border: 5.9px solid #fff;
    background: linear-gradient(231deg, rgba(0, 0, 0, .75) 4.6%, rgba(0, 0, 0, .56) 86.3%);
    box-shadow: 0 -6.47px 12.94px 0 #e50539, 0 0 5.176px 0 #e50539, 0 6.47px 25.88px 0 #e50539, 0 0 12.94px 0 #e50539
}

.aqwid h1,
.aqwid h2 {
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 0 #53017e;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #8900d0;
    font-size: 96px;
    font-style: normal;
    line-height: normal
}

.aqwid h2 {
    font-size: 200px;
    color: #ffe900;
    margin-top: -40px
}

.aqwhu .bottom__section-button span+span,
.aqwhu .bottom__section-button.is--active .aqwhy,
.is--hidden {
    display: none
}

.aqwic .bottom__section-button {
    margin-top: 50px
}

.bottom__section-button {
    border: 0;
    height: 115px
}

*,
body,
html {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

body.is--modal-open:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #0e0e0e
}

.aqwia,
.is--none,
body.is--modal-open .aqwhj,
body.is--modal-open .aqwhu {
    opacity: 0
}

.aqwhu .bottom__section-button {
    background: url(../img/button_middle.png) repeat-x center center;
    background-size: contain;
    padding: 0;
    height: 120px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    position: relative
}

@media (max-width:640px) {
    .aqwhu .bottom__section-button {
        height: 80px;
        font-size: 32px
    }
}

.aqwhu .bottom__section-button span {
    margin-left: -100px;
    margin-right: -100px;
    top: -3px;
    padding: 3px 20px;
    justify-content: center;
    position: relative;
    z-index: 3;
    color: #fff;
    background: #000;
    -webkit-background-clip: text;
    -webkit-text-stroke: 10px transparent
}

.aqwhu .bottom__section-button:after,
.aqwhu .bottom__section-button:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 171px;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width:640px) {
    .aqwhu .bottom__section-button:after,
    .aqwhu .bottom__section-button:before {
        width: 110px
    }
}

.aqwhu .bottom__section-button:before {
    left: -128px;
    background-image: url(../img/button_left.png);
    background-position: right center
}

@media (max-width:640px) {
    .aqwhu .bottom__section-button:before {
        left: -108px
    }
}

.aqwhu .bottom__section-button:after {
    right: -128px;
    background-image: url(../img/button_right.png);
    background-position: left center
}

@media (max-width:640px) {
    .aqwhu .bottom__section-button:after {
        right: -108px
    }
}

@media (max-width:640px) {
    .aqwhu .bottom__section-button span {
        -webkit-text-stroke: 5px transparent
    }
}

.aqwhu .bottom__section-button.is--active {
    pointer-events: none;
    opacity: .7
}

.aqwhu .bottom__section-button.is--active .aqwhz,
.aqwia .bottom__section-button.is--disabled .button-loader {
    display: flex
}

.aqwia {
    visibility: hidden;
    z-index: -1;
    position: absolute
}

.aqwia.is--active {
    opacity: 1;
    visibility: visible;
    display: flex;
    width: 100%;
    height: 120%;
    min-height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 9
}

.aqwid {
    margin: 50px auto 0
}

.aqwia .aqwie {
    font-size: 68px;
    font-style: normal;
    line-height: 90%;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 -3px 1px #000, -2px -2px 1px #000, -1px -2px 1px #000, 0 -2px 1px #000, 1px -2px 1px #000, 2px -2px 1px #000, -2px -1px 1px #000, -1px -1px 1px #000, 0 -1px 1px #000, 1px -1px 1px #000, 2px -1px 1px #000, -3px 0 1px #000, -2px 0 1px #000, -1px 0 1px #000, 0 0 1px #000, 1px 0 1px #000, 2px 0 1px #000, 3px 0 1px #000, -2px 1px 1px #000, -1px 1px 1px #000, 0 1px 1px #000, 1px 1px 1px #000, 2px 1px 1px #000, -2px 2px 1px #000, -1px 2px 1px #000, 0 2px 1px #000, 1px 2px 1px #000, 2px 2px 1px #000, 0 3px 1px #000;
    -webkit-font-smoothing: antialiased
}

@media (max-width:1024px) {
    .aqwia .aqwie {
        text-shadow: 0 -2px 1px #000, -1px -1px 1px #000, 0 -1px 1px #000, 1px -1px 1px #000, -2px 0 1px #000, -1px 0 1px #000, 0 0 1px #000, 1px 0 1px #000, 2px 0 1px #000, -1px 1px 1px #000, 0 1px 1px #000, 1px 1px 1px #000, 0 2px 1px #000;
        -webkit-font-smoothing: antialiased
    }
}

.aqwia .aqwif,
.aqwia .bottom__section-button span {
    font-style: normal;
    text-shadow: 0 -3px 1px #fff, -2px -2px 1px #fff, -1px -2px 1px #fff, 0 -2px 1px #fff, 1px -2px 1px #fff, 2px -2px 1px #fff, -2px -1px 1px #fff, -1px -1px 1px #fff, 0 -1px 1px #fff, 1px -1px 1px #fff, 2px -1px 1px #fff, -3px 0 1px #fff, -2px 0 1px #fff, -1px 0 1px #fff, 0 0 1px #fff, 1px 0 1px #fff, 2px 0 1px #fff, 3px 0 1px #fff, -2px 1px 1px #fff, -1px 1px 1px #fff, 0 1px 1px #fff, 1px 1px 1px #fff, 2px 1px 1px #fff, -2px 2px 1px #fff, -1px 2px 1px #fff, 0 2px 1px #fff, 1px 2px 1px #fff, 2px 2px 1px #fff, 0 3px 1px #fff;
    -webkit-font-smoothing: antialiased
}

.aqwia .aqwif {
    text-align: center;
    font-size: 77.147px;
    line-height: 100%;
    margin-top: 30px;
    color: #e50539
}

@media (max-width:1024px) {
    .aqwia .aqwif {
        text-shadow: 0 -2px 1px #fff, -1px -1px 1px #fff, 0 -1px 1px #fff, 1px -1px 1px #fff, -2px 0 1px #fff, -1px 0 1px #fff, 0 0 1px #fff, 1px 0 1px #fff, 2px 0 1px #fff, -1px 1px 1px #fff, 0 1px 1px #fff, 1px 1px 1px #fff, 0 2px 1px #fff;
        -webkit-font-smoothing: antialiased
    }
}

.aqwib,
.aqwih {
    position: absolute;
    top: 0;
    width: 35%;
    height: 100%;
    z-index: 1
}

.aqwib {
    left: 0
}

.aqwih {
    right: 0
}

@media (max-width:991px) {
    .aqwhw {
        flex-direction: column;
        padding: 16px 9px;
        text-align: center;
        width: 135px;
        height: 200px;
        justify-content: flex-start
    }
    .aqwhw span {
        font-size: 21px
    }
    .aqwhv {
        padding: 0 5px;
        flex-wrap: wrap;
        margin-top: 20px
    }
    .aqwhx {
        order: -1;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        display: flex;
        justify-content: center
    }
}

@media (max-width:640px) {
    .aqwid h1 {
        font-size: 46px
    }
    .aqwid h2 {
        font-size: 90px;
        margin-top: 0
    }
    .aqwic {
        padding: 0 15px
    }
    .aqwib,
    .aqwih {
        width: 100%;
        height: 50%;
        top: 0
    }
    .aqwih {
        top: 50%
    }
    .aqwia .aqwie,
    .aqwia .aqwif {
        font-size: 25px
    }
    .aqwid {
        padding: 30px 10px
    }
    .aqwic {
        position: relative;
        z-index: 2
    }
}

.button-loader {
    position: absolute;
    align-items: center;
    justify-content: center;
    display: flex;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.button-loader span {
    width: 30px !important;
    height: 30px !important;
    border: 4px solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation-loader 1s linear infinite;
    opacity: 1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.aqwhj {
    width: 100%;
    max-width: 1340px;
    margin: 48px auto 0;
    padding: 0 15px;
    position: relative;
    overflow: hidden
}

@media (min-width:991px) and (max-height:840px) {
    .aqwhj {
        margin: -10px auto 0
    }
}

@media (max-width:640px) {
    .aqwhj {
        margin-top: 15px;
        max-width: 409px
    }
}

.aqwhe .aqwhn {
    position: absolute;
    right: 20px;
    bottom: 50px;
    width: 100%;
    height: auto;
    z-index: 1
}

.aqwhr {
    width: 0%;
    position: absolute;
    left: 2%;
    bottom: 8%;
    height: 100%;
    background-image: url(../img/line-2.svg);
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 4
}

@media (max-width:640px) {
    .aqwhr {
        background-image: url(../img/line-2-mobile.svg);
        left: 20px;
        bottom: 20px
    }
}

.aqwho {
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

@media (max-width:640px) {
    .aqwho {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .aqwho .aqwhp {
        display: none
    }
}

.aqwho .aqwhq {
    display: none
}

@media (max-width:640px) {
    .aqwho .aqwhq {
        display: flex
    }
}

.aqwhs {
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 5;
    opacity: 0
}

@media (max-width:640px) {
    .aqwhs {
        width: 50px;
        bottom: 20px
    }
}

.aqwhe.is--active .aqwhr {
    animation: play 6s linear forwards
}

.aqwhe.is--active .aqwhs {
    animation: play-airplane 6s linear forwards;
    animation-delay: .2s;
    opacity: 1
}

@media (max-width:640px) {
    .aqwhe.is--active .aqwhs {
        animation: play-airplane-mobile 6.5s linear forwards
    }
}

.aqwhe.is--active .aqwhm,
.aqwhe.is--active .aqwhn {
    opacity: 1
}

.aqwhe.is--active .aqwhi,
.aqwhe.is--active .aqwhk,
.aqwhm {
    opacity: 0
}

.aqwhm {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #fff;
    font-size: 148px;
    font-style: normal
}

@media (max-width:640px) {
    .aqwhm {
        font-size: 34px
    }
}

.aqwhn {
    opacity: 0
}

@media (max-width:640px) {
    .aqwhn {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

.aqwht {
    background-image: url(../img/ellipse.webp);
    position: absolute;
    left: -225%;
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    width: 450%;
    height: 450%;
    z-index: 2;
    top: -123%;
    animation: rotate 15s linear infinite;
    opacity: .3
}

@media (max-width:640px) {
    .aqwht {
        left: -155%;
        width: 1100px;
        height: 1100px;
        top: -30%
    }
}

.aqwia .aqwhl {
    animation: none
}

.aqwia .bottom__section-button {
    border-radius: 58px;
    position: relative;
    padding: 5px 40px;
    border: 4.518px solid #fff;
    background: linear-gradient(180deg, #ff003b -88.79%, #d90032 100%);
    box-shadow: 0 -5.483px 10.966px 0 #e50539, 0 0 4.386px 0 #e50539, 0 5.483px 21.932px 0 #e50539, 0 0 10.966px 0 #e50539;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

@media (max-width:640px) {
    .aqwia .bottom__section-button {
        height: 60px
    }
}

.aqwia .bottom__section-button span {
    font-size: 62.08px;
    padding: 3px;
    white-space: nowrap;
    color: #df0134
}

@media (max-width:1024px) {
    .aqwia .bottom__section-button span {
        text-shadow: 0 -2px 1px #fff, -1px -1px 1px #fff, 0 -1px 1px #fff, 1px -1px 1px #fff, -2px 0 1px #fff, -1px 0 1px #fff, 0 0 1px #fff, 1px 0 1px #fff, 2px 0 1px #fff, -1px 1px 1px #fff, 0 1px 1px #fff, 1px 1px 1px #fff, 0 2px 1px #fff;
        -webkit-font-smoothing: antialiased
    }
}

@media (max-width:640px) {
    .aqwia .bottom__section-button span {
        font-size: 32px;
        -webkit-text-stroke-width: 2px
    }
}

.aqwia .bottom__section-button .button-loader {
    display: none
}

.aqwia .bottom__section-button.is--disabled {
    pointer-events: none
}

.aqwia .bottom__section-button.is--disabled span {
    opacity: .2
}

.aqwhi {
    position: absolute;
    left: -100%;
    top: 40%;
    width: 300px;
    z-index: 5;
    animation: aviator-game-airplane 7s linear infinite
}

@media (max-width:640px) {
    .aqwhi {
        width: 150px
    }
}

.bonuses-wrapper.is--active {
    font-size: 40%
}

.bonuses-wrapper.is--active .modal__title {
    color: #fff;
    text-align: center;
    background: #000;
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px transparent;
    font-style: normal;
    line-height: 90%;
    text-transform: uppercase
}

@media (max-height:741px) and (max-width:1279px) {
    #bonus-inline {
        position: absolute;
        left: unset;
        right: 70px;
        bottom: 200%;
        transform: unset;
        min-width: 255px
    }
    #bonus-inline img {
        transform: rotate(-90deg);
        top: 0
    }
}

#bonus-inline.is--active {
    background: linear-gradient(to left, #13ff00, #0b8201)
}

@media (max-height:741px) and (max-width:1279px) {
    #bonus-inline.is--active {
        right: 70px;
        transform: rotate(90deg);
        transform-origin: bottom right;
        bottom: 225px;
        transition: bottom 1s ease-out
    }
}

#bonus-inline.is--active p {
    background: linear-gradient(90deg, #0b8201 0, #0b8201 100%);
    -webkit-background-clip: text
}

#bonus-inline.is--active svg path {
    stroke: #0b8201
}