.platforms {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.platforms_text {
    margin-right: 16px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    line-height: 1.15;
    letter-spacing: .01em;
}
.platforms_icon {
    max-width: 15px;
}
@media all and (min-width: 720px) {
.platforms_icon {
        max-width: 27px;
}
}
.platforms_icon:not(:last-child) {
      margin-right: 8px;
}
@media all and (min-width: 720px) {
.platforms_icon:not(:last-child) {
          margin-right: 16px;
}
}

.lang-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 8px 0 8px 12px;
  border: none;
  outline: transparent;
  background-color: transparent;
  color: #fff;
  font: 12px/17px "Roboto Condensed", "Arial Narrow", "Arial", sans-serif;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2%;
  position: relative;
  transition: color 0.5s;
}
.lang-button::before {
    display: block;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border: 1px solid transparent;
    border-radius: 100%;
    background-color: currentColor;
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    transition: border-color 0.5s, background-color 0.5s;
}
.lang-button:hover, .lang-button:active {
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
}
.lang-button:hover::before, .lang-button:active::before {
      opacity: 1;
}
.lang-button__current {
    color: #cbac77;
    font-style: italic;
    cursor: default;
    pointer-events: none;
}
.lang-button__current::before {
      width: 7px;
      height: 7px;
      margin-top: -4px;
      border-color: currentColor;
      background-color: transparent;
      left: 0;
}
.lang-button__selector {
    width: auto;
    padding: 0;
    text-align: right;
}
.lang-button__selector::before {
      display: none;
}
.lang-button__selector .lang-button_text {
      word-break: break-all;
}
.lang-button__selector .lang-button_world {
      display: inline-block;
      width: 12px;
      min-width: 12px;
      height: 12px;
      margin-right: 4px;
      position: relative;
      transition: fill 0.5s;
      fill: currentColor;
}
.lang-button__selector .lang-button_arrow {
      display: block;
      width: 12px;
      min-width: 12px;
      height: 12px;
      margin-left: 4px;
      position: relative;
      top: -1px;
      transition: fill 0.5s, -webkit-transform 0.5s;
      transition: transform 0.5s, fill 0.5s;
      transition: transform 0.5s, fill 0.5s, -webkit-transform 0.5s;
      fill: currentColor;
}
.lang-button__active .lang-button_arrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.language-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 940px;
  max-height: 100%;
  padding: 20px 30px;
  font: 400 12px/17px "Roboto Condensed", "Arial Narrow", "Arial", sans-serif;
}
.language-list_item {
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding: 0 20px 0 0;
    text-align: left;
    position: relative;
}
@media all and (min-width: 720px) {
.language-list_item {
        width: 25%;
}
}
@media all and (min-width: 1100px) {
.language-list_item {
        width: 20%;
}
}

.close-button {
  z-index: 10;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  outline: transparent;
  background-color: transparent;
  color: #b8b397;
  overflow: hidden;
  position: fixed;
  top: 8px;
  right: 18px;
  cursor: pointer;
}
.close-button:hover {
    color: #cbac77;
}
.close-button::before, .close-button::after {
    width: 20px;
    height: 3px;
    margin-top: -1px;
    border-radius: 5px;
    background-color: currentColor;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    transition: color 0.5s;
}
.close-button::before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.close-button::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.overlay {
  z-index: 1000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100vh;
  background-color: rgba(22, 22, 22, 0.95);
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  transition: opacity 0.5s, visibility 0.5s;
}
@media all and (min-width: 720px) {
.overlay {
      height: auto;
      position: absolute;
      top: auto;
      bottom: 100%;
      -webkit-transform: translateY(35px);
              transform: translateY(35px);
      transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
      transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
      transition: opacity 0.5s, visibility 0.5s, transform 0.5s, -webkit-transform 0.5s;
      will-change: transform;
}
}
@media all and (min-width: 720px) {
.overlay__top {
      height: auto;
      position: fixed;
      top: 0;
      bottom: auto;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
}
}
.overlay__open {
    opacity: 1;
    visibility: visible;
}
@media all and (min-width: 720px) {
.overlay__open {
        -webkit-transform: translateY(0);
                transform: translateY(0);
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.overlay__open {
        -webkit-transform: none;
                transform: none;
}
}
.overlay__fullscreen {
    top: 0;
    bottom: 0;
    -webkit-transform: none;
            transform: none;
}
@media all and (min-width: 720px) {
.overlay__fullscreen {
        position: fixed;
}
}

.footer {
  width: 100%;
  font: 400 12px "Roboto Condensed", "Arial Narrow", "Arial", sans-serif;
  position: relative;
}
.footer_inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    justify-items: flex-end;
    margin: 0 auto;
    padding: 0 16px 20px;
}
@media all and (min-width: 1100px) {
.footer_inner {
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin: 0 30px;
        padding-top: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
}
}
@media all and (min-width: 1600px) {
.footer_inner {
        margin: 0 100px;
}
}
.footer_nav-and-copyright {
    width: 100%;
}
@media all and (min-width: 1100px) {
.footer_nav-and-copyright {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
}
}
.footer_nav {
    width: 100%;
    margin-bottom: 12px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media all and (min-width: 1100px) {
.footer_nav {
        padding-top: 0;
        border: none;
}
}
@media all and (min-width: 1600px) {
.footer_copyright {
      max-width: 700px;
}
}
.footer_platform-list-and-rating {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
}
@media all and (min-width: 720px) {
.footer_platform-list-and-rating {
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        margin-left: auto;
        margin-top: 16px;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
}
@media all and (min-width: 1100px) {
.footer_platform-list-and-rating {
        -ms-flex-pack: end;
            justify-content: flex-end;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
        margin-top: 0;
}
}
.footer_platform-list {
    width: 100%;
}
@media all and (min-width: 720px) {
.footer_platform-list {
        width: auto;
        margin-left: 0;
}
}
@media all and (min-width: 1100px) {
.footer_platform-list {
        margin-right: 24px;
}
}
.footer_rating-list {
    width: 100%;
}
@media all and (min-width: 720px) {
.footer_rating-list {
        width: auto;
}
}

.footer-link {
  color: rgba(255, 255, 255, 0.3);
  text-decoration: none;
  transition: color 0.5s;
}
.footer-link:hover {
    color: rgba(255, 255, 255, 0.5);
}

.copyright {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  text-align: left;
  width: 100%;
  color: rgba(255, 255, 255, 0.3);
}
.copyright_logo {
    width: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-right: 8px;
    opacity: .3;
    position: relative;
    transition: opacity 0.5s;
}
.copyright_logo:hover {
      opacity: .7;
}
.copyright_logo img {
      width: auto;
      max-width: 26px;
}
.copyright_text {
    width: 100%;
}

.rating-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  margin-top: 16px;
  padding-left: 34px;
}
@media all and (min-width: 720px) {
.rating-list {
      -ms-flex-align: end;
          align-items: flex-end;
      width: auto;
      margin-top: 0;
}
}
@media all and (min-width: 1100px) {
.rating-list {
      padding-left: 0;
}
}
.rating-list__extended .rating-list_icon {
    max-height: 68px;
}
@media all and (min-width: 720px) {
.rating-list__extended .rating-list_icon {
        height: 68px;
}
}
.rating-list_list {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
@media all and (min-width: 720px) {
.rating-list_list {
        -ms-flex-pack: end;
            justify-content: flex-end;
        width: auto;
}
}
.rating-list_item:not(:first-child) {
    margin-left: 10px;
}
.rating-list_link {
    display: inline-block;
    transition: opacity 0.5s;
}
.rating-list_link:hover {
      opacity: .7;
}
.rating-list_icon {
    max-height: 36px;
}
@media all and (min-width: 720px) {
.rating-list_icon {
        width: auto;
        height: 36px;
}
}
.rating-list_description {
    display: inline-block;
    width: auto;
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.3);
    font-size: 10px;
    line-height: 1;
    text-align: left;
}
@media all and (min-width: 720px) {
.rating-list_description {
        text-align: right;
        white-space: nowrap;
}
}
@media all and (min-width: 1100px) {
.rating-list_description {
        font-size: 12px;
        line-height: 1.2;
}
}

.footer-navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 34px;
  text-transform: uppercase;
}
.footer-navigation_item {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}
.footer-navigation_item:not(:last-child) {
      padding-right: 20px;
}
@media all and (min-width: 720px) {
.footer-navigation_item:not(:last-child) {
          padding-right: 25px;
}
}
@media all and (min-width: 1600px) {
.footer-navigation_item:not(:last-child) {
          padding-right: 30px;
}
}

