@font-face {
  font-family: 'MontserratAltBold';
  src: url('../fonts/MontserratAlternatesBold.eot') format('embedded-opentype'),
    url('../fonts/MontserratAlternatesBold.otf') format('opentype'),
    url('../fonts/MontserratAlternatesBold.woff') format('woff'),
    url('../fonts/MontserratAlternatesBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
}

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

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

a:hover {
  text-decoration: none;
}

html {
  height: 100%;
}

.page {
  font-family: 'Montserrat', Arial, sans-serif;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1.15;
  -webkit-tap-highlight-color: transparent;
  font-size: 10px;
  background: url('../img/bg-desk.jpg') 50% 0 no-repeat #12210e;
  background-size: 192em 120em;
  height: 100%;
}

.gr .page {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 900;
}

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

.layout {
  min-height: 100vh;
  position: relative;
  z-index: 2;
}

.mob {
  display: none;
}

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

.preloader {
  width: 5em;
  height: 5em;
  position: absolute;
  z-index: 6;
}

html.en .en {
  display: block;
}
html .en {
  display: none;
}

html.de .de {
  display: block;
}
html .de {
  display: none;
}

html.fr .fr {
  display: block;
}
html .fr {
  display: none;
}

html.pt .pt {
  display: block;
}
html .pt {
  display: none;
}

html.es .es {
  display: block;
}
html .es {
  display: none;
}

html.hu .hu {
  display: block;
}
html .hu {
  display: none;
}

html.fi .fi {
  display: block;
}
html .fi {
  display: none;
}

html.pl .pl {
  display: block;
}
html .pl {
  display: none;
}

html.ro .ro {
  display: block;
}
html .ro {
  display: none;
}

html.cz .cz {
  display: block;
}
html .cz {
  display: none;
}

html.ph .ph {
  display: block;
}
html .ph {
  display: none;
}

html.vn .vn {
  display: block;
}
html .vn {
  display: none;
}

html.th .th {
  display: block;
}
html .th {
  display: none;
}

html.jp .jp {
  display: block;
}
html .jp {
  display: none;
}

html.lt .lt {
  display: block;
}
html .lt {
  display: none;
}

html.lv .lv {
  display: block;
}
html .lv {
  display: none;
}

html.se .se {
  display: block;
}
html .se {
  display: none;
}

html.ee .ee {
  display: block;
}
html .ee {
  display: none;
}

html.gr .gr {
  display: block;
}
html .gr {
  display: none;
}

html.th .th {
  display: block;
}
html .th {
  display: none;
}

.lang_switcher_outer {
  position: absolute;
  font-family: 'Roboto', Arial, sans-serif;
  top: 2em;
  right: 3em;
  width: 14.5em;
  height: 3.5em;
  z-index: 4;
  cursor: pointer;
  color: #fff;
  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;
  border-radius: 1.3em;
  position: relative;
  padding-bottom: 1.75em;
  z-index: 3;
  background: rgba(0, 0, 0, 0.5);
}
.lang_switcher_outer .lang_switcher .curr_lang {
  position: relative;
  display: inline-block;
  top: 0.5em;
  margin: 0 0.5em 0 0;
}
.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 em {
  top: 0.4em;
  margin: 0 0.5em 0 0;
}
.lang_switcher_outer i {
  background: url('../img/lang-arr.png') 0 0 no-repeat;
  background-size: contain;
  width: 1.3em;
  position: absolute;
  height: 0.8em;
  right: 1em;
  top: 1.25em;
}
.lang_switcher_outer p {
  font-size: 1.1em;
  position: relative;
  color: #fff;
  top: 0.5em;
  text-transform: none;
  display: inline-block;
  width: 50%;
  text-align: center;
}

.lang_flag {
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  background-image: url('../img/flags.png');
  background-size: 1.6em 38.4em;
  margin: 0 0.7em 0 1.1em;
  position: relative;
  top: 0.25em;
}
.lang_flag.flag_en {
  background-position: 0 0;
}
.lang_flag.flag_ru {
  background-position: 0 -1.6em;
}
.lang_flag.flag_pt {
  background-position: 0 -3.2em;
}
.lang_flag.flag_es {
  background-position: 0 -4.8em;
}
.lang_flag.flag_hu {
  background-position: 0 -6.4em;
}
.lang_flag.flag_ro {
  background-position: 0 -8em;
}
.lang_flag.flag_fi {
  background-position: 0 -9.6em;
}
.lang_flag.flag_de {
  background-position: 0 -12.8em;
}
.lang_flag.flag_pl {
  background-position: 0 -14.4em;
}
.lang_flag.flag_dk {
  background-position: 0 -16em;
}
.lang_flag.flag_no {
  background-position: 0 -17.6em;
}
.lang_flag.flag_fr {
  background-position: 0 -19.2em;
}
.lang_flag.flag_jp {
  background-position: 0 -11.2em;
}
.lang_flag.flag_cz {
  background-position: 0 -20.8em;
}
.lang_flag.flag_gr {
  background-position: 0 -22.4em;
}
.lang_flag.flag_no {
  background-position: 0 -24em;
}
.lang_flag.flag_es {
  background-position: 0 -25.6em;
}
.lang_flag.flag_ee {
  background-position: 0 -27.2em;
}
.lang_flag.flag_lv {
  background-position: 0 -28.8em;
}
.lang_flag.flag_lt {
  background-position: 0 -30.4em;
}
.lang_flag.flag_ph {
  background-position: 0 -32em;
}
.lang_flag.flag_vn {
  background-position: 0 -33.6em;
}
.lang_flag.flag_th {
  background-position: 0 -35.2em;
}
.lang_flag.flag_se {
  background-position: 0 -36.8em;
}

.lang_list {
  position: absolute;
  list-style-type: none;
  top: 3.7em;
  display: none;
  right: 1.2em;
  width: 8.2em;
  border-radius: 0 0 1em 1em;
  overflow: hidden;
  cursor: auto;
}
.lang_list.act {
  display: block;
}
.lang_list li {
  background: rgba(0, 0, 0, 0.5);
  height: 3em;
  cursor: pointer;
}
.lang_list li span {
  font-size: 1.3em;
  padding: 0.5em 0 0 0;
  display: inline-block;
}
.lang_list li.curr {
  pointer-events: none;
  background: #005c30;
}
.lang_list li:hover {
  background: #005c30;
}

html.fr .lang_switcher_outer p {
  width: 35%;
}

.logo_wrap {
  position: absolute;
  z-index: 6;
  left: 50%;
  transform: translateX(-50%);
  top: 5em;
}

.logo {
  width: 20em;
  height: 10.4em;
  margin: 0 auto;
  display: block;
  font-size: 80%;
}

.container {
  padding: 17em 0 0 0;
  overflow: hidden;
}

.game_wrap {
  position: relative;
  width: 100em;
  margin: 0 auto;
  min-height: 75em;
}

.txt_1 {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 4.8em;
  font-family: 'MontserratAltBold', 'Roboto', Arial, sans-serif;
  padding: 0 2em;
}
.txt_1 .jp,
.txt_1 .gr {
  font-family: 'Montserrat', 'Roboto', Arial, sans-serif;
  font-weight: 700;
}

.wheel_wrap {
  width: 100em;
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
}
.wheel_wrap:before {
  position: absolute;
  content: '';
  z-index: 1;
  background: url('../img/owl.png') 0 0 no-repeat;
  background-size: contain;
  width: 46.1em;
  height: 48.8em;
  top: 11em;
  left: -3em;
}

.wheel_holder {
  width: 67.7em;
  height: 67.7em;
  background: url('../img/wheel-holder.png') 50% 0 no-repeat;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.wheel_spinner {
  margin: 0 auto;
  position: relative;
  top: 6.75em;
  width: 52.2em;
  height: 52.2em;
}
.wheel_spinner.wheel_spinner_animated {
  animation: 2s spinner ease-in-out infinite;
}
.wheel_spinner.wheel_spinner_animated_1 {
  animation: 4s spinTo1 ease-in-out forwards;
}

.wheel_win_frame {
  background: url('../img/wheel-win-frame.png') 0 0 no-repeat;
  width: 11.5em;
  height: 11.2em;
  background-size: contain;
  position: absolute;
  top: 2em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.wheel_btn {
  cursor: pointer;
  position: absolute;
  top: 26em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  background: url('../img/wheel-btn.png') 50% 0 no-repeat;
  background-size: contain;
  width: 15.1em;
  height: 15.1em;
  text-align: center;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 5.5em 0;
  transition: 0.2s ease box-shadow;
}
.wheel_btn:hover {
  box-shadow: 0 0 2em #7dd106, inset 0 0 2em #7dd106;
}
.wheel_btn.disabled {
  pointer-events: none;
}
.wheel_btn span {
  color: #fff;
  text-transform: uppercase;
  font-size: 4em;
  line-height: 1;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 900;
}
.wheel_btn span.de,
.wheel_btn span.cz,
.wheel_btn span.pl,
.wheel_btn span.ee,
.wheel_btn span.ro,
.wheel_btn span.se,
.wheel_btn span.fi,
.wheel_btn span.fr {
  font-size: 2em;
}
.wheel_btn span.gr,
.wheel_btn span.pt {
  font-size: 3em;
}

html.ro .wheel_btn,
html.ee .wheel_btn,
html.se .wheel_btn,
html.cz .wheel_btn,
html.fr .wheel_btn,
html.de .wheel_btn,
html.pl .wheel_btn,
html.fi .wheel_btn {
  padding: 6.5em 0;
}
html.gr .wheel_btn,
html.pt .wheel_btn {
  padding: 6em 0;
}

.bonus_wrap {
  width: 15.6em;
  height: 14.7em;
  box-sizing: border-box;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  border: 0.2em solid #7dd106;
  border-radius: 1.2em;
  font-family: 'Montserrat', 'Roboto', Arial, sans-serif;
  background: #004f2d;
  padding: 2em 0 0 0;
  left: -12em;
}
.bonus_wrap img {
  margin: 0 1.2em 0 0;
  width: 2.6em;
  height: 2.5em;
}
.bonus_wrap span,
.bonus_wrap strong {
  color: #7dd106;
  font-size: 2.65em;
  font-weight: 700;
}
.bonus_wrap span {
  display: block;
  padding: 1.2em 0 0 0;
}
.bonus_wrap em {
  font-style: normal;
  color: #fff;
  font-size: 2.7em;
  position: relative;
  top: -0.05em;
  font-weight: 500;
  display: inline-block;
}
.bonus_wrap p {
  margin: 0 0 1.5em 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
}
.bonus_wrap.bonus_1 img {
  width: 2.6em;
  height: 2.5em;
}
.bonus_wrap.bonus_2 img {
  display: inline-block;
}

.vn .bonus_2 strong {
  font-size: 2.2em;
}

.game_outer {
  flex-direction: column;
}

#game_2 {
  display: none;
}

.scratches_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
}

.scratch_outer {
  background: url('../img/scratch-bg.png') 0 0 no-repeat;
  background-size: contain;
  width: 43.2em;
  height: 28.1em;
  position: relative;
  cursor: pointer;
  margin: 0 0 -1em 0;
}
.scratch_outer.scratch_outer_hover .scratch_hover {
  animation: opacity 0.35s ease-in-out forwards;
}
.scratch_outer.used {
  cursor: auto;
  pointer-events: none;
}
.scratch_outer.used .scratch_action,
.scratch_outer.used .scratch_hover {
  display: none;
}
.scratch_outer.used .scratch_used,
.scratch_outer.used .scratch_bonus,
.scratch_outer.used .scratch_txt {
  opacity: 1;
  display: block;
}
.scratch_outer.scratch_outer_action_1 {
  pointer-events: none;
}
.scratch_outer.scratch_outer_action_1 .scratch_action {
  animation: opacity 0.35s ease-in-out forwards;
}
.scratch_outer.scratch_outer_action_1 .scratch_bonus {
  animation: opacity 0.7s ease-in-out forwards;
}
.scratch_outer.scratch_outer_action_1 .scratch_txt {
  animation: opacity 1.05s ease-in-out forwards;
}
.scratch_outer.scratch_outer_action_1 .scratch_hover {
  display: none;
}

.scratch_hover {
  position: absolute;
  left: -3.25em;
  top: -3.25em;
  opacity: 0;
  background: url('../img/scratch-hover.png') 0 0 no-repeat;
  width: 49.8em;
  height: 34.6em;
  background-size: contain;
  transition: 0.5s ease opacity;
  z-index: 2;
}
.scratch_hover.scratch_hover_mouseleave {
  animation: opacity-reverse 0.35s ease-in-out forwards;
}

.scratch_action {
  position: absolute;
  width: 35.4em;
  height: 20.3em;
  left: 3.9em;
  top: 4em;
  z-index: 3;
}

.scratch_used {
  position: absolute;
  display: none;
  width: 35.4em;
  height: 20.3em;
  left: 3.9em;
  top: 4em;
  z-index: 3;
}

.scratch_bonus {
  width: 35.7em;
  height: 20.3em;
  z-index: 2;
  left: 3.6em;
  top: 3.9em;
  text-align: center;
  opacity: 0;
  position: absolute;
  box-sizing: border-box;
}
.scratch_bonus div {
  width: 100%;
  height: 100%;
}

.scratch_txt {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 9.5em;
  opacity: 0;
  z-index: 3;
  text-align: center;
}
.scratch_txt span {
  font-weight: 800;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 7em;
  color: #7dd106;
  text-shadow: -0 -0.02em 0.05em #004f2d, 0 -0.02em 0.05em #004f2d,
    -0 0.02em 0.05em #004f2d, 0 0.02em 0.05em #004f2d, -0.02em -0 0.05em #004f2d,
    0.02em -0 0.05em #004f2d, -0.02em 0 0.05em #004f2d, 0.02em 0 0.05em #004f2d,
    -0.02em -0.02em 0.05em #004f2d, 0.02em -0.02em 0.05em #004f2d,
    -0.02em 0.02em 0.05em #004f2d, 0.02em 0.02em 0.05em #004f2d,
    -0.02em -0.02em 0.05em #004f2d, 0.02em -0.02em 0.05em #004f2d,
    -0.02em 0.02em 0.05em #004f2d, 0.02em 0.02em 0.05em #004f2d;
}

.txt_item {
  display: none;
  font-style: normal;
}
.txt_item.txt_curr_eur {
  display: inline-block;
}

html.en.cur_by .txt_item.txt_curr_eur,
html.en.cur_az .txt_item.txt_curr_eur,
html.en.cur_am .txt_item.txt_curr_eur,
html.en.cur_ge .txt_item.txt_curr_eur,
html.en.cur_md .txt_item.txt_curr_eur,
html.en.cur_mn .txt_item.txt_curr_eur,
html.en.cur_tm .txt_item.txt_curr_eur,
html.en.cur_tj .txt_item.txt_curr_eur,
html.en.cur_kg .txt_item.txt_curr_eur {
  display: none;
}
html.en.cur_by .txt_item.txt_curr_usd,
html.en.cur_az .txt_item.txt_curr_usd,
html.en.cur_am .txt_item.txt_curr_usd,
html.en.cur_ge .txt_item.txt_curr_usd,
html.en.cur_md .txt_item.txt_curr_usd,
html.en.cur_mn .txt_item.txt_curr_usd,
html.en.cur_tm .txt_item.txt_curr_usd,
html.en.cur_tj .txt_item.txt_curr_usd,
html.en.cur_kg .txt_item.txt_curr_usd {
  display: inline-block;
}
html.en.cur_nz .txt_item.txt_curr_eur,
html.en.cur_in .txt_item.txt_curr_eur,
html.en.cur_no .txt_item.txt_curr_eur,
html.en.cur_dk .txt_item.txt_curr_eur {
  display: none;
}
html.en.cur_nz .txt_item.txt_curr_nzd {
  display: inline-block;
}
html.en.cur_no .txt_item.txt_curr_nok {
  display: inline-block;
}
html.en.cur_dk .txt_item.txt_curr_dkk {
  display: inline-block;
}
html.en.cur_in .txt_item.txt_curr_inr {
  display: inline-block;
}
html.es.cur_mx .txt_item.txt_curr_eur,
html.es.cur_cl .txt_item.txt_curr_eur,
html.es.cur_ar .txt_item.txt_curr_eur,
html.es.cur_pe .txt_item.txt_curr_eur,
html.es.cur_co .txt_item.txt_curr_eur {
  display: none;
}
html.es.cur_mx .txt_item.txt_curr_mxn {
  display: inline-block;
}
html.es.cur_cl .txt_item.txt_curr_clp {
  display: inline-block;
}
html.es.cur_ar .txt_item.txt_curr_ars {
  display: inline-block;
}
html.es.cur_pe .txt_item.txt_curr_pen {
  display: inline-block;
}
html.es.cur_co .txt_item.txt_curr_cop {
  display: inline-block;
}
html.pt.cur_br .txt_item.txt_curr_eur {
  display: none;
}
html.pt.cur_br .txt_item.txt_curr_brl {
  display: inline-block;
}

@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity-reverse {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes spinner {
  0% {
    transform: rotate(-53deg);
  }
  50% {
    transform: rotate(-46deg);
  }
  100% {
    transform: rotate(-53deg);
  }
}
@keyframes spinTo1 {
  0% {
    transform: rotate(-53deg);
  }
  70% {
    transform: rotate(724deg);
  }
  80% {
    transform: rotate(714deg);
  }
  100% {
    transform: rotate(720deg);
  }
}
.popup_overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 5;
  display: none;
}

.popup_window {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 16.5em;
  width: 52.5em;
  box-sizing: border-box;
  background: url('../img/popup-bg.jpg') 50% 0 no-repeat;
  background-size: cover;
  min-height: 49em;
  border-radius: 0.8em;
  overflow: hidden;
  border: 0.2em solid #7dd106;
  padding: 3em 1.25em;
  text-align: center;
  display: none;
  font-size: 100%;
}

.popup_txt_1 {
  color: #fff;
  text-transform: uppercase;
  font-family: 'GothamProBlack', 'Roboto', Arial, sans-serif;
  font-size: 4.8em;
  margin: 0 0 0.25em 0;
}
.popup_txt_1 .pl {
  font-family: 'Open Sans', 'Roboto', Arial, sans-serif;
  font-weight: 700;
}

.popup_anim {
  margin: 0 auto 1em;
  width: 36em;
  height: 36em;
}

.popup_btn {
  height: 8em;
  width: 41em;
  border-radius: 0.8em;
  overflow: hidden;
  text-decoration: none;
  margin: 0 auto;
  background-image: linear-gradient(
    to bottom,
    #9cd400 0%,
    #75b100 50%,
    #529300 100%
  );
  transition: 0.2s ease background-image;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  padding: 1.7em 1em;
  white-space: nowrap;
  display: block;
  font-size: inherit;
  outline: none;
  border: none;
  cursor: pointer;
}
.popup_btn:hover {
  background-image: linear-gradient(
    to bottom,
    #529300 0%,
    #75b100 50%,
    #9cd400 100%
  );
}
.popup_btn span {
  font-size: 2.6em;
  margin-top: 5px;
  color: #fff;
  font-weight: 700;
  font-family: 'Montserrat', 'Roboto', Arial, sans-serif;
  white-space: nowrap;
}
.popup_btn#popup_btn_1 {
  max-width: 35em;
}

