.lang_switcher_outer {
  cursor: pointer;
  position: absolute;
  right: 2em;
  top: 2em;
  color: #fff;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  background: #121729;
  height: 35px;
  display: flex;
  padding: 0 13px;
  z-index: 21; }

.lang-title {
  font-size: 11px;
  line-height: 1;
  margin: 0;
  margin-right: 9px; }

.fl-icon {
  width: 20px;
  height: 20px;
  margin-right: 7px;
  transition: all .3s; }

.lang_switcher {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 11px;
  position: relative;
  z-index: 3;
  background: transparent; }
  .lang_switcher .icon {
    width: 18px;
    height: 18px;
    margin-right: 6px; }
    .lang_switcher .icon img {
      display: block;
      max-width: 100%; }

.lang_list {
  position: absolute;
  list-style-type: none;
  top: calc(100%);
  display: none;
  right: 0;
  width: auto;
  overflow: hidden;
  cursor: auto;
  background: #121729;
  margin: 0;
  padding: 0 25px 0 29px; }

.arrow-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  width: 12px;
  height: 12px; }

.lang_switcher.act .arrow-icon img {
  transform: scale(1, -1); }

.column-flex {
  display: flex;
  padding: 0 5px; }
  .column-flex .column {
    width: 50%; }

.lang_list_item {
  text-align: center;
  margin: 11px 0;
  color: #ffffff;
  transition: all .3s;
  cursor: pointer;
  font-size: 15px;
  display: flex;
  align-items: center; }
  .lang_list_item.curr {
    display: none; }
  .lang_list_item:hover {
    color: #2d7ebe; }
    .lang_list_item:hover .fl-icon {
      transform: scale(1.2); }

.lang_list.act {
  display: block; }

.lang_list li span {
  font-size: 13px;
  line-height: 1;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 400; }

.flag-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 6px; }
  .flag-icon img {
    display: block; }

.lang_switcher .curr_lang span {
  font-size: 13px;
  display: inline-block;
  font-weight: 400;
  width: auto; }

.lang_switcher .curr_lang {
  position: relative;
  display: flex;
  align-items: center;
  text-transform: uppercase; }

.lang_switcher_outer i.lang_arr {
  width: 10px;
  height: 10px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  margin: 0 1em; }

@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .lang_switcher_outer {
    right: 1rem;
    top: 2rem; } }

@media only screen and (max-width: 576px) and (orientation: portrait) {
  .lang_switcher_outer {
    right: 1em;
    top: 1em;
    height: 26px; }
  .fl-icon {
    width: 16px;
    height: 16px; }
  .lang_list {
    padding: 0 13px;
    width: 100%;
    box-sizing: border-box; }
  .lang-title {
    display: none; }
  .lang_list_item {
    width: 65px; } }

