button,
hr,
input {
  overflow: visible;
}
progress,
sub,
sup {
  vertical-align: baseline;
}
*,
input,
legend,
li,
textarea,
ul {
  box-sizing: border-box;
}
button,
legend {
  color: inherit;
}
body,
html {
  -webkit-text-size-adjust: 100%;
}
body,
sub,
sup {
  position: relative;
}
.select-currency__text,
.select-phone__item-text,
.tabs__item > button {
  white-space: nowrap;
  text-overflow: ellipsis;
}
html {
  line-height: 1.15;
}
details,
main {
  display: block;
}
:active,
:focus,
:hover {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}
h1 {
  font-size: 2em;
}
hr {
  box-sizing: content-box;
  height: 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button {
  font: inherit;
  cursor: pointer;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
  -webkit-appearance: button;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
[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;
}
summary {
  display: list-item;
}
[hidden],
template {
  display: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  line-height: 1;
  margin: 0;
}
li,
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
button,
input,
label,
select,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: 0 0;
  line-height: 1;
}
input:focus {
  outline: 0;
}
input::placeholder {
  color: inherit;
  font-size: inherit;
}
input::-webkit-input-placeholder {
  color: inherit;
  font-size: inherit;
}
input::-moz-placeholder {
  color: inherit;
  font-size: inherit;
}
input:-ms-input-placeholder {
  color: inherit;
  font-size: inherit;
}
input::-ms-input-placeholder {
  color: inherit;
  font-size: inherit;
}
input[type='search'] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
::-webkit-search-decoration {
  display: none;
}
textarea {
  overflow: auto;
}
.main__modal,
body {
  overflow-x: hidden;
}
select[multiple],
textarea {
  vertical-align: top;
}
::selection {
  color: inherit;
  background: inherit;
  text-shadow: inherit;
}
::-webkit-selection {
  color: inherit;
  background: inherit;
  text-shadow: inherit;
}
::-moz-selection {
  color: inherit;
  background: inherit;
  text-shadow: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
blockquote {
  margin: 0;
}
@font-face {
  font-family: Roboto-Regular;
  /* src: url(../fonts/Roboto-Regular.eot);
  src: url(../fonts/Roboto-Regular.eot) format("embedded-opentype"),
    url(../fonts/Roboto-Regular.woff2) format("woff2"),
    url(../fonts/Roboto-Regular.woff) format("woff"),
    url(../fonts/Roboto-Regular.ttf) format("truetype"); */
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto-Medium;
  /* src: url(../fonts/Roboto-Medium.eot);
  src: url(../fonts/Roboto-Medium.eot) format("embedded-opentype"),
    url(../fonts/Roboto-Medium.woff2) format("woff2"),
    url(../fonts/Roboto-Medium.woff) format("woff"),
    url(../fonts/Roboto-Medium.ttf) format("truetype"); */
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto-Bold;
  /* src: url(../fonts/Roboto-Bold.eot);
  src: url(../fonts/Roboto-Bold.eot) format("embedded-opentype"),
    url(../fonts/Roboto-Bold.woff2) format("woff2"),
    url(../fonts/Roboto-Bold.woff) format("woff"),
    url(../fonts/Roboto-Bold.ttf) format("truetype"); */
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto-Black;
  /* src: url(../fonts/Roboto-Black.eot);
  src: url(../fonts/Roboto-Black.eot) format("embedded-opentype"),
    url(../fonts/Roboto-Black.woff2) format("woff2"),
    url(../fonts/Roboto-Black.woff) format("woff"),
    url(../fonts/Roboto-Black.ttf) format("truetype"); */
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: icomoon;
  /* src: url(../fonts/icomoon.eot);
  src: url(../fonts/icomoon.eot) format("embedded-opentype"),
    url(../fonts/icomoon.ttf) format("truetype"),
    url(../fonts/icomoon.woff) format("woff"); */
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class*=' icon-'],
[class^='icon-'] {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.claim-link,
.header__dropdown-title,
.lights-content__value,
.ribbons,
.wheel__attempts {
  text-transform: uppercase;
}
.icon-sol:before {
  content: '\e901';
}
.icon-touch:before {
  content: '\e917';
}
.icon-close:before {
  content: '\e913';
}
.icon-money:before {
  content: '\e910';
}
.icon-coefficient:before {
  content: '\e911';
}
.icon-event:before {
  content: '\e912';
}
.icon-ars:before {
  content: '\e902';
}
.icon-azn:before {
  content: '\e903';
}
.icon-bgn:before {
  content: '\e904';
}
.icon-brl:before {
  content: '\e905';
}
.icon-cop:before {
  content: '\e906';
}
.icon-eur:before {
  content: '\e907';
}
.icon-idr:before {
  content: '\e908';
}
.icon-inr:before {
  content: '\e909';
}
.icon-kzt:before {
  content: '\e90a';
}
.icon-mdl:before {
  content: '\e90b';
}
.icon-pln:before {
  content: '\e918';
}
.icon-rub:before {
  content: '\e919';
}
.icon-try:before {
  content: '\e90c';
}
.icon-uah:before {
  content: '\e90d';
}
.icon-usd:before {
  content: '\e90e';
}
.icon-uzs:before {
  content: '\e90f';
}
.icon-wallet:before {
  content: '\e916';
  color: #fff;
}
.icon-person:before {
  content: '\e915';
  color: #fff;
}
.icon-arrow-right:before {
  content: '\e914';
}
.icon-gift1:before {
  content: '\e99f';
}
.icon-bdt:before {
  content: '\e91a';
}
body,
html {
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  margin: 0;
  font-family: Roboto-Regular, sans-serif;
  font-size: 16px;
  color: #fff;
  background: url(bg.jpg) 50% / cover no-repeat;
}
@media only screen and (orientation: portrait) {
  body {
    background-position: 43%, top;
  }
}
.grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
}
.header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: justify-content;
  justify-content: justify-content;
  font-size: 18px;
  font-family: Roboto-Bold, sans-serif;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  max-width: 168.14815vh;
  z-index: 100;
  padding: 4.44444vh 4.44444vh 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  position: absolute;
}
.header__logo {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.header__logo-img {
  width: 180px;
  height: auto;
}
.header__logo-second {
  margin-left: 3.24074vh;
  height: 9.35185vh;
}
.header__dropdown {
  padding: 1.2vh 0.93vh;
  width: 9.72vh;
  position: absolute;
  right: 4.07vh;
  top: 6.5vh;
  border: 1px solid #8a2cff;
  background: rgba(30, 19, 63, 0.5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 8px;
}
@media only screen and (orientation: portrait) {
  .header {
    -webkit-justify-content: center;
    justify-content: center;
    padding: 3.62319vw 3.62319vw 0;
  }
  .header__logo-second {
    -webkit-order: 1;
    order: 1;
    margin: 0;
  }
  .header__dropdown {
    width: 20.05vw;
    padding: 2vw;
    top: 5vw;
    right: 3.62319vw;
  }
}
.header__dropdown-arrow {
  width: 1.3vh;
  height: 0.74vh;
  background: url(arrow.svg) 50% / contain no-repeat;
  margin: 0 0 0 1.02vh;
}
.header__dropdown-list {
  margin: 1.93vh 0 0;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.header__dropdown-item:not(:last-child) {
  margin: 0 0 10px;
}
.header__dropdown-link {
  color: #fefefe;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 1.48148vh;
  transition: color 0.3s;
}
.header__dropdown-country {
  display: block;
  width: 2.96vh;
  height: 100%;
}
.header__dropdown-title {
  margin: 0 0 0 0.56vh;
}
.header__dropdown_active .header__dropdown-list {
  display: block;
  opacity: 1;
  visibility: visible;
}
.header__dropdown_active .header__dropdown-arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.header__dropdown-abbreviation {
  font-size: 1.2963vh;
  text-transform: uppercase;
  margin: 0.18519vh 0 0 0.37037vh;
}
.main {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.checkbox__input,
.forms > form,
.main .hide,
.main__modal {
  display: none;
}
.main__modal {
  background:
    url(bg-popup.png) top/auto 100% no-repeat,
    rgba(8, 8, 8, 0.59);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  -webkit-animation-name: appearing;
  animation-name: appearing;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  overflow-y: auto;
}
.main__modal_show {
  display: -webkit-flex;
  display: flex;
  visibility: visible;
}
.claim-link {
  display: block;
  background-color: #fff;
  border-radius: 20px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #daa520;
  font-weight: 700;
  letter-spacing: 1px;
}
@-webkit-keyframes appearing {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes appearing {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.lights-content {
  position: relative;
  padding: 1.48148vh 2.59259vh;
  border-radius: 1.85185vh;
  margin-left: -50%;
  margin-right: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background: #ec2328;
}
.lights-content:before {
  content: '';
  position: absolute;
  left: 0.37037vh;
  right: 0.37037vh;
  top: 0.37037vh;
  bottom: 0.37037vh;
  border-radius: 1.48148vh;
  border: 2px solid #fff;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
}
.modal__title,
.ribbons span:first-child {
  filter: drop-shadow(0 0 0.75rem rgba(255, 0, 0, 0.5));
}
.lights-content__light {
  position: absolute;
  left: -18.96552%;
  top: -18.8%;
  width: 44.82759%;
  height: 52.4%;
  background-blend-mode: screen;
  mix-blend-mode: screen;
}
.lights-content__gift {
  position: relative;
  margin: -3.14815vh -1.66667vh -2.59259vh -5.27778vh;
  width: 9.44444vh;
}
.lights-content__value {
  font-family: Roboto-Black, sans-serif;
  font-style: normal;
  font-weight: 900;
  text-align: center;
  position: relative;
  margin: 0 3.24074vh;
}
.lights-content__value--num {
  line-height: 1;
  font-size: 5.92593vh;
  font-style: italic;
  display: block;
  padding: 0 0.46296vh;
  color: #fff7f7;
}
@media only screen and (orientation: portrait) {
  .header__dropdown-arrow {
    width: 2.42vw;
    height: 1.45vw;
    margin: 0 0 0 1.21vw;
  }
  .header__dropdown-link {
    font-size: 2.9vw;
  }
  .header__dropdown-country {
    width: 7vw;
  }
  .header__dropdown-abbreviation {
    font-size: 2.9vw;
    margin: 0.48309vw 0 0 0.97vw;
  }
  .main__modal {
    background:
      url(bg-popup-mob.png) 50% / cover no-repeat,
      rgba(8, 8, 8, 0.59);
  }
  .lights-content {
    padding: 1.93237vw 4.83092vw 2.89855vw;
    width: 55vw;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-radius: 4.83092vw;
  }
  .lights-content:before {
    left: 0.96618vw;
    right: 0.96618vw;
    top: 0.96618vw;
    bottom: 0.96618vw;
    border-radius: 3.86473vw;
  }
  .lights-content__light {
    display: none;
  }
  .lights-content__gift {
    width: 22.70531vw;
    margin: -5vw 0 -5vw -9.5vw;
  }
  .lights-content__value {
    margin: 0 auto;
  }
  .lights-content__value--num {
    font-size: 13.52657vw;
    padding: 0 1.20773vw;
  }
}
.lights-content__value--subtitle {
  color: #fff7f7;
  font-size: 1.48148vh;
  line-height: normal;
  display: block;
}
.lights-content__button {
  position: relative;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 3.7037vh;
  width: 14.35185vh;
  font-size: 1.38889vh;
  font-family: Roboto-Bold, sans-serif;
  font-weight: 700;
  color: #fff;
  background-color: #ff2400;
  border-radius: 0.74074vh;
  box-shadow: 0 1px 4.5px 0 rgba(0, 0, 0, 0.24);
  pointer-events: all;
}
.decor-items,
.falling-items,
.falling-items__item img,
.select-currency__item *,
.select-currency__main *,
.select-phone__item-logo,
.select-phone__item-text {
  pointer-events: none;
}
.wheel {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.wheel,
.wheel__layout {
  display: -webkit-flex;
  display: flex;
}
.wheel__layout {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 60.18519vh;
  height: 60.18519vh;
  box-sizing: content-box;
  border-radius: 50%;
  z-index: inherit;
  -webkit-order: 2;
  order: 2;
}
@media screen and (orientation: portrait) and (max-width: 479.9px) {
  .wheel__layout {
    width: 97.10145vw;
    height: 97.343vw;
  }
}
.wheel__layout.stage-1 .wheel__spinner-img {
  -webkit-animation: 2s ease-in-out infinite new-wheel-shake-1;
  animation: 2s ease-in-out infinite new-wheel-shake-1;
}
.wheel__layout.stage-1.stage-1-complete .wheel__spinner-img {
  -webkit-animation: 2s ease-in-out infinite new-wheel-shake-2;
  animation: 2s ease-in-out infinite new-wheel-shake-2;
}
.wheel__layout.spin-to-stage-two .wheel__spinner-img {
  -webkit-animation: 4s ease-in-out infinite newSpinToStageTwo;
  animation: 4s ease-in-out infinite newSpinToStageTwo;
}
.wheel__layout.spin-to-stage-three .wheel__button-icon:before,
.wheel__layout.spin-to-stage-two .wheel__button-icon:before {
  -webkit-animation: none;
  animation: none;
}
.wheel__layout.stage-2 .wheel__spinner-img {
  -webkit-animation: 2s ease-in-out infinite new-wheel-shake-3;
  animation: 2s ease-in-out infinite new-wheel-shake-3;
}
.wheel__layout.stage-2 .wheel__button-icon:before {
  -webkit-animation: inherit;
  animation: inherit;
}
.wheel__layout.spin-to-stage-three .wheel__spinner-img {
  -webkit-animation: 4s ease-in-out newSpinToStageThree;
  animation: 4s ease-in-out newSpinToStageThree;
  -webkit-transform: rotate(4319deg);
  transform: rotate(4319deg);
}
.wheel__achievements {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  position: absolute;
  top: 74.53704vh;
  bottom: auto;
  left: 50%;
}
@media only screen and (orientation: portrait) {
  .lights-content__value--subtitle {
    font-size: 3.38164vw;
    margin: -0.48309vw 0 0;
  }
  .lights-content__value--subtitle.lang-value-kazakh {
    font-size: 2.89855vw;
  }
  .lights-content__button {
    width: 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 8.21256vw;
    font-size: 3.1401vw;
    margin: 2.41546vw auto 0;
  }
  .wheel__achievements {
    top: 94vw;
    z-index: 20;
  }
}
@media only screen and (orientation: portrait) and (max-width: 479.9px) {
  body {
    background: url(bg-mob.jpg) center top -8vw / cover no-repeat;
  }
  .header__logo-img {
    width: 160px;
    /* height: 11.5942vw; */
  }
  .header__logo-second {
    height: 15.45894vw;
  }
  .header__dropdown {
    top: 7vw;
  }
  .wheel__achievements {
    top: 151vw;
  }
}
.wheel__achievements-bonus,
.wheel__achievements-fs {
  position: relative;
  margin-top: -80%;
  -webkit-animation-name: dropping;
  animation-name: dropping;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
}
.wheel__spinner {
  position: relative;
  width: 100%;
  height: 100%;
}
.wheel__spinner-around {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(wheel-around.png) 50%/100% 100% no-repeat;
}
.wheel__spinner-arrow {
  background: url(wheel-arrow.png) 50%/100% 100% no-repeat;
  width: 25.07692%;
  height: 38.15385%;
  position: absolute;
  left: 37.46154%;
  top: 12.46154%;
}
.wheel__spinner-img {
  background: url(wheel_sprite.png) 0/100% 100% no-repeat;
  width: 71.53846%;
  height: 71.38462%;
  left: 14.23077%;
  top: 14.30769%;
  position: relative;
}
.wheel__spinner-center {
  position: absolute;
  width: 18.46154%;
  height: 18.46154%;
  left: 40.76923%;
  top: 40.76923%;
  -webkit-animation: 3s ease-in-out infinite pulse;
  animation: 3s ease-in-out infinite pulse;
}
.wheel__spinner-center:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  background: url(btn-spin.png) 50%/100% 100% no-repeat;
  -webkit-animation: 1s ease-in-out infinite rotateArrow;
  animation: 1s ease-in-out infinite rotateArrow;
}
.wheel__button-wrapper {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 83vh;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}
.wheel__button {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 2px;
  margin: 0 auto;
  color: #fff;
  border-radius: 8px;
  width: 25.93vh;
  height: 5.93vh;
  text-decoration: none;
  background: linear-gradient(-45deg, #ff9381, #fff);
}
.wheel__button-title {
  font-family: Roboto-Bold, sans-serif;
  font-style: italic;
  font-size: 2.59vh;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: red;
}
.tabs__item > button,
.wheel__attempts {
  font-family: Roboto-Regular, sans-serif;
  color: #fff;
}
.wheel__attempts,
.wheel__button-title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.modal,
.tabs {
  display: -webkit-flex;
}
.wheel__attempts {
  position: relative;
  text-align: center;
  text-shadow: 0 0 1.38889vh #000;
  line-height: normal;
  font-weight: 400;
  font-style: normal;
  font-size: 1.48148vh;
  -webkit-order: 1;
  order: 1;
  margin-bottom: 1.85185vh;
}
.ribbons,
.wheel__attempts-value {
  font-family: Roboto-Black, sans-serif;
  font-weight: 900;
}
.comp-title,
.modal__title,
.ribbons {
  font-style: italic;
}
.modal__text,
.modal__title {
  text-align: center;
}
.run-circle {
  cursor: pointer;
}
@-webkit-keyframes dropping {
  0% {
    margin-top: -80%;
  }
  to {
    margin-top: 0;
  }
}
@keyframes dropping {
  0% {
    margin-top: -80%;
  }
  to {
    margin-top: 0;
  }
}
@-webkit-keyframes scaleBtn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes scaleBtn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@-webkit-keyframes icon-animation {
  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}
@keyframes icon-animation {
  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}
@-webkit-keyframes new-wheel-shake-1 {
  0%,
  to {
    -webkit-transform: rotate(1964deg);
    transform: rotate(1964deg);
  }
  50% {
    -webkit-transform: rotate(1970deg);
    transform: rotate(1970deg);
  }
}
@keyframes new-wheel-shake-1 {
  0%,
  to {
    -webkit-transform: rotate(1964deg);
    transform: rotate(1964deg);
  }
  50% {
    -webkit-transform: rotate(1970deg);
    transform: rotate(1970deg);
  }
}
@-webkit-keyframes newSpinToStageTwo {
  0% {
    -webkit-transform: rotate(1964deg);
    transform: rotate(1964deg);
  }
  70%,
  to {
    -webkit-transform: rotate(930deg);
    transform: rotate(930deg);
  }
  80% {
    -webkit-transform: rotate(936deg);
    transform: rotate(936deg);
  }
}
@keyframes newSpinToStageTwo {
  0% {
    -webkit-transform: rotate(1964deg);
    transform: rotate(1964deg);
  }
  70%,
  to {
    -webkit-transform: rotate(930deg);
    transform: rotate(930deg);
  }
  80% {
    -webkit-transform: rotate(936deg);
    transform: rotate(936deg);
  }
}
@-webkit-keyframes new-wheel-shake-2 {
  0%,
  to {
    -webkit-transform: rotate(930deg);
    transform: rotate(930deg);
  }
  50% {
    -webkit-transform: rotate(936deg);
    transform: rotate(936deg);
  }
}
@keyframes new-wheel-shake-2 {
  0%,
  to {
    -webkit-transform: rotate(930deg);
    transform: rotate(930deg);
  }
  50% {
    -webkit-transform: rotate(936deg);
    transform: rotate(936deg);
  }
}
@-webkit-keyframes newSpinToStageThree {
  0% {
    -webkit-transform: rotate(930deg);
    transform: rotate(930deg);
  }
  70%,
  80% {
    -webkit-transform: rotate(4324deg);
    transform: rotate(4324deg);
  }
  to {
    -webkit-transform: rotate(4314deg);
    transform: rotate(4314deg);
  }
}
@keyframes newSpinToStageThree {
  0% {
    -webkit-transform: rotate(930deg);
    transform: rotate(930deg);
  }
  70%,
  80% {
    -webkit-transform: rotate(4324deg);
    transform: rotate(4324deg);
  }
  to {
    -webkit-transform: rotate(4314deg);
    transform: rotate(4314deg);
  }
}
@-webkit-keyframes new-wheel-shake-3 {
  0%,
  to {
    -webkit-transform: rotate(4314deg);
    transform: rotate(4314deg);
  }
  50% {
    -webkit-transform: rotate(4324deg);
    transform: rotate(4324deg);
  }
}
@keyframes new-wheel-shake-3 {
  0%,
  to {
    -webkit-transform: rotate(4314deg);
    transform: rotate(4314deg);
  }
  50% {
    -webkit-transform: rotate(4324deg);
    transform: rotate(4324deg);
  }
}
@-webkit-keyframes pulse {
  0%,
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0%,
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes rotateArrow {
  0%,
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@keyframes rotateArrow {
  0%,
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.tabs {
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  margin: 1.11111vh auto 0;
  border-radius: 0;
  overflow: hidden;
}
.tabs__item {
  cursor: pointer;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  width: 50%;
}
.modal,
.tabs__item > button {
  width: 100%;
  position: relative;
}
.tabs__item > button {
  font-size: 1.2963vh;
  padding: 0.83vh 1.11vh;
  height: 3.33vh;
  overflow: hidden;
}
.tabs__item > button:after {
  content: '';
  display: block;
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: 0 0;
}
.tabs__item > button.active {
  color: #fff;
}
.tabs__item > button.active:after {
  background: #33e9e9;
}
.modal {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: auto;
  height: auto;
  -webkit-justify-content: center;
  justify-content: center;
}
.comp-title,
.modal__wrapper {
  -webkit-flex-direction: column;
}
.modal::-webkit-scrollbar {
  display: none;
  width: 0;
}
.modal__inner {
  width: 40.74074vh;
  border-radius: 1.48148vh;
  padding: 0.27778vh;
  background: linear-gradient(132deg, #8a2cff, #37007a);
  box-shadow: 0 0 4.62963vh #17042d;
  position: relative;
}
.select-currency__list,
.select-phone__list {
  box-shadow:
    0 45px 80px 0 rgba(0, 0, 0, 0.3),
    0 10px 25px 0 rgba(0, 0, 0, 0.3);
  overflow-x: hidden;
}
.modal__wrapper {
  flex-direction: column;
  background-color: #1e133f;
  padding: 2.31481vh;
  position: relative;
  border-radius: 1.66667vh;
}
.modal__wrapper_show {
  display: -webkit-flex;
  display: flex;
  visibility: visible;
}
.modal__wrapper > *,
.select-phone {
  position: relative;
}
.modal__gift {
  position: absolute;
  height: auto;
}
.modal__gift--bottom {
  width: 25.74074vh;
  z-index: -1;
  right: -15.92593vh;
  bottom: -4.81481vh;
}
.modal__title {
  margin: 0 0 1rem;
  color: #8a2cff;
  text-shadow: 2px 2px 4px rgb(69 0 102 / 50%);
  letter-spacing: 1.5px;
}
.modal__text {
  margin: 0 0 0.5rem;
  color: #daa520;
}
@media only screen and (orientation: portrait) {
  .wheel__button-wrapper {
    top: 150vw;
  }
  .wheel__button {
    width: 58.7vw;
    height: 12.32vw;
  }
  .wheel__attempts {
    text-shadow: 0 0 2.89855vw #000;
    font-size: 3.86473vw;
    margin-bottom: 3.38164vw;
  }
  .tabs {
    border-radius: 0;
    margin-bottom: 2vw;
    margin-top: 1.20773vw;
  }
  .tabs__item > button {
    font-size: 3.38164vw;
    padding: 2.17vw 2.9vw;
    height: 8.7vw;
  }
  .modal__inner {
    width: 92.27053vw;
    border-radius: 3.86473vw;
    padding: 0.72464vw;
    box-shadow: 0 0 12.07729vw #17042d;
  }
  .modal__wrapper {
    padding: 3.62319vw;
    border-radius: 4.34783vw;
  }
  .modal__gift--bottom {
    width: 52.17391vw;
    right: -15.94203vw;
    bottom: -40.09662vw;
  }
}
.modal__gift--top {
  width: 13.7037vh;
  left: -10vh;
  top: -1.11111vh;
}
.ribbons {
  font-size: 4vh;
  line-height: 1;
  text-align: center;
  margin: 7.7vh 0 0.92593vh;
  padding: 0 0.46296vh;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ribbons--modal {
  margin: 0 0 1rem;
}
.ribbons span {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  display: block;
}
.ribbons span:first-child {
  color: red;
  text-shadow: 2px 2px 4px rgba(255, 0, 0, 0.5);
}
.ribbons span:last-child {
  font-size: 3.75vh;
  color: #0ff;
  text-shadow: 2px 2px 4px rgba(0, 255, 255, 0.5);
  filter: drop-shadow(0 0 0.75rem rgba(0, 255, 255, 0.5));
}
.ribbons img {
  display: block;
  width: auto;
  height: 13.7963vh;
}
@media only screen and (orientation: portrait) {
  .modal__gift--top {
    width: 25.36232vw;
    left: -10.86957vw;
    top: -3.89372vw;
  }
  .ribbons {
    font-size: 9vw;
    margin: 28vw 0 2vw;
    padding: 0 1.20773vw;
  }
  .ribbons--modal {
    margin: 0 0 1rem;
  }
  .ribbons img {
    height: 27.05314vw;
  }
  .ribbons.lang-value-kazakh {
    font-size: 5.8vw;
  }
}
.comp-title__bonus,
.comp-title__title {
  padding: 0 5px;
  -webkit-text-stroke-color: #cc0100;
  -webkit-text-stroke-width: 1px;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}
.decor-items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.decor-items.hidden {
  opacity: 0;
}
.decor-items__container {
  width: 100%;
  height: 100%;
  position: relative;
}
.decor-items__container:before {
  top: 0;
  background: linear-gradient(180deg, #010103, rgba(1, 1, 3, 0));
}
.decor-items__container:after,
.decor-items__container:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 19.90741vh;
}
.decor-items__container:after {
  bottom: 0;
  background: linear-gradient(0deg, #010103 -26.74%, rgba(1, 1, 3, 0));
}
.decor-items__item {
  position: absolute;
}
.comp-title > img,
.decor-items__item img {
  display: block;
  width: 100%;
}
.decor-items__item--god {
  width: 82.40741vh;
  left: 50%;
  -webkit-transform: translateX(-106.06742%);
  transform: translateX(-106.06742%);
  bottom: -1px;
}
@media only screen and (orientation: portrait) {
  .decor-items__container:after,
  .decor-items__container:before {
    height: 51.93237vw;
  }
  .decor-items__container:after {
    z-index: 15;
  }
  .decor-items__item--god {
    width: 93vw;
    -webkit-transform: translateX(-96%);
    transform: translateX(-96%);
    z-index: 5;
  }
}
@media only screen and (max-height: 190vw) and (orientation: portrait) {
  .decor-items__item--god {
    width: 80vw;
    -webkit-transform: translateX(-104%);
    transform: translateX(-104%);
  }
}
@media only screen and (max-height: 144vw) and (orientation: portrait) {
  .ribbons {
    margin: 30vw 0 1vw;
  }
  .decor-items__item--god {
    width: 55vw;
    -webkit-transform: translateX(-125%);
    transform: translateX(-125%);
  }
}
.decor-items__item--girl {
  width: 56.66667vh;
  right: 50%;
  -webkit-transform: translateX(118.46405%);
  transform: translateX(118.46405%);
  bottom: -1px;
  pointer-events: none;
  z-index: 5;
}
@media only screen and (orientation: portrait) {
  .decor-items__item--girl {
    width: 66vw;
    -webkit-transform: translateX(102%);
    transform: translateX(102%);
  }
}
@media only screen and (max-height: 190vw) and (orientation: portrait) {
  .decor-items__item--girl {
    width: 56vw;
    -webkit-transform: translateX(114%);
    transform: translateX(114%);
  }
}
@media only screen and (max-height: 144vw) and (orientation: portrait) {
  .decor-items__item--girl {
    width: 38vw;
    -webkit-transform: translateX(146%);
    transform: translateX(146%);
  }
}
.decor-items__item--1 {
  width: 14.25926vh;
  left: 50%;
  -webkit-transform: translateX(-622.07792%);
  transform: translateX(-622.07792%);
  top: 17.59259vh;
}
.decor-items__item--1 img {
  position: relative;
  -webkit-animation:
    2.4s ease-in-out -1s infinite symbols,
    3.5s ease-in-out -2.5s infinite flying;
  animation:
    2.4s ease-in-out -1s infinite symbols,
    3.5s ease-in-out -2.5s infinite flying;
}
@media only screen and (orientation: portrait) {
  .decor-items__item--1 {
    width: 21.01449vw;
    left: 50%;
    -webkit-transform: translateX(-235.63218%);
    transform: translateX(-235.63218%);
    top: 54.10628vw;
  }
}
.decor-items__item--2 {
  width: 27.68519vh;
  left: 50%;
  -webkit-transform: translateX(-81.9398%);
  transform: translateX(-81.9398%);
  top: 85vh;
}
.decor-items__item--2 img {
  position: relative;
  -webkit-animation:
    3.5s ease-in-out -1.8s infinite symbolsNegative,
    5s ease-in-out -2.2s infinite flying;
  animation:
    3.5s ease-in-out -1.8s infinite symbolsNegative,
    5s ease-in-out -2.2s infinite flying;
}
@media only screen and (orientation: portrait) {
  .decor-items__item--2 {
    width: 44.68599vw;
    left: 50%;
    -webkit-transform: translateX(-64.32432%);
    transform: translateX(-64.32432%);
    top: 188.4058vw;
    z-index: 10;
  }
}
@media only screen and (orientation: portrait) and (max-height: 190vw) and (orientation: portrait) {
  .wheel__achievements {
    top: 127vw;
  }
  .decor-items__item--2 {
    top: 160vw;
  }
}
@media only screen and (orientation: portrait) and (max-height: 154vw) and (orientation: portrait) {
  .wheel__achievements {
    top: 120vw;
  }
  .decor-items__item--2 {
    top: 134vw;
  }
}
@media only screen and (orientation: portrait) and (max-height: 144vw) and (orientation: portrait) {
  .wheel__achievements {
    top: 108vw;
  }
  .decor-items__item--2 {
    top: 130vw;
  }
}
.decor-items__item--3 {
  width: 10.37037vh;
  right: 50%;
  -webkit-transform: translateX(374.10714%);
  transform: translateX(374.10714%);
  top: -2.68519vh;
}
.decor-items__item--3 img {
  position: relative;
  -webkit-animation:
    2s ease-in-out -1.5s infinite symbols,
    4s ease-in-out -1s infinite flying;
  animation:
    2s ease-in-out -1.5s infinite symbols,
    4s ease-in-out -1s infinite flying;
}
@media only screen and (orientation: portrait) {
  .decor-items__item--3 {
    width: 18.11594vw;
    right: 50%;
    -webkit-transform: translateX(316%);
    transform: translateX(316%);
    top: 28.26087vw;
  }
}
.decor-items__item--bottom-shadows {
  width: 100%;
  bottom: -3.14815vh;
  height: 21.2963vh;
  position: absolute;
  left: 0;
}
.decor-items__item--bottom-shadows:before {
  top: 3.14815vh;
  bottom: 0;
}
.decor-items__item--bottom-shadows:after,
.decor-items__item--bottom-shadows:before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  background: linear-gradient(0deg, #020a2b, rgba(2, 10, 43, 0));
}
.decor-items__item--bottom-shadows:after {
  top: 0;
  bottom: 3.14815vh;
}
@-webkit-keyframes symbolsNegative {
  0%,
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-37deg);
    transform: rotate(-37deg);
  }
}
@keyframes symbolsNegative {
  0%,
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-37deg);
    transform: rotate(-37deg);
  }
}
@-webkit-keyframes symbols {
  0%,
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
  }
}
@keyframes symbols {
  0%,
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
  }
}
@-webkit-keyframes flying {
  0%,
  to {
    top: 0;
  }
  50% {
    top: -3vh;
  }
}
@keyframes flying {
  0%,
  to {
    top: 0;
  }
  50% {
    top: -3vh;
  }
}
.falling-items__set,
.falling-items__set2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.falling-items__set2 {
  -webkit-transform: scale(2) rotateY(180deg);
  transform: scale(2) rotateY(180deg);
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.falling-items__set3 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scale(0.8) rotateY(30deg);
  transform: scale(0.8) rotateY(30deg);
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
.falling-items__item {
  position: absolute;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.falling-items__item img {
  display: block;
}
.falling-items__item--1 {
  right: 18%;
  -webkit-animation: 15s linear -7s infinite animate;
  animation: 15s linear -7s infinite animate;
}
.falling-items__item--1 img {
  max-width: 18.05556vh;
}
@media only screen and (orientation: portrait) and (max-width: 479.9px) {
  .falling-items__item--1 {
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
  }
  .falling-items__item--1 img {
    max-width: 22.94686vw;
  }
}
.falling-items__item--2 {
  right: 1%;
  -webkit-animation: 12s linear -5s infinite animate;
  animation: 12s linear -5s infinite animate;
}
.falling-items__item--2 img {
  max-width: 18.05556vh;
}
@media only screen and (orientation: portrait) and (max-width: 479.9px) {
  .falling-items__item--2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    z-index: 10;
  }
  .falling-items__item--2 img {
    max-width: 19.32367vw;
  }
}
.falling-items__item--3 {
  left: 27%;
  -webkit-animation: 14s linear infinite animate;
  animation: 14s linear infinite animate;
}
.falling-items__item--3 img {
  max-width: 4.44444vh;
}
@media only screen and (orientation: portrait) and (max-width: 479.9px) {
  .falling-items__item--3 {
    -webkit-animation-delay: -12s;
    animation-delay: -12s;
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
  }
  .falling-items__item--3 img {
    max-width: 17.3913vw;
  }
}
.falling-items__item--4 {
  left: 40%;
  -webkit-animation: 12s linear -5s infinite animate;
  animation: 12s linear -5s infinite animate;
}
.falling-items__item--4 img {
  max-width: 12.12963vh;
}
@media only screen and (orientation: portrait) and (max-width: 479.9px) {
  .falling-items__item--4 {
    -webkit-animation-delay: -18s;
    animation-delay: -18s;
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
  }
  .falling-items__item--4 img {
    max-width: 56.52174vw;
  }
}
.falling-items__item--5 {
  left: 0;
  -webkit-animation: 13s linear -10s infinite animate;
  animation: 13s linear -10s infinite animate;
}
.falling-items__item--5 img {
  max-width: 11.2963vh;
}
@media only screen and (orientation: portrait) and (max-width: 479.9px) {
  .falling-items__item--5 {
    -webkit-animation-delay: -7s;
    animation-delay: -7s;
    -webkit-animation-duration: 14s;
    animation-duration: 14s;
    z-index: 10;
  }
  .falling-items__item--5 img {
    max-width: 18.35749vw;
  }
}
.falling-items__item--6 {
  right: 8%;
  -webkit-animation: 12s linear -7s infinite animate;
  animation: 12s linear -7s infinite animate;
}
.falling-items__item--6 img {
  max-width: 24.72222vh;
}
@media only screen and (orientation: portrait) and (max-width: 919.9px) {
  .falling-items__item--6 img {
    max-width: 31.25vw;
    z-index: 10;
  }
}
@media only screen and (orientation: portrait) and (max-width: 479.9px) {
  .falling-items__item--6 {
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    -webkit-animation-delay: -10s;
    animation-delay: -10s;
  }
  .falling-items__item--6 img {
    max-width: 36.23188vw;
  }
}
.falling-items__item--7 {
  right: 40%;
  -webkit-animation: 14s linear -7s infinite animate;
  animation: 14s linear -7s infinite animate;
}
.falling-items__item--7 img {
  max-width: 13.88889vh;
}
@media only screen and (orientation: portrait) and (max-width: 479.9px) {
  .falling-items__item--7 {
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    -webkit-animation-delay: -16s;
    animation-delay: -16s;
  }
  .falling-items__item--7 img {
    max-width: 7.24638vw;
  }
}
.falling-items__item--8 {
  left: 8%;
  -webkit-animation: 11s linear -7s infinite animate;
  animation: 11s linear -7s infinite animate;
}
.falling-items__item--8 img {
  max-width: 12.59259vh;
}
@media only screen and (orientation: portrait) and (max-width: 919.9px) {
  .falling-items__item--8 img {
    max-width: 16.66667vw;
    z-index: 10;
  }
}
@media only screen and (orientation: portrait) and (max-width: 479.9px) {
  .falling-items__item--8 {
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    -webkit-animation-delay: -16s;
    animation-delay: -16s;
  }
  .falling-items__item--8 img {
    max-width: 7.24638vw;
  }
}
.falling-items__item--9 {
  left: 18%;
  -webkit-animation: 10s linear -7s infinite animate;
  animation: 10s linear -7s infinite animate;
}
.falling-items__item--9 img {
  max-width: 21.85185vh;
}
@media only screen and (orientation: portrait) and (max-width: 479.9px) {
  .falling-items__item--9 {
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    -webkit-animation-delay: -16s;
    animation-delay: -16s;
  }
  .falling-items__item--9 img {
    max-width: 24.15459vw;
  }
}
@-webkit-keyframes animate {
  0% {
    opacity: 0;
    top: -10%;
    -webkit-transform: translateX(20px) rotate(0);
    transform: translateX(20px) rotate(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px) rotate(45deg);
    transform: translateX(-20px) rotate(45deg);
  }
  40% {
    -webkit-transform: translateX(-20px) rotate(90deg);
    transform: translateX(-20px) rotate(90deg);
  }
  60% {
    -webkit-transform: translateX(-20px) rotate(135deg);
    transform: translateX(-20px) rotate(135deg);
  }
  80% {
    -webkit-transform: translateX(-20px) rotate(180deg);
    transform: translateX(-20px) rotate(180deg);
  }
  to {
    top: 110%;
    -webkit-transform: translateX(-20px) rotate(225deg);
    transform: translateX(-20px) rotate(225deg);
  }
}
@keyframes animate {
  0% {
    opacity: 0;
    top: -10%;
    -webkit-transform: translateX(20px) rotate(0);
    transform: translateX(20px) rotate(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px) rotate(45deg);
    transform: translateX(-20px) rotate(45deg);
  }
  40% {
    -webkit-transform: translateX(-20px) rotate(90deg);
    transform: translateX(-20px) rotate(90deg);
  }
  60% {
    -webkit-transform: translateX(-20px) rotate(135deg);
    transform: translateX(-20px) rotate(135deg);
  }
  80% {
    -webkit-transform: translateX(-20px) rotate(180deg);
    transform: translateX(-20px) rotate(180deg);
  }
  to {
    top: 110%;
    -webkit-transform: translateX(-20px) rotate(225deg);
    transform: translateX(-20px) rotate(225deg);
  }
}
.comp-title {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  font-family: Roboto-Bold, sans-serif;
  font-weight: 700;
  margin-bottom: 0.64815vh;
  white-space: nowrap;
}
.comp-title__bonus {
  font-family: Roboto-Black, sans-serif;
  font-weight: 900;
  line-height: 1;
  font-size: 3.33333vh;
  background: linear-gradient(
    180deg,
    #fffe1f 26.15%,
    #fffe1f 41.35%,
    #ffa20c 64.15%,
    #ffc70e 78.57%
  );
  background-clip: text;
  -webkit-background-clip: text;
}
.phone-form__header,
.submit-btn {
  font-family: Roboto-Regular, sans-serif;
}
.comp-title__title {
  font-size: 2.03704vh;
  color: #fff;
  background: linear-gradient(
    180deg,
    #fffe1f 26.15%,
    #fffe1f 41.35%,
    #ffa20c 64.15%,
    #ffc70e 78.57%
  );
  background-clip: text;
  -webkit-background-clip: text;
}
.comp-title__title.lang-value-kazakh {
  font-size: 1.55vh;
}
.forms > form.active {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.forms__questions {
  text-align: center;
  color: #fff;
  margin: 0 0 1.48148vh;
  font-size: 1.3vh;
  -webkit-order: 2;
  order: 2;
}
.forms__signin-link {
  margin: 0 0 0 0.74vh;
  color: #ff2400;
}
.email-form {
  width: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-top: 1.3vh;
}
.email-form__item {
  position: relative;
  margin-bottom: 0.74074vh;
}
.email-form__email-input,
.email-form__password-input {
  color: #000;
  height: 4.07407vh;
  width: 100%;
  background: #fff;
  border: 1px solid #8a2cff;
  border-radius: 0.74074vh;
  font-size: 1.48148vh;
  padding: 0.46vh 0 0.46vh 1.3vh;
}
.email-form__email-input::-webkit-input-placeholder,
.email-form__password-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.48148vh;
}
.email-form__email-input::-moz-placeholder,
.email-form__password-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.48148vh;
}
.email-form__email-input:-ms-input-placeholder,
.email-form__password-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.48148vh;
}
.email-form__email-input::placeholder,
.email-form__password-input::placeholder {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.48148vh;
}
@media only screen and (orientation: portrait) {
  .comp-title {
    margin-bottom: 0.96618vw;
  }
  .comp-title__bonus {
    font-size: 7.00483vw;
  }
  .comp-title__title {
    font-size: 4.10628vw;
  }
  .comp-title__title.lang-value-kazakh {
    font-size: 3.3vw;
  }
  .comp-title > img {
    width: 85%;
  }
  .forms__questions {
    margin: 0 0 2.89855vw;
    font-size: 3.38vw;
  }
  .forms__signin-link {
    margin: 0 0 0 1.93vw;
  }
  .email-form {
    margin-top: 0;
  }
  .email-form__item {
    margin-bottom: 2.42vw;
  }
  .email-form__email-input,
  .email-form__password-input {
    height: 10.62802vw;
    font-size: 3.86vw;
    padding: 1.21vw 0 1.21vw 3.38vw;
  }
  .email-form__email-input::-webkit-input-placeholder,
  .email-form__password-input::-webkit-input-placeholder {
    font-size: 3.86vw;
  }
  .email-form__email-input::-moz-placeholder,
  .email-form__password-input::-moz-placeholder {
    font-size: 3.86vw;
  }
  .email-form__email-input:-ms-input-placeholder,
  .email-form__password-input:-ms-input-placeholder {
    font-size: 3.86vw;
  }
  .email-form__email-input::placeholder,
  .email-form__password-input::placeholder {
    font-size: 3.86vw;
  }
}
@media screen and (orientation: landscape) and (max-height: 420px) and (min-aspect-ratio: 13/9) {
  .email-form__email-input::-webkit-input-placeholder,
  .email-form__password-input::-webkit-input-placeholder {
    font-size: 1.3vh;
  }
  .email-form__email-input::-moz-placeholder,
  .email-form__password-input::-moz-placeholder {
    font-size: 1.3vh;
  }
  .email-form__email-input:-ms-input-placeholder,
  .email-form__password-input:-ms-input-placeholder {
    font-size: 1.3vh;
  }
  .email-form__email-input::placeholder,
  .email-form__password-input::placeholder {
    font-size: 1.3vh;
  }
}
.email-form__password-input {
  padding-right: 3.15vh;
}
.email-form__view-icon {
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 3.15vh;
  height: 100%;
}
.email-form__view-icon_close {
  background: url(view-close-black.svg) 50% no-repeat;
}
.email-form__view-icon_open {
  background: url(view-black.svg) 50% no-repeat;
}
.phone-form {
  margin-bottom: 0;
}
.phone-form__header {
  color: #fff;
  font-size: 1.48vh;
  margin: 0;
  padding: 2.22222vh 0 1.11111vh;
  line-height: 1.2;
  text-align: left;
}
@media screen and (orientation: portrait) {
  .email-form {
    padding-top: 0;
  }
  .phone-form__header {
    padding: 3.86473vw 0 1.93237vw;
    font-size: 3.86473vw;
  }
}
.select-currency,
.select-currency__main {
  position: relative;
  width: 100%;
}
.select-currency__main {
  color: #000;
  height: 4.07407vh;
  border: 1px solid #8a2cff;
  border-radius: 0.74074vh;
  background: #fff;
  line-height: 2.59vh;
}
.select-currency__main:after {
  content: '';
  cursor: pointer;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 2.96vh;
  background: url(down-arrow-black.svg) 50%/1.3vh no-repeat;
  border-left: 1px;
}
.select-currency__default-input {
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  display: none;
  visibility: hidden;
}
.select-currency__list {
  display: none;
  border: 1px solid #8a2cff;
  background: #fff;
  position: absolute;
  margin-top: 2px;
  top: 100%;
  left: 0;
  width: 100%;
  border-radius: 0.74074vh;
  z-index: 1;
  max-height: 13.15vh;
}
.select-currency__item,
.select-currency__placeholder {
  display: -webkit-flex;
  -webkit-align-items: center;
  cursor: pointer;
}
.select-currency__list::-webkit-scrollbar {
  display: none;
  width: 0;
}
.select-currency__item {
  display: flex;
  align-items: center;
  color: #000;
  padding: 0.56vh 0.83vh;
}
.select-currency__item:hover,
.select-currency__item_active {
  background: rgba(0, 0, 0, 0.15);
  color: #000;
}
.select-currency__placeholder {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding-left: 0.74vh;
  font-size: 1.3vh;
}
.select-currency__placeholder .select-currency__text {
  padding-right: 2.78vh;
}
.select-currency__icon {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 2.31vh;
  width: 2.31vh;
  font-size: 2.41vh;
  color: #000;
}
.select-currency__name {
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  padding: 0 0.46vh;
  margin: 0 0.46vh;
  text-transform: uppercase;
}
.select-currency__text {
  overflow: hidden;
}
.no-list-currency .select-currency__main:after {
  background: 0 0;
  cursor: inherit;
}
.no-list-currency > button {
  cursor: inherit;
}
.select-phone[data-open='false'] > .select-phone__list {
  display: none !important;
}
.select-phone__placeholder {
  margin-bottom: 0.74074vh;
}
.select-phone__placeholder .divider {
  position: absolute;
  left: 6.02vh;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 2.03704vh;
  width: 0;
  border-right: 1px solid #d6d6d6;
}
.select-phone__placeholder-logo {
  background-color: rgba(15, 9, 49, 0.4);
  border: none;
  display: block;
  width: 2.59vh;
  height: 2.04vh;
  border-radius: 3px;
  position: absolute;
  left: 1vh;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.select-phone__placeholder-input {
  color: #000;
  font-size: 1.48vh;
  background: url(down-arrow-black.svg) 4.07vh 50%/1.2vh no-repeat #fff;
  border: 1px solid #8a2cff;
  cursor: text;
  width: 100%;
  border-radius: 0.74074vh;
  height: 4.07407vh;
  padding-left: 6.94vh;
}
.select-phone__placeholder-btn {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 6.94vh;
}
.select-phone__list {
  border: 1px solid #8a2cff;
  background: #fff;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 0.74074vh;
  display: none;
  line-height: 2.5vh;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 16;
  max-height: 13.15vh;
  width: 100%;
  margin-top: 2px;
}
.select-phone__list::-webkit-scrollbar {
  display: none;
  width: 0;
}
.select-phone__item {
  color: #000;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  padding: 0.46vh 0.65vh;
}
.select-phone__item:hover,
.select-phone__item_active {
  background: rgba(0, 0, 0, 0.15);
  color: #000;
}
.select-phone__item-logo {
  display: block;
  height: 1.85vh;
  width: 2.59vh;
  margin-right: 0.37vh;
  border: none;
  border-radius: 0.28vh;
}
.select-phone__item-text {
  overflow: hidden;
}
.no-list-phone .select-phone__placeholder-input {
  background-image: none;
  padding-left: 5vh;
}
.no-list-phone .select-phone__placeholder-btn {
  width: 5vh;
  cursor: inherit;
}
.checkbox {
  margin: 0;
  color: #fff;
  font-size: 1.3vh;
  -webkit-order: 3;
  order: 3;
  padding: 1.48148vh 0 0;
  line-height: 1.2;
}
.checkbox__item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  text-align: left;
}
.checkbox__item:not(:last-child) {
  margin-bottom: 0.74vh;
}
.checkbox__label,
.checkbox__text {
  -webkit-align-items: center;
  align-items: center;
}
.checkbox__text p {
  line-height: 1.85vh;
}
.checkbox__text-link {
  color: #ff2400;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 0.46vh;
  text-decoration: underline;
}
.checkbox__label {
  cursor: pointer;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  position: relative;
  width: 1.85185vh;
  height: 1.85185vh;
  margin-right: 0.93vh;
  background: #fff;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  overflow: hidden;
}
.checkbox__label-icon {
  display: none;
  background: url(checkbox-white.svg) 50%/1.48148vh no-repeat #00cfa6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.checkbox__input:checked + .checkbox__label {
  border: 1px solid #00cfa6;
  background-color: #00cfa6;
}
.checkbox__input:checked + .checkbox__label .checkbox__label-icon {
  display: -webkit-flex;
  display: flex;
}
.submit-btn {
  margin: 1.48148vh auto 2.22222vh;
  width: 100%;
  height: 4.62963vh;
  font-size: 1.66667vh;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  letter-spacing: 1px;
  text-transform: inherit;
  color: #fff;
  background: #ff2400;
  border-radius: 0.74074vh;
  -webkit-order: 1;
  order: 1;
}
@media only screen and (orientation: portrait) {
  .select-currency__main {
    height: 10.62802vw;
    line-height: 6.76vw;
  }
  .select-currency__main:after {
    width: 7.73vw;
    background-size: 2.42vw;
  }
  .select-currency__list {
    max-height: 34.3vw;
  }
  .select-currency__item {
    font-size: 3.86vw;
    padding: 1.45vw 2.17vw;
  }
  .select-currency__placeholder {
    font-size: 3.86vw;
    padding-left: 1.93vw;
  }
  .select-currency__icon {
    height: 6.04vw;
    width: 6.04vw;
    font-size: 6.28vw;
  }
  .select-currency__name {
    padding: 0 1.21vw;
    margin: 0 1.21vw;
  }
  .select-currency__text {
    padding-right: 7.25vw;
  }
  .select-phone__placeholder {
    margin-bottom: 1.93237vw;
  }
  .select-phone__placeholder .divider {
    left: 15vw;
    height: 5.31401vw;
  }
  .select-phone__placeholder-logo {
    width: 6.76vw;
    height: 5.31vw;
    left: 1.69vw;
  }
  .select-phone__placeholder-input {
    font-size: 3.86vw;
    height: 10.62802vw;
    padding-left: 18.12vw;
    background-position: 10.63vw 50%;
    background-size: 2.42vw;
  }
  .select-phone__placeholder-btn {
    width: 18.12vw;
  }
  .select-phone__list {
    line-height: 6.52vw;
    max-height: 43.96vw;
  }
  .select-phone__item {
    font-size: 3.86vw;
    padding: 1.21vw 1.69vw;
  }
  .select-phone__item-logo {
    height: 4.83vw;
    width: 6.76vw;
  }
  .checkbox {
    font-size: 3.1401vw;
    padding: 0;
  }
  .checkbox__item:not(:last-child) {
    margin-bottom: 1.93vw;
  }
  .checkbox__text p {
    line-height: 3.86vw;
  }
  .checkbox__text-link {
    margin-left: 1.21vw;
  }
  .checkbox__label {
    width: 4.83092vw;
    height: 4.83092vw;
    margin-right: 2.42vw;
  }
  .checkbox__label-icon {
    background-size: 2.62vw;
  }
  .submit-btn {
    margin: 2.89855vw auto 4.83092vw;
    height: 12.07729vw;
    font-size: 4.34783vw;
  }
}
.alert {
  background-color: rgba(0, 0, 0, 0.7);
  border: 1px solid #afff02;
  color: #fff;
  border-radius: 9px;
  position: fixed;
  top: 1px;
  right: 1px;
  padding: 32px;
  width: 256px;
  text-align: center;
  -webkit-transform: translateX(103%);
  transform: translateX(103%);
  transition: transform 0.3s;
  transition:
    transform 0.3s,
    -webkit-transform 0.3s;
  z-index: 9999;
  box-sizing: content-box;
}
.alert__close {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 0;
  left: 4px;
  cursor: pointer;
}
.alert__close:after,
.alert__close:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  height: 2px;
  width: 50%;
  background-color: #fff;
}
.alert__close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.alert_active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@media screen and (max-width: 479.9px) {
  body,
  html {
    min-height: 100%;
  }
  .alert {
    padding: 26px;
    width: 254px;
  }
  .alert_active {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}