.popup_btn:disabled,
.popup_btn:disabled:hover {
  filter: grayscale(1);
}

.chbx_wrap {
  margin: 0 0 2em 0;
}

.chbx_outer {
  display: flex;
  cursor: pointer;
  text-align: left;
}

.chbx_input {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  z-index: -1;
}

.chbx_icon {
  width: 2em;
  height: 2em;
  background-image: url('../img/chbx.png');
  background-size: 2em 4.1em;
  background-repeat: no-repeat;
  margin-right: 1.2em;
  vertical-align: top;
  display: inline-block;
  position: relative;
  top: 0.3em;
}

.chbx_input:checked + .chbx_icon {
  background-position: 0 -2.1em;
}

.chbx_txt {
  width: calc(100% - 3.2em);
  display: inline-block;
  line-height: 1.25;
  opacity: 0.7;
}
.chbx_txt span {
  font-size: 1.7em;
  color: #fff;
}
.chbx_txt a {
  text-decoration: none;
  font-weight: 500;
}
.chbx_txt a:hover {
  text-decoration: underline;
}
.chbx_txt strong {
  font-weight: 500;
}

.popup_txt_2 {
  color: #fff;
  text-transform: uppercase;
  font-family: 'MontserratAltBold', 'Roboto', Arial, sans-serif;
  font-size: 4em;
  margin: 0 0 0.25em 0;
}
.popup_txt_2 strong {
  color: #a3dc06;
  display: block;
}
.popup_txt_2 .fi {
  font-size: 90%;
}
.popup_txt_2 .jp,
.popup_txt_2 .gr {
  font-family: 'Montserrat', 'Roboto', Arial, sans-serif;
  font-weight: 700;
}