/* stylelint-disable-next-line selector-max-id */
#ot-sdk-btn.ot-sdk-show-settings.footer-link {
  padding: 0;
  border: 0;
  background: none;
  color: rgba(255, 255, 255, 0.3);
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: inherit;
  transition: color 0.5s;
  /* stylelint-disable-next-line selector-max-id */
}
#ot-sdk-btn.ot-sdk-show-settings.footer-link:hover {
    background: none;
    color: rgba(255, 255, 255, 0.5);
}

.platform-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  margin-top: 16px;
  padding-left: 34px;
}
@media all and (min-width: 720px) {
.platform-list {
      width: auto;
      margin-top: 0;
}
}
.platform-list__extended .platform-list_icon {
    max-height: 68px;
}
@media all and (min-width: 720px) {
.platform-list__extended .platform-list_icon {
        height: 68px;
}
}
.platform-list_item {
    display: inline-block;
}
.platform-list_item:not(:first-child) {
      margin-left: 10px;
}
.platform-list_link {
    display: inline-block;
    transition: opacity 0.5s;
}
.platform-list_link:hover {
      opacity: .7;
}
.platform-list_icon {
    width: auto;
    max-height: 36px;
}
@media all and (min-width: 720px) {
.platform-list_icon {
        height: 36px;
}
}