@font-face {
  font-family: 'MuseoSansCyrl700';
  src: url("../fonts/MuseoSansCyrl700.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSansCyrl700.otf") format("opentype"), url("../fonts/MuseoSansCyrl700.woff") format("woff"), url("../fonts/MuseoSansCyrl700.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansCyrl900';
  src: url("../fonts/MuseoSansCyrl900.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSansCyrl900.otf") format("opentype"), url("../fonts/MuseoSansCyrl900.woff") format("woff"), url("../fonts/MuseoSansCyrl900.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

* {
  margin: 0;
  padding: 0; }

body,
html {
  height: 100%; }

#layout {
  min-height: 100%;
  position: relative;
  overflow-x: hidden;
  z-index: 2; }

.page {
  font-size: 10px;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
  font-family: 'Ubuntu', Arial, sans-serif;
  background: #121729; }

#content {
  background: #0d1018 url("../image/bg.jpg") 50% 0 no-repeat;
  height: 73.7em;
  background-size: 192em 73.7em;
  border-bottom: 1px solid #121729;
  position: relative;
  z-index: 2; }

.reducer {
  max-width: 120em;
  margin: 0 auto;
  position: relative; }

.reg_btn {
  position: absolute;
  right: 0;
  top: 5em;
  border-radius: 0.4em;
  width: 18.4em;
  height: 4.4em;
  text-align: center;
  display: block;
  text-decoration: none;
  background-image: linear-gradient(to bottom, #2e9820 0%, #3ebb31 50%, #3ebb31 100%);
  transition: .2s ease box-shadow; }

.reg_btn:hover {
  box-shadow: 0 0 1.5em #3ebb31; }

.reg_btn span {
  color: #fff;
  font-size: 1.7em;
  line-height: 2.5;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-weight: 500; }

.logo {
  background: url("../image/logo.png") 0 0 no-repeat;
  width: 44.1em;
  height: 21.6em;
  background-size: contain;
  margin: 0 auto -14em;
  display: block;
  position: relative;
  z-index: 3; }

.wheel_outer {
  position: relative;
  z-index: 2; }

.wheel_outer:before,
.wheel_outer:after {
  content: '';
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3; }

.wheel_outer:before {
  left: -5em;
  background-image: url("../image/pers-1.png");
  width: 42.6em;
  height: 64.9em;
  bottom: 3.75em; }

.wheel_outer:after {
  right: -6em;
  background-image: url("../image/pers-2.png");
  width: 42.7em;
  height: 63.5em;
  bottom: 3.75em; }

.wheel_holder {
  width: 70em;
  height: 69.6em;
  background: url("../image/wheel-holder.png") 50% 0 no-repeat;
  background-size: contain;
  margin: 0 auto;
  position: relative;
  z-index: 2; }

.wheel_mask {
  position: absolute;
  left: 12em;
  top: 14.5em;
  background: url("../image/wheel-mask.png") 0 0 no-repeat;
  height: 42.6em;
  width: 45.9em;
  background-size: contain;
  z-index: 3; }

.wheel_spinner {
  z-index: 2;
  position: absolute;
  background: url("../image/eu.png") 0 0 no-repeat;
  transform: rotate(61.5deg);
  height: 46em;
  width: 45.8em;
  background-size: contain;
  left: 12em;
  top: 11em; }

.ru .wheel_spinner {
  background: url("../image/ru.png") 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain; }

.pl .wheel_spinner {
  background: url("../image/pl.png") 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain; }

.de .wheel_spinner {
  background: url("../image/de.png") 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain; }

.fi .wheel_spinner {
  background: url("../image/fi.png") 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain; }

.ro .wheel_spinner {
  background: url("../image/ro.png") 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain; }

.hu .wheel_spinner {
  background: url("../image/hu.png") 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain; }

.es .wheel_spinner {
  background: url("../image/es.png") 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain; }

.pt .wheel_spinner {
  background: url("../image/pt.png") 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain; }

.fr .wheel_spinner {
  background: url("../image/fr.png") 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain; }

.wheel
.wheel_spinner__animated {
  animation: 2s spinner ease-in-out infinite; }

.wheel_spinner__animated_1 {
  animation: 4s spinToOne ease-in-out 1 forwards; }

@keyframes spinner {
  0% {
    transform: rotate(3deg); }
  50% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(3deg); } }

@keyframes spinToOne {
  0% {
    transform: rotate(61.5deg); }
  70% {
    transform: rotate(724deg); }
  80% {
    transform: rotate(714deg); }
  100% {
    transform: rotate(720deg); } }

.wheel_btn {
  background-image: url("../image/wheel-btn.png");
  background-size: 15.5em 31em;
  width: 15.5em;
  height: 15.5em;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 27.15em;
  cursor: pointer;
  top: 26.15em;
  z-index: 5;
  text-align: center; }

.wheel_btn:hover {
  background-position: 0 -15.5em; }

.wheel_btn span {
  text-transform: uppercase;
  color: #fff;
  font-family: 'MuseoSansCyrl900', Arial, sans-serif;
  font-size: 2.5em;
  line-height: 6.3; }

.wheel_win_frame {
  background: url("../image/wheel-win-frame.png") 0 0 no-repeat;
  width: 27em;
  height: 27.8em;
  background-size: contain;
  position: absolute;
  left: 21.5em;
  top: 9em;
  z-index: 4; }

#footer {
  border-top: 1px solid #4d62ae;
  position: relative;
  z-index: 3;
  padding-bottom: 5em; }

#footer img {
  width: 95%;
  margin: 0 auto;
  height: auto; }

#footer img.mob {
  display: none;
  max-width: 41.8em; }

#footer img.desk {
  display: block;
  max-width: 81em; }

.steps_outer {
  background: url("../image/smoke.png") 50% 0 no-repeat;
  height: 18em;
  width: 116em;
  background-size: contain;
  margin: -18em auto 10em; }

.steps_inner {
  background: url("../image/steps.png") 50% 0 no-repeat;
  width: 91em;
  height: 11.6em;
  background-size: contain;
  margin: 0 auto;
  position: relative;
  top: 12em;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row; }

.steps_inner div {
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 2em;
  color: #f6c687;
  width: 33.333%;
  padding: 0;
  box-sizing: border-box; }

.steps_inner div:nth-child(1) {
  padding-left: 3.2em; }

.steps_inner div:nth-child(2) {
  padding-left: 4.5em; }

.steps_inner div:nth-child(3) {
  padding-left: 5em; }

.popup_overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
  display: none;
  box-sizing: border-box;
  padding: 15em 0 0 0;
  background-color: rgba(0, 0, 0, 0.6); }

.popup_window {
  width: 49.4em;
  height: 43.5em;
  background: url("../image/popup-bg.png") 0 0 no-repeat;
  background-size: contain;
  text-align: center;
  margin: 0 auto; }

