@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: .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: .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: .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: 3.6em;
    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: .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 */