@-webkit-keyframes spinner {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spinner {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-width: 260px;
  height: 48px;
  padding: 0 40px;
  border-radius: 1px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px rgba(71, 0, 0, 0.3);
  position: relative;
  z-index: 1;
  transition: background-color 0.25s, color 0.25s, border-color 0.25s;
}
@-webkit-keyframes blink {
0% {
    -webkit-transform: translateX(-87px) skew(35deg);
            transform: translateX(-87px) skew(35deg);
}
50% {
    -webkit-transform: translateX(110%) skew(35deg);
            transform: translateX(110%) skew(35deg);
}
100% {
    -webkit-transform: translateX(110%) skew(35deg);
            transform: translateX(110%) skew(35deg);
}
}
@keyframes blink {
0% {
    -webkit-transform: translateX(-87px) skew(35deg);
            transform: translateX(-87px) skew(35deg);
}
50% {
    -webkit-transform: translateX(110%) skew(35deg);
            transform: translateX(110%) skew(35deg);
}
100% {
    -webkit-transform: translateX(110%) skew(35deg);
            transform: translateX(110%) skew(35deg);
}
}
.button__blink {
    overflow: hidden;
    position: relative;
}
.button__blink::before {
      display: block;
      width: 100%;
      height: 100%;
      border-left: 58px solid rgba(255, 251, 237, 0.16);
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      -webkit-animation: blink 3s infinite ease;
              animation: blink 3s infinite ease;
}
.button:hover {
    cursor: pointer;
}
.button__inherit {
    height: inherit;
}
@media all and (min-width: 720px) {
.button__large {
      height: 64px;
      font-size: 24px;
}
}
.button__small {
    min-width: 170px;
    height: 32px;
    font-size: 12px;
}
@media all and (min-width: 720px) {
.button__small {
        height: 48px;
        font-size: 18px;
}
}
@media all and (min-width: 1100px) {
.button__small {
        height: 40px;
        font-size: 14px;
}
}
@media all and (min-width: 1600px) {
.button__small {
        height: 48px;
        font-size: 18px;
}
}
.button__primary {
    background-color: #fe5000;
    color: #f9f5e1;
    text-shadow: none;
}
.button__primary:hover, .button__primary:focus {
      background-color: #f80;
}
.button__secondary {
    background-color: #6c6a5f;
    color: #f9f5e1;
}
.button__secondary:hover, .button__secondary:focus {
      background-color: #a7a493;
}
.button__transparent {
    border: 2px solid rgba(255, 255, 255, 0.4);
    color: #f9f5e1;
}
.button__transparent:hover, .button__transparent:focus {
      border-color: transparent;
      background-color: #f7f1d4;
      color: #1f1f1f;
}
.button__primary3d {
    width: 100%;
    box-shadow: 0 2px 0 #661000, inset 0 0 8px rgba(255, 210, 0, 0.1), inset 0 1px 0 #fab81b, inset 0 -1px 0 #ef4511;
    background: linear-gradient(to bottom, #fab81b, #ef4511) no-repeat 0, linear-gradient(to bottom, #fab81b, #ef4511) no-repeat 100%, #f25322 linear-gradient(to bottom, #f60, #a6230e) no-repeat;
    background-size: 1px 100%, 1px 100%, cover;
    color: #fff;
    text-shadow: 0 -1px rgba(71, 0, 0, 0.3);
    position: relative;
}
.button__primary3d::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      box-shadow: inset 0 0 8px rgba(255, 210, 0, 0.1), inset 0 1px 0 #fab81b, inset 0 -1px 0 #ff7e00;
      background: linear-gradient(to bottom, #fab81b, #ff7e00) no-repeat 0, linear-gradient(to bottom, #fab81b, #ff7e00) no-repeat 100%, #ff7e00 linear-gradient(to bottom, #ff7e00, #c2530a) no-repeat;
      background-size: 1px 100%, 1px 100%, cover;
      opacity: 0;
      content: "";
      transition: opacity 0.25s;
}
.button__primary3d:hover::after, .button__primary3d:focus::after {
      opacity: 1;
}
.button__full-width {
    width: 100%;
    min-width: auto;
}
.button_text {
    white-space: nowrap;
    z-index: 1;
}
.button_icon-wait {
    z-index: 1;
    width: 18px;
    height: 18px;
    margin-left: -30px;
    margin-right: 12px;
    border-radius: 50%;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8aW1hZ2UgaWQ9IkVsbGlwc2VfNzQyIiBkYXRhLW5hbWU9IkVsbGlwc2UgNzQyIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQklBQUFBU0NBTUFBQUJoRUg1bEFBQUFCR2RCVFVFQUFMR1BDL3hoQlFBQUFDQmpTRkpOQUFCNkpnQUFnSVFBQVBvQUFBQ0E2QUFBZFRBQUFPcGdBQUE2bUFBQUYzQ2N1bEU4QUFBQStWQk1WRVg1N3RtQWdJRDU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RrQUFBRGpvRjhmQUFBQVVYUlNUbE1BQUVLWjIva292ei95OEpFNERBSEg1VEZFK0RDYWo5d0dCd2dSMkNBZUdLS1NIeXNaUnk4UFFEa081QmRjV1U0M2pqUUtDU2VFZFdkWERmejA2ZHJKdHBDQmJjYnZ1S2lZYXhORHhOTEFuV2dNOWlHWUFBQUFBV0pMUjBSU0RXQXRrQUFBQUFsd1NGbHpBQUFMRWdBQUN4SUIwdDErL0FBQUFBZDBTVTFGQitJTUdnd09PanlaUjRzQUFBQzRTVVJCVkJqVFhkREhFb0pBRUFUUU1hQ2l1R1pFd0p4enpqbm5NUC8vTTRJdUpXc2Y5dkNxdHFxbkFmUlliWFlPdnJGWTlOZmhSQzFtY3ZINFJ3NDNJdWNSdkdBWUVCK2lQd0RtQkJGRFlVWWdnaWl5QWxGRWdRRUNIS0prQWlrbUE4OFFVUlFGVk9hakhFOGtJWVdZL2xFbW5NMUJYaXRSTUtTWUw1VXJuNnBWV3F4V2J6UmJRQTlxZDdxOWZtTXdISTBuOU96cGJMNVlybExyelRaSHg5bUY5bjUxZVRpZXpoZTZGNUNyZUxzL25xOHMwY2Q1QTRLOEdqUGNKbElDQUFBQUFFbEZUa1N1UW1DQyIvPgo8L3N2Zz4K) no-repeat;
    -webkit-animation: spinner 1.5s linear infinite;
            animation: spinner 1.5s linear infinite;
}

.tooltip {
  z-index: 10;
  box-sizing: border-box;
  max-width: 280px;
  padding: 10px;
  border: 1px solid #3d3b31;
  border-radius: 4px;
  box-shadow: 0 0 8px #000, inset 0 0 4px rgba(61, 59, 49, 0.86);
  background: #070705 linear-gradient(to top, rgba(201, 201, 182, 0.05), rgba(201, 201, 182, 0) 9%, rgba(201, 201, 182, 0) 89%, rgba(201, 201, 182, 0.05));
  color: #8c8c7e;
  font-size: 14px;
  line-height: 1.25;
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  /* TODO WOTSP-2860: Change tooltips to always be above */
}
.tooltip::after {
    width: 15px;
    height: 15px;
    border-right: 1px solid #3d3b31;
    border-bottom: 1px solid #3d3b31;
    background: inherit;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.tooltip__show {
    visibility: visible;
    z-index: 500;
}
.tooltip__left::after {
    left: 20px;
}
.tooltip__right::after {
    right: 20px;
}
.tooltip__bottom {
    -webkit-transform: translateY(calc(100% + 15px));
            transform: translateY(calc(100% + 15px));
}
.tooltip__bottom::after {
      border: none;
      border-left: 1px solid #3d3b31;
      border-top: 1px solid #3d3b31;
      top: -8px;
}
.tooltip__top::after {
    bottom: -8px;
}
.tooltip__insideModal.tooltip__show {
    z-index: 1500;
}

.input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  font-size: 14px;
  position: relative;
}
@media all and (min-width: 1100px) {
.input {
      font-size: 13px;
}
}
@media all and (min-width: 1100px) and (min-height: 850px) {
.input {
      font-size: 14px;
}
}
.input_field {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    box-sizing: border-box;
    width: 100%;
    height: 39px;
    padding: 0 15px;
    border: 1px solid #2e3840;
    border-radius: 1px;
    background-color: #020406;
    color: #f9f5e1;
    transition: border-color 0.2s ease-in, background-color 0.2s ease-in;
}
@media all and (min-width: 1100px) {
.input_field {
        height: 30px;
}
}
@media all and (min-width: 1100px) and (min-height: 850px) {
.input_field {
        height: 39px;
}
}
.input_field:hover:not(.input_field__error), .input_field:focus:not(.input_field__error) {
      border-color: #49535a;
}
.input_field:focus, .input_field:not(.input_field__empty), .input_field:not(.input_field__error) {
      background-color: #020406;
      color: #f9f5e1;
}
.input_field:focus::-webkit-input-placeholder {
      opacity: .5;
      transition: 0.2s ease-in;
}
.input_field:focus::placeholder {
      opacity: .5;
      transition: 0.2s ease-in;
}
.input_field__error {
      border-color: rgba(167, 37, 27, 0.6);
}
.input_field__collapsed {
      display: none;
}
.input_label {
    display: inline-block;
    margin-bottom: 8px;
    color: #f9f5e1;
    opacity: .5;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
    top: -2px;
    left: 1px;
    transition: opacity 0.2s ease-in;
}
.input_label:empty {
      display: none;
}
.input_label__with-border {
      border-bottom: 1px dashed;
      cursor: pointer;
}
.input_label__with-border:hover {
        opacity: 1;
}
.input_label__with-margin {
      margin-bottom: 0;
}
.input_collapse-checkbox:focus ~ .input_label {
      opacity: 1;
}
.input_collapse-checkbox {
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
}
.input_error {
    max-width: 100%;
    color: #ff2717;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
}
@media all and (min-width: 1100px) {
.input_error {
        font-size: 11px;
}
}
@media all and (min-width: 1100px) and (min-height: 850px) {
.input_error {
        font-size: 12px;
}
}

.checkbox {
  margin-bottom: 4px;
  position: relative;
}
@media all and (min-width: 720px) {
.checkbox {
      margin-bottom: 13px;
}
}
@media all and (min-width: 1100px) {
.checkbox {
      margin-bottom: 4px;
}
}
@media all and (min-width: 1100px) and (min-height: 850px) {
.checkbox {
      margin-bottom: 3px;
}
}
.checkbox_field {
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
}
.checkbox_label {
    display: inline-block;
    padding-left: 27px;
    color: #67675c;
    font-size: 12px;
    line-height: 1.5;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}
@media all and (min-width: 1100px) {
.checkbox_label {
        padding-left: 24px;
        font-size: 11px;
}
}
@media all and (min-width: 1100px) and (min-height: 850px) {
.checkbox_label {
        font-size: 12px;
}
}
.checkbox_label::before {
      width: 16px;
      height: 16px;
      background: linear-gradient(transparent 0, #a29e87 2px, #a29e87 14px, transparent 100%) no-repeat 0 100%/1px 100%, linear-gradient(transparent 0, #a29e87 2px, #a29e87 14px, transparent 100%) no-repeat 100% 0/1px 100%, linear-gradient(to right, transparent 0, #a29e87 2px, #a29e87 14px, transparent 100%) no-repeat 0 0/100% 1px, linear-gradient(to right, transparent 0, #a29e87 2px, #a29e87 14px, transparent 100%) no-repeat 100% 100%/100% 1px;
      opacity: .6;
      content: "";
      position: absolute;
      top: 2px;
      left: 1px;
      transition: background-image 0.15s, opacity 0.15s;
}
.checkbox_field:focus ~ .checkbox_label::before {
        opacity: 1;
}
.checkbox_label:hover::before {
      opacity: 1;
}
.checkbox_label__checked::before {
      opacity: 1;
}
.checkbox_label__checked::after {
      width: 8px;
      height: 5px;
      border-left: 2px solid #fe5000;
      border-radius: .5px;
      border-bottom: 2px solid #fe5000;
      content: "";
      position: absolute;
      top: 7px;
      left: 5px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
}
.checkbox_label__error::before {
      background-image: linear-gradient(transparent 0, #ff2717 2px, #ff2717 14px, transparent 100%), linear-gradient(transparent 0, #ff2717 2px, #ff2717 14px, transparent 100%), linear-gradient(to right, transparent 0, #ff2717 2px, #ff2717 14px, transparent 100%), linear-gradient(to right, transparent 0, #ff2717 2px, #ff2717 14px, transparent 100%);
      opacity: 1;
}

.regform {
  width: 100%;
  position: relative;
}
.regform_title {
    margin-bottom: 15px;
    padding-bottom: 18px;
    color: #f9f5e1;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    position: relative;
}
@media all and (min-width: 720px) {
.regform_title {
        margin-bottom: 23px;
        font-size: 48px;
        line-height: 1.2;
        text-align: center;
}
}
@media all and (min-width: 1100px) {
.regform_title {
        margin-bottom: 12px;
        padding-bottom: 15px;
        font-size: 20px;
        text-align: left;
}
}
@media all and (min-width: 1600px) and (min-height: 850px) {
.regform_title {
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-size: 36px;
}
}
.regform_title::after {
      width: 75px;
      height: 3px;
      background-color: #fe5000;
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
}
@media all and (min-width: 720px) {
.regform_title::after {
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
}
}
@media all and (min-width: 1100px) {
.regform_title::after {
          left: 0;
          -webkit-transform: none;
                  transform: none;
}
}
.regform_promo {
    margin-bottom: 23px;
    color: #f9f5e1;
    font-size: 14px;
    line-height: 18px;
}
@media all and (min-width: 720px) {
.regform_promo {
        margin-bottom: 37px;
        font-size: 16px;
        text-align: center;
}
}
@media all and (min-width: 1100px) {
.regform_promo {
        margin-bottom: 14px;
        font-size: 12px;
        text-align: left;
}
}
@media all and (min-width: 1100px) and (min-height: 850px) {
.regform_promo {
        margin-bottom: 23px;
        font-size: 14px;
}
}
@media all and (min-width: 1600px) and (min-height: 850px) {
.regform_promo {
        margin-bottom: 35px;
        font-size: 16px;
}
}
.regform_form-section, .regform_form-inner, .regform_login-wrapper {
    width: 100%;
    margin-bottom: 25px;
}
.regform_form-section:last-child, .regform_form-inner:last-child, .regform_login-wrapper:last-child {
      margin-bottom: 0;
}
.regform_form-section__no-margin {
    margin-bottom: 0;
}
@media all and (min-width: 720px) {
.regform_form-inner {
      display: -ms-flexbox;
      display: flex;
}
}
.regform_form-inner-col:first-child {
    margin-bottom: 28px;
}
@media all and (min-width: 720px) {
.regform_form-inner-col:first-child {
        margin-right: 18px;
        margin-bottom: 0;
}
}
.regform_form-link {
    color: #67675c;
    text-decoration: underline;
}
.regform_form-link:hover {
      color: #b8b8a2;
      text-decoration: none;
}
.regform_form-accent {
    color: #8c8c7c;
    position: relative;
}
.regform_form-accent:hover {
      color: #b8b8a2;
}
.regform_note {
    box-sizing: border-box;
    padding: 8px 0 7px 24px;
    color: #8c8c7c;
    font-size: 12px;
    line-height: 1.5;
    opacity: .3;
}
@media all and (min-width: 1100px) {
.regform_note {
        font-size: 11px;
}
}
@media all and (min-width: 1100px) and (min-height: 850px) {
.regform_note {
        font-size: 12px;
}
}
.regform_button {
    width: 100%;
    height: 43px;
}
@media all and (min-width: 720px) {
.regform_button {
        height: 64px;
}
}
@media all and (min-width: 1100px) {
.regform_button {
        height: 43px;
}
}
@media all and (min-width: 1600px) and (min-height: 850px) {
.regform_button {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        width: 100%;
        height: 64px;
}
}
@media all and (min-width: 720px) {
.regform_button-text {
      font-size: 24px;
}
}
@media all and (min-width: 1100px) {
.regform_button-text {
      font-size: 18px;
}
}
@media all and (min-width: 1600px) and (min-height: 850px) {
.regform_button-text {
      font-size: 24px;
}
}
.regform_buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
}
.regform_redirect {
    display: inline-block;
    margin-top: 16px;
    color: #f25322;
    font-size: 12px;
    line-height: 1.3;
    text-decoration: underline;
    opacity: .7;
    transition: -webkit-text-decoration-color .2s;
    transition: text-decoration-color .2s;
    transition: text-decoration-color .2s, -webkit-text-decoration-color .2s;
}
@media all and (min-width: 720px) {
.regform_redirect {
        margin-top: 20px;
}
}
.regform_redirect:hover {
      -webkit-text-decoration-color: transparent;
              text-decoration-color: transparent;
}
.captcha {
  text-align: center;
}
.captcha_img {
    display: block;
    margin: 0 auto 10px;
}
.captcha_link {
    display: inline-block;
    margin-bottom: 10px;
    border-bottom: 1px dotted;
    color: #f25322;
    transition: border-bottom-color .15s;
    cursor: pointer;
}
.captcha_link:hover {
      border-bottom-color: transparent;
}

.social-links {
  margin-bottom: 26px;
  text-align: center;
}
.social-links_holder__one-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
}
.social-links_cell {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    margin-bottom: 26px;
}
.social-links_holder__one-row .social-links_cell__common {
      padding-right: 6px;
}
.social-links_holder__one-row .social-links_cell__idme {
      padding-left: 6px;
}
.social-links_holder__one-row .social-links_cell {
      width: 50%;
}
.social-links_title {
    width: 100%;
    margin-bottom: 26px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}
.social-links_subtitle {
    width: 100%;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}
.social-links_description {
    width: 100%;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: .01em;
}
.social-links_description__common, .social-links_description__idme {
      padding-top: 12px;
      font-size: 12px;
      line-height: 1.2;
}
.social-links_link {
    color: #f25322;
    transition: color 0.15s;
}
.social-links_link:hover {
      color: #ff7e00;
}
.social-links_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    min-height: 40px;
    margin-top: 12px;
}
.social-links_item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 30px;
    height: 30px;
    margin-left: 12px;
    opacity: .8;
    transition: opacity 0.15s;
}
@media all and (min-width: 720px) {
.social-links_item {
        max-width: 40px;
        max-height: 40px;
}
}
@media all and (min-width: 1100px) {
.social-links_item {
        max-width: 50px;
        max-height: 50px;
}
}
@media all and (min-width: 1600px) {
.social-links_item {
        max-width: 60px;
        max-height: 60px;
}
}
.social-links_item__idme {
      max-width: 100%;
      max-height: 100%;
}
.social-links_item:hover {
      opacity: 1;
}
.social-links_item:first-child {
      margin-left: 0;
}
.social-links_item img {
      max-width: 100%;
      max-height: 100%;
      position: relative;
}
.social-links_tooltip-item {
    border-bottom: 1px dashed;
}