.popup_txt_1 {
  color: #ffe596;
  text-transform: uppercase;
  font-family: 'MuseoSansCyrl900', Arial, sans-serif;
  font-size: 3em;
  margin-bottom: -0.25em;
  padding-top: 3em; }

.popup_bonus {
  text-align: center;
  position: relative;
  margin: 0 auto; }

.popup_bonus img {
  display: block;
  max-width: 100%;
  margin: 0 auto; }

.popup_bonus span {
  font-size: 6.5em;
  text-transform: uppercase;
  color: #f7fa53;
  position: relative;
  font-family: 'MuseoSansCyrl900', Arial, sans-serif;
  z-index: 3; }

.popup_txt_2 {
  color: #ffe596;
  text-transform: uppercase;
  font-family: 'MuseoSansCyrl700', Arial, sans-serif;
  font-size: 1.8em;
  padding-bottom: 1.5em; }

.popup_btn {
  display: block;
  text-decoration: none;
  margin: 0 auto;
  width: 24em;
  transition: .2s ease box-shadow;
  height: 5.6em;
  text-align: center;
  background-image: linear-gradient(to bottom, #2e9820 0%, #1f9b28 50%, #3ebb31 100%);
  border-radius: 0.3em; }

.popup_btn:hover {
  box-shadow: 0 0 1.5em #1f9b28; }

.popup_btn span {
  color: #fff;
  font-size: 2.4em;
  font-weight: 500;
  line-height: 2.25;
  font-family: 'Ubuntu', Arial, sans-serif; }

.tms {
  text-align: center;
  margin-top: 1.4em; }
  .tms a {
    color: #38b42e;
    font-size: 1.2em; }
    .tms a:hover {
      text-decoration: none; }

@media (max-width: 1024px) and (orientation: landscape) {
  .page {
    font-size: 9px; } }

@media (width: 768px) and (orientation: portrait) {
  .page {
    font-size: 6.75px; } }

@media (max-width: 930px) {
  .popup_overlay {
    position: absolute; }
  .reg_btn {
    display: none !important; } }

@media (max-width: 930px) and (orientation: landscape) {
  .page {
    font-size: 5px; } }

@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: 640px) and (orientation: landscape) {
  .page {
    font-size: 4px; } }

@media (max-width: 568px) and (orientation: landscape) {
  .page {
    font-size: 3.75px; } }

@media (max-width: 482px) and (orientation: portrait) {
  #content {
    background: url("../image/bg-mob.jpg") 50% 0 no-repeat;
    background-size: 48.2em 81.6em;
    height: 81.6em;
    overflow: hidden;
    padding-top: 6px; }
  #footer img.desk {
    display: none; }
  #footer img.mob {
    display: block; }
  .steps_outer {
    width: auto;
    height: auto;
    background: transparent;
    margin: -13em auto 10em; }
  .steps_inner {
    background: url("../image/steps-mob.png") 50% 0 no-repeat;
    width: 37.5em;
    height: 26.5em;
    background-size: contain;
    flex-direction: column;
    top: 8em; }
  .steps_inner div {
    width: 100%; }
  .steps_inner div:nth-child(1) {
    padding: 2em 0 2.25em 6em; }
  .steps_inner div:nth-child(2) {
    padding: 0.5em 0 2em 6em; }
  .steps_inner div:nth-child(3) {
    padding: 0.5em 0 0 6em; }
  .logo {
    font-size: 80%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .reducer,
  .wheel_outer {
    height: 100%; }
  .wheel_outer:before {
    display: none; }
  .wheel_outer:after {
    width: 48.2em;
    height: 31.2em;
    background: url("../image/pers-mob.png") 0 0 no-repeat;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0; }
  .wheel_holder {
    font-size: 80%;
    top: 10em;
    margin: 0;
    left: 50%;
    transform: translateX(-50%); }
  .popup_overlay {
    font-size: 90%; } }

@media (max-width: 420px) and (orientation: portrait) {
  .page {
    font-size: 9px; }
  .popup_overlay {
    font-size: 80%; } }

@media (max-width: 385px) and (orientation: portrait) {
  .page {
    font-size: 8px; } }

@media (max-width: 360px) and (orientation: portrait) {
  .page {
    font-size: 7.5px; } }

html .en {
  display: none; }

html.en .en {
  display: block; }

html .ru {
  display: none; }

html.ru .ru {
  display: block; }

html .pl {
  display: none; }

html.pl .pl {
  display: block; }

html .de {
  display: none; }

html.de .de {
  display: block; }

html .fi {
  display: none; }

html.fi .fi {
  display: block; }

html .ro {
  display: none; }

html.ro .ro {
  display: block; }

html .hu {
  display: none; }

html.hu .hu {
  display: block; }

html .es {
  display: none; }

html.es .es {
  display: block; }

html .pt {
  display: none; }

html.pt .pt {
  display: block; }


html.fr .fr {
  display: block; }