@-webkit-keyframes rotation-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotation-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes spinTo1 {
  0% {
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg);
  }
}
@-webkit-keyframes spinTo2 {
  0% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(1396deg);
            transform: rotate(1396deg);
  }
}
@-webkit-keyframes spinTo3 {
  0% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(1351deg);
            transform: rotate(1351deg);
  }
}
@-webkit-keyframes spinTo4 {
  0% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(1305deg);
            transform: rotate(1305deg);
  }
}
@-webkit-keyframes spinTo5 {
  0% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(1261deg);
            transform: rotate(1261deg);
  }
}
@-webkit-keyframes spinTo6 {
  0% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(1217deg);
            transform: rotate(1217deg);
  }
}
@-webkit-keyframes spinTo7 {
  0% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(1531deg);
            transform: rotate(1531deg);
  }
}
@-webkit-keyframes spinTo8 {
  0% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  to {
    -webkit-transform: rotate(1485deg);
            transform: rotate(1485deg);
  }
}
@-webkit-keyframes spinner-win {
  0%, to {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg);
  }
  50% {
    -webkit-transform: rotate(1085deg);
            transform: rotate(1085deg);
  }
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg) scaleY(-1);
            transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg) scaleY(-1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 150px) scaleY(-1) rotate3d(0, 1, 0, -190deg);
            transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 150px) scaleY(-1) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 150px) scaleY(-1) rotate3d(0, 1, 0, -170deg);
            transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 150px) scaleY(-1) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(800px) scale3d(0.8, 0.8, 0.8) translate3d(0, 0, 0) scaleY(-1) rotate3d(0, 1, 0, 0deg);
            transform: perspective(800px) scale3d(0.8, 0.8, 0.8) translate3d(0, 0, 0) scaleY(-1) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg) scaleY(-1);
            transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg) scaleY(-1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg) scaleY(-1);
            transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg) scaleY(-1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 150px) scaleY(-1) rotate3d(0, 1, 0, -190deg);
            transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 150px) scaleY(-1) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 150px) scaleY(-1) rotate3d(0, 1, 0, -170deg);
            transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 150px) scaleY(-1) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(800px) scale3d(0.8, 0.8, 0.8) translate3d(0, 0, 0) scaleY(-1) rotate3d(0, 1, 0, 0deg);
            transform: perspective(800px) scale3d(0.8, 0.8, 0.8) translate3d(0, 0, 0) scaleY(-1) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg) scaleY(-1);
            transform: perspective(800px) scale3d(0.85, 0.85, 0.85) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg) scaleY(-1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
@-webkit-keyframes left-to-right {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
@-webkit-keyframes right-to-left {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@-webkit-keyframes right-to-left-1 {
  0% {
    -webkit-transform: rotate(-20deg) translateY(-10px);
            transform: rotate(-20deg) translateY(-10px);
  }
  to {
    -webkit-transform: rotate(-25deg) translateY(0);
            transform: rotate(-25deg) translateY(0);
  }
}
@-webkit-keyframes right-to-left-2 {
  0% {
    -webkit-transform: rotate(120deg) scale(-1, 1) translateY(0);
            transform: rotate(120deg) scale(-1, 1) translateY(0);
  }
  to {
    -webkit-transform: rotate(125deg) scale(-1, 1) translateX(5px);
            transform: rotate(125deg) scale(-1, 1) translateX(5px);
  }
}
@-webkit-keyframes right-to-left-3 {
  0% {
    -webkit-transform: rotate(0deg) scale(-1, 1) translateY(0);
            transform: rotate(0deg) scale(-1, 1) translateY(0);
  }
  to {
    -webkit-transform: rotate(6deg) scale(-1, 1) translateX(-5px);
            transform: rotate(6deg) scale(-1, 1) translateX(-5px);
  }
}
@-webkit-keyframes right-to-left-4 {
  0% {
    -webkit-transform: scale(-1, 1) rotate(-20deg) translateY(10px);
            transform: scale(-1, 1) rotate(-20deg) translateY(10px);
  }
  to {
    -webkit-transform: scale(-1, 1) rotate(-25deg) translateY(0);
            transform: scale(-1, 1) rotate(-25deg) translateY(0);
  }
}
@-webkit-keyframes right-to-left-5 {
  0% {
    -webkit-transform: rotate(210deg) translateX(10px);
            transform: rotate(210deg) translateX(10px);
  }
  to {
    -webkit-transform: rotate(205deg) translateX(0);
            transform: rotate(205deg) translateX(0);
  }
}
@-webkit-keyframes right-to-left-6 {
  0% {
    -webkit-transform: rotate(150deg) scale(1);
            transform: rotate(150deg) scale(1);
  }
  to {
    -webkit-transform: rotate(150deg) scale(1.1);
            transform: rotate(150deg) scale(1.1);
  }
}
@-webkit-keyframes scaleButton {
  0%, to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
}
@-webkit-keyframes spinner {
  0%, to {
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
  }
  50% {
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg);
  }
}
@-webkit-keyframes spin {
  0%, to {
    opacity: 0.5;
  }
  50% {
    opacity: 0.2;
  }
}
@-webkit-keyframes kist1 {
  50% {
    -webkit-transform: translate(-50%, 1%) rotate(-1deg) scale(1.05);
            transform: translate(-50%, 1%) rotate(-1deg) scale(1.05);
  }
}
@keyframes kist1 {
  50% {
    -webkit-transform: translate(-50%, 1%) rotate(-1deg) scale(1.05);
            transform: translate(-50%, 1%) rotate(-1deg) scale(1.05);
  }
}
* {
  margin: 0;
  padding: 0;
}

*,
::after,
::before {
  -webkit-box-sizing: border-box;
          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]) {
  -webkit-text-decoration-skip: ink;
          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 {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    -webkit-transition: none;
    transition: none;
  }
}
body,
html {
  height: 100%;
  scroll-behavior: smooth;
}

.hidden {
  display: none !important;
}

.visible {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

body {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  width: 100vw;
  min-height: 100vh;
  padding: 0;
  background-size: cover;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px;
  overflow-x: hidden;
  font-style: normal;
}

.bottom__section-button {
  min-width: 50px;
}

.bottom__section-button span {
  height: auto;
}

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

.bottom__section-button.is--link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

.bottom__section-button.is--disabled span {
  opacity: 0.2;
}

.bottom__section-button.is--disabled .button-loader,
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.button-loader {
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: rotation-loader 1s linear infinite;
          animation: rotation-loader 1s linear infinite;
  opacity: 1 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wheel__spinner_win_1 {
  -webkit-animation: 3s spinTo1 ease-in-out forwards !important;
          animation: 3s spinTo1 ease-in-out forwards !important;
}

.wheel__spinner_win_2 {
  -webkit-animation: 3s spinTo2 ease-in-out forwards;
          animation: 3s spinTo2 ease-in-out forwards;
}

.wheel__spinner_win_3 {
  -webkit-animation: 3s spinTo3 ease-in-out forwards;
          animation: 3s spinTo3 ease-in-out forwards;
}

.wheel__spinner_win_4 {
  -webkit-animation: 3s spinTo4 ease-in-out forwards;
          animation: 3s spinTo4 ease-in-out forwards;
}

.wheel__spinner_win_5 {
  -webkit-animation: 3s spinTo5 ease-in-out forwards;
          animation: 3s spinTo5 ease-in-out forwards;
}

.wheel__spinner_win_6 {
  -webkit-animation: 3s spinTo6 ease-in-out forwards;
          animation: 3s spinTo6 ease-in-out forwards;
}

.wheel__spinner_win_7 {
  -webkit-animation: 3s spinTo7 ease-in-out forwards;
          animation: 3s spinTo7 ease-in-out forwards;
}

.wheel__spinner_win_8 {
  -webkit-animation: 3s spinTo8 ease-in-out forwards;
          animation: 3s spinTo8 ease-in-out forwards;
}

.wheel__texts-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 1em !important;
  padding-left: 2em !important;
}

.wheel__texts-block p {
  -webkit-transform: rotate(-7deg);
          transform: rotate(-7deg);
}

.wheel__texts-block p:only-child {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.wheel__texts-block p + p {
  margin-top: 10px;
  -webkit-transform: rotate(7deg);
          transform: rotate(7deg);
}

.effects,
.effects__block {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.effects {
  position: absolute;
  z-index: 997;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  mix-blend-mode: screen;
}

.effects__block {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: fixed;
}

.wheel__texts-1,
.wheel__texts-2 {
  -webkit-transform: rotate(-137deg);
          transform: rotate(-137deg);
  position: absolute;
  left: 11%;
  top: 23%;
}

.wheel__texts-2 {
  -webkit-transform: rotate(-93deg);
          transform: rotate(-93deg);
  left: 32%;
  top: 14%;
}

.wheel__texts-3,
.wheel__texts-4 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  left: 54%;
  top: 23%;
}

.wheel__texts-4 {
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
  left: 63%;
  top: 44%;
}

.wheel__texts-5,
.wheel__texts-6 {
  -webkit-transform: rotate(43deg);
          transform: rotate(43deg);
  position: absolute;
  left: 54%;
  top: 65%;
}

.wheel__texts-6 {
  -webkit-transform: rotate(87deg);
          transform: rotate(87deg);
  left: 33%;
  top: 74%;
}

.wheel__texts-7,
.wheel__texts-8 {
  -webkit-transform: rotate(133deg);
          transform: rotate(133deg);
  position: absolute;
  left: 11%;
  top: 66%;
}

.wheel__texts-8 {
  -webkit-transform: rotate(177deg);
          transform: rotate(177deg);
  left: 2%;
  top: 45%;
}

.win-animation-svg {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
  width: 100%;
}

.win-animation-svg.is--active {
  opacity: 1;
}

.is--win-spinner {
  -webkit-animation: 2s spinner-win ease-in-out infinite !important;
          animation: 2s spinner-win ease-in-out infinite !important;
}

body.is--winner .bottom__section {
  opacity: 0;
}

.body-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 991px) {
  .body-wrapper {
    background-image: url(../images/page-bg-mobile.webp);
  }
}
#reels,
.reel > .icons {
  position: relative;
}

#slot.inverted .reel {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}

#slot.inverted .reel > .icons > img {
  -webkit-transform: scaleY(-1) scale(0.8);
          transform: scaleY(-1) scale(0.8);
}

#reels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 79vw;
  height: 47.4vw;
  max-height: 520px;
  max-width: 870px;
  z-index: 1;
}