.registration {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  width: 100%;
  max-width: 400px;
  margin: 20px auto 0;
  padding-bottom: 40px;
  text-align: center;
}
@media all and (min-width: 1600px) {
.registration {
      max-width: 440px;
}
}
.registration_title {
    margin-bottom: 24px;
    font-size: 32px;
    font-weight: 700;
    position: relative;
}
@media all and (min-width: 720px) {
.registration_title {
        margin-bottom: 30px;
        font-size: 48px;
}
}
@media all and (min-width: 1100px) {
.registration_title {
        margin-bottom: 20px;
        font-size: 32px;
}
}
@media all and (min-width: 1600px) {
.registration_title {
        margin-bottom: 30px;
        font-size: 48px;
}
}
.registration_subtitle {
    margin-bottom: 30px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}
@media all and (min-width: 720px) {
.registration_subtitle {
        margin-bottom: 25px;
}
}
.registration_link {
    color: #f25322;
    transition: color 0.15s;
}
.registration_link:hover {
      color: #ff7e00;
}
.registration_form {
    text-align: left;
}
.registration_social-link {
    display: inline-block;
    margin-bottom: 26px;
    font-size: 0;
}
.registration_social-link-description {
    margin-bottom: 30px;
    color: #9f9fa0;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: .01em;
}

.registration-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 25px;
  background: no-repeat center / cover;
  z-index: 1000;
  overflow: auto;
}
@media all and (min-width: 720px) {
.registration-overlay {
      padding-top: 50px;
}
}
@media all and (min-width: 1600px) {
.registration-overlay {
      padding-top: 86px;
}
}
.registration-overlay_close {
    width: 56px;
    height: 56px;
    background: none;
    opacity: .8;
    position: fixed;
    top: 40px;
    right: 40px;
    cursor: pointer;
}
.registration-overlay_close::before, .registration-overlay_close::after {
      width: 2px;
      height: 40px;
      margin-left: -1px;
      margin-top: -20px;
      background-color: #fff;
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
}
.registration-overlay_close::before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
}
.registration-overlay_close::after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
}
.registration-overlay_close:hover {
      opacity: 1;
}

