@charset "UTF-8";
@font-face {
  font-family: "Lato-bold";
  src: url("../fonts/Lato-Bold/Lato-Bold.eot");
  src: url("../fonts/Lato-Bold/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Bold/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato-Bold/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold/Lato-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-black";
  src: url("../fonts/Lato-Black/Lato-Black.eot");
  src: url("../fonts/Lato-Black/Lato-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Black/Lato-Black.woff2") format("woff2"), url("../fonts/Lato-Black/Lato-Black.woff") format("woff"), url("../fonts/Lato-Black/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DMSans-bold";
  src: url("../fonts/DMSans-Bold/DMSans-Bold.eot");
  src: url("../fonts/DMSans-Bold/DMSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DMSans-Bold/DMSans-Bold.woff2") format("woff2"), url("../fonts/DMSans-Bold/DMSans-Bold.woff") format("woff"), url("../fonts/DMSans-Bold/DMSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DMSans-medium";
  src: url("../fonts/DMSans-Medium/DMSans-Medium.eot");
  src: url("../fonts/DMSans-Medium/DMSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/DMSans-Medium/DMSans-Medium.woff2") format("woff2"), url("../fonts/DMSans-Medium/DMSans-Medium.woff") format("woff"), url("../fonts/DMSans-Medium/DMSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "arian-amu-bold";
  src: url("../fonts/ArianAMU-Bold/ArianAMU-Bold.eot");
  src: url("../fonts/ArianAMU-Bold/ArianAMU-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ArianAMU-Bold/ArianAMU-Bold.woff2") format("woff2"), url("../fonts/ArianAMU-Bold/ArianAMU-Bold.woff") format("woff"), url("../fonts/ArianAMU-Bold/ArianAMU-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icon";
  font-display: "auto";
  src: url("../fonts/icons/icomoon.eot?6hzsjg");
  src: url("../fonts/icons/icomoon.eot?6hzsjg#iefix") format("embedded-opentype"), url("../fonts/icons/icomoon.ttf?6hzsjg") format("truetype"), url("../fonts/icons/icomoon.woff?6hzsjg") format("woff");
  font-weight: normal;
  font-style: normal;
}
.icon_facebook:before {
  content: "\e90a";
}

.icon_instagram:before {
  content: "\e90b";
}

.icon_linkedin:before {
  content: "\e90c";
}

.icon_twitter:before {
  content: "\e90d";
}

.icon_pinterest:before {
  content: "\e90e";
}

.icon_youtube:before {
  content: "\e90f";
}

.icon_telegram:before {
  content: "\e91a";
}

.icon_ok:before {
  content: "\e91b";
}

.icon_vk:before {
  content: "\e91c";
}

.icon_google:before {
  content: "\e91d";
}

.icon_tiktok:before {
  content: "\e91e";
}

.icon_flickr:before {
  content: "\e91f";
}

.icon_up:before {
  content: "\e900";
}

.icon_down:before {
  content: "\e901";
}

.icon_left:before {
  content: "\e902";
}

.icon_right:before {
  content: "\e903";
}

.icon_close:before {
  content: "\e904";
}

.icon_check:before {
  content: "\e905";
}

.icon_search:before {
  content: "\e906";
}

.icon_globe:before {
  content: "\e907";
}

.icon_info:before {
  content: "\e908";
}

.icon_success:before {
  content: "\e909";
}

.icon_warning:before {
  content: "\e910";
}

.icon_error:before {
  content: "\e911";
}

.icon_location:before {
  content: "\e912";
}

.icon_email:before {
  content: "\e913";
}

.icon_phone:before {
  content: "\e914";
}

.icon_message:before {
  content: "\e915";
}

.icon_user:before {
  content: "\e916";
}

.icon_heart:before {
  content: "\e917";
}

.icon_play:before {
  content: "\e918";
}

.icon_ticket:before {
  content: "\e919";
}

.icon_tickets:before {
  content: "\e919" " " " " "\e919";
}

.icon_send:before {
  content: "\e920" " " " " "\e920";
}

.icon_date:before {
  content: "\e921";
}

.field_block.icon_email:after {
  content: "\e913";
}
.field_block.icon_phone:after {
  content: "\e914";
}
.field_block.icon_user:after {
  content: "\e916";
}
.field_block.icon_message:after {
  content: "\e915";
}

.footer .policy_menu, .footer_menu, .header .main_menu, .slick-dots {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.page_bg, .field_block label:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.page_bg img:nth-child(2n) {
  transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -o-transform: scaleY(-1);
}

.fancybox-button--close:before, [class*=icon_]:before, [class*=icon_]:after {
  font-family: "icon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header .menu_btn:before, .header .menu_btn:after, .content:before, .page_bg img, .page_bg {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.fancybox-button--close {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.secondary_btn, .primary_light, .primary_dark, .primary_btn {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.header .menu_btn, .slick-dots button {
  border: none;
  padding: 0;
  background: transparent;
}

.footer_top {
  font-size: 160%;
  line-height: 21px;
}

.footer_bottom, .standard_text, .field_block input,
.field_block textarea, .secondary_btn, .primary_light, .primary_dark, .primary_btn {
  font-size: 140%;
  line-height: 18px;
}

.secondary_btn, .primary_light, .primary_dark, .primary_btn {
  border: none;
  height: 40px;
  font-family: inherit;
  height: 36px;
  border-radius: 18px;
}
.secondary_btn:before, .primary_light:before, .primary_dark:before, .primary_btn:before {
  display: block;
  margin-right: 8px;
}

.primary_btn {
  background: #E5A800;
  color: #161616;
  font-family: "DMSans-bold", "arian-amu-bold";
  padding: 0 16px;
}
.loading.primary_btn {
  pointer-events: none;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.loading.primary_btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px -12px;
  border-radius: 50%;
  color: inherit;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  animation: loadAnimation 1.6s infinite linear;
}
.primary_btn:before {
  font-size: 1.8rem;
  margin-left: -16px;
  width: 34px;
  position: relative;
  overflow: hidden;
  text-indent: -20px;
}

.primary_dark {
  background: #161616;
  color: #E5A800;
  font-family: "DMSans-bold", "arian-amu-bold";
  padding: 0 16px;
}
.loading.primary_dark {
  pointer-events: none;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.loading.primary_dark:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px -12px;
  border-radius: 50%;
  color: inherit;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  animation: loadAnimation 1.6s infinite linear;
}
.primary_dark:before {
  font-size: 1.8rem;
  margin-left: -16px;
  width: 34px;
  position: relative;
  overflow: hidden;
  text-indent: -20px;
}

.primary_light {
  outline: 1px solid #E5A800 !important;
  outline-offset: -1px;
  color: #E5A800;
  background: transparent;
  padding: 0 9px 0 6px;
}
.loading.primary_light {
  pointer-events: none;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.loading.primary_light:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px -12px;
  border-radius: 50%;
  color: #E5A800;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  animation: loadAnimation 1.6s infinite linear;
}
.primary_light:before {
  font-size: 2.4rem;
}

.secondary_btn {
  color: #ffffff;
  background: #BE0619;
}
.loading.secondary_btn {
  pointer-events: none;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.loading.secondary_btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px -12px;
  border-radius: 50%;
  color: #E5A800;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  animation: loadAnimation 1.6s infinite linear;
}

.page_title {
  font-family: "DMSans-bold", "arian-amu-bold";
  font-size: 480%;
  line-height: 1.17em;
  margin: 0;
  color: inherit;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .page_title {
    font-size: 420%;
    line-height: 1.2em;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .page_title {
    font-size: 360%;
    line-height: 1.22em;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .page_title {
    font-size: 300%;
    line-height: 1.25em;
  }
}
@media screen and (max-width: 575px) {
  .page_title {
    font-size: 240%;
    line-height: 1.3em;
  }
}

.web .primary_dark:before,
.web .primary_btn:before {
  -o-transition: text-indent 0.3s;
  -ms-transition: text-indent 0.3s;
  -moz-transition: text-indent 0.3s;
  -webkit-transition: text-indent 0.3s;
  transition: text-indent 0.3s;
}
.web .primary_dark:hover:before,
.web .primary_btn:hover:before {
  text-indent: 16px;
}
.web .primary_light:hover {
  background: #161616;
}

.touch .primary_light:active {
  background: #161616;
}

html {
  height: 100%;
  font-size: 10px;
  line-height: 1.4286em;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  color: #ffffff;
  background: #161616;
  position: relative;
  width: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  min-height: 100%;
  font-family: "Lato-bold", "arian-amu-bold";
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

input,
select,
textarea,
button,
a,
.slick-slide {
  outline: none !important;
}

a,
a:focus,
a:hover,
button:hover {
  text-decoration: none;
}

a {
  color: #E5A800;
}

button {
  cursor: pointer;
  display: block;
}

img {
  max-height: none;
  border: none;
}

input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input,
textarea,
button {
  font-family: inherit;
  font-size: 100%;
}

.page_row {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1025px) {
  .page_row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (max-width: 1024px) {
  .page_row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.page_row .cb {
  flex: 0 0 100%;
  max-width: 100%;
}

.page_container, .header_inner {
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .page_container, .header_inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .page_container, .header_inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.phone_link:not(.clickable) {
  color: inherit;
  cursor: default;
  pointer-events: none;
}

.individual_hint,
.drop_list,
.drop_block {
  display: none;
}

.error_hint {
  display: block;
  max-height: 0;
  overflow: hidden;
  color: #C7383F;
  font-size: 120%;
  line-height: 15px;
  text-align: left;
  padding: 0 18px;
}

.help-block.form-error {
  display: none !important;
}

.has-error .error_hint,
.has-error ~ .error_hint {
  max-height: 60px;
}

.field_block {
  position: relative;
}
.field_block ::-webkit-input-placeholder {
  color: #ffffff;
}
.field_block :-moz-placeholder {
  color: #ffffff;
}
.field_block ::-moz-placeholder {
  color: #ffffff;
}
.field_block :-ms-input-placeholder {
  color: #ffffff;
}
.field_block:before, .field_block:after {
  position: absolute;
  left: 14px;
  top: 6px;
  font-size: 2.4rem;
  pointer-events: none;
}
.field_block:after {
  z-index: 3;
}
.field_block input,
.field_block textarea {
  width: 100%;
  border-radius: 20px;
  border: 1px solid;
  font-family: "DMSans-medium";
  padding: 8px 16px;
  text-indent: 30px;
  color: #ffffff;
  background: url("images/noise_light.png") no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 2;
}
.field_block textarea {
  resize: none;
  display: block;
}
.field_block label {
  display: block;
  position: relative;
  z-index: 2;
}
.field_block label:before {
  border-radius: 42px;
  background: rgba(22, 22, 22, 0.2);
  filter: blur(2px);
  backdrop-filter: blur(10px);
  content: "";
}

.cb {
  display: block;
  clear: both;
}

.section_title {
  font-family: "Lato-black";
  margin: 0;
}

.hidden_label {
  display: none;
}

@keyframes loadAnimation {
  9% {
    box-shadow: none;
  }
  10% {
    box-shadow: -8px 0 0;
  }
  35% {
    box-shadow: -8px 0 0;
  }
  35.1% {
    box-shadow: -8px 0 0, 8px 0 0;
  }
  60% {
    box-shadow: -8px 0 0, 8px 0 0;
  }
  60.1% {
    box-shadow: -8px 0 0, 8px 0 0, 24px 0 0;
  }
  85% {
    box-shadow: -8px 0 0, 8px 0 0, 24px 0 0;
  }
  85.1% {
    box-shadow: none;
  }
  100% {
    box-shadow: none;
  }
}
.page_bg {
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}
.page_bg img {
  display: block;
  width: 100%;
  height: auto;
}
.page_bg:before {
  display: block;
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  top: 0;
  bottom: 60px;
  max-width: 1480px;
  margin: 0 auto;
  background-image: url("images/grid_12.svg");
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: top center;
}
@media screen and (max-width: 1024px) {
  .page_bg:before {
    left: 20px;
    right: 20px;
  }
}
@media screen and (min-width: 576px) and (max-width: 1024px) {
  .page_bg:before {
    background-image: url("images/grid_8.svg");
  }
}
@media screen and (max-width: 575px) {
  .page_bg:before {
    background-image: url("images/grid_4.svg");
    bottom: 0;
  }
}

.content {
  position: relative;
  padding-top: 87px;
  z-index: 1;
}
.content:before {
  display: block;
  content: "";
  position: absolute;
  pointer-events: none;
  top: 87px;
  z-index: -1;
  bottom: 0;
  left: 20px;
  right: 20px;
  max-width: 1480px;
  margin: 0 auto;
  background-image: url("images/noise_large.png");
  background-size: 100% auto;
  background-position: top left;
  background-repeat: repeat-y;
  animation: blinkDots 15s infinite;
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .content {
    padding-top: 72px;
  }
  .content:before {
    top: 72px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .content {
    padding-top: 64px;
  }
  .content:before {
    top: 64px;
  }
}
@media screen and (max-width: 768px) {
  .content {
    padding-top: 55px;
  }
  .content:before {
    top: 55px;
  }
}

.fancybox-bg {
  background: #161616;
}

.fancybox-button--fullscreen {
  display: none;
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.7;
}

.fancybox-toolbar {
  opacity: 1;
  visibility: visible;
}

.fancybox-button--close {
  background: #161616 !important;
  color: #ffffff;
}
.fancybox-button--close:after {
  display: none;
}
.fancybox-button--close:before {
  position: relative;
  top: auto;
  left: auto;
  height: auto;
  width: auto;
  content: "\e904";
  font-size: 2.4rem;
  background: transparent;
  color: inherit;
  opacity: 1;
  transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  -o-transform: none;
}

.slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  position: absolute;
  left: 15px;
  right: 15px;
  top: 100%;
  margin-top: 18px;
}
.slick-dots li {
  padding: 5px;
}
.slick-dots li.slick-active button {
  font-size: 160%;
  line-height: 21px;
  color: #ffffff;
  pointer-events: none;
  font-family: "DMSans-medium";
}
.slick-dots button {
  color: #BDBDBD;
  font-size: 120%;
  line-height: 15px;
}
@media screen and (max-width: 1024px) {
  .slick-dots {
    left: -5px;
    right: -5px;
  }
}

.touch .slick-dots li {
  padding: 0;
}
.touch .slick-dots button {
  padding: 5px;
}

.page_title {
  margin: 0;
}

.backdrop_title {
  font-size: 2400%;
  line-height: 1.43em;
  font-family: "Lato-black";
  text-align: center;
  letter-spacing: 0.1em;
  color: transparent;
  overflow: hidden;
  z-index: -1;
}
.backdrop_title > span {
  display: inline-flex;
  vertical-align: top;
  justify-content: space-between;
  color: #494949;
}
.backdrop_title > span span {
  display: block;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px;
}
.backdrop_title > span span.blurred {
  filter: blur(5px);
  animation: rechangeBlur 5s infinite;
}
.backdrop_title > span span.unblurred {
  animation: changeBlur 5s infinite;
}
@media screen and (min-width: 1441px) and (max-width: 1499px) {
  .backdrop_title {
    font-size: 2300%;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1440px) {
  .backdrop_title {
    font-size: 2000%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .backdrop_title {
    font-size: 1600%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .backdrop_title {
    font-size: 1200%;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .backdrop_title {
    font-size: 880%;
  }
}
@media screen and (min-width: 481px) and (max-width: 575px) {
  .backdrop_title {
    font-size: 720%;
  }
}
@media screen and (min-width: 401px) and (max-width: 480px) {
  .backdrop_title {
    font-size: 580%;
  }
}
@media screen and (max-width: 400px) {
  .backdrop_title {
    font-size: 520%;
  }
}

@keyframes blinkDots {
  0% {
    filter: blur(0);
  }
  50% {
    filter: blur(10px);
  }
  100% {
    filter: blur(0);
  }
}
@keyframes changeBlur {
  0% {
    filter: blur(0);
  }
  50% {
    filter: blur(5px);
  }
  100% {
    filter: blur(0);
  }
}
@keyframes rechangeBlur {
  0% {
    filter: blur(5px);
  }
  50% {
    filter: blur(0);
  }
  100% {
    filter: blur(5px);
  }
}
.header {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(22, 22, 22, 0.9);
}
.header_inner {
  height: 87px;
  display: flex;
  align-items: center;
}
.header .main_logo {
  padding-right: 80px;
  position: relative;
  z-index: 101;
}
.header .main_logo a {
  display: block;
  font-size: 0;
  line-height: 0;
}
.header .main_logo img {
  display: block;
  width: 226px;
  height: auto;
}
.header .menu_block {
  flex: 1;
  width: 50%;
}
.header .main_menu {
  display: flex;
}
.header .main_menu a {
  display: block;
  color: inherit;
  font-size: 200%;
  line-height: 1.2em;
}
.header .main_menu > li {
  padding-right: 80px;
}
.header .sign_block {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.header .reg_link {
  display: block;
  color: inherit;
  font-size: 200%;
  line-height: 1.2em;
  margin-right: 18px;
}
.header .secondary_btn {
  font-size: 200%;
  line-height: 24px;
  padding: 0 24px;
}
.header .menu_btn {
  margin: -12px;
  width: 48px;
  height: 48px;
  color: #BE0619;
  position: relative;
  z-index: 101;
}
.header .menu_btn:before, .header .menu_btn:after {
  display: block;
  content: "";
  position: absolute;
  border-top: 2px solid;
  width: 18px;
  left: 15px;
  border-radius: 2px;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.header .menu_btn:before {
  top: 18px;
  transform-origin: top left;
  -webkit-transfrom-origin: top left;
}
.header .menu_btn:after {
  bottom: 18px;
  transform-origin: bottom left;
  -webkit-transfrom-origin: bottom left;
}
.header .menu_btn span {
  display: block;
  width: 18px;
  border-top: 2px solid;
  border-radius: 2px;
  margin: 0 auto;
  -o-transition: opacity 0.2s 0.3s;
  -ms-transition: opacity 0.2s 0.3s;
  -moz-transition: opacity 0.2s 0.3s;
  -webkit-transition: opacity 0.2s 0.3s;
  transition: opacity 0.2s 0.3s;
}
@media screen and (min-width: 769px) {
  .header .menu_inner {
    display: flex;
    align-items: center;
  }
  .header .menu_btn {
    display: none;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .header_inner {
    height: 72px;
  }
  .header .main_logo {
    padding-right: 60px;
  }
  .header .main_logo img {
    width: 194px;
  }
  .header .main_menu li {
    padding-right: 60px;
  }
  .header .main_menu a {
    font-size: 180%;
  }
  .header .reg_link {
    font-size: 180%;
  }
  .header .secondary_btn {
    font-size: 180%;
    padding: 0 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .header_inner {
    height: 64px;
  }
  .header .main_logo {
    padding-right: 30px;
  }
  .header .main_logo img {
    width: 160px;
  }
  .header .main_menu li {
    padding-right: 30px;
  }
  .header .main_menu a {
    font-size: 160%;
  }
  .header .reg_link {
    font-size: 160%;
  }
  .header .secondary_btn {
    font-size: 160%;
    padding: 0 18px;
  }
}
@media screen and (max-width: 768px) {
  .header_inner {
    height: 55px;
  }
  .header .main_logo {
    padding-right: 20px;
    margin-right: auto;
  }
  .header .main_logo img {
    width: 120px;
  }
  .header .menu_block {
    position: fixed;
    overflow: hidden;
    top: 0;
    background: #161616;
    left: 0;
    width: 100%;
    height: 0;
    -o-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 99;
  }
  .header .menu_block:before {
    display: block;
    content: "";
    min-height: 55px;
    background: inherit;
  }
  .header .menu_inner {
    flex: 1;
    height: 50%;
    min-height: 75vh;
    padding: 46px 20px 40px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .header .menu_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    background: url("images/page_bg.svg") no-repeat;
    background-size: 100% auto;
    background-position: top center;
  }
  .header .menu_bg:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background: url("images/noise_large.png") no-repeat;
    background-size: cover;
    background-position: center;
  }
  .header .menu_bg:after {
    display: block;
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0;
    height: 100%;
    background-color: 100% auto;
    background-position: top left;
    background-repeat: repeat-y;
  }
  .header .main_menu {
    flex-direction: column;
  }
  .header .main_menu li {
    padding-right: 0;
    padding-bottom: 40px;
  }
  .header .main_menu a {
    display: inline-block;
    vertical-align: top;
  }
  .header .sign_block {
    flex-direction: column;
    padding-top: 40px;
  }
  .header .reg_link {
    margin-right: 0;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .header .menu_bg:after {
    background-image: url("images/grid_8.svg");
  }
}
@media screen and (max-width: 575px) {
  .header .menu_bg:after {
    background-image: url("images/grid_4.svg");
  }
}

@media screen and (max-width: 768px) {
  .menu_opened {
    overflow: hidden;
  }
  .menu_opened .menu_btn span {
    -o-transition: opacity 0.2s 0s;
    -ms-transition: opacity 0.2s 0s;
    -moz-transition: opacity 0.2s 0s;
    -webkit-transition: opacity 0.2s 0s;
    transition: opacity 0.2s 0s;
    opacity: 0;
  }
  .menu_opened .menu_btn:before {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 15px;
    left: 19px;
  }
  .menu_opened .menu_btn:after {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    width: 15px;
    left: 19px;
  }
  .menu_opened .menu_block {
    height: 100%;
  }
}
.footer {
  opacity: 0;
  background: rgba(22, 22, 22, 0.7);
}
.footer_top {
  padding-top: 40px;
  padding-bottom: 100px;
}
.footer_bottom {
  padding: 40px 0;
}
.footer .logo_slogan {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (min-width: 1025px) {
  .footer .logo_slogan {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .footer .logo_slogan {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footer .logo_slogan img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 20px;
  object-fit: contain;
  object-position: left top;
  margin-bottom: 30px;
}
.footer_menu {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
@media screen and (min-width: 1025px) {
  .footer_menu {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .footer_menu {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footer_menu li:not(:first-child) {
  margin-top: 30px;
}
.footer_menu a {
  display: inline-block;
  vertical-align: top;
  color: inherit;
}
.footer .contacts_list {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (min-width: 1025px) {
  .footer .contacts_list {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .footer .contacts_list {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footer .contact_block {
  margin-top: 30px;
}
.footer .contact_block a,
.footer .contact_block > div {
  display: inline-flex;
  vertical-align: top;
  align-items: flex-start;
}
.footer .contact_block a:before,
.footer .contact_block > div:before {
  display: block;
  margin-right: 8px;
  line-height: inherit;
}
.footer .contact_block a {
  max-width: 100%;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
}
.footer .social_payments {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (min-width: 1025px) {
  .footer .social_payments {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .footer .social_payments {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footer .socials_list {
  margin: 0 -4px;
  padding: 0;
  list-style-type: none;
  display: flex;
}
.footer .socials_list a {
  display: block;
  color: inherit;
  font-size: 0;
  line-height: 0;
  margin: 0 4px;
}
.footer .socials_list a:before {
  display: block;
  font-size: 2.4rem;
}
.footer .policy_menu {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  display: flex;
}
@media screen and (min-width: 1025px) {
  .footer .policy_menu {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .footer .policy_menu {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footer .policy_menu li {
  padding-right: 16px;
}
.footer .policy_menu a {
  display: block;
  color: inherit;
}
.footer .copyrights {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .footer .copyrights {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .footer .copyrights {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footer .developer {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  text-align: right;
}
@media screen and (min-width: 1025px) {
  .footer .developer {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .footer .developer {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footer .developer a {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
}
.footer .developer a img {
  width: auto;
  height: 14px;
  display: block;
}
.footer .payment_methods {
  margin: 30px -4px 0;
  display: flex;
  align-items: center;
}
.footer .payment_methods img {
  display: block;
  margin: 0 4px;
  max-width: 80px;
  max-height: 24px;
  object-fit: contain;
}
.footer .back_to_top {
  margin-left: auto;
  margin-right: 15px;
  width: 58px;
  height: 58px;
  background: url("images/noise_light.png") no-repeat transparent;
  background-size: cover;
  background-position: center;
  border: 1px solid;
  border-radius: 50%;
  color: #ffffff;
}
.footer .back_to_top:before {
  display: block;
  font-size: 2.4rem;
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .footer .back_to_top {
    width: 48px;
    height: 48px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .footer_top {
    padding-bottom: 40px;
  }
  .footer .logo_slogan {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .footer_menu {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .footer .contacts_list {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .footer .social_payments {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 30px;
    order: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .footer .back_to_top {
    margin-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .footer {
    text-align: center;
  }
  .footer_top {
    font-size: 140%;
    line-height: 18px;
    padding-bottom: 0;
  }
  .footer_bottom {
    padding-bottom: 80px;
  }
  .footer .back_to_top {
    margin: 0 auto 40px;
  }
  .footer .logo_slogan {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    order: 2;
  }
  .footer .logo_slogan img {
    margin-bottom: 40px;
  }
  .footer_menu {
    flex: 0 0 100%;
    max-width: 100%;
    order: 3;
    margin-top: 40px;
  }
  .footer_menu li:not(:first-child) {
    margin-top: 40px;
  }
  .footer .contacts_list {
    flex: 0 0 100%;
    max-width: 100%;
    order: 3;
    margin-top: 40px;
  }
  .footer .contact_block {
    margin-top: 40px;
  }
  .footer .contact_block a:before,
.footer .contact_block > div:before {
    font-size: 1.6rem;
  }
  .footer .social_payments {
    flex: 0 0 100%;
    max-width: 100%;
    order: 3;
    margin-top: 40px;
  }
  .footer .socials_list {
    justify-content: center;
  }
  .footer .socials_list li {
    padding: 0 8px;
  }
  .footer .payment_methods {
    margin: 0 -20px;
    justify-content: center;
    flex-wrap: wrap;
  }
  .footer .payment_methods img {
    margin: 40px 20px 0;
  }
  .footer .policy_menu {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: column;
    margin: 0;
  }
  .footer .policy_menu li {
    padding: 0;
  }
  .footer .policy_menu li:not(:first-child) {
    margin-top: 40px;
  }
  .footer .copyrights {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 40px;
  }
  .footer .developer {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 40px;
    text-align: center;
  }
}

.touch .footer .socials_list {
  margin: 0 -12px;
}
.touch .footer .socials_list a {
  margin: -12px 0;
  padding: 12px;
}

.web .header .main_logo a, .header .main_logo .web a, .web .footer .developer a, .footer .developer .web a, .footer {
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.web .fancybox-button--close, .web .slick-dots button, .slick-dots .web button, .web .header .main_menu a, .header .main_menu .web a, .web .header .reg_link, .header .web .reg_link, .web .footer_menu a, .footer_menu .web a, .web .footer .contact_block a, .footer .contact_block .web a, .web .footer .socials_list a, .footer .socials_list .web a, .web .footer .policy_menu a, .footer .policy_menu .web a, .web .footer .back_to_top, .footer .web .back_to_top {
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.web .primary_light {
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.web .secondary_btn, .error_hint {
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.touch .header .main_logo a, .header .main_logo .touch a, .touch .footer .developer a, .footer .developer .touch a {
  -o-transition: opacity 0.15s;
  -ms-transition: opacity 0.15s;
  -moz-transition: opacity 0.15s;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

.touch .fancybox-button--close, .touch .slick-dots button, .slick-dots .touch button, .touch .header .main_menu a, .header .main_menu .touch a, .touch .header .reg_link, .header .touch .reg_link, .touch .footer_menu a, .footer_menu .touch a, .touch .footer .contact_block a, .footer .contact_block .touch a, .touch .footer .socials_list a, .footer .socials_list .touch a, .touch .footer .policy_menu a, .footer .policy_menu .touch a, .touch .footer .back_to_top, .footer .touch .back_to_top {
  -o-transition: color 0.15s;
  -ms-transition: color 0.15s;
  -moz-transition: color 0.15s;
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}

.touch .primary_light {
  -o-transition: background-color 0.15s;
  -ms-transition: background-color 0.15s;
  -moz-transition: background-color 0.15s;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
}

.touch .secondary_btn {
  -o-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.web .fancybox-button--close:hover, .web .slick-dots button:hover, .slick-dots .web button:hover, .web .header .main_menu a:hover, .header .main_menu .web a:hover, .web .header .reg_link:hover, .header .web .reg_link:hover, .web .footer_menu a:hover, .footer_menu .web a:hover, .web .footer .contact_block a:hover, .footer .contact_block .web a:hover, .web .footer .socials_list a:hover, .footer .socials_list .web a:hover, .web .footer .policy_menu a:hover, .footer .policy_menu .web a:hover, .web .footer .back_to_top:hover, .footer .web .back_to_top:hover {
  color: #E5A800;
}
.web .header .main_logo a:hover, .header .main_logo .web a:hover, .web .footer .developer a:hover, .footer .developer .web a:hover {
  opacity: 0.7;
}
.web .secondary_btn:hover {
  background: #E5A800;
  color: #161616;
  border-color: transparent;
}
.touch .fancybox-button--close:active, .touch .slick-dots button:active, .slick-dots .touch button:active, .touch .header .main_menu a:active, .header .main_menu .touch a:active, .touch .header .reg_link:active, .header .touch .reg_link:active, .touch .footer_menu a:active, .footer_menu .touch a:active, .touch .footer .contact_block a:active, .footer .contact_block .touch a:active, .touch .footer .socials_list a:active, .footer .socials_list .touch a:active, .touch .footer .policy_menu a:active, .footer .policy_menu .touch a:active, .touch .footer .back_to_top:active, .footer .touch .back_to_top:active {
  color: #E5A800;
}
.touch .header .main_logo a:active, .header .main_logo .touch a:active, .touch .footer .developer a:active, .footer .developer .touch a:active {
  opacity: 0.7;
}
.touch .secondary_btn:active {
  background: #E5A800;
  color: #161616;
  border-color: transparent;
}

/*# sourceMappingURL=main.css.map */