.popup_tnc_wrap {
  text-align: center;
  padding: 2em 0 0 0;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 500;
}
.popup_tnc_wrap a {
  font-size: 1.4em;
  color: #a3dc06;
  display: inline-block;
  text-decoration: underline;
}
.popup_tnc_wrap a:hover {
  text-decoration: none;
}

.popup_img_1 {
  margin: 0 auto -2.5em;
  width: 36.3em;
  height: 27.2em;
  position: relative;
  z-index: -1;
}

.popup_img_2 {
  margin: 0 auto 2.5em;
  width: 42.1em;
  height: 16.5em;
}

.popup_txt_3 {
  color: #fff;
  text-transform: uppercase;
  font-family: 'MontserratAltBold', 'Roboto', Arial, sans-serif;
  font-size: 4em;
  margin: 0 0 0.5em 0;
}
.popup_txt_3 strong {
  color: #a3dc06;
  display: block;
}
.popup_txt_3 .jp,
.popup_txt_3 .gr {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 700;
}

.popup_bonuses {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  padding: 2.5em 0;
}
.popup_bonuses .bonus_wrap {
  position: static;
  margin: 0 1.4em;
}

.form {
  width: 41.5em;
  margin: 0 auto;
}

.fld_outer {
  width: 100%;
  position: relative;
  height: 6.6em;
  margin: 0 auto 3.5em;
}
.fld_outer.fld_slct {
  margin: 0 auto 2em;
}

