  @font-face {
      font-family: GothamProMed;
      src: url(../fonts/GothamProMed.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamProMed.otf) format("opentype"), url(../fonts/GothamProMed.woff) format("woff"), url(../fonts/GothamProMed.ttf) format("truetype");
      font-weight: 400;
      font-style: normal;
  }
  @font-face {
      font-family: GothamProBlack;
      src: url(../fonts/GothamProBlack.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamProBlack.otf) format("opentype"), url(../fonts/GothamProBlack.woff) format("woff"), url(../fonts/GothamProBlack.ttf) format("truetype");
      font-weight: 400;
      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: Roboto, 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 #fa4e4a;
      background-size: cover;
      height: 100%;
  }
  .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;
      overflow-x: hidden;
  }
  .mob {
      display: none;
  }
  html.hide {
      display: block;
  }
  html.hide .blur_wrap {
      background: 0 0;
      position: relative;
      filter: none;
  }
  .preloader {
      width: 5em;
      height: 5em;
      position: absolute;
      z-index: 6;
  }
  html.en .en {
      display: block;
  }
  html .en {
      display: none;
  }
  html.ru .ru {
      display: block;
  }
  html .ru {
      display: none;
  }
  html.de .de {
      display: block;
  }
  html .de {
      display: none;
  }
  html.pl .pl {
      display: block;
  }
  html .pl {
      display: none;
  }
  html.no .no {
      display: block;
  }
  html .no {
      display: none;
  }
  html.dk .dk {
      display: block;
  }
  html .dk {
      display: none;
  }
  html.cz .cz {
      display: block;
  }
  html .cz {
      display: none;
  }
  html.ro .ro {
      display: block;
  }
  html .ro {
      display: none;
  }
  html.ee .ee {
      display: block;
  }
  html .ee {
      display: none;
  }
  html.lv .lv {
      display: block;
  }
  html .lv {
      display: none;
  }
  html.lt .lt {
      display: block;
  }
  html .lt {
      display: none;
  }
  html.gr .gr {
      display: block;
  }
  html .gr {
      display: none;
  }
  html.hu .hu {
      display: block;
  }
  html .hu {
      display: none;
  }
  html.jp .jp {
      display: block;
  }
  html .jp {
      display: none;
  }
  html.pt .pt {
      display: block;
  }
  html .pt {
      display: none;
  }
  html.es .es {
      display: block;
  }
  html .es {
      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: 3;
      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: #00beee;
  }
  .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.4em;
      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 32em;
      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_list {
      position: absolute;
      list-style-type: none;
      top: 2.5em;
      display: none;
      right: 0;
      width: 8.2em;
      border-radius: 0 0 1em 1em;
      overflow: hidden;
      cursor: auto;
  }
  .lang_list.act {
      display: block;
  }
  .lang_list li {
      background: #1e70ee;
      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: #00beee;
  }
  .lang_list li:hover {
      background: #00beee;
  }
  .lang_list li:first-of-type {
      padding-top: 1.25em;
  }
  .logo_wrap {
      position: absolute;
      z-index: 5;
      left: 50%;
      transform: translateX(-50%);
      top: 3em;
  }
  .logo {
      width: 17.5em;
      height: 10.2em;
      margin: 0 auto;
  }
  .container {
      padding: 15em 0 0 0;
      overflow: hidden;
  }
  .game_wrap {
      position: relative;
      width: 100em;
      margin: 0 auto;
      min-height: 75em;
  }
  .txt_1 {
      text-align: center;
      color: #fff;
      font-size: 5.2em;
      font-family: GothamProBlack, Roboto, Arial, sans-serif;
      text-shadow: 0 0 0.5em #000;
  }
  .txt_1 .cz,
  .txt_1 .gr,
  .txt_1 .lt,
  .txt_1 .lv,
  .txt_1 .pl,
  .txt_1 .ro {
      font-family: "Open Sans", Roboto, Arial, sans-serif;
      font-weight: 700;
  }
  #game_2 .txt_1 {
      padding: 0 2em;
  }
  .wheel_wrap {
      width: 100%;
      height: 100em;
      position: relative;
      font-size: 75%;
      margin: 0 auto;
  }
  .wheel_spinner {
      margin: 0 auto;
      width: 100em;
      height: 100em;
      position: relative;
      transform-origin: 50%;
  }
  .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: 10.8em;
      height: 12.2em;
      background-size: contain;
      position: absolute;
      top: 3em;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3;
  }
  .wheel_btn {
      cursor: pointer;
      position: absolute;
      top: 31.25em;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3;
      background: url(../img/wheel-btn.png) 50% -23em no-repeat;
      background-size: 23em 46em;
      width: 23em;
      height: 23em;
      text-align: center;
      border-radius: 50%;
      box-sizing: border-box;
      padding: 9em 0;
      font-size: 116%;
  }
  .wheel_btn:hover {
      background-position: 50% 0;
  }
  .wheel_btn.disabled {
      pointer-events: none;
  }
  .wheel_btn span {
      color: #fff;
      text-transform: uppercase;
      font-size: 4.6em;
      line-height: 1;
      font-family: "Open Sans", Roboto, Arial, sans-serif;
      font-weight: 700;
  }
  html.cz .wheel_btn,
  html.ee .wheel_btn,
  html.hu .wheel_btn,
  html.ro .wheel_btn,
  html.ru .wheel_btn {
      padding: 9.75em 0;
  }
  html.cz .wheel_btn span,
  html.ee .wheel_btn span,
  html.hu .wheel_btn span,
  html.ro .wheel_btn span,
  html.ru .wheel_btn span {
      font-size: 3.5em;
  }
  .bonus_wrap {
      width: 15.6em;
      height: 14.7em;
      box-sizing: border-box;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      border: 0.2em solid #00beee;
      border-radius: 1.2em;
      background: #000;
      padding: 2em 0 0 0;
      left: -12em;
      display: none;
  }
  .bonus_wrap div {
      margin: 0 0 1.5em 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      flex-direction: row;
  }
  .bonus_wrap div em {
      font-style: normal;
      color: #fff;
      font-family: GothamProMed, Roboto, Arial, sans-serif;
      font-size: 2.7em;
      position: relative;
      top: -0.1em;
      display: inline-block;
  }
  .bonus_wrap img {
      margin: 0 1.2em 0 0;
      display: inline-block;
  }
  .bonus_wrap strong {
      color: #fff000;
      font-size: 2.65em;
      font-family: GothamProBlack, Roboto, Arial, sans-serif;
  }
  .bonus_wrap strong .jp {
      font-size: 80%;
  }
  .bonus_wrap.bonus_1 {
      top: 7em;
  }
  .bonus_wrap.bonus_1 img {
      width: 2.6em;
      height: 2.5em;
  }
  .bonus_wrap.bonus_2 {
      top: 24.5em;
  }
  .bonus_wrap.bonus_2 img {
      width: 3.6em;
      height: 2.6em;
  }
  .bonus_wrap.bonus_2 strong .no {
      font-size: 85%;
  }
  #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: 49.8em;
      height: 34.7em;
      position: relative;
      cursor: pointer;
      margin: 0 -4em -8em;
  }
  .scratch_outer.scratch_outer_hover .scratch_hover {
      animation: opacity 0.35s ease-in-out forwards;
  }
  .scratch_outer.used {
      cursor: auto;
  }
  .scratch_outer.used .scratch_action,
  .scratch_outer.used .scratch_hover {
      display: none;
  }
  .scratch_outer.used .scratch_bonus,
  .scratch_outer.used .scratch_txt,
  .scratch_outer.used .scratch_used {
      opacity: 1;
      display: block;
  }
  .scratch_outer.scratch_outer_action_1 .scratch_action {
      animation: opacity 0.35s ease-in-out forwards;
      display: block;
  }
  .scratch_outer.scratch_outer_action_1 .scratch_bonus {
      animation: opacity 0.7s ease-in-out forwards;
      display: block;
  }
  .scratch_outer.scratch_outer_action_1 .scratch_txt {
      animation: opacity 1.05s ease-in-out forwards;
      display: block;
  }
  .scratch_outer.scratch_outer_action_1 .scratch_hover {
      display: none;
  }
  .scratch_hover {
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      background: url(../img/scratch-hover.png) 0 0 no-repeat;
      width: 49.8em;
      height: 34.7em;
      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;
      display: none;
      width: 35.4em;
      height: 20.3em;
      left: 7.2em;
      top: 7.2em;
      z-index: 3;
  }
  .scratch_used {
      position: absolute;
      display: none;
      width: 35.4em;
      height: 20.3em;
      left: 7.2em;
      top: 7.2em;
      z-index: 3;
  }
  .scratch_bonus {
      width: 35.7em;
      height: 20.3em;
      z-index: 2;
      left: 7.2em;
      top: 7.2em;
      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: 10.5em;
      opacity: 0;
      z-index: 3;
  }
  .x_img {
      width: 24.3em;
      height: 13.1em;
  }
  .elem_cur_brl,
  .elem_cur_cl,
  .elem_cur_pe {
      display: none;
  }
  html.cur_pe .elem_cur_ar,
  html.cur_pe .elem_cur_cl {
      display: none;
  }
  html.cur_pe .elem_cur_pe {
      display: inline-block;
  }
  html.cur_cl .elem_cur_ar,
  html.cur_cl .elem_cur_pe {
      display: none;
  }
  html.cur_cl .elem_cur_cl {
      display: inline-block;
  }
  html.cur_brl .elem_cur_pt {
      display: none;
  }
  html.cur_brl .elem_cur_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: 4;
      display: none;
  }
  .popup_window {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 16.5em;
      width: 62em;
      box-sizing: border-box;
      min-height: 55em;
      border-radius: 1.2em;
      overflow: hidden;
      border: 0.8em solid #fff;
      background: red;
      padding: 3em 4.25em;
      text-align: center;
      display: none;
      font-size: 100%;
  }
  .popup_window#popup_window_2,
  .popup_window#popup_window_3 {
      padding: 3em 2em;
  }
  .popup_window#popup_window_3 {
      font-size: 85%;
  }
  .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 {
      min-width: 32em;
      height: 8.5em;
      border-radius: 1em;
      overflow: hidden;
      text-decoration: none;
      margin: 0 auto;
      background-color: #fff;
      transition: 0.2s ease box-shadow;
      text-align: center;
      cursor: pointer;
      box-sizing: border-box;
      padding: 1.7em 1em;
      max-width: 50em;
      white-space: nowrap;
  }
  .popup_btn:hover {
      box-shadow: 0 0 1.5em #fff;
  }
  .popup_btn span {
      font-size: 4.4em;
      text-transform: uppercase;
      color: red;
      font-weight: 700;
      font-family: "Open Sans", Roboto, Arial, sans-serif;
      white-space: nowrap;
  }
  .popup_btn.cz,
  .popup_btn.de,
  .popup_btn.hu,
  .popup_btn.ro {
      padding: 2.2em 1em;
  }
  .popup_btn.cz span,
  .popup_btn.de span,
  .popup_btn.hu span,
  .popup_btn.ro span {
      font-size: 3.4em;
  }
  .popup_txt_2 {
      color: #fff;
      text-transform: uppercase;
      font-family: GothamProBlack, Roboto, Arial, sans-serif;
      font-size: 4.8em;
      margin: 0 0 0.25em 0;
  }
  .popup_txt_2 strong {
      color: #fff000;
      display: block;
  }
  .popup_txt_2 .cz,
  .popup_txt_2 .gr,
  .popup_txt_2 .jp,
  .popup_txt_2 .lt,
  .popup_txt_2 .lv,
  .popup_txt_2 .ro {
      font-family: "Open Sans", Roboto, Arial, sans-serif;
      font-weight: 700;
  }
  .popup_img {
      margin: 2.5em auto;
      width: 38.6em;
      height: 29em;
  }
  .popup_txt_3 {
      text-align: center;
      text-transform: uppercase;
      color: #fff;
      font-family: GothamProBlack, Roboto, Arial, sans-serif;
      font-size: 4.8em;
  }
  .popup_txt_3 strong {
      color: #fff000;
  }
  .popup_txt_3 .cz,
  .popup_txt_3 .gr,
  .popup_txt_3 .hu,
  .popup_txt_3 .jp,
  .popup_txt_3 .lt,
  .popup_txt_3 .lv,
  .popup_txt_3 .ro {
      font-family: "Open Sans", Roboto, 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;
  }
  .popup_txt_4 {
      text-align: center;
      color: #fff;
      font-family: GothamProMed, Roboto, Arial, sans-serif;
      font-size: 4.8em;
      line-height: 1;
      margin: 0 0 0.15em 0;
  }
  .popup_txt_4 .gr {
      font-family: "Open Sans", Roboto, Arial, sans-serif;
      font-weight: 700;
  }
  .popup_code_txt {
      text-align: center;
      display: inline-block;
      font-size: 4.8em;
      color: #fff000;
      font-family: GothamProBlack, Roboto, Arial, sans-serif;
      position: relative;
      text-transform: uppercase;
      margin: 0 0 0.35em 0;
  }
  .popup_code_txt:after {
      position: absolute;
      right: -0.75em;
      top: -0.05em;
      font-family: GothamProMed, Roboto, Arial, sans-serif;
      content: "]";
      font-size: inherit;
      color: #fff;
  }
  .popup_code_txt:before {
      position: absolute;
      left: -0.75em;
      top: -0.05em;
      font-family: GothamProMed, Roboto, Arial, sans-serif;
      content: "[";
      font-size: inherit;
      color: #fff;
  }
  @media (max-width: 1280px) {
      .page {
          font-size: 9px;
      }
  }
  @media (max-width: 1140px) {
      .page {
          font-size: 8.75px;
      }
  }
  @media (max-width: 1100px) {
      .page {
          font-size: 8px;
      }
  }
  @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;
          background-size: 190em 108em;
      }
      .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% -45px no-repeat #0240bf;
          background-size: 650px;
      }
      .game_wrap {
          width: 100%;
      }
      .wheel_wrap {
          font-size: 60%;
      }
      .scratches_wrap {
          font-size: 70%;
      }
      .popup_window {
          font-size: 85%;
          top: 26em;
      }
      .txt_1 {
          padding: 0 1em;
          text-align: left;
          max-width: 100%;
          margin: 0 0 1.25em 0;
      }
      .bonus_wrap {
          bottom: 4em;
          z-index: 4;
      }
      .bonus_wrap.bonus_1 {
          left: 8em;
          top: auto;
      }
      .bonus_wrap.bonus_2 {
          right: 8em;
          top: auto;
          left: auto;
          z-index: 4;
      }
      .lang_switcher_outer {
          font-size: 7.5px;
          width: 8.5em;
          right: 1em;
          top: 1em;
      }
      .lang_switcher_outer p {
          display: none;
      }
      .lang_switcher_outer .lang_switcher .curr_lang {
          margin: 0 0.5em 0 1em;
      }
      .logo {
          width: 26.8em;
          height: 15.5em;
      }
      .container {
          padding: 22em 0 0 0;
      }
  }
  @media (max-width: 605px) and (orientation: portrait) {
      .page {
          font-size: 9px;
          background-size: 605px;
      }
  }
  @media (max-width: 555px) and (orientation: portrait) {
      .page {
          font-size: 8px;
          background-size: 555px;
      }
  }
  @media (max-width: 495px) and (orientation: portrait) {
      .page {
          font-size: 7px;
          background-size: 495px;
      }
  }
  @media (max-width: 425px) and (orientation: portrait) {
      .page {
          font-size: 6px;
          background-size: 425px;
      }
  }
  @media (max-width: 375px) and (orientation: portrait) {
      .page {
          font-size: 5px;
          background-size: 375px;
      }
      .wheel_wrap {
          font-size: 64%;
      }
  }
