/* Локальные шрифты (latin) — вместо запроса к fonts.googleapis.com.
   Roboto и Roboto Slab, Apache License 2.0. */
@font-face {
  font-family:"Roboto";
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url("../fonts/roboto-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:"Roboto Slab";
  font-style:normal;
  font-weight:900;
  font-display:swap;
  src:url("../fonts/robotoslab-900-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
  line-height:1.15;
  -webkit-text-size-adjust:100%
}

body {
  margin:0
}

main {
  display:block
}

h1 {
  font-size:2em;
  margin:.67em 0
}

hr {
  box-sizing:content-box;
  height:0;
  overflow:visible
}

pre {
  font-family:monospace,monospace;
  font-size:1em
}

a {
  background-color:transparent
}

abbr[title] {
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted
}

b,strong {
  font-weight:bolder
}

code,kbd,samp {
  font-family:monospace,monospace;
  font-size:1em
}

small {
  font-size:80%
}

sub,sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sub {
  bottom:-0.25em
}

sup {
  top:-0.5em
}

img {
  border-style:none;
  max-width:100%;
  height:auto
}

button,input,optgroup,select,textarea {
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0
}

button,input {
  overflow:visible
}

button,select {
  text-transform:none
}

button,[type=button],[type=reset],[type=submit] {
  -webkit-appearance:button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
  border-style:none;
  padding:0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
  outline:1px dotted ButtonText
}

fieldset {
  padding:.35em .75em .625em
}

legend {
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal
}

progress {
  vertical-align:baseline
}

textarea {
  overflow:auto
}

[type=checkbox],[type=radio] {
  box-sizing:border-box;
  padding:0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height:auto
}

[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}

::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}

details {
  display:block
}

summary {
  display:list-item
}

template {
  display:none
}

[hidden] {
  display:none
}

*,*::before,*::after {
  margin:0;
  padding:0;
  box-sizing:border-box
}

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

a {
  color:inherit;
  text-decoration:none
}

a:link {
  text-decoration:none !important
}

a:hover {
  text-decoration:none !important
}

a:active {
  text-decoration:none !important
}

a:visited {
  text-decoration:none !important
}

body,html {
  min-height:100%;
  max-width:100%;
  width:100%;
  overflow-x:hidden
}

body {
  font-family:"Roboto",Arial,Helvetica,sans-serif
}

html {
  background:#164a8c;
  line-height:1.15;
  font-size:12px
}

html.hide {
  display:block
}

html.hide .blur_wrap {
  background:transparent;
  position:relative;
  filter:none
}

.preloader {
  width:5em;
  height:5em;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  z-index:6
}

.preloader.hide {
  display:none
}

a {
  text-decoration:underline
}

a:hover {
  text-decoration:none
}

.blur_wrap {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  top:0;
  filter:blur(5px);
  width:100%;
  min-height:100%;
  z-index:5
}

.layout {
  position:relative;
  z-index:2;
  font-size:10px;
  box-sizing:border-box;
  overflow-x:hidden
}

html.en .en {
  display:inline-block
}

html .en {
  display:none
}

html.de .de {
  display:inline-block
}

html .de {
  display:none
}

html.fi .fi {
  display:inline-block
}

html .fi {
  display:none
}

html.pl .pl {
  display:inline-block
}

html .pl {
  display:none
}

html.pt .pt {
  display:inline-block
}

html .pt {
  display:none
}

html.es .es {
  display:inline-block
}

html .es {
  display:none
}

html.ro .ro {
  display:inline-block
}

html .ro {
  display:none
}

html.hu .hu {
  display:inline-block
}

html .hu {
  display:none
}

html.fr .fr {
  display:inline-block
}

html .fr {
  display:none
}

html.jp .jp {
  display:inline-block
}

html .jp {
  display:none
}

html.in .in {
  display:inline-block
}

html .in {
  display:none
}

html.cz .cz {
  display:inline-block
}

html .cz {
  display:none
}

html.no .no {
  display:inline-block
}

html .no {
  display:none
}

html.vn .vn {
  display:inline-block
}

html .vn {
  display:none
}

html.th .th {
  display:inline-block
}

html .th {
  display:none
}

html.gr .gr {
  display:inline-block
}

html .gr {
  display:none
}

html.lt .lt {
  display:inline-block
}

html .lt {
  display:none
}

html.it .it {
  display:inline-block
}

html .it {
  display:none
}

html.dk .dk {
  display:inline-block
}

html .dk {
  display:none
}

html.lv .lv {
  display:inline-block
}

html .lv {
  display:none
}

html.se .se {
  display:inline-block
}

html .se {
  display:none
}

html.ee .ee {
  display:inline-block
}

html .ee {
  display:none
}

html.sk .sk {
  display:inline-block
}

html .sk {
  display:none
}

.lang_flag.flag_fr {
  background-image:url(../images/fr.svg);
  background-size:1.6em 1.6em
}

.lang_flag.flag_it {
  background-image:url(../images/it.svg);
  background-size:1.6em 1.6em
}

.lang_flag.flag_ru {
  opacity:0
}

.txt_cur_dol,.txt_cur_eur,.txt_cur_pt,.txt_cur_br,.txt_cur_pe,.txt_cur_co,.txt_cur_cl,.txt_cur_mx {
  display:none
}

html.en .txt_cur_eur {
  display:inline-block
}

html.en.cur_dol .en .txt_cur_dol {
  display:inline-block
}

html.en.cur_dol .en .txt_cur_eur {
  display:none
}

html.es .txt_cur_cl {
  display:inline-block
}

html.es.cur_pe .es .txt_cur_pe {
  display:inline-block
}

html.es.cur_pe .es .txt_cur_cl {
  display:none
}

html.es.cur_mx .es .txt_cur_mx {
  display:inline-block
}

html.es.cur_mx .es .txt_cur_cl {
  display:none
}

html.es.cur_co .es .txt_cur_co {
  display:inline-block
}

html.es.cur_co .es .txt_cur_cl {
  display:none
}

html.pt .txt_cur_pt {
  display:inline-block
}

html.pt.cur_br .pt .txt_cur_pt {
  display:none
}

html.pt.cur_br .pt .txt_cur_br {
  display:block
}

.lang_flag.flag_se {
  background-image:url("../images/se.svg");
  background-size:1.6em 1.6em
}

.lang_flag.flag_sk {
  background-image:url("../images/sk.svg");
  background-size:1.6em 1.6em
}

.lang_flag.flag_cn {
  background-image:url("../images/cn.svg");
  background-size:1.6em 1.6em
}

.lang_flag.flag_fr {
  background-image:url("../images/fr.svg");
  background-size:1.6em 1.6em
}

.lang_flag.flag_fi {
  background-image:url("../images/fi.svg");
  background-size:1.6em 1.6em
}

.lang_flag.flag_in {
  background-image:url("../images/in.svg");
  background-size:1.6em 1.6em
}

.lang_switcher_outer {
  position:absolute;
  font-family:"Roboto",Arial,sans-serif;
  top:2em;
  right:2em;
  width:14em;
  height:3.5em;
  z-index:5555;
  cursor:pointer;
  font-size:10px;
  color:#000;
  text-transform:uppercase;
  font-weight:400
}

.lang_switcher_outer .lang_switcher {
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  display:block;
  cursor:pointer;
  position:relative;
  padding-bottom:1.43em;
  z-index:3;
  background:linear-gradient(180deg, #9ddb06 0%, #74a817 100%);
  border-radius:8px
}

.lang_switcher_outer .lang_switcher .curr_lang {
  position:relative;
  display:inline-block;
  top:.5em;
  margin:0 .5em 0 .6em
}

.lang_switcher_outer .lang_switcher .curr_lang span {
  font-size:1.3em;
  padding:.35em 0 0 0;
  display:inline-block
}

.lang_switcher_outer .lang_switcher .curr_lang .lang_flag {
  top:.4em;
  margin:0 .5em 0 0
}

.lang_switcher_outer i {
  top:.4em;
  background:url("../images/lang-arr.svg") 0 0 no-repeat;
  background-size:contain;
  width:1.3em;
  position:relative;
  height:.8em;
  display:inline-block
}

.lang_switcher_outer p {
  font-size:1.1em;
  position:relative;
  color:#000;
  top:.5em;
  text-transform:none;
  display:inline-block;
  width:40%;
  text-align:center;
  margin-left:5px
}

.lang_flag {
  display:inline-block;
  border-radius:50%;
  width:1.6em;
  height:1.6em;
  background-image:url("../images/flags.png");
  background-size:1.6em 32em;
  margin:0 .7em 0 1.1em;
  position:relative;
  top:.35em
}

.lang_list {
  position:absolute;
  flex-wrap:wrap;
  width:100%;
  list-style-type:none;
  top:1em;
  display:none;
  right:0;
  border-radius:0 0 1em 1em;
  overflow:hidden;
  cursor:auto;
  border-top:none;
  padding-top:25px;
  background:linear-gradient(180deg, #9ddb06 0%, #74a817 100%)
}

.lang_list li {
  background:transparent;
  width:50%;
  height:3em;
  cursor:pointer;
  padding:0em 1.5em
}

.lang_list li span {
  font-size:1.3em;
  padding:.7em 0 0 0;
  display:inline-block
}

.lang_list li.curr {
  pointer-events:none;
  background:#fff
}

.lang_list li.curr span {
  color:#17240b
}

.lang_list li:hover {
  background:#fff
}

.lang_list li:hover span {
  color:#17240b
}

.lang_switcher_outer.act .lang_list {
  display:flex
}

html.it .wheel__btn-block>span {
  font-size:2.5rem
}

html.in .popup__congrats>span {
  font-size:4rem
}

html.jp .btn-primary>span,html.fr .btn-primary>span,html.vn .btn-primary>span,html.lt .btn-primary>span {
  font-size:2.3rem
}

html.de .btn-primary>span {
  font-size:2rem
}

html.es .btn-primary>span {
  font-size:1.6rem
}

html.es .steps>.steps__item>span,html.gr .steps>.steps__item>span,html.lt .steps>.steps__item>span {
  font-size:1.8rem
}

html.jp .steps>.steps__item>span {
  font-size:1.6rem
}

html.en .wheel__btn-block>span,html.dk .wheel__btn-block>span {
  font-size:5.9rem
}

html.cz .wheel__btn-block>span,html.lv .wheel__btn-block>span,html.fi .wheel__btn-block>span {
  font-size:3.2rem
}

html.pl .wheel__btn-block>span,html.ro .wheel__btn-block>span,html.fr .wheel__btn-block>span,html.ee .wheel__btn-block>span {
  font-size:2.5rem
}

html.hu .wheel__btn-block>span {
  font-size:1.8rem
}

.container {
  max-width:1220px;
  margin:0 auto
}

.wrapper {
  max-width:192rem;
  width:100%;
  margin:0 auto
}

.page {
  position:relative;
  padding-top:2rem;
  background:url("../images/bg.jpg") center/cover no-repeat;
  min-height:100vh
}

.main__logo {
  display:block;
  max-width:18rem;
  width:100%;
  margin:auto
}

.wheel__group {
  position:relative;
  width:155.2rem;
  height:116.3rem;
  margin:0 auto;
  display:flex;
  justify-content:center;
  align-items:center
}

.wheel__bg {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:1;
  pointer-events:none
}

.wheel__bg-mob {
  display:none
}

.wheel__block {
  position:absolute;
  left:50%;
  top:6.5rem;
  z-index:0;
  transform:translateX(-47%);
  width:57.8rem
}

.wheel__left {
  position:absolute;
  left:-30rem;
  top:0;
  width:44.9rem;
  height:60.8rem
}

.wheel__right {
  position:absolute;
  right:-30rem;
  top:0;
  width:54.1rem;
  height:57.1rem
}

.wheel__title {
  text-align:center;
  margin:1.6rem 0 0;
  padding:0 1rem
}

.wheel__title-mob {
  display:none
}

.wheel__title>div>span {
  display:inline-block;
  position:relative;
  font-weight:900;
  font-size:5.1rem;
  text-align:center;
  text-transform:uppercase
}

.wheel__title>div>span::after {
  position:absolute;
  left:0;
  top:.1rem;
  content:attr(data-title);
  width:100%;
  height:100%;
  text-shadow:1px 1px 0 #ffd200,1px -1px 0 #ffd200,-1px 1px 0 #ffd200,-1px -1px 0 #ffd200,1px 0px 0 #ffd200,0px 1px 0 #ffd200,-1px 0px 0 #ffd200,0px -1px 0 #ffd200,0px 3px 5px #381100
}

.wheel__title>div>span::before {
  position:absolute;
  left:0;
  top:.1rem;
  z-index:1;
  content:attr(data-title);
  width:100%;
  height:100%;
  background:linear-gradient(0deg, #fff500 0%, #ff0300 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-fill-color:transparent;
  mix-blend-mode:normal
}

.wheel__img {
  position:absolute;
  left:50%;
  bottom:-29rem;
  transform:translateX(-45%);
  width:63.2rem;
  pointer-events:none;
  width:107.7rem;
  height:66.5rem
}

.wheel__img-mob {
  display:none
}

.wheel__center {
  animation:2s spinner ease-in-out infinite
}

.wheel__btn {
  cursor:pointer;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  z-index:3;
  width:20.1rem;
  height:20.1rem;
  text-align:center;
  box-sizing:border-box;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  transition:all .2s ease
}

.wheel__btn:hover {
  box-shadow:0 0 5rem #e9b55a
}

.wheel__btn-hover {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100%;
  height:100%;
  opacity:0;
  transition:all .2s ease
}

.wheel__btn-block {
  position:relative
}

.wheel__btn-block>span {
  font-family:"Roboto Slab",serif;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-51%, -50%);
  font-weight:900;
  font-size:3.5rem;
  text-align:center;
  text-transform:uppercase;
  color:#000;
  width:100%
}

.btn-center {
  line-height:6.6rem
}

.wheel__center {
  width:57.8em;
  height:57.8em;
  margin:0 auto;
  position:relative;
  background-image:url(../images/spinner.webp);
  background-size:100% 100%;
  background-repeat:no-repeat
}

@media(max-width: 840px) {
  .wheel__center {
    font-size:86%
  }
}

.wheel__center .wheel__text {
  position:absolute;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:3em 0;
  box-sizing:border-box;
  color:#ffc62c;
  -webkit-text-stroke:.12em #341c0e
}

.wheel__center .wheel__text-1 .bonus.wheel-bonus-txt {
  font-size:4.2em;
  line-height:1
}

.wheel__center .wheel__bonus {
  width:fit-content;
  max-width:20em;
  margin:0 auto;
  text-align:center
}

.wheel__center .wheel__bonus-2 {
  transform:rotate(180deg)
}

.wheel__center .wheel-bonus-txt {
  font-family:"Roboto",sans-serif;
  font-weight:900;
  font-size:3em;
  line-height:1.24;
  text-transform:uppercase;
  text-align:center
}

.wheel__center .percent-bonus {
  font-size:5em;
  line-height:1
}

.wheel__center .fs-bonus {
  line-height:1.2
}

.wheel__center .sector__luck {
  font-size:2.4em
}

.wheel__center .sector__respin {
  font-size:2.8em
}

.wheel__center .sector__deposit {
  font-size:2.6em
}

.wheel__center .sector__deposit-x {
  font-size:5em;
  line-height:1
}

.wheel__center .sector__fs {
  font-size:4em
}

html.de .sector__deposit {
  font-size:2em
}

html.fi .sector__respin {
  font-size:2.4em
}

html.no .sector__respin {
  font-size:2.6em
}

html.hu .sector__respin {
  font-size:2.6em
}

html.gr .sector__deposit {
  font-size:2.4em
}

html.gr .sector__respin {
  font-size:2.2em
}

html.lt .sector__respin {
  font-size:2.4em
}

html.lv .sector__respin {
  font-size:2.2em
}

html.se .sector__deposit {
  font-size:2.2em
}

html.se .sector__respin {
  font-size:2.8em
}

html.ee .sector__respin {
  font-size:2.4em
}

#game1 {
  position:relative;
  margin-bottom:13rem
}

.steps {
  position:absolute;
  left:50%;
  top:75rem;
  transform:translateX(-50%);
  z-index:2;
  display:flex;
  justify-content:space-between;
  flex-direction:row;
  max-width:84rem;
  width:100%
}

.steps>.steps__item {
  position:relative;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin-right:1.6rem;
  width:33.3333333333%
}

.steps>.steps__item:last-child {
  margin-right:0
}

.steps>.steps__item>span {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  text-transform:uppercase;
  font-size:2rem;
  font-weight:900;
  color:#000;
  width:100%
}

.steps__item {
  text-decoration:none
}

.steps__item:hover {
  text-decoration:none
}

.steps__item:focus-visible {
  outline:2px solid rgba(255, 255, 255, .85);
  outline-offset:4px;
  border-radius:8px
}

.footer {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:86rem;
  z-index:3;
  padding:0 2rem 3rem;
  max-width:116rem;
  width:100%
}

.footer__mob {
  display:none
}

.footer__partners-mob {
  display:none
}

.footer__payments {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2rem;
  max-width:80rem;
  width:100%;
  margin:0 auto
}

.footer__payment {
  width:auto;
  height:9rem;
  max-width:25%;
  object-fit:contain
}

.footer__text {
  font-weight:400;
  font-size:1.3rem;
  line-height:1.5rem;
  text-align:center;
  color:#fff;
  margin-top:3rem
}

#popup2 .popup__bonus {
  margin:.5rem auto 0
}

#popup2 .popup__content {
  padding-top:15rem
}