.fld {
  background: transparent;
  outline: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #fff;
  border: 0.2em solid #fff;
  font-size: 1.6em;
  border-radius: 0.75em;
  padding: 0 1em;
  font-family: 'Montserrat', Arial, sans-serif;
}

#currency_code {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: -1;
}

#currency_code-styler {
  height: 6.6em;
  border: 0.3em solid #fff;
  border-radius: 1.1em;
  background: transparent;
  position: relative;
  cursor: pointer;
  margin: 0 0 2em 0;
  z-index: 5 !important;
  box-sizing: border-box;
  text-align: left;
}

.jq-selectbox__select {
  height: 100%;
}

.jq-selectbox__trigger {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.jq-selectbox__trigger:after {
  width: 2.2em;
  height: 1.3em;
  top: 2.4em;
  right: 2em;
  background: url('../img/arrow.png') 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
}

.jq-selectbox__select-text {
  box-sizing: border-box;
  padding: 1.3em 1em;
  font-size: 1.6em;
  color: #fff;
  height: 100%;
}

.jq-selectbox__dropdown {
  position: absolute;
  top: 6.3em !important;
  bottom: auto !important;
  width: 97% !important;
  left: 1.5%;
  overflow: hidden;
  border-radius: 0 0 0.5em 0.5em;
}
.jq-selectbox__dropdown ul {
  list-style-type: none;
  max-height: 20em !important;
  overflow-y: scroll;
}

.jq-selectbox li {
  color: #000;
  background: #fff;
  font-size: 1.6em;
  padding: 0.5em;
}
.jq-selectbox li:hover {
  background: #10250f;
  color: #fff;
}

.eye {
  top: 1.8em;
  right: 2em;
  cursor: pointer;
  position: absolute;
  background: url('../img/eye.png') 0 0 no-repeat;
  background-size: 1.8em 2.4em;
  background-position: 0 0;
  width: 1.8em;
  height: 1.2em;
  font-size: 130%;
}
.eye.hide {
  background-position: 0 -1.2em;
}

.fld_placeholder {
  position: absolute;
  top: 2.4em;
  left: 1.6em;
  pointer-events: none;
  transition: 0.2s;
}
.fld_placeholder.hide {
  opacity: 0;
}
.fld_placeholder span {
  color: #fff;
  font-size: 1.6em;
}

.fld_error {
  display: none;
  position: absolute;
  top: 6.8em;
  left: 0;
  width: 100%;
  text-align: left;
}
.fld_error span {
  font-size: 1.2em;
  color: red;
  text-transform: uppercase;
  font-weight: 600;
}

.footer {
  font-family: 'Roboto', Arial, sans-serif;
  max-width: 90em;
  text-align: center;
  margin: 0 auto;
}
.footer img {
  width: 95%;
  margin: 0 auto 2.5em;
}
.footer img.desk {
  max-width: 78.1em;
}
.footer img.mob {
  display: none;
  max-width: 43.6em;
}
.footer div {
  opacity: 0.35;
  color: #fff;
  line-height: 1.35;
  font-size: 1.1em;
  margin: 0 0 1.5em 0;
  text-transform: uppercase;
}
.footer div.copy {
  font-size: 1.3em;
}

@media (max-width: 1800px) {
  .page {
    font-size: 9px;
  }
}
@media (max-width: 1680px) {
  .page {
    font-size: 8px;
  }
}
@media (max-width: 1480px) {
  .page {
    font-size: 7.75px;
  }
}
@media (max-width: 1000px) {
  .page {
    font-size: 7px;
  }
}
@media (max-width: 880px) {
  .page {
    font-size: 6.5px;
  }
}
@media (max-width: 820px) {
  .page {
    font-size: 6px;
  }
}
@media (max-width: 930px) and (orientation: landscape) {
  .page {
    font-size: 4.75px;
  }

  .lang_switcher_outer {
    font-size: 7px;
  }
}
@media (max-width: 812px) and (orientation: landscape) {
  .page {
    font-size: 4.5px;
  }
}
@media (max-width: 736px) and (orientation: landscape) {
  .page {
    font-size: 4.25px;
  }
}
@media (max-width: 667px) and (orientation: landscape) {
  .page {
    font-size: 4px;
  }
}
@media (max-width: 568px) and (orientation: landscape) {
  .page {
    font-size: 3.75px;
  }
}
@media (max-width: 650px) and (orientation: portrait) {
  .page {
    font-size: 10px;
    background: url('../img/bg-mob.jpg') 50% 0 no-repeat #13220f;
    background-size: 650px;
  }

  .container {
    padding: 22em 0 0 0;
  }

  .game_outer {
    display: flex;
  }
  .game_outer .txt_1 {
    order: 2;
    width: 100%;
    box-sizing: border-box;
  }

  .wheel_wrap {
    font-size: 80%;
    justify-content: center;
    width: auto;
    padding: 24em 0 0 0;
    order: 1;
    margin: 0 auto 3em;
  }
  .wheel_wrap:before {
    left: 50%;
    transform: translateX(-50%);
    top: -9em;
  }

  .game_wrap {
    width: 100%;
  }

  .scratches_wrap {
    font-size: 70%;
    order: 1;
    padding: 8em 0 46em;
  }

  .bonus_wrap {
    bottom: 27em;
    font-size: 75%;
    z-index: 4;
  }
  .bonus_wrap.bonus_1 {
    left: 17em;
    top: auto;
  }
  .bonus_wrap.bonus_2 {
    right: 17em;
    top: auto;
    left: auto;
    z-index: 4;
  }

  .lang_switcher_outer {
    font-size: 7.5px;
    width: 9.5em;
    right: 1em;
    top: 1em;
  }
  .lang_switcher_outer p {
    display: none;
  }
  .lang_switcher_outer .lang_switcher .curr_lang {
    margin: 0 0.5em 0 1em;
  }

  .lang_list {
    top: 3.8em;
    right: 0.7em;
  }

  .footer {
    max-width: 50em;
    padding: 5em 0 0 0;
    font-size: 10px;
    width: 90%;
  }
  .footer img.desk {
    display: none;
  }
  .footer img.mob {
    display: block;
  }
}
@media (max-width: 625px) and (orientation: portrait) {
  .page {
    font-size: 8.75px;
    background-size: 625px;
    background-position: 50% -10em;
  }
}
@media (max-width: 590px) and (orientation: portrait) {
  .page {
    font-size: 7.75px;
    background-size: 590px;
    background-position: 50% -18em;
  }
}
@media (max-width: 520px) and (orientation: portrait) {
  .page {
    font-size: 6.75px;
    background-size: 520px;
  }
}
@media (max-width: 500px) and (orientation: portrait) {
  .fld_outer {
    margin: 0 auto 7.5em;
  }

  .fld_error {
    top: 7em;
  }

  .fld_placeholder span {
    font-size: 2.2em;
  }

  .fld {
    border: 0.1em solid #fff;
    font-size: 2.2em;
    border-radius: 0.35em;
    padding: 0 0.75em;
  }

  .fld_error span {
    font-size: 2em;
  }

  .chbx_txt span {
    font-size: 2em;
  }

  .fld_placeholder {
    top: 2.1em;
  }

  .chbx_icon {
    font-size: 7px;
  }

  #currency_code-styler {
    border-radius: 0.75em;
  }

  .jq-selectbox__select-text {
    padding: 0.8em 0.75em;
    font-size: 2.2em;
  }
}
@media (max-width: 460px) and (orientation: portrait) {
  .page {
    font-size: 5.75px;
    background-size: 460px;
    background-position: 50% -26em;
  }
}
@media (max-width: 410px) and (orientation: portrait) {
  .page {
    font-size: 4.75px;
    background-size: 410px;
    background-position: 50% -32em;
  }
}

/*# sourceMappingURL=style.css.map */