@media (max-width: 991px) {
  #reels {
    width: 88vw;
    height: 89vw;
    max-height: 89vw;
  }
}
#reels:before,
.background {
  position: absolute;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.background {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 49%;
  height: 102%;
  z-index: 2;
  background-image: url(../images/frame.webp);
}

@media (min-width: 2040px) and (max-width: 5000px) {
  #reels {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .background {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  .bottom__section {
    margin-top: 100px !important;
  }
  .logo {
    margin-bottom: 100px !important;
  }
}
@media (max-width: 991px) {
  .background {
    background-image: url(../images/frame-mobile.webp);
    background-size: 100%;
  }
}
#reels:before {
  content: "";
  top: 50%;
  height: 100%;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2e0800), color-stop(49.5%, #450c00), color-stop(97.5%, #2e0800));
  background: linear-gradient(180deg, #2e0800 0, #450c00 49.5%, #2e0800 97.5%);
}

#slot,
.reel {
  position: relative;
}

#slot {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 970px;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.reel {
  overflow: hidden;
  width: 20%;
  height: 100%;
}

@media (max-width: 991px) {
  .reel {
    width: 33.333%;
  }
}
.reel > .icons > img {
  width: calc(100% + 6px);
  margin: -3px 0 0 -3px;
  height: auto;
  max-width: none;
  -webkit-transform: translate3d(0, 0, 0) scale(0.9);
          transform: translate3d(0, 0, 0) scale(0.9);
}

.icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.is--winner .reel .icons img:nth-child(2) {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
  -webkit-animation: 2s flip ease-in-out infinite;
          animation: 2s flip ease-in-out infinite;
}

.is--modal-open #slot {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.logo {
  width: 100%;
  -webkit-animation: logo 6s infinite both alternate ease-in-out;
          animation: logo 6s infinite both alternate ease-in-out;
  display: block;
  margin-top: 0;
  position: relative;
  z-index: 5;
}

@media (max-width: 767px) {
  .logo {
    display: block;
    margin-bottom: 0;
    margin-top: 10px;
  }
}
.body-wrapper {
  background-image: url(../images/page-bg.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
  min-height: 100%;
  overflow: hidden;
  font-size: 80%;
}

@media (max-width: 767px) {
  .body-wrapper {
    background-image: url(../images/page-bg-mobile.webp);
  }
}
@media (min-width: 991px) and (max-height: 840px) {
  .body-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100vw;
    height: 100vh;
  }
}
.body-inner {
  width: 100%;
}

@media (min-width: 1000px) {
  .body-inner {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media (min-width: 991px) and (max-height: 840px) {
  .body-inner {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
}
.left__person {
  bottom: 0;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  left: 0;
  width: 40%;
  height: 100%;
  font-size: 50%;
}

@media (max-width: 600px) {
  .left__person {
    width: 50%;
    left: -15%;
    bottom: 2%;
  }
}
.right__person {
  bottom: 0;
  width: 40%;
  height: 100%;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  right: 0;
  font-size: 40%;
}

@media (max-width: 600px) {
  .right__person {
    width: 50%;
    right: -15%;
    bottom: 3%;
  }
}
.right__person--lemon {
  position: absolute;
  right: 20%;
  bottom: -10%;
  width: 45em;
  z-index: 1;
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
  -webkit-animation: right-to-left-5 2s infinite both alternate ease-in-out;
          animation: right-to-left-5 2s infinite both alternate ease-in-out;
}

@media (max-width: 600px) {
  .right__person--lemon {
    width: 35em;
  }
}
.right__person--orange {
  position: absolute;
  right: -5%;
  bottom: 0;
  width: 40em;
  z-index: 1;
  -webkit-animation: right-to-left 2s infinite both alternate ease-in-out;
          animation: right-to-left 2s infinite both alternate ease-in-out;
}

@media (max-width: 600px) {
  .right__person--orange {
    width: 30em;
  }
}
.right__person--grape {
  position: absolute;
  right: -10%;
  bottom: -20%;
  width: 45em;
  z-index: 3;
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
  -webkit-animation: right-to-left-6 2s infinite both alternate ease-in-out;
          animation: right-to-left-6 2s infinite both alternate ease-in-out;
}

@media (max-width: 600px) {
  .right__person--grape {
    right: 75%;
    bottom: -12%;
    width: 30em;
  }
}
.right__person--cherry {
  position: absolute;
  right: 15%;
  bottom: -10%;
  width: 50em;
  z-index: 5;
  -webkit-transform: scale(-1, 1) rotate(-20deg);
          transform: scale(-1, 1) rotate(-20deg);
  -webkit-animation: right-to-left-4 2s infinite both alternate ease-in-out;
          animation: right-to-left-4 2s infinite both alternate ease-in-out;
}

.right__person--plum {
  position: absolute;
  right: 55%;
  bottom: -10%;
  width: 35em;
  z-index: 4;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  -webkit-animation: right-to-left-3 2s infinite both alternate ease-in-out;
          animation: right-to-left-3 2s infinite both alternate ease-in-out;
}

@media (max-width: 600px) {
  .right__person--plum {
    display: none;
  }
}
.left__person--lemon {
  position: absolute;
  left: -10%;
  bottom: -10%;
  width: 35em;
  z-index: 1;
  -webkit-transform: rotate(120deg) scale(-1, 1);
          transform: rotate(120deg) scale(-1, 1);
  -webkit-animation: right-to-left-2 2s infinite both alternate ease-in-out;
          animation: right-to-left-2 2s infinite both alternate ease-in-out;
}

.left__person--orange {
  position: absolute;
  left: 38%;
  bottom: -5%;
  width: 30em;
  z-index: 1;
  -webkit-animation: right-to-left 2s infinite both alternate ease-in-out;
          animation: right-to-left 2s infinite both alternate ease-in-out;
}

@media (max-width: 600px) {
  .left__person--orange {
    width: 25em;
    left: 42%;
  }
}
.left__person--grape {
  position: absolute;
  left: 24%;
  bottom: -7%;
  width: 39em;
  z-index: 3;
  -webkit-animation: left-to-right 2s infinite both alternate ease-in-out;
          animation: left-to-right 2s infinite both alternate ease-in-out;
}

@media (max-width: 600px) {
  .left__person--grape {
    width: 25em;
    left: 33%;
  }
}
.left__person--cherry {
  position: absolute;
  left: -6%;
  bottom: -10%;
  width: 50em;
  z-index: 5;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  -webkit-animation: right-to-left-1 2s infinite both alternate ease-in-out;
          animation: right-to-left-1 2s infinite both alternate ease-in-out;
}

.left__person--plum {
  position: absolute;
  left: 55%;
  bottom: -10%;
  width: 26em;
  z-index: 4;
  -webkit-animation: right-to-left 2s infinite both alternate ease-in-out;
          animation: right-to-left 2s infinite both alternate ease-in-out;
}

@media (max-width: 600px) {
  .left__person--plum {
    width: 20em;
    left: 85%;
    bottom: -5%;
  }
}
.bottom__section {
  position: relative;
  z-index: 8;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 50px;
}

@media (max-width: 767px) {
  .bottom__section {
    margin-top: 60px;
  }
}
.bottom__section-title {
  margin-bottom: 5px;
  font-size: 84px;
  text-align: center;
  text-transform: uppercase;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #fff;
  background: var(--Linear, linear-gradient(184deg, #ffe401 31.67%, #964a14 79.01%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0;
}

@media (max-width: 600px) {
  .bottom__section-title {
    font-size: 48px;
  }
}
.bottom__section-title.win__show {
  opacity: 1;
  -webkit-animation: 1.5s zoomInDown both;
          animation: 1.5s zoomInDown both;
}

.bottom__section-button {
  background: url(../images/button_middle.webp) repeat-x center center;
  background-size: contain;
  padding: 0;
  height: 116px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 58px;
  border: 0;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

@media (max-width: 700px) {
  .bottom__section-button {
    font-size: 45px;
  }
}
@media (max-width: 600px) {
  .bottom__section-button {
    height: 80px;
    font-size: 30px;
  }
}
.bottom__section-button span {
  position: relative;
  z-index: 3;
  margin-left: -100px;
  margin-right: -100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  color: #fff;
  text-shadow: 0 -3px 1px #554c01, -2px -2px 1px #554c01, -1px -2px 1px #554c01, 0 -2px 1px #554c01, 1px -2px 1px #554c01, 2px -2px 1px #554c01, -2px -1px 1px #554c01, -1px -1px 1px #554c01, 0 -1px 1px #554c01, 1px -1px 1px #554c01, 2px -1px 1px #554c01, -3px 0 1px #554c01, -2px 0 1px #554c01, -1px 0 1px #554c01, 0 0 1px #554c01, 1px 0 1px #554c01, 2px 0 1px #554c01, 3px 0 1px #554c01, -2px 1px 1px #554c01, -1px 1px 1px #554c01, 0 1px 1px #554c01, 1px 1px 1px #554c01, 2px 1px 1px #554c01, -2px 2px 1px #554c01, -1px 2px 1px #554c01, 0 2px 1px #554c01, 1px 2px 1px #554c01, 2px 2px 1px #554c01, 0 3px 1px #554c01;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 1024px) {
  .bottom__section-button span {
    text-shadow: 0 -2px 1px #554c01, -1px -1px 1px #554c01, 0 -1px 1px #554c01, 1px -1px 1px #554c01, -2px 0 1px #554c01, -1px 0 1px #554c01, 0 0 1px #554c01, 1px 0 1px #554c01, 2px 0 1px #554c01, -1px 1px 1px #554c01, 0 1px 1px #554c01, 1px 1px 1px #554c01, 0 2px 1px #554c01;
    -webkit-font-smoothing: antialiased;
  }
}
.bottom__section-button:after,
.bottom__section-button:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 171px;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 600px) {
  .bottom__section-button:after,
  .bottom__section-button:before {
    width: 122px;
  }
}
.bottom__section-button:before {
  left: -165px;
  background-image: url(../images/button_left.webp);
}

@media (max-width: 600px) {
  .bottom__section-button:before {
    left: -115px;
  }
}
.bottom__section-button:after {
  right: -168px;
  background-image: url(../images/button_right.webp);
}

@media (max-width: 600px) {
  .bottom__section-button:after {
    right: -121px;
  }
}
.bottom__section-button:focus {
  -webkit-animation: 0.5s scaleButton ease-in-out forwards;
          animation: 0.5s scaleButton ease-in-out forwards;
}

.bottom__section-button.pulse {
  -webkit-animation: 0.5s scaleButton ease-in-out infinite;
          animation: 0.5s scaleButton ease-in-out infinite;
}

.bottom__section-button-next,
.bottom__section-button.is--win-button {
  display: none;
}

.bottom__section-button.is--win-button.visible {
  -webkit-animation: 1s headShake ease-in-out infinite;
          animation: 1s headShake ease-in-out infinite;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes rain {
  0% {
    -webkit-transform: translateY(-50px) rotate(0deg);
            transform: translateY(-50px) rotate(0deg);
    opacity: 0.5;
  }
  20% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translateY(calc(100vh - 100px)) rotate(360deg);
            transform: translateY(calc(100vh - 100px)) rotate(360deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: translateY(calc(100vh - 120px)) rotate(450deg);
            transform: translateY(calc(100vh - 120px)) rotate(450deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(calc(100vh + 50px)) rotate(720deg);
            transform: translateY(calc(100vh + 50px)) rotate(720deg);
    opacity: 0;
  }
}
@keyframes rain {
  0% {
    -webkit-transform: translateY(-50px) rotate(0deg);
            transform: translateY(-50px) rotate(0deg);
    opacity: 0.5;
  }
  20% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translateY(calc(100vh - 100px)) rotate(360deg);
            transform: translateY(calc(100vh - 100px)) rotate(360deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: translateY(calc(100vh - 120px)) rotate(450deg);
            transform: translateY(calc(100vh - 120px)) rotate(450deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(calc(100vh + 50px)) rotate(720deg);
            transform: translateY(calc(100vh + 50px)) rotate(720deg);
    opacity: 0;
  }
}
@-webkit-keyframes headShake {
  0%, 50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
  }
}
@keyframes headShake {
  0%, 50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg);
  }
}
@-webkit-keyframes personAnimation {
  0% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  60% {
    -webkit-transform: translateY(1%);
            transform: translateY(1%);
  }
}
@-webkit-keyframes personAnimationLeft {
  0% {
    -webkit-transform: translateY(-1%) rotate(0);
            transform: translateY(-1%) rotate(0);
  }
  60% {
    -webkit-transform: translateY(1%) rotate(-3deg);
            transform: translateY(1%) rotate(-3deg);
  }
}
@-webkit-keyframes spinnerBefore {
  0%, to {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
  50% {
    -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg);
  }
}
@-webkit-keyframes groupA {
  0%, to {
    left: 30%;
    top: 30%;
  }
  40%, 90% {
    left: 130%;
    top: 30%;
    -webkit-transform: translateY(-3%) translateY(-3%) scale(1.4) rotate(90deg);
            transform: translateY(-3%) translateY(-3%) scale(1.4) rotate(90deg);
  }
  50% {
    left: 130%;
    top: 30%;
    -webkit-transform: translateY(1%) translateY(-3%) scale(1.4) rotate(90deg);
            transform: translateY(1%) translateY(-3%) scale(1.4) rotate(90deg);
  }
}
@-webkit-keyframes groupAMobile {
  0%, to {
    left: 30%;
    top: 30%;
  }
  40%, 90% {
    left: -10%;
    top: 160%;
    -webkit-transform: translateY(-3%) translateY(-3%) scale(0.8) rotate(30deg);
            transform: translateY(-3%) translateY(-3%) scale(0.8) rotate(30deg);
  }
  50% {
    left: -10%;
    top: 160%;
    -webkit-transform: translateY(1%) translateY(-3%) scale(0.8) rotate(30deg);
            transform: translateY(1%) translateY(-3%) scale(0.8) rotate(30deg);
  }
}
@-webkit-keyframes group10 {
  0%, to {
    left: 30%;
    top: 40%;
  }
  40%, 90% {
    left: -45%;
    top: 25%;
    -webkit-transform: translateY(-3%) translateY(-3%) scale(1.2) rotate(120deg);
            transform: translateY(-3%) translateY(-3%) scale(1.2) rotate(120deg);
  }
  50% {
    left: -45%;
    top: 25%;
    -webkit-transform: translateY(1%) translateY(-3%) scale(1.2) rotate(120deg);
            transform: translateY(1%) translateY(-3%) scale(1.2) rotate(120deg);
  }
}
@-webkit-keyframes group10Mobile {
  0%, to {
    left: 30%;
    top: 30%;
  }
  40%, 90% {
    left: -10%;
    top: -20%;
    -webkit-transform: translateY(-3%) translateY(-3%) scale(0.8) rotate(-20deg);
            transform: translateY(-3%) translateY(-3%) scale(0.8) rotate(-20deg);
  }
  50% {
    left: -10%;
    top: -20%;
    -webkit-transform: translateY(1%) translateY(-3%) scale(0.8) rotate(-20deg);
            transform: translateY(1%) translateY(-3%) scale(0.8) rotate(-20deg);
  }
}
@-webkit-keyframes group-char {
  0%, to {
    left: 30%;
    top: 50%;
  }
  40%, 90% {
    left: -35%;
    top: 65%;
    -webkit-transform: translateY(-3%) translateY(-3%) scale(1.4) rotate(-100deg);
            transform: translateY(-3%) translateY(-3%) scale(1.4) rotate(-100deg);
  }
  50% {
    left: -35%;
    top: 65%;
    -webkit-transform: translateY(1%) translateY(-3%) scale(1.4) rotate(-100deg);
            transform: translateY(1%) translateY(-3%) scale(1.4) rotate(-100deg);
  }
}
@-webkit-keyframes group-char-mobile {
  0%, to {
    left: 30%;
    top: 50%;
  }
  40%, 90% {
    left: -10%;
    top: 80%;
    -webkit-transform: translateY(-3%) translateY(-3%) scale(0.8) rotate(-20deg);
            transform: translateY(-3%) translateY(-3%) scale(0.8) rotate(-20deg);
  }
  50% {
    left: -10%;
    top: 80%;
    -webkit-transform: translateY(1%) translateY(-3%) scale(0.8) rotate(-20deg);
            transform: translateY(1%) translateY(-3%) scale(0.8) rotate(-20deg);
  }
}
@-webkit-keyframes group-anubis {
  0%, to {
    left: 30%;
    top: 50%;
  }
  40%, 90% {
    left: 110%;
    top: 20%;
    -webkit-transform: translateY(-3%) translateY(-3%) scale(0.8) rotate(-20deg);
            transform: translateY(-3%) translateY(-3%) scale(0.8) rotate(-20deg);
  }
  50% {
    left: 110%;
    top: 20%;
    -webkit-transform: translateY(1%) translateY(-3%) scale(0.8) rotate(-20deg);
            transform: translateY(1%) translateY(-3%) scale(0.8) rotate(-20deg);
  }
}
@-webkit-keyframes group-anubis-mobile {
  0%, to {
    left: 30%;
    top: 50%;
  }
  40%, 90% {
    left: 30%;
    top: 100%;
    -webkit-transform: translateY(-3%) translateY(-3%) scale(0.8) rotate(-20deg);
            transform: translateY(-3%) translateY(-3%) scale(0.8) rotate(-20deg);
  }
  50% {
    left: 30%;
    top: 100%;
    -webkit-transform: translateY(1%) translateY(-3%) scale(0.8) rotate(-20deg);
            transform: translateY(1%) translateY(-3%) scale(0.8) rotate(-20deg);
  }
}
@-webkit-keyframes group-7 {
  0%, to {
    left: 30%;
    top: 50%;
  }
  40%, 90% {
    left: 110%;
    top: 50%;
    -webkit-transform: translateY(-3%) translateY(-3%) scale(1.1) rotate(50deg);
            transform: translateY(-3%) translateY(-3%) scale(1.1) rotate(50deg);
  }
  50% {
    left: 110%;
    top: 50%;
    -webkit-transform: translateY(1%) translateY(-3%) scale(1.1) rotate(50deg);
            transform: translateY(1%) translateY(-3%) scale(1.1) rotate(50deg);
  }
}
@-webkit-keyframes group-7-mobile {
  0%, to {
    left: 30%;
    top: 50%;
  }
  40%, 90% {
    left: 70%;
    top: 100%;
    -webkit-transform: translateY(-3%) translateY(-3%) scale(1.05) rotate(-90deg);
            transform: translateY(-3%) translateY(-3%) scale(1.05) rotate(-90deg);
  }
  50% {
    left: 70%;
    top: 100%;
    -webkit-transform: translateY(1%) translateY(-3%) scale(1.05) rotate(-90deg);
            transform: translateY(1%) translateY(-3%) scale(1.05) rotate(-90deg);
  }
}
@-webkit-keyframes group-pharaoh {
  0%, to {
    left: 30%;
    top: 50%;
  }
  40%, 90% {
    left: 110%;
    top: 0;
    -webkit-transform: translateY(-3%) scale(1.1) rotate(-60deg);
            transform: translateY(-3%) scale(1.1) rotate(-60deg);
  }
  50% {
    left: 110%;
    top: 0;
    -webkit-transform: translateY(1%) scale(1.1) rotate(-60deg);
            transform: translateY(1%) scale(1.1) rotate(-60deg);
  }
}
@-webkit-keyframes group-pharaoh-mobile {
  0%, to {
    left: 30%;
    top: 50%;
  }
  40%, 90% {
    left: 90%;
    top: -25%;
    -webkit-transform: translateY(-3%) scale(0.8) rotate(-20deg);
            transform: translateY(-3%) scale(0.8) rotate(-20deg);
  }
  50% {
    left: 90%;
    top: -25%;
    -webkit-transform: translateY(1%) scale(0.8) rotate(-20deg);
            transform: translateY(1%) scale(0.8) rotate(-20deg);
  }
}
@-webkit-keyframes group-q {
  0%, to {
    left: 30%;
    top: 50%;
    -webkit-transform: scale(0.8) rotate(-120deg);
            transform: scale(0.8) rotate(-120deg);
  }
  40%, 90% {
    left: -35%;
    top: -10%;
    -webkit-transform: translateY(-3%) scale(1) rotate(-20deg);
            transform: translateY(-3%) scale(1) rotate(-20deg);
  }
  50% {
    left: -35%;
    top: -10%;
    -webkit-transform: translateY(1%) scale(1) rotate(-20deg);
            transform: translateY(1%) scale(1) rotate(-20deg);
  }
}
@-webkit-keyframes group-q-mobile {
  0%, to {
    left: 30%;
    top: 50%;
  }
  40%, 90% {
    left: 0;
    top: -15%;
    -webkit-transform: translateY(-3%) scale(0.6) rotate(50deg);
            transform: translateY(-3%) scale(0.6) rotate(50deg);
  }
  50% {
    left: 0;
    top: -15%;
    -webkit-transform: translateY(1%) scale(0.6) rotate(50deg);
            transform: translateY(1%) scale(0.6) rotate(50deg);
  }
}
@-webkit-keyframes back-left-center {
  0%, to {
    left: 30%;
    top: 30%;
    -webkit-transform: translateY(0) scale(1) rotate(20deg);
            transform: translateY(0) scale(1) rotate(20deg);
  }
  40%, 90% {
    left: 6%;
    top: 12%;
    -webkit-transform: translateY(-3%) scale(1.2) rotate(-10deg);
            transform: translateY(-3%) scale(1.2) rotate(-10deg);
  }
  50% {
    left: 6%;
    top: 12%;
    -webkit-transform: translateY(1%) scale(1.2) rotate(-10deg);
            transform: translateY(1%) scale(1.2) rotate(-10deg);
  }
}
@-webkit-keyframes left-bottom {
  0%, to {
    left: 30%;
    top: 40%;
    -webkit-transform: translateY(0) scale(1) rotate(20deg);
            transform: translateY(0) scale(1) rotate(20deg);
  }
  40%, 90% {
    left: 3%;
    top: 25%;
    -webkit-transform: translateY(-3%) scale(1.2) rotate(-10deg);
            transform: translateY(-3%) scale(1.2) rotate(-10deg);
  }
  50% {
    left: 3%;
    top: 25%;
    -webkit-transform: translateY(1%) scale(1.2) rotate(-10deg);
            transform: translateY(1%) scale(1.2) rotate(-10deg);
  }
}
@-webkit-keyframes back-left-top {
  0%, to {
    left: 40%;
    top: 20%;
    -webkit-transform: translateY(0) scale(1) rotate(20deg);
            transform: translateY(0) scale(1) rotate(20deg);
  }
  40%, 90% {
    left: 15%;
    top: 2%;
    -webkit-transform: translateY(-3%) scale(1.1) rotate(-10deg);
            transform: translateY(-3%) scale(1.1) rotate(-10deg);
  }
  50% {
    left: 15%;
    top: 2%;
    -webkit-transform: translateY(1%) scale(1.1) rotate(-10deg);
            transform: translateY(1%) scale(1.1) rotate(-10deg);
  }
}
@-webkit-keyframes back-right-top {
  0%, to {
    right: 30%;
    top: 30%;
    -webkit-transform: translateY(0) scale(1) rotate(20deg);
            transform: translateY(0) scale(1) rotate(20deg);
  }
  40%, 90% {
    right: 6%;
    top: 12%;
    -webkit-transform: translateY(-3%) scale(1.3) rotate(-10deg);
            transform: translateY(-3%) scale(1.3) rotate(-10deg);
  }
  50% {
    right: 6%;
    top: 12%;
    -webkit-transform: translateY(1%) scale(1.3) rotate(-10deg);
            transform: translateY(1%) scale(1.3) rotate(-10deg);
  }
}
@-webkit-keyframes back-right-right {
  0%, to {
    right: 30%;
    top: 40%;
    -webkit-transform: translateY(0) scale(1) rotate(20deg);
            transform: translateY(0) scale(1) rotate(20deg);
  }
  40%, 90% {
    right: 3%;
    top: 25%;
    -webkit-transform: translateY(-3%) scale(1.2) rotate(-10deg);
            transform: translateY(-3%) scale(1.2) rotate(-10deg);
  }
  50% {
    right: 3%;
    top: 25%;
    -webkit-transform: translateY(1%) scale(1.2) rotate(-10deg);
            transform: translateY(1%) scale(1.2) rotate(-10deg);
  }
}
@-webkit-keyframes back-right-left {
  0%, to {
    right: 40%;
    top: 20%;
    -webkit-transform: translateY(0) scale(1) rotate(20deg);
            transform: translateY(0) scale(1) rotate(20deg);
  }
  40%, 90% {
    right: 15%;
    top: 2%;
    -webkit-transform: translateY(-3%) scale(1.1) rotate(-10deg);
            transform: translateY(-3%) scale(1.1) rotate(-10deg);
  }
  50% {
    right: 15%;
    top: 2%;
    -webkit-transform: translateY(1%) scale(1.1) rotate(-10deg);
            transform: translateY(1%) scale(1.1) rotate(-10deg);
  }
}
@-webkit-keyframes hide {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
html {
  font-size: 12px;
  background: #250005;
}

img {
  width: 100%;
}

.coin-rain {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 7;
}

.coin {
  position: absolute;
  width: 60px;
  height: 60px;
  z-index: 9;
}

.wheel__group-a {
  position: absolute;
  left: 30%;
  top: 30%;
  z-index: 1;
  width: 7em;
  -webkit-animation: 5s groupA ease-in-out infinite;
          animation: 5s groupA ease-in-out infinite;
}

@media (max-width: 640px) {
  .wheel__group-a {
    -webkit-animation: 5s groupAMobile ease-in-out infinite;
            animation: 5s groupAMobile ease-in-out infinite;
  }
}
.wheel__group-10 {
  position: absolute;
  left: 30%;
  top: 40%;
  z-index: 1;
  width: 15em;
  -webkit-animation: 5s group10 ease-in-out infinite;
          animation: 5s group10 ease-in-out infinite;
}

@media (max-width: 640px) {
  .wheel__group-10 {
    -webkit-animation: 5s group10Mobile ease-in-out infinite;
            animation: 5s group10Mobile ease-in-out infinite;
  }
}
.wheel__group-char {
  position: absolute;
  left: 30%;
  top: 50%;
  z-index: 1;
  width: 10em;
  -webkit-animation: 5s group-char ease-in-out infinite;
          animation: 5s group-char ease-in-out infinite;
}

@media (max-width: 640px) {
  .wheel__group-char {
    -webkit-animation: 5s group-char-mobile ease-in-out infinite;
            animation: 5s group-char-mobile ease-in-out infinite;
  }
}
.wheel__group-anubis {
  position: absolute;
  left: 30%;
  top: 50%;
  z-index: 1;
  width: 15em;
  -webkit-animation: 5s group-anubis ease-in-out infinite;
          animation: 5s group-anubis ease-in-out infinite;
}

@media (max-width: 640px) {
  .wheel__group-anubis {
    -webkit-animation: 5s group-anubis-mobile ease-in-out infinite;
            animation: 5s group-anubis-mobile ease-in-out infinite;
  }
}
.wheel__group-7 {
  position: absolute;
  left: 30%;
  top: 50%;
  z-index: 1;
  width: 15em;
  -webkit-animation: 5s group-7 ease-in-out infinite;
          animation: 5s group-7 ease-in-out infinite;
}

@media (max-width: 640px) {
  .wheel__group-7 {
    -webkit-animation: 5s group-7-mobile ease-in-out infinite;
            animation: 5s group-7-mobile ease-in-out infinite;
  }
}
.wheel__group-pharaoh {
  position: absolute;
  left: 30%;
  top: 30%;
  z-index: 1;
  width: 14em;
  -webkit-animation: 5s group-pharaoh ease-in-out infinite;
          animation: 5s group-pharaoh ease-in-out infinite;
}

@media (max-width: 640px) {
  .wheel__group-pharaoh {
    -webkit-animation: 5s group-pharaoh-mobile ease-in-out infinite;
            animation: 5s group-pharaoh-mobile ease-in-out infinite;
  }
}
.wheel__group-q {
  position: absolute;
  left: 30%;
  top: 30%;
  z-index: 1;
  width: 20em;
  -webkit-animation: 5s group-q ease-in-out infinite;
          animation: 5s group-q ease-in-out infinite;
  -webkit-transform: scale(0.8) rotate(-120deg);
          transform: scale(0.8) rotate(-120deg);
}

@media (max-width: 640px) {
  .wheel__group-q {
    -webkit-animation: 5s group-q-mobile ease-in-out infinite;
            animation: 5s group-q-mobile ease-in-out infinite;
  }
}
.back-animation,
.back-animation:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.back-animation:before {
  content: "";
  z-index: 1;
  background-image: url(../img/bg-2.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

@media (max-width: 640px) {
  .back-animation:before {
    display: none;
  }
}
.wheel__back-left-bottom,
.wheel__back-left-center,
.wheel__back-left-top {
  position: absolute;
  left: 30%;
  top: 30%;
  z-index: 0;
  width: 12em;
  -webkit-animation: 5s back-left-center ease-in-out infinite;
          animation: 5s back-left-center ease-in-out infinite;
  -webkit-transform: translateY(0) scale(1) rotate(20deg);
          transform: translateY(0) scale(1) rotate(20deg);
}

.wheel__back-left-bottom,
.wheel__back-left-top {
  top: 40%;
  -webkit-animation: 5s left-bottom ease-in-out infinite;
          animation: 5s left-bottom ease-in-out infinite;
}

.wheel__back-left-top {
  left: 40%;
  top: 20%;
  width: 10em;
  -webkit-animation: 5s back-left-top ease-in-out infinite;
          animation: 5s back-left-top ease-in-out infinite;
}

.wheel__back-right-left,
.wheel__back-right-right,
.wheel__back-right-top {
  position: absolute;
  right: 30%;
  top: 30%;
  z-index: 0;
  width: 12em;
  -webkit-animation: 5s back-right-top ease-in-out infinite;
          animation: 5s back-right-top ease-in-out infinite;
  -webkit-transform: translateY(0) scale(1) rotate(20deg);
          transform: translateY(0) scale(1) rotate(20deg);
}

.wheel__back-right-left,
.wheel__back-right-right {
  top: 40%;
  -webkit-animation: 5s back-right-right ease-in-out infinite;
          animation: 5s back-right-right ease-in-out infinite;
}

.wheel__back-right-left {
  right: 40%;
  top: 20%;
  width: 10em;
  -webkit-animation: 5s back-right-left ease-in-out infinite;
          animation: 5s back-right-left ease-in-out infinite;
}

.modal,
.modal__container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 998;
  opacity: 0;
  visibility: hidden;
}

.modal__container {
  max-width: 1340px;
  background-image: url(../images/modal-background.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 50px;
  position: relative;
  z-index: 2;
}

@media (max-width: 991px) {
  .modal__container {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .modal__container {
    margin-top: -10%;
    height: auto;
    background-image: url(../images/modal-background-mobile.webp);
  }
}
.modal__logo {
  width: 100%;
  max-width: 700px;
}

@media (max-width: 991px) {
  .modal__logo {
    max-width: 80%;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .modal__logo {
    margin-top: 0;
    max-width: 100%;
  }
}
.modal__text {
  text-align: center;
  font-size: 44px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  padding: 2px;
  color: red;
  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;
}

@media (max-width: 1024px) {
  .modal__text {
    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: 991px) {
  .modal__text {
    font-size: 30px;
    max-width: 90%;
    margin-bottom: 10px;
  }
}
.modal__title {
  text-align: center;
  font-size: 80px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  padding: 3px;
  margin-top: -20px;
  margin-bottom: 10px;
  color: #0093fe;
  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;
}

@media (max-width: 1024px) {
  .modal__title {
    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: 991px) {
  .modal__title {
    margin-bottom: 5px;
    font-size: 40px;
  }
}
.modal .logo {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.modal.is--active {
  opacity: 1;
  visibility: visible;
}

.modal.is--active .bottom__section {
  opacity: 1;
  position: static;
  margin-top: 0;
}

.is--modal-open .bottom__section,
.is--modal-open .wheel {
  opacity: 0;
}

.is--modal-open .right__person {
  position: fixed;
  right: 10%;
  bottom: 0;
  top: auto;
  width: 22em;
}

.is--modal-open .bottom__section-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.is--modal-open .logo {
  opacity: 0;
}

.is--modal-open .modal .logo {
  opacity: 1;
}

#reels {
  z-index: 2;
}

#reels:before {
  background: 0 0;
}

.background {
  top: 50%;
  height: 104%;
}

@media (max-width: 767px) {
  .background {
    top: 52%;
    height: 113%;
    width: 103%;
  }
}
.reel {
  position: relative;
}

.reel:first-child {
  left: -15px;
}

.reel:nth-child(2) {
  left: -5px;
}

.reel:nth-child(4) {
  left: 10px;
}

.reel:last-child {
  right: -15px;
}

#slot {
  font-size: 80%;
}

.bonus-inline.is--active {
  background: -webkit-gradient(linear, right top, left top, from(#fdf391), to(#fb0100));
  background: linear-gradient(to left, #fdf391, #fb0100);
}

.bonus-inline.is--active p {
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #4000c7), to(#4000c7));
  background: linear-gradient(90deg, #4000c7 0, #4000c7 100%);
  -webkit-background-clip: text;
}

.bonus-inline.is--active svg path {
  stroke: #4000c7;
}

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

.bonuses-wrapper.is--active .modal__title {
  margin-top: 0;
}

.btn-inner_temp {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.btn-inner_temp_hidden {
  display: none !important;
}

.btn-inner_temp a,
.btn-inner_temp button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  text-decoration: none;
}

.install-button {
  display: none;
}

html.pwa-supported .btn-inner_temp {
  display: block;
}

html.pwa-supported .alt-button {
  display: none;
}

html.pwa-supported .install-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.logo-btns {
  position: relative;
  max-width: 360px;
  margin: 0 auto;
}

.logo-modal {
  max-width: 360px;
}

.install-button, .alt-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  text-decoration: none;
  z-index: 100;
}

@media (max-width: 767px) {
  .logo-btns {
    max-width: 259px;
    margin-top: 10px;
  }
  .logo-modal {
    max-width: 259px;
  }
}