@-webkit-keyframes spinner {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spinner {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.button-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-width: 260px;
  height: 48px;
  padding: 0 40px;
  border-radius: 1px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px rgba(71, 0, 0, 0.3);
  position: relative;
  z-index: 1;
  transition: background-color 0.25s, color 0.25s, border-color 0.25s;
}
@-webkit-keyframes blink {
0% {
    -webkit-transform: translateX(-87px) skew(35deg);
            transform: translateX(-87px) skew(35deg);
}
50% {
    -webkit-transform: translateX(110%) skew(35deg);
            transform: translateX(110%) skew(35deg);
}
100% {
    -webkit-transform: translateX(110%) skew(35deg);
            transform: translateX(110%) skew(35deg);
}
}
@keyframes blink {
0% {
    -webkit-transform: translateX(-87px) skew(35deg);
            transform: translateX(-87px) skew(35deg);
}
50% {
    -webkit-transform: translateX(110%) skew(35deg);
            transform: translateX(110%) skew(35deg);
}
100% {
    -webkit-transform: translateX(110%) skew(35deg);
            transform: translateX(110%) skew(35deg);
}
}
.button-link__blink {
    overflow: hidden;
    position: relative;
}
.button-link__blink::before {
      display: block;
      width: 100%;
      height: 100%;
      border-left: 58px solid rgba(255, 251, 237, 0.16);
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      -webkit-animation: blink 3s infinite ease;
              animation: blink 3s infinite ease;
}
.button-link:hover {
    cursor: pointer;
}
.button-link__inherit {
    height: inherit;
}
@media all and (min-width: 720px) {
.button-link__large {
      height: 64px;
      font-size: 24px;
}
}
.button-link__small {
    min-width: 170px;
    height: 32px;
    font-size: 12px;
}
@media all and (min-width: 720px) {
.button-link__small {
        height: 48px;
        font-size: 18px;
}
}
@media all and (min-width: 1100px) {
.button-link__small {
        height: 40px;
        font-size: 14px;
}
}
@media all and (min-width: 1600px) {
.button-link__small {
        height: 48px;
        font-size: 18px;
}
}
.button-link__primary {
    background-color: #fe5000;
    color: #f9f5e1;
    text-shadow: none;
}
.button-link__primary:hover, .button-link__primary:focus {
      background-color: #f80;
}
.button-link__secondary {
    background-color: #6c6a5f;
    color: #f9f5e1;
}
.button-link__secondary:hover, .button-link__secondary:focus {
      background-color: #a7a493;
}
.button-link__transparent {
    border: 2px solid rgba(255, 255, 255, 0.4);
    color: #f9f5e1;
}
.button-link__transparent:hover, .button-link__transparent:focus {
      border-color: transparent;
      background-color: #f7f1d4;
      color: #1f1f1f;
}
.button-link__primary3d {
    width: 100%;
    box-shadow: 0 2px 0 #661000, inset 0 0 8px rgba(255, 210, 0, 0.1), inset 0 1px 0 #fab81b, inset 0 -1px 0 #ef4511;
    background: linear-gradient(to bottom, #fab81b, #ef4511) no-repeat 0, linear-gradient(to bottom, #fab81b, #ef4511) no-repeat 100%, #f25322 linear-gradient(to bottom, #f60, #a6230e) no-repeat;
    background-size: 1px 100%, 1px 100%, cover;
    color: #fff;
    text-shadow: 0 -1px rgba(71, 0, 0, 0.3);
    position: relative;
}
.button-link__primary3d::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      box-shadow: inset 0 0 8px rgba(255, 210, 0, 0.1), inset 0 1px 0 #fab81b, inset 0 -1px 0 #ff7e00;
      background: linear-gradient(to bottom, #fab81b, #ff7e00) no-repeat 0, linear-gradient(to bottom, #fab81b, #ff7e00) no-repeat 100%, #ff7e00 linear-gradient(to bottom, #ff7e00, #c2530a) no-repeat;
      background-size: 1px 100%, 1px 100%, cover;
      opacity: 0;
      content: "";
      transition: opacity 0.25s;
}
.button-link__primary3d:hover::after, .button-link__primary3d:focus::after {
      opacity: 1;
}
.button-link__full-width {
    width: 100%;
    min-width: auto;
}
.button-link_text {
    white-space: nowrap;
    z-index: 1;
}
.button-link_icon-wait {
    z-index: 1;
    width: 18px;
    height: 18px;
    margin-left: -30px;
    margin-right: 12px;
    border-radius: 50%;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8aW1hZ2UgaWQ9IkVsbGlwc2VfNzQyIiBkYXRhLW5hbWU9IkVsbGlwc2UgNzQyIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQklBQUFBU0NBTUFBQUJoRUg1bEFBQUFCR2RCVFVFQUFMR1BDL3hoQlFBQUFDQmpTRkpOQUFCNkpnQUFnSVFBQVBvQUFBQ0E2QUFBZFRBQUFPcGdBQUE2bUFBQUYzQ2N1bEU4QUFBQStWQk1WRVg1N3RtQWdJRDU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RuNTd0bjU3dG41N3RrQUFBRGpvRjhmQUFBQVVYUlNUbE1BQUVLWjIva292ei95OEpFNERBSEg1VEZFK0RDYWo5d0dCd2dSMkNBZUdLS1NIeXNaUnk4UFFEa081QmRjV1U0M2pqUUtDU2VFZFdkWERmejA2ZHJKdHBDQmJjYnZ1S2lZYXhORHhOTEFuV2dNOWlHWUFBQUFBV0pMUjBSU0RXQXRrQUFBQUFsd1NGbHpBQUFMRWdBQUN4SUIwdDErL0FBQUFBZDBTVTFGQitJTUdnd09PanlaUjRzQUFBQzRTVVJCVkJqVFhkREhFb0pBRUFUUU1hQ2l1R1pFd0p4enpqbm5NUC8vTTRJdUpXc2Y5dkNxdHFxbkFmUlliWFlPdnJGWTlOZmhSQzFtY3ZINFJ3NDNJdWNSdkdBWUVCK2lQd0RtQkJGRFlVWWdnaWl5QWxGRWdRRUNIS0prQWlrbUE4OFFVUlFGVk9hakhFOGtJWVdZL2xFbW5NMUJYaXRSTUtTWUw1VXJuNnBWV3F4V2J6UmJRQTlxZDdxOWZtTXdISTBuOU96cGJMNVlybExyelRaSHg5bUY5bjUxZVRpZXpoZTZGNUNyZUxzL25xOHMwY2Q1QTRLOEdqUGNKbElDQUFBQUFFbEZUa1N1UW1DQyIvPgo8L3N2Zz4K) no-repeat;
    -webkit-animation: spinner 1.5s linear infinite;
            animation: spinner 1.5s linear infinite;
}
.button-link_logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    max-width: 21px;
    max-height: 21px;
    margin-right: 10px;
}
.button-link_logo-image {
    max-width: 100%;
    height: auto;
}

.result-page {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 25px;
  background: no-repeat center / cover;
  z-index: 1000;
  -ms-flex-pack: justify;
      justify-content: space-between;
  text-align: center;
  overflow: auto;
}
@media all and (min-width: 720px) {
.result-page {
      padding-top: 50px;
}
}
@media all and (min-width: 1600px) {
.result-page {
      padding-top: 86px;
}
}
.result-page_container {
    padding: 15px;
}
.result-page_main {
    max-width: 500px;
    margin-bottom: 30px;
}
@media all and (min-width: 720px) {
.result-page_main {
        margin-bottom: 60px;
}
}
@media all and (min-width: 1100px) {
.result-page_main {
        margin-bottom: 30px;
}
}
@media all and (min-width: 1600px) {
.result-page_main {
        margin-bottom: 60px;
}
}
.result-page_image-container {
    max-width: 60px;
    max-height: 60px;
    margin: 0 auto 16px;
}
@media all and (min-width: 720px) {
.result-page_image-container {
        max-width: 131px;
        max-height: 131px;
        margin-bottom: 30px;
}
}
@media all and (min-width: 1100px) {
.result-page_image-container {
        max-width: 60px;
        max-height: 60px;
        margin-bottom: 16px;
}
}
@media all and (min-width: 1600px) {
.result-page_image-container {
        max-width: 131px;
        max-height: 131px;
        margin-bottom: 30px;
}
}
.result-page_image {
    max-width: 100%;
    max-height: 100%;
}
.result-page_title {
    margin-bottom: 23px;
    padding-bottom: 30px;
    font-size: 54px;
    font-weight: 700;
    position: relative;
}
@media all and (min-width: 720px) {
.result-page_title {
        margin-bottom: 33px;
        font-size: 80px;
}
}
@media all and (min-width: 1100px) {
.result-page_title {
        margin-bottom: 23px;
        padding-bottom: 20px;
        font-size: 48px;
}
}
@media all and (min-width: 1600px) {
.result-page_title {
        margin-bottom: 33px;
        padding-bottom: 30px;
        font-size: 80px;
}
}
.result-page_title::after {
      width: 75px;
      height: 3px;
      background-color: #8a8b93;
      content: "";
      position: absolute;
      bottom: 0;
      left: calc(50% - 75px / 2);
}
.result-page_button {
    display: inline-block;
    min-width: 240px;
    margin: 0 auto;
    text-transform: uppercase;
}
@media all and (min-width: 720px) {
.result-page_button {
        min-width: 340px;
}
}
.result-page_text {
    font-size: 14px;
    line-height: 1.5;
    opacity: .8;
}
@media all and (min-width: 720px) {
.result-page_text {
        font-size: 18px;
}
}
@media all and (min-width: 1100px) {
.result-page_text {
        font-size: 14px;
}
}
@media all and (min-width: 1600px) {
.result-page_text {
        font-size: 18px;
}
}
.result-page_text b,
    .result-page_text a {
      font-weight: 700;
}
.result-page_caption {
    max-width: 340px;
    margin: 0 auto;
    padding: 15px 0 30px;
    font-size: 14px;
    line-height: 1.4;
    text-transform: none;
}
.result-page_platforms {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
}
.result-page_footer {
    width: 100%;
}