#popup2 .popup__btn-second {
  position:relative;
  max-width:32rem;
  width:100%;
  margin:26.1rem auto 0;
  transition:all .2s ease
}

#popup2 .popup__btn-second:hover {
  filter:drop-shadow(0px 0px 4rem #ffe80c)
}

#popup2 .popup__btn-second__img {
  width:100%;
  height:100%
}

#popup2 .popup__btn-second>a {
  position:absolute;
  left:0;
  top:0;
  text-align:center;
  width:100%;
  height:100%
}

#popup2 .popup__btn-second>a>span {
  font-weight:700;
  font-size:2.6rem;
  text-align:center;
  text-transform:uppercase;
  color:#39290b;
  width:100%
}

#popup2 .popup__won>span {
  font-weight:700;
  font-size:5.2rem;
  text-align:center;
  text-transform:uppercase;
  background:linear-gradient(180deg, #feeedb 22.19%, #fdf34f 43.02%, #fc9f04 66.5%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-fill-color:transparent;
  mix-blend-mode:normal
}

#popup2 .popup__congrats>span {
  font-family:"Inter",sans-serif;
  font-weight:700;
  font-size:4rem;
  text-align:center;
  text-transform:uppercase;
  background:linear-gradient(180deg, #feeedb 22.19%, #fdf34f 43.02%, #fc9f04 66.5%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-fill-color:transparent
}

