/*! 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: 0.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: 0.35em 0.75em 0.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(fr.svg);
  background-size: 1.6em 1.6em;
}
.lang_flag.flag_it {
  background-image: url(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("se.svg");
  background-size: 1.6em 1.6em;
}
.lang_flag.flag_sk {
  background-image: url("sk.svg");
  background-size: 1.6em 1.6em;
}
.lang_flag.flag_cn {
  background-image: url("cn.svg");
  background-size: 1.6em 1.6em;
}
.lang_flag.flag_fr {
  background-image: url("fr.svg");
  background-size: 1.6em 1.6em;
}
.lang_flag.flag_fi {
  background-image: url("fi.svg");
  background-size: 1.6em 1.6em;
}
.lang_flag.flag_in {
  background-image: url("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: 0.5em;
  margin: 0 0.5em 0 0.6em;
}
.lang_switcher_outer .lang_switcher .curr_lang span {
  font-size: 1.3em;
  padding: 0.35em 0 0 0;
  display: inline-block;
}
.lang_switcher_outer .lang_switcher .curr_lang .lang_flag {
  top: 0.4em;
  margin: 0 0.5em 0 0;
}
.lang_switcher_outer i {
  top: 0.4em;
  background: url("lang-arr.svg") 0 0 no-repeat;
  background-size: contain;
  width: 1.3em;
  position: relative;
  height: 0.8em;
  display: inline-block;
}
.lang_switcher_outer p {
  font-size: 1.1em;
  position: relative;
  color: #000;
  top: 0.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("flags.png");
  background-size: 1.6em 32em;
  margin: 0 0.7em 0 1.1em;
  position: relative;
  top: 0.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: 0.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 > div > span,
html.gr .steps > div > span,
html.lt .steps > div > span {
  font-size: 1.8rem;
}
html.jp .steps > div > 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("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: 5rem 0 2.5rem;
  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: 0.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: 0.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 0.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 0.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(spinner.png);
  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: 0.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: 3.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 > div {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 1.6rem;
  width: 33.3333333333%;
}
.steps > div:last-child {
  margin-right: 0;
}
.steps > div > span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 900;
  color: #000;
  width: 100%;
}
.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__text {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5rem;
  text-align: center;
  color: #fff;
  margin-top: 3rem;
}
#popup2 .popup__bonus {
  margin: 0.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 0.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(https://verdecasino-offers.com/vp_vc_225depbonus/img/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: 0.2rem;
  transition: all 0.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, 0.6);
  transition: all 0.2s linear;
}
.popup__top {
  position: relative;
  width: 33.8rem;
  height: 26.1rem;
  margin: auto;
}
.popup__wrapper {
  background: url("popup.png") 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 > div > span,
  html.jp .steps > div > span,
  html.gr .steps > div > span,
  html.lt .steps > div > span {
    font-size: 2.1rem;
  }
  html.vn .steps > div > span {
    font-size: 2.5rem;
  }
  .wheel__title {
    display: none;
  }
  .wheel__title-mob {
    display: block;
  }
  .wheel__bg {
    display: none;
  }
  .wheel__bg-mob {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
  }
  .wheel__group {
    width: 86.6rem;
    height: 109.7rem;
  }
  .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: 78rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .steps > div {
    margin-right: 0;
    margin-bottom: 1rem;
    width: 40%;
  }
  .steps > div:last-child {
    margin-bottom: 0;
  }
  .page {
    background: url("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 0.7em;
  }
  .wheel__title {
    max-width: 90%;
    margin: 3rem auto 1.5rem;
  }
  .footer__partners {
    display: none;
  }
  .footer__partners-mob {
    display: block;
  }
  .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 > div > span,
  html.vn .steps > div > span,
  html.ee .steps > div > span {
    font-size: 2.3rem;
  }
  html.jp .steps > div > span {
    font-size: 1.9rem;
  }
  .main__logo {
    max-width: 26rem;
  }
  .steps > div > 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;
}