.landscape-screen {
  display: none;
}
@media (max-width: calc(1100px - 1px)) and (max-height: 599px) and (orientation: landscape) {
.landscape-screen {
      z-index: 1000;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex: 1;
          flex: 1;
      background-color: #000;
      overflow: hidden;
}
}
.landscape-screen_icon {
    width: 48px;
    height: 46px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA0OCA0NiI+PHBhdGggZmlsbD0iI0Y5RjVFMSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjMuNDkyOC4wMDMxNDc5NUMzNy4wMjc2LjAwMzE0Nzk1IDQ4IDEwLjg0NiA0OCAyNC4yMjQ1YzAgMy4zMjU4LS42Nzg0IDYuNDk0MS0xLjkwNjIgOS4zNzc2bC0xLjI2MTMtMS4yNDgyYy45ODU4LTIuNTIzIDEuNTI1Ni01LjI2MzIgMS41MjU2LTguMTMwOSAwLTEyLjQ4MTQtMTAuMjM2Ny0yMi41OTg2OS0yMi44NjUzLTIyLjU5ODY5LTMuNTk3NSAwLTYuOTk5MS44MjE1OS0xMC4wMjY1IDIuMjg1MzZsMS43NzI1LjQ2OTAzLS40MTg5IDEuNTQ1NjEtNC4zOTA1LTEuMTYzMTRMMTEuNjA2Mi40MjE4MTZsMS41NjM5LjQxMzk0Ny0uNDM5NSAxLjYxOTU4N0MxNS45NzkzLjg4Mjk4MSAxOS42MzA5IDAgMjMuNDkyOCAwdi4wMDMxNDc5NXpNMi4wMDE3OSA3LjUyOTczSDE4LjYyNDVjMS4xMDIgMCAyLjAwMTguODkwODUgMi4wMDE4IDEuOTc4NDVWNDQuMDIxNmMwIDEuMDg3NS0uOTAxNCAxLjk3ODQtMi4wMDE4IDEuOTc4NEgyLjAwMTc5Qy45MDEzNjQgNDYgMCA0NS4xMDkxIDAgNDQuMDIxNlY5LjUwODE4YzAtMS4wODkxNy45MDEzNjQtMS45Nzg0NSAyLjAwMTc5LTEuOTc4NDV6TTQyLjQ1OTYgMjcuNTkyOHYxNi40Mjg4YzAgMS4wODkxLS45MDEzIDEuOTc4NC0yLjAwMTggMS45Nzg0SDIxLjMzMDF2LTEuMjY1NGgxOS4xMjc3Yy4zOTY2IDAgLjcyMTUtLjMyMTEuNzIxNS0uNzE0NlYyNy41OTEyYzAtLjM5MzUtLjMyNDktLjcxMy0uNzIxNS0uNzEzSDIxLjQyNDF2LTEuMjY1NWgxOS4wMzM3YzEuMTAyMSAwIDIuMDAxOC44ODkzIDIuMDAxOCAxLjk3ODV2LjAwMTZ6TTEwLjMxMzEgNDAuNzcxNGMxLjE2ODkgMCAxLjc1MzQgMS4zNzQuOTc5NCAyLjIwNTEtLjU1MjYuNTkzMy0xLjUyNDAxLjU1NTYtMi4wMjg4NC0uMDgwMy0uNjcyMDQtLjg0ODQtLjA3MDA3LTIuMTI0OCAxLjA0Nzg0LTIuMTI0OGguMDAxNnpNMi4wMDE3OSA4Ljc5MzYxSDE4LjYyNDVjLjM5ODEgMCAuNzIzLjMyMTA4LjcyMy43MTI5OVY0NC4wMmMwIC4zOTE5LS4zMjQ5LjcxNDYtLjcyMy43MTQ2SDIuMDAxNzljLS4zOTY1MyAwLS43MjE0MS0uMzIxMS0uNzIxNDEtLjcxNDZWOS41MDY2YzAtLjM5MTkxLjMyNDg4LS43MTI5OS43MjE0MS0uNzEyOTl6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat center/contain;
}
.landscape-screen_text {
    margin-top: 16px;
    color: #f9f5e1;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
button {
  padding: 0;
  border: none;
  font-family: inherit;
}
button:focus {
    outline: none;
}
input {
  outline: none;
}
a {
  text-decoration: none;
}
@media all and (min-width: 320px) {
.appear-show-enter-active, .appear-show-leave-active {
    transition: opacity 0.9s;
}
}
.appear-show-enter, .appear-show-leave-to {
  opacity: 0;
}
.appear-show-enter-to, .appear-show-leave {
  opacity: 1;
}
@media all and (min-width: 320px) {
[class*="-enter-active"].appear-delay-1 {
    transition-delay: 0.3s;
}
[class*="-enter-active"].appear-delay-2 {
    transition-delay: 0.6s;
}
[class*="-enter-active"].appear-delay-3 {
    transition-delay: 0.9s;
}
[class*="-enter-active"].appear-delay-4 {
    transition-delay: 1.2s;
}
[class*="-enter-active"].appear-delay-5 {
    transition-delay: 1.5s;
}
[class*="-enter-active"].appear-delay-6 {
    transition-delay: 1.8s;
}
[class*="-enter-active"].appear-delay-7 {
    transition-delay: 2.1s;
}
[class*="-enter-active"].appear-delay-8 {
    transition-delay: 2.4s;
}
[class*="-enter-active"].appear-delay-9 {
    transition-delay: 2.7s;
}
[class*="-enter-active"].appear-delay-10 {
    transition-delay: 3s;
}
[class*="-enter-active"].appear-delay-11 {
    transition-delay: 3.3s;
}
[class*="-enter-active"].appear-delay-12 {
    transition-delay: 3.6s;
}
[class*="-enter-active"].appear-delay-13 {
    transition-delay: 3.9s;
}
[class*="-enter-active"].appear-delay-14 {
    transition-delay: 4.2s;
}
[class*="-enter-active"].appear-delay-15 {
    transition-delay: 4.5s;
}
[class*="-enter-active"].appear-delay-16 {
    transition-delay: 4.8s;
}
[class*="-enter-active"].appear-delay-17 {
    transition-delay: 5.1s;
}
[class*="-enter-active"].appear-delay-18 {
    transition-delay: 5.4s;
}
[class*="-enter-active"].appear-delay-19 {
    transition-delay: 5.7s;
}
[class*="-enter-active"].appear-delay-20 {
    transition-delay: 6s;
}
}
html {
  box-sizing: border-box;
}
body {
  font-family: "Roboto Condensed", "Arial Narrow", "Arial", sans-serif;
}
button {
  background: none;
  cursor: pointer;
}
img {
  max-width: 100%;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
.main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100vh;
  background-color: #000;
  color: #fff;
  overflow: hidden;
  position: relative;
}
@media all and (min-width: 720px) {
.main {
      -ms-flex-positive: 1;
          flex-grow: 1;
      height: 100vh;
}
}
.main_header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: 30px 20px 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
@media all and (min-width: 720px) {
.main_header {
        padding: 70px 50px 0;
}
}
@media all and (min-width: 1100px) {
.main_header {
        padding-left: 70px;
        padding-right: 70px;
}
}
@media all and (min-width: 1600px) {
.main_header {
        padding-top: 100px;
}
}
.main_header-platforms {
    z-index: 1;
}
.main_header-lang-selector {
    z-index: 1000;
}
.main_content {
    min-height: 100vh;
    background: no-repeat center / cover;
}
@media all and (min-width: 720px) {
.main_content {
        height: 100%;
        transition: padding-bottom 0.5s;
        will-change: padding-bottom;
}
}
.main_registration {
    padding: 40px 20px;
    background: no-repeat center / cover;
    line-height: 1.25;
}
.main_overlay {
    line-height: 1.25;
}
.main_footer {
    z-index: 1;
    position: relative;
}
@media all and (min-width: 720px) {
.main_footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
}
}
@media all and (min-width: 720px) {
.main__with-footer .main_footer {
        -webkit-transform: none;
                transform: none;
}
}
.logo {
  max-width: 124px;
  max-height: 50px;
}
@media all and (min-width: 720px) {
.logo {
      max-width: 15vh;
      max-height: 72px;
}
}
@media all and (min-width: 1600px) {
.logo {
      max-width: 176px;
      max-height: 72px;
}
}
.offer {
  width: 100%;
  max-width: 80%;
}
@media all and (min-width: 720px) {
.offer {
      max-width: 750px;
}
}
@media all and (min-width: 1024px) {
.offer {
      max-width: 400px;
}
}
@media all and (min-width: 1600px) {
.offer {
      max-width: 1000px;
}
}
.offer_title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}
@media all and (min-width: 720px) {
.offer_title {
        font-size: 100px;
}
}
@media all and (min-width: 1024px) {
.offer_title {
        font-size: 56px;
}
}
@media all and (min-width: 1600px) {
.offer_title {
        font-size: 100px;
}
}
.offer__custom .offer_title {
      font-size: 24px;
}
@media all and (min-width: 720px) {
.offer__custom .offer_title {
          font-size: 64px;
}
}
@media all and (min-width: 1024px) {
.offer__custom .offer_title {
          font-size: 40px;
}
}
@media all and (min-width: 1600px) {
.offer__custom .offer_title {
          font-size: 64px;
}
}
.offer_description {
    margin-top: 15px;
    line-height: 1.5;
    text-align: center;
}
@media all and (min-width: 720px) {
.offer_description {
        margin-top: 20px;
        font-size: 24px;
}
}
@media all and (min-width: 1024px) {
.offer_description {
        font-size: 18px;
}
}
@media all and (min-width: 1600px) {
.offer_description {
        font-size: 24px;
}
}
.unknown-player {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100vh;
  color: #fff;
  position: relative;
}
@media all and (min-width: 720px) {
.unknown-player {
      -ms-flex-pack: justify;
          justify-content: space-between;
      height: 100%;
      min-height: auto;
}
}
@media all and (min-width: 720px) and (max-height: 420px) and (orientation: landscape) {
.unknown-player {
      min-height: 100vh;
}
}
.unknown-player_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-positive: 1;
        flex-grow: 1;
    padding: 30px 10px 58px;
}
@media all and (min-width: 720px) {
.unknown-player_wrapper {
        padding: 8vh 20px 140px;
        -webkit-transform-origin: top;
                transform-origin: top;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
}
}
@media all and (min-width: 1600px) {
.unknown-player_wrapper {
        padding-top: 70px;
}
}
@media all and (min-width: 720px) {
.unknown-player_wrapper__scalable {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
}
}
@media all and (min-width: 1100px) {
.unknown-player_wrapper__scalable {
        -webkit-transform: scale(0.7);
                transform: scale(0.7);
}
}
@media all and (min-width: 1600px) {
.unknown-player_wrapper__scalable {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
}
}
.unknown-player_content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
}
.unknown-player_logo {
    margin-bottom: 5vh;
}
.unknown-player_rewards-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    margin-top: 58px;
}
@media all and (min-width: 720px) {
.unknown-player_rewards-wrapper {
        -ms-flex-direction: row;
            flex-direction: row;
}
}
@media all and (min-width: 1024px) {
.unknown-player_rewards-wrapper {
        margin-top: 35px;
}
}
@media all and (min-width: 1100px) {
.unknown-player_rewards-wrapper {
        max-width: 790px;
}
}
@media all and (min-width: 1600px) {
.unknown-player_rewards-wrapper {
        max-width: 1100px;
        margin-top: 124px;
}
}
@media all and (min-width: 720px) {
.unknown-player_separator {
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-pack: center;
          justify-content: center;
      margin: 12px 14px 0;
      color: #f9f5e1;
      font-size: 24px;
      font-weight: 700;
      line-height: 1;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: .01em;
}
}
@media all and (min-width: 1024px) {
.unknown-player_separator {
      margin: 9px 24px 0;
}
}
@media all and (min-width: 1600px) {
.unknown-player_separator {
      margin-top: 21px;
}
}
@media all and (min-width: 720px) {
.unknown-player_separator::before, .unknown-player_separator::after {
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 40px;
      height: 2px;
      margin-top: 10px;
      content: "";
}
}
@media all and (min-width: 1100px) {
.unknown-player_separator::before, .unknown-player_separator::after {
      width: 80px;
}
}
.unknown-player_separator::before {
    margin-right: 30px;
    background-image: linear-gradient(to left, #fe5000, transparent);
}
.unknown-player_separator::after {
    margin-left: 30px;
    background-image: linear-gradient(to right, #fe5000, transparent);
}
.new-player {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100vh;
  color: #fff;
  position: relative;
}
@media all and (min-width: 720px) {
.new-player {
      -ms-flex-pack: justify;
          justify-content: space-between;
      height: 100%;
      min-height: auto;
}
}
.new-player_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-positive: 1;
        flex-grow: 1;
    padding: 30px 10px 26px;
}
@media all and (min-width: 720px) {
.new-player_wrapper {
        padding: 5vh 20px 0;
        -webkit-transform-origin: top;
                transform-origin: top;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
}
}
@media all and (min-width: 1600px) {
.new-player_wrapper {
        padding-top: 70px;
}
}
@media all and (min-width: 720px) {
.new-player_wrapper__scalable {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
}
}
@media all and (min-width: 1100px) {
.new-player_wrapper__scalable {
        -webkit-transform: scale(0.7);
                transform: scale(0.7);
}
}
@media all and (min-width: 1600px) {
.new-player_wrapper__scalable {
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
}
}
.new-player_content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
}
.new-player_logo {
    margin-bottom: 5vh;
}
.new-player_rewards-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    margin-top: 15px;
}
@media all and (min-width: 720px) {
.new-player_rewards-wrapper {
        -ms-flex-direction: row;
            flex-direction: row;
        margin-top: 80px;
}
}
@media all and (min-width: 1024px) {
.new-player_rewards-wrapper {
        margin-top: 30px;
}
}
@media all and (min-width: 1100px) {
.new-player_rewards-wrapper {
        max-width: 790px;
}
}
@media all and (min-width: 1600px) {
.new-player_rewards-wrapper {
        max-width: 1100px;
        margin-top: 80px;
}
}
.old-player {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100vh;
  color: #fff;
  position: relative;
}
@media all and (min-width: 720px) {
.old-player {
      -ms-flex-pack: justify;
          justify-content: space-between;
      height: 100%;
      min-height: auto;
}
}
.old-player_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-positive: 1;
        flex-grow: 1;
    padding: 30px 10px 38px;
}
@media all and (min-width: 720px) {
.old-player_wrapper {
        padding: 5vh 20px 0;
        -webkit-transform-origin: top;
                transform-origin: top;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
}
}
@media all and (min-width: 1600px) {
.old-player_wrapper {
        padding-top: 70px;
}
}
@media all and (min-width: 720px) {
.old-player_wrapper__scalable {
        -webkit-transform: scale(0.7);
                transform: scale(0.7);
}
}
@media all and (min-width: 1100px) {
.old-player_wrapper__scalable {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
}
}
@media all and (min-width: 1600px) {
.old-player_wrapper__scalable {
        -webkit-transform: scale(0.7);
                transform: scale(0.7);
}
}
.old-player_content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
}
.old-player_logo {
    margin-bottom: 5vh;
}
.bottom-slide {
  width: 100%;
  background-image: linear-gradient(to bottom, transparent, #000 17%);
}
@media all and (min-width: 720px) {
.bottom-slide {
      background: none;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: translateY(100%) translateY(-52px);
              transform: translateY(100%) translateY(-52px);
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s;
}
}
@media all and (min-width: 1100px) {
.bottom-slide {
      -webkit-transform: translateY(100%) translateY(-60px);
              transform: translateY(100%) translateY(-60px);
}
}
@media all and (min-width: 720px) {
.bottom-slide__old-player {
      -webkit-transform: translateY(100%) translateY(-70px);
              transform: translateY(100%) translateY(-70px);
}
}
@media all and (min-width: 1100px) {
.bottom-slide__old-player {
      -webkit-transform: translateY(100%) translateY(-80px);
              transform: translateY(100%) translateY(-80px);
}
}
.bottom-slide__active {
    -webkit-transform: none;
            transform: none;
}
.bottom-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 83px;
}
@media all and (min-width: 720px) {
.bottom-cards {
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: start;
          align-items: flex-start;
      padding-left: 35px;
      padding-right: 35px;
}
}
@media all and (min-width: 1100px) {
.bottom-cards {
      width: 75%;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0;
}
}
@media all and (min-width: 1600px) {
.bottom-cards {
      width: 63%;
      padding-bottom: 150px;
}
}
.bottom-cards_card {
    z-index: 1;
    width: 73%;
    min-width: 230px;
    max-width: 400px;
    height: 176px;
    padding: 23px 15px;
    background: no-repeat center / cover;
    position: relative;
}
@media all and (min-width: 1100px) {
.bottom-cards_card {
        width: 333px;
        height: 200px;
        padding: 30px 15px;
}
}
.bottom-cards_card:not(:last-child) {
      margin-bottom: 10px;
}
.bottom-cards_card::before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.7);
      content: "";
      transition: background-color 0.5s;
      pointer-events: none;
}
.bottom-cards_card:hover::before {
      background-color: transparent;
}
.bottom-cards_content {
    position: relative;
}
.bottom-cards_title {
    color: #c5c2b4;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .02em;
}
@media all and (min-width: 1600px) {
.bottom-cards_title {
        font-size: 20px;
}
}
.bottom-cards_list {
    padding-top: 14px;
}
.bottom-cards_link-wrapper {
    text-align: center;
}
.bottom-cards_link-wrapper:not(:last-child) {
      margin-bottom: 11px;
}
.bottom-cards_link {
    border-bottom: 1px solid transparent;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    text-decoration: none;
    letter-spacing: .04em;
    transition: border-bottom-color 0.5s, color 0.5s;
}
@media all and (min-width: 1600px) {
.bottom-cards_link {
        font-size: 18px;
}
}
.bottom-cards_link:hover {
      border-bottom-color: #fff;
      color: #fff;
}
.cta-rewards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.cta-rewards:last-child {
    margin-top: 50px;
}
@media all and (min-width: 720px) {
.cta-rewards:last-child {
        margin-top: 0;
}
}
.cta-rewards__top-rewards {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
}
.cta-rewards__top-rewards:last-child {
      margin-top: 28px;
}
@media all and (min-width: 720px) {
.cta-rewards__top-rewards:last-child {
          margin-top: 0;
}
}
@media all and (min-width: 720px) {
.cta-rewards_btn-caption {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      width: 170px;
      height: 48px;
}
}
.cta-rewards_description {
    max-width: 180px;
    margin: 10px auto 0;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}