#popup2 .popup__wrapper {
  background:url(../images/popup2.png) 50% 0 no-repeat;
  background-size:contain;
  width:73rem;
  height:81rem
}

#popup2 .popup__wrapper .bonus__wrapper {
  position:unset;
  display:flex;
  align-items:center;
  justify-content:center
}

#popup2 .popup__wrapper .bonus__wrapper .popup__bonus {
  margin-bottom:3.2rem
}

#popup2 .popup__wrapper .bonus__wrapper .bonus2 {
  margin-top:0;
  margin-left:2rem
}

.btn-primary {
  position:relative;
  max-width:27rem;
  height:7rem;
  width:100%;
  margin:4rem auto 2.3rem;
  padding-top:.2rem;
  transition:all .2s ease;
  border-radius:2rem;
  background:linear-gradient(180deg, #ff754a 0%, #ae0000 100%)
}

.btn-primary:hover {
  box-shadow:0 0 4rem #ae0000
}

.btn-primary>span {
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%;
  font-weight:900;
  font-size:2.8rem;
  text-align:center;
  text-transform:uppercase;
  color:#39290b
}

@keyframes blinker-btn {
  0% {
    transform:translateX(-50%) scale(1)
  }

  50% {
    transform:translateX(-50%) scale(1.1)
  }

  100% {
    transform:translateX(-50%) scale(1)
  }
}

.popup {
  padding-top:3.2rem;
  opacity:0;
  pointer-events:none;
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:8;
  width:100%;
  height:100%;
  background:rgba(16,26,6,.6);
  transition:all .2s linear
}

.popup__top {
  position:relative;
  width:33.8rem;
  height:26.1rem;
  margin:auto
}

.popup__wrapper {
  background:url("../images/popup.webp") 50% 0 no-repeat;
  background-size:contain;
  width:61.6rem;
  height:41.5rem;
  position:absolute;
  left:50%;
  top:13rem;
  transform:translateX(-50%);
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center
}

.popup__won {
  position:relative
}

.popup__content {
  padding-top:10.6rem;
  padding-left:1rem;
  width:100%;
  text-align:center
}

.popup__title {
  font-weight:700;
  font-size:3.8rem;
  line-height:100%;
  text-align:center;
  text-transform:uppercase;
  background:linear-gradient(180deg, #ff8901 0%, #da3901 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-fill-color:transparent
}

.popup__text {
  font-weight:500;
  font-size:3.3rem;
  line-height:100%;
  text-align:center;
  text-transform:uppercase;
  color:#fff;
  margin:5.4rem 0 3.9rem
}

.popup__congrats>span {
  font-family:"Roboto Slab",serif;
  font-weight:900;
  font-size:5.3rem;
  color:#000;
  text-align:center;
  text-transform:uppercase;
  text-shadow:2px 2px 0 #ffe066,2px -2px 0 #ffe066,-2px 2px 0 #ffe066,-2px -2px 0 #ffe066,2px 0px 0 #ffe066,0px 2px 0 #ffe066,-2px 0px 0 #ffe066,0px -2px 0 #ffe066
}

.popup__percent {
  font-size:4.8rem
}

.popup__terms {
  text-decoration:underline
}

.popup__terms>span {
  display:inline-block;
  width:100%;
  font-weight:400;
  font-size:1.8rem;
  text-align:center;
  text-decoration-line:underline;
  color:#000
}

.popup__terms>span:hover {
  text-decoration:none
}

.popup__logo {
  display:block;
  max-width:18rem;
  width:100%;
  margin:auto
}

#popup2 .popup__content {
  padding-left:0
}

.show {
  pointer-events:auto;
  opacity:1;
  overflow-y:auto;
  overflow-x:hidden
}

.wheel_spinner_animated {
  animation:2s spinner ease-in-out infinite
}

.wheel__center.wheel_spinner_animated_1 {
  animation:4s spinTo1 ease-in-out forwards
}

.up {
  transform:translate(-55%, -138%);
  opacity:1
}

@media screen and (max-width: 2300px) {
  html {
    font-size:11px
  }
}

@media screen and (max-width: 2100px) {
  html {
    font-size:10px
  }
}

@media screen and (max-width: 1920px) {
  html {
    font-size:9px
  }
}

@media screen and (max-width: 1650px) {
  html {
    font-size:7px
  }
}

@media screen and (max-width: 1400px) {
  html {
    font-size:6.5px
  }

  .lang_switcher_outer {
    font-size:130%
  }
}

@media screen and (max-width: 1100px) {
  html {
    font-size:6px
  }
}

@media screen and (max-width: 940px) {
  html {
    font-size:5px
  }

  .wheel__btn>span {
    margin-top:1rem
  }
}

@media screen and (max-width: 840px) {
  .lang_switcher_outer {
    font-size:120%
  }

  html {
    font-size:10px
  }

  html.fr .wheel__title>div>span {
    font-size:4.5rem
  }

  html.es .steps>.steps__item>span,html.jp .steps>.steps__item>span,html.gr .steps>.steps__item>span,html.lt .steps>.steps__item>span {
    font-size:2.1rem
  }

  html.vn .steps>.steps__item>span {
    font-size:2.5rem
  }

  .wheel__title {
    display:none
  }

  .wheel__title-mob {
    display:block
  }

  /* Мобильный кадр-арт у казино один на все скины — рыбак из Big Bass.
     В Gates он не к месту, поэтому на мобиле рамку не показываем:
     остаётся олимпийский фон + само колесо. */
  .wheel__bg {
    display:none
  }

  .wheel__bg-mob {
    display:none
  }

  /* без рамки-арта высоту режем — иначе между колесом и шагами дыра */
  .wheel__group {
    width:86.6rem;
    height:90rem
  }

  .character-first {
    position:relative;
    z-index:1;
    margin-top:-20rem;
    display:block;
    pointer-events:none
  }

  .wheel__block {
    top:5.5rem;
    transform:translateX(-54%);
    width:49.8rem
  }

  .steps {
    top:57rem;
    flex-direction:column;
    align-items:center;
    justify-content:center
  }

  .steps>.steps__item {
    margin-right:0;
    margin-bottom:1rem;
    width:40%
  }

  .steps>.steps__item:last-child {
    margin-bottom:0
  }

  .page {
    background:url("../images/bg-mob.jpg") center/cover no-repeat
  }

  .footer {
    display:none
  }

  .footer__mob {
    display:block;
    position:static;
    transform:unset;
    margin-top:5rem;
    padding:0 5rem 3rem
  }

  .wheel__img {
    transform:translateX(-50%);
    width:100%;
    height:auto;
    bottom:-15rem
  }

  .wheel__frame {
    width:13.5em
  }

  .lang_switcher_outer p {
    display:none
  }

  .lang_switcher_outer {
    width:11.8em
  }

  .lang_switcher_outer .lang_switcher {
    text-align:center;
    height:100%
  }

  .lang_flag {
    margin:0 .7em
  }

  .wheel__title {
    max-width:90%;
    margin:1.9rem auto 0
  }

  .footer__payments {
    flex-wrap:wrap;
    gap:1.5rem;
    max-width:60rem
  }

  .footer__payment {
    height:9rem;
    max-width:45%
  }

  .popup__wrapper {
    top:30rem
  }
}

@media screen and (max-width: 819px) {
  html {
    font-size:9px
  }
}

@media screen and (max-width: 755px) {
  html {
    font-size:8px
  }
}

@media screen and (max-width: 660px) {
  html {
    font-size:7px
  }
}

@media screen and (max-width: 600px) {
  html {
    font-size:6px
  }

  html.hu .steps>.steps__item>span,html.vn .steps>.steps__item>span,html.ee .steps>.steps__item>span {
    font-size:2.3rem
  }

  html.jp .steps>.steps__item>span {
    font-size:1.9rem
  }

  .main__logo {
    max-width:26rem
  }

  .steps>.steps__item>span {
    font-size:2.7rem
  }

  .footer__text {
    font-size:1.7rem;
    line-height:2.3rem
  }

  .lang_switcher_outer {
    top:2.5rem;
    font-size:160%
  }

  .popup__wrapper {
    top:33rem
  }
}

@media screen and (max-width: 500px) {
  html {
    font-size:5px
  }
}

@media screen and (max-width: 500px) {
  .lang_switcher_outer {
    right:1em
  }
}

@media screen and (max-width: 410px) {
  html {
    font-size:4.5px
  }
}

@media screen and (max-width: 370px) {
  html {
    font-size:4px
  }
}

@media screen and (max-width: 330px) {
  html {
    font-size:3.9px
  }
}

@keyframes spinner {
  0% {
    transform:rotate(-53deg)
  }

  50% {
    transform:rotate(-46deg)
  }

  100% {
    transform:rotate(-53deg)
  }
}

@keyframes spinTo1 {
  0% {
    transform:rotate(-53deg)
  }

  70% {
    transform:rotate(746deg)
  }

  80% {
    transform:rotate(736deg)
  }

  100% {
    transform:rotate(744deg)
  }
}

.shake {
  animation:shake 1.2s
}

.disabled {
  pointer-events:none
}