@media all and (min-width: 720px) {
.cta-rewards_description {
        width: 100%;
        max-width: 100%;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateY(100%) translateY(10px) translateX(-50%);
                transform: translateY(100%) translateY(10px) translateX(-50%);
        pointer-events: none;
}
}
.cta-rewards_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 19px;
}
@media all and (min-width: 720px) {
.cta-rewards_list {
        width: 365px;
        margin-top: 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(100%) translateY(55px);
                transform: translateX(-50%) translateY(100%) translateY(55px);
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        pointer-events: none;
}
}
@media all and (min-width: 1600px) {
.cta-rewards_list {
        width: 500px;
}
}
.cta-rewards__top-rewards .cta-rewards_list {
      width: auto;
      margin-top: 30px;
      margin-bottom: 30px;
      position: static;
      -webkit-transform: none;
              transform: none;
}
@media all and (min-width: 1600px) {
.cta-rewards__top-rewards .cta-rewards_list {
          margin-bottom: 40px;
}
}
.cta-rewards_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    width: 80px;
}
@media all and (min-width: 720px) {
.cta-rewards_item {
        width: 100px;
}
}
@media all and (min-width: 1100px) {
.cta-rewards_item {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.5s, visibility 0.5s;
}
}
@media all and (min-width: 1600px) {
.cta-rewards_item {
        width: 130px;
}
}
@media all and (min-width: 1100px) {
.cta-rewards:hover .cta-rewards_item {
        opacity: 1;
        visibility: visible;
}
}
@media all and (min-width: 1100px) {
.cta-rewards:hover .cta-rewards_item:nth-child(2) {
        transition-delay: 0.5s;
}
}
@media all and (min-width: 1100px) {
.cta-rewards:hover .cta-rewards_item:nth-child(3) {
        transition-delay: 1s;
}
}
.cta-rewards__top-rewards .cta-rewards_item {
      width: 100px;
}
@media all and (min-width: 1100px) {
.cta-rewards__top-rewards .cta-rewards_item {
          opacity: 1;
          visibility: visible;
}
}
@media all and (min-width: 1600px) {
.cta-rewards__top-rewards .cta-rewards_item {
          width: 160px;
}
}
.cta-rewards_item:not(:last-child) {
      margin-right: 20px;
}
@media all and (min-width: 1600px) {
.cta-rewards_item:not(:last-child) {
          margin-right: 30px;
}
}
@media all and (min-width: 1600px) {
.cta-rewards__top-rewards .cta-rewards_item:not(:last-child) {
          margin-right: 70px;
}
}
.cta-rewards_item-image {
    width: 62px;
    height: 62px;
    background: no-repeat center top / contain;
}
@media all and (min-width: 1600px) {
.cta-rewards_item-image {
        width: 92px;
        height: 92px;
}
}
.cta-rewards__top-rewards .cta-rewards_item-image {
      width: 100px;
      height: 100px;
}
@media all and (min-width: 1600px) {
.cta-rewards__top-rewards .cta-rewards_item-image {
          width: 160px;
          height: 160px;
}
}
.cta-rewards_item-description {
    max-width: 100%;
    margin-top: 13px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}
.cta-rewards__top-rewards .cta-rewards_item-description {
      font-size: 14px;
}
.cta-rewards_description-text {
    vertical-align: middle;
}
.cta-rewards_icon {
    margin-right: 4px;
    vertical-align: middle;
}
.old-player-card {
  width: 73%;
  margin: 0 auto;
  margin-bottom: 40px;
  padding: 0 15px;
  background: no-repeat center / cover;
  text-align: center;
}
@media all and (min-width: 720px) {
.old-player-card {
      width: 90%;
}
}
@media all and (min-width: 1100px) {
.old-player-card {
      width: 65%;
      margin-bottom: 20px;
}
}
@media all and (min-width: 1600px) {
.old-player-card {
      width: 47%;
}
}
.old-player-card_header {
    padding: 22px 0;
    color: #c5c2b4;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}
@media all and (min-width: 1600px) {
.old-player-card_header {
        font-size: 40px;
}
}
.old-player-card_icon {
    display: inline-block;
    max-width: 37px;
    max-height: 21px;
    margin: 0 10px 3px 0;
    vertical-align: middle;
}
@media all and (min-width: 720px) {
.old-player-card_content {
      max-width: 490px;
      margin: 0 auto;
}
}
@media all and (min-width: 1600px) {
.old-player-card_content {
      max-width: 600px;
}
}
.old-player-card_paragraph {
    color: #eaeaea;
    font-size: 14px;
    line-height: 1.24;
    text-align: left;
    letter-spacing: .02em;
}
@media all and (min-width: 1600px) {
.old-player-card_paragraph {
        font-size: 18px;
}
}
.old-player-card_paragraph:not(:last-child) {
      margin-bottom: 13px;
}
.old-player-card_first-word {
    color: #d74c0d;
    font-weight: 700;
}
.old-player-card_button-link {
    display: inline-block;
    margin: 38px 0;
    padding: 6px 16px;
    border: 2px solid #fe5000;
    color: #f9f5e1;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.3s;
}
@media all and (min-width: 1600px) {
.old-player-card_button-link {
        margin: 45px 0;
        padding: 8px 25px;
        font-size: 20px;
        line-height: 26px;
}
}
.old-player-card_button-link:hover {
      background-color: #fe5000;
}