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-size: 100%;
  font: inherit;
  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: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, a, button, textarea {
  outline: none;
  border: none;
}

* {
  outline: none;
}

html.has-scroll-smooth {
  overflow: hidden;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

[data-scroll-direction="horizontal"] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap;
}

[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%;
}

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  -webkit-transform-origin: center right;
          transform-origin: center right;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  opacity: 0;
}

.c-scrollbar:hover {
  -webkit-transform: scaleX(1.45);
          transform: scaleX(1.45);
}

.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
  opacity: 1;
}

[data-scroll-direction="horizontal"] .c-scrollbar {
  width: 100%;
  height: 10px;
  top: auto;
  bottom: 0;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

[data-scroll-direction="horizontal"] .c-scrollbar:hover {
  -webkit-transform: scaleY(1.3);
          transform: scaleY(1.3);
}

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
  right: auto;
  bottom: 0;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../../fonts/Gotham/woff2/Gotham-Thin_Web.woff2") format("woff2"), url("../../fonts/Gotham/woff/Gotham-Thin_Web.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-ThinItalic_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-ThinItalic_Web.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-XLight_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-XLight_Web.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-XLightItalic_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-XLightItalic_Web.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-Light_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-Light_Web.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-LightItalic_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-LightItalic_Web.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-Book_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-Book_Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-BookItalic_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-BookItalic_Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-Medium_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-Medium_Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-MediumItalic_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-MediumItalic_Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-Bold_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-Bold_Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-BoldItalic_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-BoldItalic_Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-Black_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-Black_Web.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-BlackItalic_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-BlackItalic_Web.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-Ultra_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-Ultra_Web.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'HCo Gotham';
  src: url("../fonts/Gotham/woff2/Gotham-UltraItalic_Web.woff2") format("woff2"), url("../fonts/Gotham/woff/Gotham-UltraItalic_Web.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}

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

@font-face {
  font-family: 'Rublick';
  src: url("../fonts/Rubik/Rubik-Regular.eot");
  src: url("../fonts/Rubik/Rubik-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Rubik/Rubik-Regular.woff") format("woff"), url("../fonts/Rubik/Rubik-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+20BD;
}

html, body {
  background: #121219;
  font-family: "HCo Gotham";
  will-change: transform;
}

.page {
  width: 100%;
  overflow: hidden;
  position: relative;
  will-change: transform;
}

.will-be-animated {
  opacity: 0;
  top: 100px;
  position: relative;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

.is-inview {
  opacity: 1;
  -webkit-transform: translateY(-100px) scale(1);
          transform: translateY(-100px) scale(1);
}

@-webkit-keyframes header_top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
    opacity: 1;
  }
}

@keyframes header_top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
    opacity: 1;
  }
}

@media screen and (max-width: 1100px) {
  .content {
    opacity: 1;
  }
}

.container {
  width: 100%;
  max-width: 1380px;
  position: relative;
}

@media screen and (max-width: 1500px) {
  .container {
    width: 96%;
  }
}

@media screen and (max-width: 600px) {
  .container {
    width: 100%;
  }
}

.container_center {
  margin: 0 auto;
}

.container_header {
  padding: 80px 0 0 0;
}

@media screen and (max-width: 1000px) {
  .container_header {
    padding: 0;
  }
}

.container_advantages {
  max-width: 1383px;
  padding: 90px 0 0 0;
}

@media screen and (max-width: 1300px) {
  .container_advantages {
    padding: 40px 0 0 0;
  }
}

.container_promocode {
  padding: 135px 0 0 0;
  z-index: 2;
}

@media screen and (max-width: 1600px) {
  .container_promocode {
    padding: 90px 0 0 0;
  }
}

@media screen and (max-width: 760px) {
  .container_promocode {
    padding: 50px 0 350px 0;
  }
}

@media screen and (max-width: 600px) {
  .container_promocode {
    padding: 50px 0 300px 0;
  }
}

@media screen and (max-width: 500px) {
  .container_promocode {
    padding: 50px 0 250px 0;
  }
}

.container_footer {
  min-height: 140px;
  padding: 80px 0 0 0;
}

@media screen and (max-width: 760px) {
  .container_footer {
    min-height: 70px;
    padding: 60px 0 0 0;
  }
}

@media screen and (max-width: 500px) {
  .container_footer {
    padding: 40px 0 0 0;
  }
}

.header {
  position: relative;
}

.header__knife {
  width: 220px;
  height: 226px;
  position: absolute;
  background: url(../images/content/header/knife.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1600px) {
  .header__knife {
    width: 170px;
    height: 176px;
  }
}

.header__pistol {
  width: 298px;
  height: 314px;
  position: absolute;
  background: url(../images/content/header/pistol.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1600px) {
  .header__pistol {
    width: 250px;
    height: 265px;
  }
}

.header__machine-gun {
  width: 695px;
  height: 758px;
  position: absolute;
  background: url(../images/content/header/machine-gun.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1600px) {
  .header__machine-gun {
    width: 560px;
    height: 470px;
  }
}

.header__case {
  width: 744px;
  height: 743px;
  background: url(../images/content/header/case.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1600px) {
  .header__case {
    width: 670px;
    height: 670px;
  }
}

@media screen and (max-width: 1250px) {
  .header__case {
    width: 580px;
    height: 580px;
  }
}

@media screen and (max-width: 1000px) {
  .header__case {
    right: 0;
    margin: auto;
    width: 500px;
    height: 500px;
  }
}

@media screen and (max-width: 600px) {
  .header__case {
    width: 420px;
    height: 420px;
  }
}

@media screen and (max-width: 450px) {
  .header__case {
    width: 350px;
    height: 350px;
  }
}

@media screen and (max-width: 400px) {
  .header__case {
    width: 320px;
    height: 320px;
  }
}

.header__actions {
  width: 744px;
  position: absolute;
  right: 350px;
  top: 0;
  opacity: 0;
  /* transition: all 1s cubic-bezier(0.28, 0.07, 0.21, 0.87);
        transition-delay: .5s; */
  will-change: transform;
  -webkit-animation: 1.5s cubic-bezier(0.28, 0.07, 0.21, 0.87) 0.5s 1 both header_actions;
          animation: 1.5s cubic-bezier(0.28, 0.07, 0.21, 0.87) 0.5s 1 both header_actions;
}

@media screen and (max-width: 1250px) {
  .header__actions {
    top: 20px;
  }
}

@media screen and (max-width: 1000px) {
  .header__actions {
    width: 100%;
    right: 0;
    left: 0;
  }
}

.header__actions:after {
  width: 1376px;
  height: 908px;
  position: absolute;
  top: -80px;
  right: -400px;
  background: url(../images/content/header/background.png) no-repeat;
  background-size: 100%;
  content: '';
}

@media screen and (max-width: 1250px) {
  .header__actions:after {
    top: -180px;
    right: -500px;
  }
}

@media screen and (max-width: 1000px) {
  .header__actions:after {
    width: 900px;
    right: 60px;
    top: 0;
  }
}

@media screen and (max-width: 760px) {
  .header__actions:after {
    right: -50px;
    top: -20px;
  }
}

@media screen and (max-width: 600px) {
  .header__actions:after {
    right: -100px;
    top: -60px;
  }
}

@media screen and (max-width: 450px) {
  .header__actions:after {
    right: -150px;
    top: -130px;
  }
}

#header__knife {
  position: absolute;
  top: 384px;
  right: 630px;
  z-index: 2;
}

@media screen and (max-width: 1250px) {
  #header__knife {
    top: 360px;
    right: 540px;
  }
}

@media screen and (max-width: 600px) {
  #header__knife {
    display: none;
  }
}

#header__pistol {
  position: absolute;
  top: 606px;
  right: -150px;
  z-index: 2;
}

@media screen and (max-width: 1600px) {
  #header__pistol {
    top: 500px;
    right: -50px;
  }
}

@media screen and (max-width: 1250px) {
  #header__pistol {
    top: 430px;
  }
}

@media screen and (max-width: 600px) {
  #header__pistol {
    display: none;
  }
}

#header__machine-gun {
  position: absolute;
  top: -350px;
  right: -350px;
  z-index: 2;
}

@media screen and (max-width: 1600px) {
  #header__machine-gun {
    top: -250px;
    right: -250px;
  }
}

@media screen and (max-width: 600px) {
  #header__machine-gun {
    display: none;
  }
}

#header__case {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

@media screen and (max-width: 1000px) {
  #header__case {
    left: 0;
    margin: auto;
  }
}

@media screen and (max-width: 400px) {
  #header__case {
    top: 30px;
  }
}

.lang {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 15px;
  right: 350px;
  z-index: 100;
  will-change: transform;
  opacity: 0;
  -webkit-animation: 1.5s cubic-bezier(0.28, 0.07, 0.21, 0.87) 0.5s 1 both header_actions;
          animation: 1.5s cubic-bezier(0.28, 0.07, 0.21, 0.87) 0.5s 1 both header_actions;
}

@media screen and (max-width: 1000px) {
  .lang {
    right: 30px;
  }
}

@media screen and (max-width: 599px) {
  .lang {
    top: 10px;
    right: 25px;
  }
}

.lang__item {
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
}

.lang__item--active .lang__link {
  color: #fff;
}

.lang__link {
  display: block;
  color: #697b77;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  padding: 4px 6px;
  -webkit-transition: color .4s;
  transition: color .4s;
}

.lang__link:hover {
  color: #ccc;
}

@-webkit-keyframes header_actions {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(350px);
            transform: translateX(350px);
  }
}

@keyframes header_actions {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(350px);
            transform: translateX(350px);
  }
}

@media screen and (max-width: 1000px) {
  @-webkit-keyframes header_actions {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes header_actions {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}

.lang {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 15px;
  right: 350px;
  z-index: 100;
  will-change: transform;
  opacity: 0;
  -webkit-animation: 1.5s cubic-bezier(0.28, 0.07, 0.21, 0.87) 0.5s 1 both header_actions;
          animation: 1.5s cubic-bezier(0.28, 0.07, 0.21, 0.87) 0.5s 1 both header_actions;
}

@media screen and (max-width: 1000px) {
  .lang {
    right: 30px;
  }
}

@media screen and (max-width: 599px) {
  .lang {
    top: 10px;
    right: 25px;
  }
}

.lang__item {
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
}

.lang__item--active .lang__link {
  color: #fff;
}

.lang__link {
  display: block;
  color: #697b77;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  padding: 4px 6px;
  -webkit-transition: color .4s;
  transition: color .4s;
}

.lang__link:hover {
  color: #ccc;
}

@keyframes header_actions {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(350px);
            transform: translateX(350px);
  }
}

@media screen and (max-width: 1000px) {
  @-webkit-keyframes header_actions {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes header_actions {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}

.drops {
  position: relative;
  overflow: hidden;
  opacity: 0;
  -webkit-animation: 3s ease 1s 1 both drops_opacity;
          animation: 3s ease 1s 1 both drops_opacity;
}

@-webkit-keyframes drops_opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: .3;
  }
}

@keyframes drops_opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: .3;
  }
}

@media screen and (max-width: 1000px) {
  .drops {
    display: none;
  }
}

.drops:after, .drops:before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 300px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#121219));
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #121219 100%);
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #121219 100%);
  content: '';
  z-index: 2;
}

.drops__list {
  width: 12000px;
  margin: 0 0 4px 0;
  position: relative;
  opacity: 1;
}

@-webkit-keyframes drops_list_first {
  100% {
    -webkit-transform: translateX(-5468px);
            transform: translateX(-5468px);
  }
}

@keyframes drops_list_first {
  100% {
    -webkit-transform: translateX(-5468px);
            transform: translateX(-5468px);
  }
}

@-webkit-keyframes drops_list_second {
  100% {
    -webkit-transform: translateX(5468px);
            transform: translateX(5468px);
  }
}

@keyframes drops_list_second {
  100% {
    -webkit-transform: translateX(5468px);
            transform: translateX(5468px);
  }
}

.drops__list:after, .drops__list:before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 300px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#121219));
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #121219 100%);
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #121219 100%);
  content: '';
  z-index: 2;
}

.drops__list .drops__list-row {
  width: 5468px;
  display: inline-block;
  vertical-align: top;
}

.drops__list:first-of-type {
  -webkit-animation: 120s cubic-bezier(0, 0, 1, 1) 0s infinite both drops_list_first;
          animation: 120s cubic-bezier(0, 0, 1, 1) 0s infinite both drops_list_first;
}

.drops__list:nth-of-type(2) {
  margin: 0 0 0 68px;
  left: -5468px;
  -webkit-animation: 120s cubic-bezier(0, 0, 1, 1) 0s infinite both drops_list_second;
          animation: 120s cubic-bezier(0, 0, 1, 1) 0s infinite both drops_list_second;
}

.drops_header {
  height: 212px;
  left: 350px;
  position: absolute;
  top: 410px;
}

.drops__item {
  width: 132px;
  display: inline-block;
  vertical-align: top;
}

.drops__item_purple {
  background: -webkit-linear-gradient(91.04deg, rgba(136, 71, 255, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
  background: linear-gradient(358.96deg, rgba(136, 71, 255, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
}

.drops__item_purple:after {
  background: #8B62FF;
  -webkit-box-shadow: 0 -2px 17px rgba(64, 43, 238, 0.8);
          box-shadow: 0 -2px 17px rgba(64, 43, 238, 0.8);
}

.drops__item_orange {
  background: -webkit-linear-gradient(91.04deg, rgba(228, 174, 57, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
  background: linear-gradient(358.96deg, rgba(228, 174, 57, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
}

.drops__item_orange:after {
  background: #FFB84E;
  -webkit-box-shadow: 0 -2px 17px rgba(238, 136, 43, 0.8);
          box-shadow: 0 -2px 17px rgba(238, 136, 43, 0.8);
}

.drops__item_red {
  background: -webkit-linear-gradient(91.04deg, rgba(252, 53, 40, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
  background: linear-gradient(358.96deg, rgba(252, 53, 40, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
}

.drops__item_red:after {
  background: #FF1F1F;
  -webkit-box-shadow: 0 -2px 17px rgba(239, 29, 29, 0.8);
          box-shadow: 0 -2px 17px rgba(239, 29, 29, 0.8);
}

.drops__item_pink:after {
  background: #EF6A9A;
  -webkit-box-shadow: 0 -2px 17px rgba(238, 43, 142, 0.8);
          box-shadow: 0 -2px 17px rgba(238, 43, 142, 0.8);
}

.drops__item_pink {
  background: -webkit-linear-gradient(91.04deg, rgba(211, 44, 230, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
  background: linear-gradient(358.96deg, rgba(211, 44, 230, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
}

.drops__item_grey {
  background: -webkit-linear-gradient(91.04deg, rgba(176, 195, 217, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
  background: linear-gradient(358.96deg, rgba(176, 195, 217, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
}

.drops__item_grey:after {
  background: #d0d0d0;
}

.logo {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  cursor: pointer;
}

.logo_header {
  opacity: 0;
  -webkit-animation: 1s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1.8s 1 both header_top;
          animation: 1s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1.8s 1 both header_top;
  will-change: transform;
  position: relative;
  top: -60px;
  width: 244px;
  height: 48px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='244' height='48' viewBox='0 0 244 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.4684 20.0773C47.1782 20.0773 46.83 20.0185 46.5399 20.0185C39.8665 20.0185 33.193 20.0185 26.5196 20.0773C26.0554 20.136 25.6492 20.4298 25.417 20.8411C22.8057 25.3655 22.8057 25.3655 24.9528 30.1837C25.0108 30.2425 25.0108 30.4188 25.0689 30.4188C25.4751 30.7126 25.9393 31.2414 26.4035 31.2414C28.7828 31.3002 31.162 31.3002 33.5992 31.3002H36.2106C35.9785 31.7702 35.6883 32.1815 35.3982 32.5928C32.1485 36.0596 28.1444 38.0574 23.386 37.8223C18.3374 37.5873 14.6815 34.7669 12.3603 30.5363C9.63294 25.6006 4.8745 24.2491 0.174089 22.5451C-0.754387 28.9498 2.49528 38.7625 11.1997 44.227C20.0203 49.8678 31.3361 49.104 39.4022 42.4643C46.714 36.2946 49.2092 26.4232 47.4684 20.0773ZM17.7571 13.085C19.6141 12.3211 21.5871 11.6748 23.5601 11.5573C28.8988 11.2047 33.077 13.5551 36.2106 18.0795L45.9596 14.3189C42.1876 5.21137 33.0189 -0.546967 23.0378 0.0406186C14.9137 0.451928 8.53038 4.15371 3.77193 11.0285C5.86101 11.8511 7.77599 12.3799 9.51688 13.2613C12.3603 14.6715 14.9717 14.2602 17.7571 13.085ZM11.8961 17.1393C12.1863 17.2569 12.6505 16.8456 12.9987 16.6693L12.8826 16.1992C9.80703 15.024 6.73145 13.7901 3.65588 12.6149C3.3077 12.4974 2.78543 12.7912 2.37922 12.9087L2.43725 13.4963C5.57086 14.7302 8.7625 15.9642 11.8961 17.1393ZM0.696357 21.0762C3.77194 22.3101 6.90554 23.544 10.0392 24.7192L10.3873 24.4254C10.1552 24.0141 10.0392 23.4265 9.69097 23.309C6.67342 22.0751 3.53982 20.8999 0.464238 19.7247L0 20.0185C0.290149 20.4298 0.406208 20.9587 0.696357 21.0762ZM2.26316 16.1992C4.93253 17.1981 7.65993 18.2558 10.3293 19.3134C11.1417 19.666 11.5479 19.4897 11.5479 18.432L1.91498 14.7302C1.21863 15.5529 1.39271 15.9054 2.26316 16.1992ZM1.27665 18.5496C4.2942 19.7835 7.31175 20.9587 10.3293 22.0751L10.6775 21.7813C10.4454 21.4287 10.3293 20.7824 9.98112 20.6649C7.0216 19.4897 4.06208 18.3733 1.1606 17.1981L0.754387 17.3744C0.928476 17.7857 0.986506 18.432 1.27665 18.5496Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M86.1637 17.3156V15.2253C86.1637 15.0511 86.0468 14.9931 85.9298 14.9931H69.2632C69.0877 14.9931 69.0292 15.1092 69.0292 15.2253V31.7737C69.0292 31.9479 69.1462 32.006 69.2632 32.006H85.9298C86.1052 32.006 86.1637 31.8898 86.1637 31.7737V26.664H80.0819V21.6705H91.2514V31.7156C91.2514 34.5608 88.9123 36.9414 85.9298 36.9414H69.2632C66.3977 36.9414 64 34.6189 64 31.7156V15.2253C64 12.3802 66.3392 9.99951 69.2632 9.99951H85.9298C88.7953 9.99951 91.2514 12.3221 91.2514 15.2253V17.3156H86.1637Z' fill='url(%23paint1_linear)'/%3E%3Cpath d='M121.719 17.3156H116.69V15.2253C116.69 15.0511 116.573 14.9931 116.456 14.9931H99.731C99.5555 14.9931 99.497 15.1092 99.497 15.2253V31.7737C99.497 31.9479 99.614 32.006 99.731 32.006H116.398C116.573 32.006 116.632 31.8898 116.632 31.7737V26.664H110.491V21.6705H121.661V31.7156C121.661 34.5608 119.322 36.9414 116.339 36.9414H99.6725C96.807 36.9414 94.4093 34.6189 94.4093 31.7156V15.2253C94.4093 12.3802 96.7485 9.99951 99.6725 9.99951H116.339C119.205 9.99951 121.661 12.3221 121.661 15.2253L121.719 17.3156Z' fill='url(%23paint2_linear)'/%3E%3Cpath d='M147.041 9.99951C149.906 9.99951 152.363 12.3221 152.363 15.2253V31.7737C152.363 34.6188 150.023 36.9995 147.041 36.9995H125.111V9.99951H147.041ZM147.275 15.2253C147.275 15.0511 147.158 14.9931 147.041 14.9931H130.374C130.199 14.9931 130.14 15.1092 130.14 15.2253V31.7737C130.14 31.9479 130.257 32.006 130.374 32.006H147.041C147.216 32.006 147.275 31.8898 147.275 31.7737V15.2253Z' fill='url(%23paint3_linear)'/%3E%3Cpath d='M182.889 22.5415C182.889 25.3866 180.55 27.7673 177.567 27.7673H176.105L182.889 35.7221V36.9995H177.45L169.614 27.7673H160.667V36.9995H155.637V10.0576H177.567C180.433 10.0576 182.889 12.3802 182.889 15.2834V22.5415ZM177.626 22.7737C177.801 22.7737 177.86 22.6576 177.86 22.5415V15.2253C177.86 15.0511 177.743 14.9931 177.626 14.9931H160.959C160.784 14.9931 160.725 15.1092 160.725 15.2253V22.4834C160.725 22.6576 160.842 22.7156 160.959 22.7156H177.626V22.7737Z' fill='url(%23paint4_linear)'/%3E%3Cpath d='M208.093 9.99951C210.959 9.99951 213.357 12.3221 213.357 15.2253V31.7737C213.357 34.6188 211.017 36.9995 208.093 36.9995H191.427C188.561 36.9995 186.164 34.6769 186.164 31.7737V15.2253C186.164 12.3802 188.503 9.99951 191.427 9.99951H208.093ZM208.093 32.064C208.21 32.064 208.327 31.9479 208.327 31.8318V15.2253C208.327 15.0511 208.21 14.9931 208.093 14.9931H191.427C191.251 14.9931 191.193 15.1092 191.193 15.2253V31.7737C191.193 31.9479 191.31 32.006 191.427 32.006L208.093 32.064Z' fill='url(%23paint5_linear)'/%3E%3Cpath d='M238.678 9.99951C241.544 9.99951 244 12.3221 244 15.2253V22.4834C244 25.3285 241.661 27.7092 238.678 27.7092L221.836 27.7672L221.719 27.7092V36.9414H216.69V9.99951H238.678ZM238.912 15.2253C238.912 15.0511 238.795 14.9931 238.678 14.9931H222.012C221.836 14.9931 221.778 15.1092 221.778 15.2253V22.4834C221.778 22.6576 221.895 22.7156 222.012 22.7156H238.678C238.854 22.7156 238.912 22.5995 238.912 22.4834V15.2253Z' fill='url(%23paint6_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='3.47482' y1='40.2649' x2='44.3088' y2='8.76479' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ECB166'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='98.9896' y1='44.7552' x2='266.167' y2='14.7307' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBE6C'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='98.9896' y1='44.7552' x2='266.167' y2='14.7307' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBE6C'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear' x1='98.9896' y1='44.7552' x2='266.167' y2='14.7307' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBE6C'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear' x1='98.9896' y1='44.7552' x2='266.167' y2='14.7307' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBE6C'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear' x1='98.9896' y1='44.7552' x2='266.167' y2='14.7307' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBE6C'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear' x1='98.9896' y1='44.7552' x2='266.167' y2='14.7307' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBE6C'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.logo_header:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='244' height='48' viewBox='0 0 244 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.4684 20.0773C47.1782 20.0773 46.83 20.0185 46.5399 20.0185C39.8665 20.0185 33.193 20.0185 26.5196 20.0773C26.0554 20.136 25.6492 20.4298 25.417 20.8411C22.8057 25.3655 22.8057 25.3655 24.9528 30.1837C25.0108 30.2425 25.0108 30.4188 25.0689 30.4188C25.4751 30.7126 25.9393 31.2414 26.4035 31.2414C28.7828 31.3002 31.162 31.3002 33.5992 31.3002H36.2106C35.9785 31.7702 35.6883 32.1815 35.3982 32.5928C32.1485 36.0596 28.1444 38.0574 23.386 37.8223C18.3374 37.5873 14.6815 34.7669 12.3603 30.5363C9.63294 25.6006 4.8745 24.2491 0.174089 22.5451C-0.754387 28.9498 2.49528 38.7625 11.1997 44.227C20.0203 49.8678 31.3361 49.104 39.4022 42.4643C46.714 36.2946 49.2092 26.4232 47.4684 20.0773ZM17.7571 13.085C19.6141 12.3211 21.5871 11.6748 23.5601 11.5573C28.8988 11.2047 33.077 13.5551 36.2106 18.0795L45.9596 14.3189C42.1876 5.21137 33.0189 -0.546967 23.0378 0.0406186C14.9137 0.451928 8.53038 4.15371 3.77193 11.0285C5.86101 11.8511 7.77599 12.3799 9.51688 13.2613C12.3603 14.6715 14.9717 14.2602 17.7571 13.085ZM11.8961 17.1393C12.1863 17.2569 12.6505 16.8456 12.9987 16.6693L12.8826 16.1992C9.80703 15.024 6.73145 13.7901 3.65588 12.6149C3.3077 12.4974 2.78543 12.7912 2.37922 12.9087L2.43725 13.4963C5.57086 14.7302 8.7625 15.9642 11.8961 17.1393ZM0.696357 21.0762C3.77194 22.3101 6.90554 23.544 10.0392 24.7192L10.3873 24.4254C10.1552 24.0141 10.0392 23.4265 9.69097 23.309C6.67342 22.0751 3.53982 20.8999 0.464238 19.7247L0 20.0185C0.290149 20.4298 0.406208 20.9587 0.696357 21.0762ZM2.26316 16.1992C4.93253 17.1981 7.65993 18.2558 10.3293 19.3134C11.1417 19.666 11.5479 19.4897 11.5479 18.432L1.91498 14.7302C1.21863 15.5529 1.39271 15.9054 2.26316 16.1992ZM1.27665 18.5496C4.2942 19.7835 7.31175 20.9587 10.3293 22.0751L10.6775 21.7813C10.4454 21.4287 10.3293 20.7824 9.98112 20.6649C7.0216 19.4897 4.06208 18.3733 1.1606 17.1981L0.754387 17.3744C0.928476 17.7857 0.986506 18.432 1.27665 18.5496Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M86.1637 17.3156V15.2253C86.1637 15.0511 86.0468 14.9931 85.9298 14.9931H69.2632C69.0877 14.9931 69.0292 15.1092 69.0292 15.2253V31.7737C69.0292 31.9479 69.1462 32.006 69.2632 32.006H85.9298C86.1052 32.006 86.1637 31.8898 86.1637 31.7737V26.664H80.0819V21.6705H91.2514V31.7156C91.2514 34.5608 88.9123 36.9414 85.9298 36.9414H69.2632C66.3977 36.9414 64 34.6189 64 31.7156V15.2253C64 12.3802 66.3392 9.99951 69.2632 9.99951H85.9298C88.7953 9.99951 91.2514 12.3221 91.2514 15.2253V17.3156H86.1637Z' fill='url(%23paint1_linear)'/%3E%3Cpath d='M121.719 17.3156H116.69V15.2253C116.69 15.0511 116.573 14.9931 116.456 14.9931H99.731C99.5555 14.9931 99.497 15.1092 99.497 15.2253V31.7737C99.497 31.9479 99.614 32.006 99.731 32.006H116.398C116.573 32.006 116.632 31.8898 116.632 31.7737V26.664H110.491V21.6705H121.661V31.7156C121.661 34.5608 119.322 36.9414 116.339 36.9414H99.6725C96.807 36.9414 94.4093 34.6189 94.4093 31.7156V15.2253C94.4093 12.3802 96.7485 9.99951 99.6725 9.99951H116.339C119.205 9.99951 121.661 12.3221 121.661 15.2253L121.719 17.3156Z' fill='url(%23paint2_linear)'/%3E%3Cpath d='M147.041 9.99951C149.906 9.99951 152.363 12.3221 152.363 15.2253V31.7737C152.363 34.6188 150.023 36.9995 147.041 36.9995H125.111V9.99951H147.041ZM147.275 15.2253C147.275 15.0511 147.158 14.9931 147.041 14.9931H130.374C130.199 14.9931 130.14 15.1092 130.14 15.2253V31.7737C130.14 31.9479 130.257 32.006 130.374 32.006H147.041C147.216 32.006 147.275 31.8898 147.275 31.7737V15.2253Z' fill='url(%23paint3_linear)'/%3E%3Cpath d='M182.889 22.5415C182.889 25.3866 180.55 27.7673 177.567 27.7673H176.105L182.889 35.7221V36.9995H177.45L169.614 27.7673H160.667V36.9995H155.637V10.0576H177.567C180.433 10.0576 182.889 12.3802 182.889 15.2834V22.5415ZM177.626 22.7737C177.801 22.7737 177.86 22.6576 177.86 22.5415V15.2253C177.86 15.0511 177.743 14.9931 177.626 14.9931H160.959C160.784 14.9931 160.725 15.1092 160.725 15.2253V22.4834C160.725 22.6576 160.842 22.7156 160.959 22.7156H177.626V22.7737Z' fill='url(%23paint4_linear)'/%3E%3Cpath d='M208.093 9.99951C210.959 9.99951 213.357 12.3221 213.357 15.2253V31.7737C213.357 34.6188 211.017 36.9995 208.093 36.9995H191.427C188.561 36.9995 186.164 34.6769 186.164 31.7737V15.2253C186.164 12.3802 188.503 9.99951 191.427 9.99951H208.093ZM208.093 32.064C208.21 32.064 208.327 31.9479 208.327 31.8318V15.2253C208.327 15.0511 208.21 14.9931 208.093 14.9931H191.427C191.251 14.9931 191.193 15.1092 191.193 15.2253V31.7737C191.193 31.9479 191.31 32.006 191.427 32.006L208.093 32.064Z' fill='url(%23paint5_linear)'/%3E%3Cpath d='M238.678 9.99951C241.544 9.99951 244 12.3221 244 15.2253V22.4834C244 25.3285 241.661 27.7092 238.678 27.7092L221.836 27.7672L221.719 27.7092V36.9414H216.69V9.99951H238.678ZM238.912 15.2253C238.912 15.0511 238.795 14.9931 238.678 14.9931H222.012C221.836 14.9931 221.778 15.1092 221.778 15.2253V22.4834C221.778 22.6576 221.895 22.7156 222.012 22.7156H238.678C238.854 22.7156 238.912 22.5995 238.912 22.4834V15.2253Z' fill='url(%23paint6_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='3.47482' y1='40.2649' x2='44.3088' y2='8.76479' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFE0B8'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='98.9896' y1='44.7552' x2='266.167' y2='14.7307' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFD8A5'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='98.9896' y1='44.7552' x2='266.167' y2='14.7307' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFD8A5'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear' x1='98.9896' y1='44.7552' x2='266.167' y2='14.7307' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFD8A5'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear' x1='98.9896' y1='44.7552' x2='266.167' y2='14.7307' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFD8A5'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear' x1='98.9896' y1='44.7552' x2='266.167' y2='14.7307' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFD8A5'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear' x1='98.9896' y1='44.7552' x2='266.167' y2='14.7307' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFD8A5'/%3E%3Cstop offset='1' stop-color='%23F8875F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 1600px) {
  .logo_header {
    top: -80px;
    width: 190px;
    height: 38px;
    left: 40px;
  }
}

@media screen and (max-width: 1000px) {
  .logo_header {
    width: 38px;
    height: 38px;
    left: 30px;
    background-size: 190px 38px;
    background-position: 0;
    top: 0;
  }
}

@media screen and (max-width: 600px) {
  .logo_header {
    top: -20px;
    left: 25px;
  }
}

.logo_footer {
  width: 204px;
  height: 40px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='204' height='40' viewBox='0 0 204 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.557 16.7315C39.3152 16.7315 39.025 16.6825 38.7832 16.6825C33.222 16.6825 27.6609 16.6825 22.0997 16.7315C21.7128 16.7804 21.3743 17.0253 21.1809 17.368C19.0047 21.1384 19.0047 21.1384 20.794 25.1535C20.8424 25.2025 20.8424 25.3494 20.8907 25.3494C21.2292 25.5942 21.6161 26.0349 22.003 26.0349C23.9856 26.0839 25.9683 26.0839 27.9994 26.0839H30.1755C29.982 26.4756 29.7403 26.8183 29.4985 27.1611C26.7904 30.0501 23.4537 31.7149 19.4883 31.519C15.2812 31.3232 12.2346 28.9728 10.3003 25.4473C8.02745 21.3342 4.06208 20.208 0.145074 18.788C-0.628656 24.1253 2.0794 32.3025 9.33312 36.8563C16.6836 41.5569 26.1134 40.9204 32.8352 35.3873C38.9283 30.2459 41.0077 22.0197 39.557 16.7315ZM14.7976 10.9046C16.3451 10.268 17.9892 9.72941 19.6334 9.63148C24.0824 9.33769 27.5641 11.2963 30.1755 15.0666L38.2996 11.9329C35.1564 4.34321 27.5158 -0.455399 19.1982 0.0342557C12.428 0.377014 7.10865 3.46184 3.14328 9.19079C4.88417 9.87631 6.47999 10.317 7.93074 11.0515C10.3003 12.2266 12.4764 11.8839 14.7976 10.9046ZM9.91342 14.2832C10.1552 14.3811 10.5421 14.0384 10.8322 13.8915L10.7355 13.4998C8.17253 12.5204 5.60954 11.4922 3.04656 10.5129C2.75641 10.4149 2.32119 10.6598 1.98268 10.7577L2.03104 11.2473C4.64238 12.2756 7.30208 13.3039 9.91342 14.2832ZM0.580298 17.5639C3.14328 18.5922 5.75462 19.6204 8.36596 20.5997L8.65611 20.3549C8.46268 20.0122 8.36596 19.5225 8.07581 19.4246C5.56119 18.3963 2.94985 17.417 0.386865 16.4377L0 16.6825C0.241791 17.0253 0.338507 17.466 0.580298 17.5639ZM1.88597 13.4998C4.11044 14.3322 6.38327 15.2135 8.60775 16.0949C9.28476 16.3887 9.62327 16.2418 9.62327 15.3604L1.59582 12.2756C1.01552 12.9611 1.1606 13.2549 1.88597 13.4998ZM1.06388 15.4584C3.5785 16.4866 6.09313 17.466 8.60775 18.3963L8.8979 18.1515C8.70447 17.8577 8.60775 17.3191 8.3176 17.2211C5.85134 16.2418 3.38507 15.3115 0.967163 14.3322L0.628656 14.4791C0.77373 14.8218 0.822088 15.3604 1.06388 15.4584Z' fill='%233C3C49' fill-opacity='0.5'/%3E%3Cpath d='M71.8031 14.4298V12.6878C71.8031 12.5427 71.7056 12.4943 71.6081 12.4943H57.7193C57.5731 12.4943 57.5243 12.5911 57.5243 12.6878V26.4782C57.5243 26.6233 57.6218 26.6717 57.7193 26.6717H71.6081C71.7543 26.6717 71.8031 26.5749 71.8031 26.4782V22.2201H66.7349V18.0588H76.0428V26.4298C76.0428 28.8007 74.0935 30.7846 71.6081 30.7846H57.7193C55.3314 30.7846 53.3333 28.8491 53.3333 26.4298V12.6878C53.3333 10.3169 55.2826 8.33301 57.7193 8.33301H71.6081C73.9961 8.33301 76.0428 10.2685 76.0428 12.6878V14.4298H71.8031Z' fill='%233C3C49' fill-opacity='0.5'/%3E%3Cpath d='M101.433 14.4298H97.2417V12.6878C97.2417 12.5427 97.1442 12.4943 97.0467 12.4943H83.1091C82.9629 12.4943 82.9142 12.5911 82.9142 12.6878V26.4782C82.9142 26.6233 83.0117 26.6717 83.1091 26.6717H96.998C97.1442 26.6717 97.1929 26.5749 97.1929 26.4782V22.2201H92.076V18.0588H101.384V26.4298C101.384 28.8007 99.4346 30.7846 96.9493 30.7846H83.0604C80.6725 30.7846 78.6744 28.8491 78.6744 26.4298V12.6878C78.6744 10.3169 80.6237 8.33301 83.0604 8.33301H96.9493C99.3372 8.33301 101.384 10.2685 101.384 12.6878L101.433 14.4298Z' fill='%233C3C49' fill-opacity='0.5'/%3E%3Cpath d='M122.534 8.33301C124.922 8.33301 126.969 10.2685 126.969 12.6878V26.4782C126.969 28.8491 125.019 30.833 122.534 30.833H104.259V8.33301H122.534ZM122.729 12.6878C122.729 12.5427 122.632 12.4943 122.534 12.4943H108.645C108.499 12.4943 108.45 12.5911 108.45 12.6878V26.4782C108.45 26.6233 108.548 26.6717 108.645 26.6717H122.534C122.68 26.6717 122.729 26.5749 122.729 26.4782V12.6878Z' fill='%233C3C49' fill-opacity='0.5'/%3E%3Cpath d='M152.407 18.7846C152.407 21.1556 150.458 23.1395 147.973 23.1395H146.754L152.407 29.7685V30.833H147.875L141.345 23.1395H133.889V30.833H129.698V8.38141H147.973C150.361 8.38141 152.407 10.3169 152.407 12.7362V18.7846ZM148.021 18.9782C148.168 18.9782 148.216 18.8814 148.216 18.7846V12.6879C148.216 12.5427 148.119 12.4943 148.021 12.4943H134.133C133.986 12.4943 133.938 12.5911 133.938 12.6879V18.7362C133.938 18.8814 134.035 18.9298 134.133 18.9298H148.021V18.9782Z' fill='%233C3C49' fill-opacity='0.5'/%3E%3Cpath d='M173.411 8.33301C175.799 8.33301 177.797 10.2685 177.797 12.6878V26.4782C177.797 28.8491 175.848 30.833 173.411 30.833H159.522C157.134 30.833 155.136 28.8975 155.136 26.4782V12.6878C155.136 10.3169 157.086 8.33301 159.522 8.33301H173.411ZM173.411 26.7201C173.509 26.7201 173.606 26.6233 173.606 26.5265V12.6878C173.606 12.5427 173.509 12.4943 173.411 12.4943H159.522C159.376 12.4943 159.327 12.5911 159.327 12.6878V26.4782C159.327 26.6233 159.425 26.6717 159.522 26.6717L173.411 26.7201Z' fill='%233C3C49' fill-opacity='0.5'/%3E%3Cpath d='M198.899 8.33301C201.287 8.33301 203.333 10.2685 203.333 12.6878V18.7362C203.333 21.1072 201.384 23.0911 198.899 23.0911L184.864 23.1395L184.766 23.0911V30.7846H180.575V8.33301H198.899ZM199.094 12.6878C199.094 12.5427 198.996 12.4943 198.899 12.4943H185.01C184.864 12.4943 184.815 12.5911 184.815 12.6878V18.7362C184.815 18.8814 184.912 18.9298 185.01 18.9298H198.899C199.045 18.9298 199.094 18.833 199.094 18.7362V12.6878Z' fill='%233C3C49' fill-opacity='0.5'/%3E%3C/svg%3E ");
}

@media screen and (max-width: 760px) {
  .logo_footer {
    margin: auto;
  }
}

.logo_footer:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='204' height='40' viewBox='0 0 204 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.557 16.7315C39.3152 16.7315 39.025 16.6825 38.7832 16.6825C33.222 16.6825 27.6609 16.6825 22.0997 16.7315C21.7128 16.7804 21.3743 17.0253 21.1809 17.368C19.0047 21.1384 19.0047 21.1384 20.794 25.1535C20.8424 25.2025 20.8424 25.3494 20.8907 25.3494C21.2292 25.5942 21.6161 26.0349 22.003 26.0349C23.9856 26.0839 25.9683 26.0839 27.9994 26.0839H30.1755C29.982 26.4756 29.7403 26.8183 29.4985 27.1611C26.7904 30.0501 23.4537 31.7149 19.4883 31.519C15.2812 31.3232 12.2346 28.9728 10.3003 25.4473C8.02745 21.3342 4.06208 20.208 0.145074 18.788C-0.628656 24.1253 2.0794 32.3025 9.33312 36.8563C16.6836 41.5569 26.1134 40.9204 32.8352 35.3873C38.9283 30.2459 41.0077 22.0197 39.557 16.7315ZM14.7976 10.9046C16.3451 10.268 17.9892 9.72941 19.6334 9.63148C24.0824 9.33769 27.5641 11.2963 30.1755 15.0666L38.2996 11.9329C35.1564 4.34321 27.5158 -0.455399 19.1982 0.0342557C12.428 0.377014 7.10865 3.46184 3.14328 9.19079C4.88417 9.87631 6.47999 10.317 7.93074 11.0515C10.3003 12.2266 12.4764 11.8839 14.7976 10.9046ZM9.91342 14.2832C10.1552 14.3811 10.5421 14.0384 10.8322 13.8915L10.7355 13.4998C8.17253 12.5204 5.60954 11.4922 3.04656 10.5129C2.75641 10.4149 2.32119 10.6598 1.98268 10.7577L2.03104 11.2473C4.64238 12.2756 7.30208 13.3039 9.91342 14.2832ZM0.580298 17.5639C3.14328 18.5922 5.75462 19.6204 8.36596 20.5997L8.65611 20.3549C8.46268 20.0122 8.36596 19.5225 8.07581 19.4246C5.56119 18.3963 2.94985 17.417 0.386865 16.4377L0 16.6825C0.241791 17.0253 0.338507 17.466 0.580298 17.5639ZM1.88597 13.4998C4.11044 14.3322 6.38327 15.2135 8.60775 16.0949C9.28476 16.3887 9.62327 16.2418 9.62327 15.3604L1.59582 12.2756C1.01552 12.9611 1.1606 13.2549 1.88597 13.4998ZM1.06388 15.4584C3.5785 16.4866 6.09313 17.466 8.60775 18.3963L8.8979 18.1515C8.70447 17.8577 8.60775 17.3191 8.3176 17.2211C5.85134 16.2418 3.38507 15.3115 0.967163 14.3322L0.628656 14.4791C0.77373 14.8218 0.822088 15.3604 1.06388 15.4584Z' fill='white' fill-opacity='0.5'/%3E%3Cpath d='M71.8031 14.4298V12.6878C71.8031 12.5427 71.7056 12.4943 71.6081 12.4943H57.7193C57.5731 12.4943 57.5243 12.5911 57.5243 12.6878V26.4782C57.5243 26.6233 57.6218 26.6717 57.7193 26.6717H71.6081C71.7543 26.6717 71.8031 26.5749 71.8031 26.4782V22.2201H66.7349V18.0588H76.0428V26.4298C76.0428 28.8007 74.0935 30.7846 71.6081 30.7846H57.7193C55.3314 30.7846 53.3333 28.8491 53.3333 26.4298V12.6878C53.3333 10.3169 55.2826 8.33301 57.7193 8.33301H71.6081C73.9961 8.33301 76.0428 10.2685 76.0428 12.6878V14.4298H71.8031Z' fill='white' fill-opacity='0.5'/%3E%3Cpath d='M101.433 14.4298H97.2417V12.6878C97.2417 12.5427 97.1442 12.4943 97.0467 12.4943H83.1091C82.9629 12.4943 82.9142 12.5911 82.9142 12.6878V26.4782C82.9142 26.6233 83.0117 26.6717 83.1091 26.6717H96.998C97.1442 26.6717 97.1929 26.5749 97.1929 26.4782V22.2201H92.076V18.0588H101.384V26.4298C101.384 28.8007 99.4346 30.7846 96.9493 30.7846H83.0604C80.6725 30.7846 78.6744 28.8491 78.6744 26.4298V12.6878C78.6744 10.3169 80.6237 8.33301 83.0604 8.33301H96.9493C99.3372 8.33301 101.384 10.2685 101.384 12.6878L101.433 14.4298Z' fill='white' fill-opacity='0.5'/%3E%3Cpath d='M122.534 8.33301C124.922 8.33301 126.969 10.2685 126.969 12.6878V26.4782C126.969 28.8491 125.019 30.833 122.534 30.833H104.259V8.33301H122.534ZM122.729 12.6878C122.729 12.5427 122.632 12.4943 122.534 12.4943H108.645C108.499 12.4943 108.45 12.5911 108.45 12.6878V26.4782C108.45 26.6233 108.548 26.6717 108.645 26.6717H122.534C122.68 26.6717 122.729 26.5749 122.729 26.4782V12.6878Z' fill='white' fill-opacity='0.5'/%3E%3Cpath d='M152.407 18.7846C152.407 21.1556 150.458 23.1395 147.973 23.1395H146.754L152.407 29.7685V30.833H147.875L141.345 23.1395H133.889V30.833H129.698V8.38141H147.973C150.361 8.38141 152.407 10.3169 152.407 12.7362V18.7846ZM148.021 18.9782C148.168 18.9782 148.216 18.8814 148.216 18.7846V12.6879C148.216 12.5427 148.119 12.4943 148.021 12.4943H134.133C133.986 12.4943 133.938 12.5911 133.938 12.6879V18.7362C133.938 18.8814 134.035 18.9298 134.133 18.9298H148.021V18.9782Z' fill='white' fill-opacity='0.5'/%3E%3Cpath d='M173.411 8.33301C175.799 8.33301 177.797 10.2685 177.797 12.6878V26.4782C177.797 28.8491 175.848 30.833 173.411 30.833H159.522C157.134 30.833 155.136 28.8975 155.136 26.4782V12.6878C155.136 10.3169 157.086 8.33301 159.522 8.33301H173.411ZM173.411 26.7201C173.509 26.7201 173.606 26.6233 173.606 26.5265V12.6878C173.606 12.5427 173.509 12.4943 173.411 12.4943H159.522C159.376 12.4943 159.327 12.5911 159.327 12.6878V26.4782C159.327 26.6233 159.425 26.6717 159.522 26.6717L173.411 26.7201Z' fill='white' fill-opacity='0.5'/%3E%3Cpath d='M198.899 8.33301C201.287 8.33301 203.333 10.2685 203.333 12.6878V18.7362C203.333 21.1072 201.384 23.0911 198.899 23.0911L184.864 23.1395L184.766 23.0911V30.7846H180.575V8.33301H198.899ZM199.094 12.6878C199.094 12.5427 198.996 12.4943 198.899 12.4943H185.01C184.864 12.4943 184.815 12.5911 184.815 12.6878V18.7362C184.815 18.8814 184.912 18.9298 185.01 18.9298H198.899C199.045 18.9298 199.094 18.833 199.094 18.7362V12.6878Z' fill='white' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
}

.counter {
  font-family: 'Rubik Regular';
  position: relative;
}

.counter_header {
  position: absolute;
  top: 4px;
  opacity: 0;
  -webkit-animation: 1s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1.8s 1 both header_top;
          animation: 1s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1.8s 1 both header_top;
  right: 0;
  will-change: transform;
  z-index: 100;
}

@media screen and (max-width: 1600px) {
  .counter_header {
    top: -15px;
  }
}

@media screen and (max-width: 1000px) {
  .counter_header {
    right: 30px;
  }
}

@media screen and (max-width: 600px) {
  .counter_header {
    top: -20px;
    right: 25px;
  }
}

.counter__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 400px) {
  .counter__list {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.counter__item {
  width: 40px;
  height: 48px;
  background: rgba(255, 255, 255, 0.1);
  text-align: center;
  line-height: 48px;
  font-size: 24px;
  color: #E0E8C1;
  border-radius: 8px;
  margin: 0 0 0 8px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.counter__item_blinded {
  background: rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 1600px) {
  .counter__item {
    width: 36px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    margin: 0 0 0 5px;
  }
}

@media screen and (max-width: 600px) {
  .counter__item {
    width: 28px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
  }
}

@media screen and (max-width: 400px) {
  .counter__item {
    width: 20px;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    border-radius: 5px;
    margin: 0 0 0 2px;
  }
}

.counter__item:first-of-type {
  margin: 0;
}

.counter__item:nth-child(3n+1) {
  margin: 0 0 0 16px;
}

@media screen and (max-width: 1600px) {
  .counter__item:nth-child(3n+1) {
    margin: 0 0 0 8px;
  }
}

@media screen and (max-width: 400px) {
  .counter__item:nth-child(3n+1) {
    margin: 0 0 0 4px;
  }
}

.counter__description {
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(163, 194, 181, 0.6);
  margin: 11px 0 0 0;
}

@media screen and (max-width: 1600px) {
  .counter__description {
    font-size: 12px;
    margin: 8px 0 0 0;
  }
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.odometer {
  position: relative;
  top: 0;
}

.promo_header {
  margin: 96px 0 0 0;
  position: relative;
  z-index: 100;
}

@media screen and (max-width: 1600px) {
  .promo_header {
    margin: 96px 0 0 40px;
  }
}

@media screen and (max-width: 1000px) {
  .promo_header {
    margin: 450px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 600px) {
  .promo_header {
    margin: 360px 0 0 0;
  }
}

@media screen and (max-width: 450px) {
  .promo_header {
    margin: 300px 0 0 0;
  }
}

.promo__title {
  max-width: 590px;
  font-weight: 800;
  font-size: 72px;
  line-height: 120%;
  color: #FFF;
  position: relative;
  top: 50px;
  opacity: 0;
  will-change: transform;
  -webkit-animation: 1s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1.8s 1 both header_promo;
          animation: 1s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1.8s 1 both header_promo;
}

@media screen and (max-width: 1600px) {
  .promo__title {
    max-width: 550px;
    font-size: 60px;
    line-height: 110%;
    top: 30px;
  }
}

@media screen and (max-width: 1250px) {
  .promo__title {
    max-width: 420px;
    font-size: 48px;
  }
}

@media screen and (max-width: 1000px) {
  .promo__title {
    width: 100%;
    max-width: none;
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .promo__title {
    font-size: 36px;
  }
}

@media screen and (max-width: 450px) {
  .promo__title {
    font-size: 30px;
  }
}

@-webkit-keyframes header_promo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}

@keyframes header_promo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}

.promo__text {
  max-width: 500px;
  font-size: 19px;
  line-height: 150%;
  color: #8B8B9F;
  margin: 20px 0 0 0;
  position: relative;
  top: 50px;
  opacity: 0;
  will-change: transform;
  -webkit-animation: 1s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1.8s 1 both header_promo;
          animation: 1s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1.8s 1 both header_promo;
}

@media screen and (max-width: 1600px) {
  .promo__text {
    max-width: 420px;
    font-size: 17px;
    line-height: 140%;
    margin: 15px 0 0 0;
    top: 30px;
  }
}

@media screen and (max-width: 1250px) {
  .promo__text {
    max-width: 350px;
    font-size: 14px;
  }
}

@media screen and (max-width: 1000px) {
  .promo__text {
    width: 100%;
    max-width: none;
    font-size: 14px;
    text-align: center;
  }
}

@media screen and (max-width: 400px) {
  .promo__text {
    width: calc(100% - 40px);
    font-size: 12px;
    padding: 0 20px;
  }
  .promo__text br {
    display: none;
  }
}

.promo__action {
  padding: 16px 25px 16px 16px;
  display: inline-block;
  vertical-align: top;
  margin: 62px 0 0 0;
  background: rgba(28, 28, 35, 0.72);
  border: 1px dashed rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(32px);
          backdrop-filter: blur(32px);
  border-radius: 16px;
  position: relative;
  top: 50px;
  opacity: 0;
  will-change: transform;
  -webkit-animation: 1s cubic-bezier(0.28, 0.07, 0.21, 0.87) 2.8s 1 both header_promo;
          animation: 1s cubic-bezier(0.28, 0.07, 0.21, 0.87) 2.8s 1 both header_promo;
}

@media screen and (max-width: 1600px) {
  .promo__action {
    margin: 40px 0 0 0;
    top: 30px;
  }
}

@media screen and (max-width: 600px) {
  .promo__action {
    margin: 20px 0 0 0;
  }
}

@media screen and (max-width: 400px) {
  .promo__action {
    padding: 8px;
    width: calc(100% - 66px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.promo__info {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 18px;
  padding: 8px 0 0 0;
}

@media screen and (max-width: 1600px) {
  .promo__info {
    margin: 0 0 0 10px;
    padding: 7px 0 0 0;
  }
}

@media screen and (max-width: 400px) {
  .promo__info {
    margin: 0 0 0 4px;
    padding: 7px 0 0 0;
  }
}

.promo__info-title {
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
}

@media screen and (max-width: 1600px) {
  .promo__info-title {
    font-size: 14px;
    line-height: 16px;
  }
}

@media screen and (max-width: 450px) {
  .promo__info-title {
    font-size: 12px;
  }
}

.promo__info-code {
  font-size: 25px;
  line-height: 30px;
  font-weight: bold;
  color: #D3FF9B;
  margin: 5px 0 0 0;
}

@media screen and (max-width: 1600px) {
  .promo__info-code {
    font-size: 20px;
  }
}

@media screen and (max-width: 450px) {
  .promo__info-code {
    font-size: 18px;
  }
}

.promo__info-copy {
  width: 18px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.414 0H5.99998C4.89698 0 3.99998 0.898002 3.99998 2V16C3.99998 17.103 4.89698 18 5.99998 18H16C17.103 18 18 17.103 18 16V4.58601L13.414 0ZM12 6.00001V1L17 6.00001H12Z' fill='%2331323E'/%3E%3Cpath d='M1.99994 3.99987H-6.10352e-05V19.9999C-6.10352e-05 21.1029 0.896941 21.9999 1.99994 21.9999H14V19.9999H1.99994V3.99987Z' fill='%2331323E'/%3E%3C/svg%3E%0A");
  margin: 5px 0 0 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.promo__info-copy:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.414 0H5.99998C4.89698 0 3.99998 0.898002 3.99998 2V16C3.99998 17.103 4.89698 18 5.99998 18H16C17.103 18 18 17.103 18 16V4.58601L13.414 0ZM12 6.00001V1L17 6.00001H12Z' fill='%2357596D'/%3E%3Cpath d='M1.99994 3.99987H-6.10352e-05V19.9999C-6.10352e-05 21.1029 0.896941 21.9999 1.99994 21.9999H14V19.9999H1.99994V3.99987Z' fill='%2357596D'/%3E%3C/svg%3E%0A");
}

.promo__info-copy.copy_copied {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.414 0H5.99998C4.89698 0 3.99998 0.898002 3.99998 2V16C3.99998 17.103 4.89698 18 5.99998 18H16C17.103 18 18 17.103 18 16V4.58601L13.414 0ZM12 6.00001V1L17 6.00001H12Z' fill='%23A6A8B7'/%3E%3Cpath d='M1.99994 3.99987H-6.10352e-05V19.9999C-6.10352e-05 21.1029 0.896941 21.9999 1.99994 21.9999H14V19.9999H1.99994V3.99987Z' fill='%23A6A8B7'/%3E%3C/svg%3E%0A");
}

.button {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  font-weight: bold;
}

.button_blue {
  background: #4AB990;
  color: #fff;
}

.button_blue:hover {
  background: #55cea2;
}

.button_orange {
  background: #FFAD63;
  color: #6B4625;
}

.button_orange:hover {
  background: #FFB97A;
  color: #79574D;
}

.button_blured {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  color: #fff;
  will-change: backdrop-filter;
}

.button_header-promo {
  padding: 0 32px;
  line-height: 64px;
  height: 64px;
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
}

@media screen and (max-width: 1600px) {
  .button_header-promo {
    padding: 0 20px;
    line-height: 56px;
    height: 56px;
    font-size: 16px;
  }
}

@media screen and (max-width: 400px) {
  .button_header-promo {
    padding: 0;
    line-height: 52px;
    height: 52px;
    font-size: 14px;
    width: calc(100% - 155px);
    margin: 0 5px 0 0;
  }
}

.button_best-cases {
  line-height: 54px;
  height: 54px;
  font-weight: bold;
  font-size: 16px;
  width: 246px;
  position: absolute;
  left: 56px;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
  bottom: 22px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  will-change: opacity;
}

@media screen and (max-width: 1400px) {
  .button_best-cases {
    left: 35px;
  }
}

@media screen and (max-width: 1300px) {
  .button_best-cases {
    font-size: 15px;
    width: 200px;
    left: 25px;
  }
}

@media screen and (max-width: 1200px) {
  .button_best-cases {
    left: 20px;
  }
}

@media screen and (max-width: 760px) {
  .button_best-cases {
    width: 100%;
    left: 0;
    height: 310px;
    top: 0;
    bottom: auto;
    background: none;
    border: none;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    font-size: 0;
  }
}

.button_best-cases:hover {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.2);
}

.steps {
  -webkit-transition-delay: 2.8s;
          transition-delay: 2.8s;
}

@media screen and (max-width: 600px) {
  .steps {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}

.steps__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.steps__list_main {
  margin: -15px 0 0 0;
}

@media screen and (max-width: 760px) {
  .steps__list {
    display: block;
  }
}

.steps__item {
  width: 208px;
  position: relative;
  padding: 132px 0 0 0;
  text-align: center;
  font-size: 14px;
  line-height: 150%;
  color: #BAC3DA;
  background-size: 208px 112px;
  background-position: 50% 0;
  background-repeat: no-repeat;
}

.steps__item:after {
  content: '';
  width: 84px;
  height: 112px;
  position: absolute;
  left: -84px;
  top: 0;
  background-repeat: no-repeat;
  background-size: 52px;
  background-position: 50%;
  background-image: url(../images/content/svg/arrows.svg);
}

@media screen and (max-width: 1600px) {
  .steps__item:after {
    width: 42px;
    left: -60px;
    background-size: 100%;
  }
}

@media screen and (max-width: 1400px) {
  .steps__item:after {
    left: -65px;
  }
}

@media screen and (max-width: 1300px) {
  .steps__item:after {
    width: 30px;
    left: -50px;
  }
}

@media screen and (max-width: 1250px) {
  .steps__item:after {
    width: 24px;
    left: -45px;
  }
}

@media screen and (max-width: 1200px) {
  .steps__item:after {
    left: -50px;
    height: 92px;
  }
}

@media screen and (max-width: 1150px) {
  .steps__item:after {
    left: -45px;
  }
}

@media screen and (max-width: 1100px) {
  .steps__item:after {
    display: none;
  }
}

@media screen and (max-width: 760px) {
  .steps__item:after {
    display: block;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    right: 0;
    margin: auto;
    left: 0;
    top: -75px;
  }
}

@media screen and (max-width: 1600px) {
  .steps__item {
    padding: 125px 0 0 0;
    font-size: 12px;
    line-height: 140%;
  }
}

@media screen and (max-width: 1400px) {
  .steps__item {
    background-size: 100%;
    width: 190px;
  }
}

@media screen and (max-width: 1200px) {
  .steps__item {
    width: 170px;
    padding: 110px 0 0 0;
  }
}

@media screen and (max-width: 1000px) {
  .steps__item {
    width: calc(25% - 20px);
    padding: 130px 0 0 0;
  }
}

@media screen and (max-width: 950px) {
  .steps__item {
    padding: 110px 0 0 0;
  }
}

@media screen and (max-width: 760px) {
  .steps__item {
    width: 210px;
    padding: 125px 0 0 0;
    margin: 20px auto 50px auto;
  }
}

.steps__item:first-of-type:after {
  display: none;
}

.steps__item_first {
  background-image: url(../images/content/steps/first.png);
}

.steps__item_second {
  background-image: url(../images/content/steps/second.png);
}

.steps__item_third {
  background-image: url(../images/content/steps/third.png);
}

.steps__item_fourth {
  background-image: url(../images/content/steps/fourth.png);
}

.steps__item_fifth {
  background-image: url(../images/content/steps/fifth.png);
}

@media screen and (max-width: 1000px) {
  .steps__item_fifth {
    margin: 25px auto 0 auto;
  }
}

.steps__text {
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.title {
  font-weight: 900;
  font-size: 144px;
  line-height: 125%;
  text-transform: uppercase;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-22.42%, rgba(54, 54, 62, 0.5)), color-stop(83.03%, rgba(62, 62, 70, 0)));
  background: -webkit-linear-gradient(top, rgba(54, 54, 62, 0.5) -22.42%, rgba(62, 62, 70, 0) 83.03%);
  background: linear-gradient(180deg, rgba(54, 54, 62, 0.5) -22.42%, rgba(62, 62, 70, 0) 83.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.title_center {
  text-align: center;
}

.title_steps {
  margin: 120px 0 0 0;
}

@media screen and (max-width: 1000px) {
  .title_steps {
    margin: 50px 0 0 0;
  }
}

.title_best {
  margin: 135px 0 0 0;
}

@media screen and (max-width: 1600px) {
  .title_best {
    margin: 90px 0 0 0;
  }
}

@media screen and (max-width: 1000px) {
  .title_best {
    margin: 40px 0 0 0;
  }
}

@media screen and (max-width: 760px) {
  .title_best {
    font-size: 54px;
    position: relative;
    top: -5px;
  }
}

@media screen and (max-width: 600px) {
  .title_best {
    top: -10px;
  }
}

@media screen and (max-width: 380px) {
  .title_best {
    font-size: 34px !important;
    top: -20px;
  }
}

@media screen and (max-width: 1600px) {
  .title {
    font-size: 120px;
  }
}

@media screen and (max-width: 1300px) {
  .title {
    font-size: 88px;
  }
}

@media screen and (max-width: 1000px) {
  .title {
    font-size: 66px;
  }
}

@media screen and (max-width: 600px) {
  .title {
    font-size: 50px;
  }
}

@media screen and (max-width: 450px) {
  .title {
    font-size: 42px;
  }
}

@media screen and (max-width: 350px) {
  .title {
    font-size: 36px;
  }
}

.live {
  margin: 135px 0 0 0;
}

@media screen and (max-width: 1600px) {
  .live {
    margin: 80px 0 0 0;
  }
}

@media screen and (max-width: 600px) {
  .live {
    margin: 80px 0 0 20px;
  }
}

.live__title {
  font-weight: 300;
  font-size: 54px;
  line-height: 125%;
  color: #fff;
  display: inline-block;
  position: relative;
  padding: 0 75px 0 0;
}

@media screen and (max-width: 1600px) {
  .live__title {
    font-size: 42px;
  }
}

@media screen and (max-width: 1000px) {
  .live__title {
    font-size: 32px;
  }
}

@media screen and (max-width: 600px) {
  .live__title {
    font-size: 24px;
    padding: 0 60px 0 0;
  }
}

.live__title-light {
  height: 52px;
  width: 52px;
  position: absolute;
  right: 0;
  top: 5px;
  bottom: 0;
  margin: auto;
  background: rgba(101, 235, 98, 0.03);
  border-radius: 52px;
}

.live__title-light:after, .live__title-light:before {
  position: absolute;
  content: '';
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 50px;
}

.live__title-light:after {
  width: 30px;
  height: 30px;
  background: rgba(101, 235, 98, 0.2);
  z-index: 2;
  -webkit-animation: 4s cubic-bezier(0.28, 0.07, 0.21, 0.87) infinite both total_before;
          animation: 4s cubic-bezier(0.28, 0.07, 0.21, 0.87) infinite both total_before;
}

.live__title-light:before {
  width: 14px;
  height: 14px;
  z-index: 3;
  background: #65EB62;
  -webkit-box-shadow: 0px 0px 42px rgba(142, 235, 98, 0.8);
          box-shadow: 0px 0px 42px rgba(142, 235, 98, 0.8);
  -webkit-animation: 2s cubic-bezier(0.28, 0.07, 0.21, 0.87) infinite both total_before;
          animation: 2s cubic-bezier(0.28, 0.07, 0.21, 0.87) infinite both total_before;
}

@-webkit-keyframes total_before {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: .7;
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes total_before {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: .7;
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.live__row {
  position: relative;
  min-height: 260px;
  margin: 50px 0 0 0;
}

@media screen and (max-width: 600px) {
  .live__row {
    margin: 30px 0 0 0;
  }
}

.live__list {
  width: 10000px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.live__item {
  will-change: margin;
  margin: 0 16px 0 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}

@media screen and (max-width: 1000px) {
  .live__item {
    margin: 0 10px 0 0;
  }
}

.live__item:hover .button {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-12px) scale(1);
          transform: translateY(-12px) scale(1);
}

.live__item:hover .item {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}

.live__item:hover .item__case-image {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.live__item:hover .item__gun {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.live__item:hover .item__gun:after {
  width: 0;
  opacity: 0;
}

.live__item:hover .item__cost {
  opacity: 0;
  -webkit-transform: translateY(10px) scale(0.8);
          transform: translateY(10px) scale(0.8);
}

.live__item_new {
  position: absolute;
  left: 0;
  top: 50px;
  opacity: 0;
  -webkit-animation: 0.5s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1 both item_new;
          animation: 0.5s cubic-bezier(0.28, 0.07, 0.21, 0.87) 1 both item_new;
}

@-webkit-keyframes item_new {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}

@keyframes item_new {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}

.live__item:hover .item__image {
  -webkit-animation: 3.5s cubic-bezier(0.28, 0.07, 0.21, 0.87) infinite both main_gun;
          animation: 3.5s cubic-bezier(0.28, 0.07, 0.21, 0.87) infinite both main_gun;
}

@-webkit-keyframes main_gun {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-20px) rotate(3deg);
            transform: translateY(-20px) rotate(3deg);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes main_gun {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-20px) rotate(3deg);
            transform: translateY(-20px) rotate(3deg);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.live__item_moving {
  margin: 0 16px 0 232px;
}

@media screen and (max-width: 1600px) {
  .live__item_moving {
    margin: 0 16px 0 216px;
  }
}

@media screen and (max-width: 1000px) {
  .live__item_moving {
    margin: 0 10px 0 190px;
  }
}

@media screen and (max-width: 600px) {
  .live__item_moving {
    margin: 0 10px 0 150px;
  }
}

.live__list_stabilized .live__item {
  -webkit-transition: none !important;
  transition: none !important;
}

@media screen and (max-width: 1000px) {
  .live__item:hover .item__cost {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.item {
  width: 216px;
  height: 280px;
  position: relative;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  will-change: transform;
}

@media screen and (max-width: 1600px) {
  .item {
    width: 200px;
    height: 260px;
  }
}

@media screen and (max-width: 1000px) {
  .item {
    width: 180px;
    height: 220px;
  }
}

@media screen and (max-width: 600px) {
  .item {
    width: 140px;
    height: 220px;
  }
}

.item:before {
  width: 216px;
  height: 280px;
  border-radius: 16px;
  background: #171720;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1600px) {
  .item:before {
    width: 200px;
    height: 260px;
  }
}

@media screen and (max-width: 1000px) {
  .item:before {
    width: 180px;
    height: 220px;
  }
}

@media screen and (max-width: 600px) {
  .item:before {
    width: 140px;
    height: 220px;
    border-radius: 10px;
  }
}

.item:after {
  width: 100%;
  height: 104px;
  border-radius: 0 0 16px 16px;
  position: absolute;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  left: 0;
  top: 0;
  content: '';
  z-index: 2;
}

@media screen and (max-width: 600px) {
  .item:after {
    border-radius: 0 0 10px 10px;
  }
}

.item_purple:after {
  background: -webkit-radial-gradient(50% 100%, 75% 100%, rgba(139, 98, 255, 0.3) 0%, rgba(35, 37, 49, 0) 100%);
  background: radial-gradient(75% 100% at 50% 100%, rgba(139, 98, 255, 0.3) 0%, rgba(35, 37, 49, 0) 100%);
}

.item_orange:after {
  background: -webkit-radial-gradient(50% 100%, 75% 100%, rgba(255, 148, 22, 0.3) 0%, rgba(35, 37, 49, 0) 100%);
  background: radial-gradient(75% 100% at 50% 100%, rgba(255, 148, 22, 0.3) 0%, rgba(35, 37, 49, 0) 100%);
}

.item_red:after {
  background: -webkit-radial-gradient(50% 100%, 75% 100%, rgba(248, 75, 75, 0.3) 0%, rgba(35, 37, 49, 0) 100%);
  background: radial-gradient(75% 100% at 50% 100%, rgba(248, 75, 75, 0.3) 0%, rgba(35, 37, 49, 0) 100%);
}

.item_pink:after {
  background: -webkit-radial-gradient(50% 100%, 75% 100%, rgba(239, 106, 154, 0.3) 0%, rgba(35, 37, 49, 0) 100%);
  background: radial-gradient(75% 100% at 50% 100%, rgba(239, 106, 154, 0.3) 0%, rgba(35, 37, 49, 0) 100%);
}

.item__gun {
  width: 100%;
  height: 145px;
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1600px) {
  .item__gun {
    height: 120px;
  }
}

.item__gun:after {
  position: absolute;
  content: '';
  width: 104px;
  height: 2px;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

@media screen and (max-width: 600px) {
  .item__gun:after {
    width: 70px;
  }
}

.item_purple .item__gun:after {
  background: #8B62FF;
  -webkit-box-shadow: 0 -2px 17px rgba(64, 43, 238, 0.8);
          box-shadow: 0 -2px 17px rgba(64, 43, 238, 0.8);
}

.item_orange .item__gun:after {
  background: #FFB84E;
  -webkit-box-shadow: 0 -2px 17px rgba(238, 136, 43, 0.8);
          box-shadow: 0 -2px 17px rgba(238, 136, 43, 0.8);
}

.item_red .item__gun:after {
  background: #FF1F1F;
  -webkit-box-shadow: 0 -2px 17px rgba(239, 29, 29, 0.8);
          box-shadow: 0 -2px 17px rgba(239, 29, 29, 0.8);
}

.item_pink .item__gun:after {
  background: #EF6A9A;
  -webkit-box-shadow: 0 -2px 17px rgba(238, 43, 142, 0.8);
          box-shadow: 0 -2px 17px rgba(238, 43, 142, 0.8);
}

.item__image {
  padding: 30px 0 0 0;
  -webkit-filter: drop-shadow(-14px 20px 10px rgba(0, 0, 0, 0.28));
          filter: drop-shadow(-14px 20px 10px rgba(0, 0, 0, 0.28));
  -webkit-backface-visibility: hidden;
  /* IE 9 */
  -webkit-transform: translateZ(0);
  /* Chrome, Safari, Opera */
  transform: translateZ(0);
}

@media screen and (max-width: 1600px) {
  .item__image {
    width: 140px;
    height: auto;
    padding: 15px 0 0 0;
  }
}

@media screen and (max-width: 1000px) {
  .item__image {
    width: 120px;
    padding: 0;
  }
}

.item__description {
  width: 168px;
  position: absolute;
  bottom: 93px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 12px;
  line-height: 14px;
}

@media screen and (max-width: 1000px) {
  .item__description {
    width: 155px;
    bottom: 65px;
  }
}

@media screen and (max-width: 600px) {
  .item__description {
    width: 120px;
  }
}

.item__name {
  color: #B1B1B1;
  margin: 0 0 2px 0;
}

.item__category {
  color: #FFFFFF;
}

.item__cost {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #242430;
  border-radius: 8px;
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
  margin: auto;
  line-height: 40px;
  height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #4CD69C;
}

@media screen and (max-width: 1000px) {
  .item__cost {
    left: 10px;
    right: 10px;
    font-size: 12px;
    bottom: 10px;
  }
}

.item__cost_rouble {
  font-family: 'Rublick', 'HCo Gotham';
}

.item__case {
  width: 56px;
  position: absolute;
  right: 20px;
  bottom: 80px;
}

@media screen and (max-width: 1000px) {
  .item__case {
    width: 48px;
    right: 10px;
    bottom: 58px;
  }
}

.item__case-image {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.item__button {
  width: 172px;
  height: 52px;
  line-height: 52px;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 6px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  z-index: 5;
}

@media screen and (max-width: 1000px) {
  .item__button {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    opacity: 0;
    background: none;
    font-size: 0;
  }
  .item__button:hover {
    opacity: 0;
    background: none;
  }
}

.best__row {
  width: 100%;
  margin: -20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 600px) {
  .best__row {
    width: calc(100% - 40px);
    margin: -20px auto 0 auto;
  }
}

.best__case {
  height: 360px;
  width: calc(50% - 16px);
  background: #171720;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin: 0 0 32px 0;
  overflow: hidden;
}

@media screen and (max-width: 1400px) {
  .best__case {
    width: calc(50% - 10px);
    margin: 0 0 20px 0;
  }
}

@media screen and (max-width: 1200px) {
  .best__case {
    height: 340px;
  }
}

@media screen and (max-width: 1100px) {
  .best__case {
    height: 325px;
  }
}

@media screen and (max-width: 1100px) {
  .best__case {
    width: 100%;
    height: 240px;
  }
}

@media screen and (max-width: 760px) {
  .best__case {
    padding: 230px 0 0 0;
  }
}

@media screen and (max-width: 600px) {
  .best__case {
    height: 330px;
  }
}

.best__case-description {
  width: 288px;
  margin: 0 32px 0 auto;
  padding: 30px 0 0 0;
}

@media screen and (max-width: 1300px) {
  .best__case-description {
    width: 270px;
  }
}

@media screen and (max-width: 1200px) {
  .best__case-description {
    margin: 0 15px 0 auto;
  }
}

@media screen and (max-width: 1100px) {
  .best__case-description {
    padding: 15px 0 0 0;
  }
}

@media screen and (max-width: 1100px) {
  .best__case-description {
    width: calc(100% - 280px);
  }
}

@media screen and (max-width: 760px) {
  .best__case-description {
    width: calc(100% - 30px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.best__case-link {
  color: inherit;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.best__case-title {
  font-size: 29px;
  line-height: 125%;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  vertical-align: top;
}

@media screen and (max-width: 450px) {
  .best__case-title {
    font-size: 22px;
    line-height: 32px;
    position: relative;
    top: 4px;
  }
}

.best__case-cost {
  background: #4AB990;
  border-radius: 8px;
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
  padding: 0 12px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  margin: 4px 0 0 12px;
}

.best__case-cost_rouble {
  font-family: 'Rublick', 'HCo Gotham';
}

@media screen and (max-width: 760px) {
  .best__case-cost {
    height: 32px;
  }
}

.best__case-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 11px 0 0 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 600px) {
  .best__case-list {
    margin: 11px 0 5px 0;
  }
}

.best__case-exist {
  font-size: 16px;
  line-height: 125%;
  color: #535866;
  margin: 9px 0 0 0;
  font-weight: 500;
}

@media screen and (max-width: 760px) {
  .best__case-exist {
    width: 100%;
    text-align: center;
  }
}

.best__case-item {
  width: 136px;
  margin: 0 0 16px 0;
}

@media screen and (max-width: 1300px) {
  .best__case-item {
    width: 130px;
    margin: 0 0 10px 0;
  }
}

@media screen and (max-width: 1100px) {
  .best__case-item {
    width: calc(25% - 5px);
  }
}

@media screen and (max-width: 760px) {
  .best__case-item {
    margin: 0;
  }
}

@media screen and (max-width: 600px) {
  .best__case-item {
    width: calc(50% - 5px);
    margin: 0 0 10px 0;
  }
}

.best__case-image {
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1400px) {
  .best__case-image {
    width: 300px;
    height: auto;
  }
}

@media screen and (max-width: 1300px) {
  .best__case-image {
    width: 260px;
    left: 0;
  }
}

@media screen and (max-width: 1200px) {
  .best__case-image {
    width: 240px;
  }
}

@media screen and (max-width: 760px) {
  .best__case-image {
    right: 0;
    bottom: auto;
  }
}

.best__case:hover .best__case-image {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.best__case:hover .button {
  opacity: 1;
  will-change: opacity;
  -webkit-transform: translateY(-10px) scale(1);
          transform: translateY(-10px) scale(1);
}

.gun {
  border-radius: 8px;
  position: relative;
  height: 104px;
}

.gun_orange {
  background: -webkit-linear-gradient(91.04deg, rgba(228, 174, 57, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #1C1C26;
  background: linear-gradient(358.96deg, rgba(228, 174, 57, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #1C1C26;
}

.gun_red {
  background: -webkit-linear-gradient(91.04deg, rgba(248, 75, 75, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #1C1C26;
  background: linear-gradient(358.96deg, rgba(248, 75, 75, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #1C1C26;
}

.gun_grey {
  background: -webkit-linear-gradient(91.04deg, rgba(176, 195, 217, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
  background: linear-gradient(358.96deg, rgba(176, 195, 217, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
}

.gun_purple {
  background: -webkit-linear-gradient(91.04deg, rgba(136, 71, 255, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
  background: linear-gradient(358.96deg, rgba(136, 71, 255, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
}

.gun_pink {
  background: -webkit-linear-gradient(91.04deg, rgba(211, 44, 230, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
  background: linear-gradient(358.96deg, rgba(211, 44, 230, 0.3) 0.89%, rgba(35, 37, 49, 0) 61.2%), #21232F;
}

.gun:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 40px;
  height: 2px;
  content: '';
}

.gun_purple:after {
  background: #8B62FF;
  -webkit-box-shadow: 0 -2px 17px rgba(64, 43, 238, 0.8);
          box-shadow: 0 -2px 17px rgba(64, 43, 238, 0.8);
}

.gun_orange:after {
  background: #FFB84E;
  -webkit-box-shadow: 0 -2px 17px rgba(238, 136, 43, 0.8);
          box-shadow: 0 -2px 17px rgba(238, 136, 43, 0.8);
}

.gun_red:after {
  background: #FF1F1F;
  -webkit-box-shadow: 0 -2px 17px rgba(239, 29, 29, 0.8);
          box-shadow: 0 -2px 17px rgba(239, 29, 29, 0.8);
}

.gun_pink:after {
  background: #EF6A9A;
  -webkit-box-shadow: 0 -2px 17px rgba(238, 43, 142, 0.8);
          box-shadow: 0 -2px 17px rgba(238, 43, 142, 0.8);
}

.gun_grey:after {
  background: #d0d0d0;
}

.gun__image {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.gun__cost {
  font-weight: bold;
  font-size: 12px;
  line-height: 125%;
  text-transform: uppercase;
  color: #4CD69C;
  position: absolute;
  top: 12px;
  left: 16px;
}

.gun__cost_rouble {
  font-family: 'Rublick', 'HCo Gotham';
}

.gun__description {
  font-size: 11px;
  line-height: 13px;
  position: absolute;
  left: 16px;
  bottom: 11px;
}

.gun__name {
  color: #B1B1B1;
}

.gun__title {
  color: #fff;
}

.gun__more {
  height: 82px;
  background: -webkit-linear-gradient(327.6deg, rgba(76, 214, 156, 0.3) -38.54%, rgba(76, 214, 156, 0) 139.96%);
  background: linear-gradient(122.4deg, rgba(76, 214, 156, 0.3) -38.54%, rgba(76, 214, 156, 0) 139.96%);
  border: 1px solid rgba(76, 214, 156, 0.3);
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
  color: #C9EDD8;
  padding: 20px 0 0 0;
  position: relative;
}

.gun__more-counter {
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  font-weight: bold;
  position: relative;
  top: 3px;
}

.gun__more-title {
  font-size: 12px;
}

.gun__more:hover {
  border: 1px solid rgba(50, 202, 138, 0.67);
  color: #fff;
}

.advantages__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -20px 0 0 0;
}

@media screen and (max-width: 600px) {
  .advantages__list {
    width: calc(100% - 40px);
    margin: -10px auto 0 auto;
  }
}

@media screen and (max-width: 450px) {
  .advantages__list {
    margin: -5px auto 0 auto;
  }
}

.advantages__item {
  height: 195px;
  width: calc(25% - 1px);
  position: relative;
  background: #171720;
  overflow: hidden;
  padding: 205px 0 0 0;
}

@media screen and (max-width: 1600px) {
  .advantages__item {
    height: 180px;
    padding: 190px 0 0 0;
  }
}

@media screen and (max-width: 1400px) {
  .advantages__item {
    height: 170px;
    padding: 170px 0 0 0;
  }
}

@media screen and (max-width: 1200px) {
  .advantages__item {
    padding: 125px 0 0 0;
  }
}

@media screen and (max-width: 1100px) {
  .advantages__item {
    margin: 0 0 1px 0;
    width: calc(50% - 1px);
  }
}

@media screen and (max-width: 600px) {
  .advantages__item {
    font-size: 12px;
  }
}

@media screen and (max-width: 500px) {
  .advantages__item {
    width: 100%;
  }
}

.advantages__item:first-of-type {
  border-radius: 16px 0 0 16px;
}

@media screen and (max-width: 1100px) {
  .advantages__item:first-of-type {
    border-radius: 16px 0 0 0;
  }
}

@media screen and (max-width: 500px) {
  .advantages__item:first-of-type {
    border-radius: 16px 16px 0 0;
  }
}

@media screen and (max-width: 1100px) {
  .advantages__item:nth-of-type(2) {
    border-radius: 0 16px 0 0;
  }
  .advantages__item:nth-of-type(3) {
    border-radius: 0 0 0 16px;
  }
}

@media screen and (max-width: 500px) {
  .advantages__item:nth-of-type(2), .advantages__item:nth-of-type(3) {
    border-radius: 0;
  }
}

.advantages__item:last-of-type {
  border-radius: 0 16px 16px 0;
}

@media screen and (max-width: 1100px) {
  .advantages__item:last-of-type {
    border-radius: 0 0 16px 0;
  }
}

@media screen and (max-width: 500px) {
  .advantages__item:last-of-type {
    border-radius: 0 0 16px 16px;
  }
}

.advantages__item:before {
  width: 168px;
  height: 168px;
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  top: 28px;
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  position: absolute;
  z-index: 4;
}

@media screen and (max-width: 1600px) {
  .advantages__item:before {
    width: 142px;
    height: 142px;
  }
}

@media screen and (max-width: 1400px) {
  .advantages__item:before {
    top: 20px;
    width: 124px;
    height: 124px;
  }
}

@media screen and (max-width: 1200px) {
  .advantages__item:before {
    top: 10px;
    width: 100px;
    height: 100px;
  }
}

.advantages__item_reliable:before {
  background-image: url(../images/content/advantages/advantage_pic_01.png);
}

.advantages__item_fast:before {
  background-image: url(../images/content/advantages/advantage_pic_02.png);
}

.advantages__item_popular:before {
  background-image: url(../images/content/advantages/advantage_pic_03.png);
}

.advantages__item_support:before {
  background-image: url(../images/content/advantages/advantage_pic_04.png);
}

.advantages__item:after {
  height: 360px;
  width: 100%;
  opacity: .25;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  background: -webkit-radial-gradient(50% 0%, 50% 68.33%, rgba(255, 123, 66, 0.18) 0%, rgba(14, 14, 20, 0) 90%);
  background: radial-gradient(50% 68.33% at 50% 0%, rgba(255, 123, 66, 0.18) 0%, rgba(14, 14, 20, 0) 90%);
}

.advantages__item-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 125%;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 1400px) {
  .advantages__item-title {
    font-size: 20px;
  }
}

@media screen and (max-width: 600px) {
  .advantages__item-title {
    font-size: 16px;
  }
}

.advantages__item-text {
  font-size: 15px;
  line-height: 150%;
  text-align: center;
  color: #8B8B9F;
  margin: 15px 0 0 0;
  padding: 0 35px;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 1400px) {
  .advantages__item-text {
    font-size: 13px;
    margin: 10px 0 0 0;
  }
}

.promocode {
  position: relative;
}

.promocode:after {
  width: 986px;
  height: 625px;
  background: url(../images/content/promocode/background.png) no-repeat;
  background-size: 100%;
  content: '';
  position: absolute;
  left: 560px;
  right: 0;
  margin: auto;
  top: 155px;
}

@media screen and (max-width: 1600px) {
  .promocode:after {
    width: 800px;
    left: 450px;
    top: 80px;
  }
}

@media screen and (max-width: 1200px) {
  .promocode:after {
    width: 650px;
    height: 420px;
    left: 400px;
  }
}

@media screen and (max-width: 1100px) {
  .promocode:after {
    width: 560px;
    top: 120px;
  }
}

@media screen and (max-width: 1000px) {
  .promocode:after {
    left: 300px;
  }
}

@media screen and (max-width: 760px) {
  .promocode:after {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 360px;
    top: auto;
  }
}

@media screen and (max-width: 600px) {
  .promocode:after {
    width: 450px;
    bottom: -70px;
  }
}

@media screen and (max-width: 500px) {
  .promocode:after {
    width: 350px;
    left: -60px;
    height: 300px;
  }
}

.promocode__title {
  max-width: 650px;
  font-weight: 800;
  font-size: 64px;
  line-height: 125%;
  color: #fff;
}

@media screen and (max-width: 1600px) {
  .promocode__title {
    max-width: 500px;
    font-size: 50px;
  }
}

@media screen and (max-width: 1000px) {
  .promocode__title {
    max-width: 420px;
    font-size: 42px;
  }
}

@media screen and (max-width: 760px) {
  .promocode__title {
    max-width: 400px;
    font-size: 36px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
}

@media screen and (max-width: 500px) {
  .promocode__title {
    max-width: 300px;
    font-size: 30px;
  }
}

.promocode__title_highlighted {
  display: inline-block;
  border-bottom: 4px solid #82FF8E;
}

.promocode__description {
  display: inline-block;
  padding: 56px;
  background: -webkit-linear-gradient(33.81deg, rgba(27, 44, 43, 0.6) 2.12%, rgba(23, 23, 32, 0.6) 84.2%);
  background: linear-gradient(56.19deg, rgba(27, 44, 43, 0.6) 2.12%, rgba(23, 23, 32, 0.6) 84.2%);
  border-radius: 20px;
  margin: 65px 0 0 0;
  position: relative;
}

@media screen and (max-width: 1600px) {
  .promocode__description {
    padding: 34px;
    margin: 50px 0 0 0;
  }
}

@media screen and (max-width: 1000px) {
  .promocode__description {
    padding: 24px;
    margin: 30px 0 0 0;
  }
}

@media screen and (max-width: 760px) {
  .promocode__description {
    width: calc(100% - 48px);
  }
}

@media screen and (max-width: 600px) {
  .promocode__description {
    width: calc(100% - 88px);
    display: block;
    margin: 30px auto 0 auto;
  }
}

.promocode__description:before, .promocode__description:after {
  width: 48px;
  height: 48px;
  background: #121219;
  position: absolute;
  bottom: 72px;
  content: '';
  border-radius: 50px;
}

@media screen and (max-width: 1600px) {
  .promocode__description:before, .promocode__description:after {
    width: 40px;
    height: 40px;
    bottom: 55px;
  }
}

@media screen and (max-width: 1000px) {
  .promocode__description:before, .promocode__description:after {
    width: 34px;
    height: 34px;
    bottom: 44px;
  }
}

.promocode__description:before {
  left: -24px;
}

@media screen and (max-width: 1000px) {
  .promocode__description:before {
    left: -17px;
  }
}

.promocode__description:after {
  right: -24px;
}

@media screen and (max-width: 1000px) {
  .promocode__description:after {
    right: -17px;
  }
}

.promocode__field {
  width: 447px;
  height: 86px;
  padding: 0 0 0 23px;
  background: rgba(138, 255, 178, 0.08);
  border: 1px dashed rgba(162, 255, 210, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  position: relative;
}

@media screen and (max-width: 1600px) {
  .promocode__field {
    width: 447px;
    height: 72px;
  }
}

@media screen and (max-width: 1200px) {
  .promocode__field {
    width: 380px;
  }
}

@media screen and (max-width: 1000px) {
  .promocode__field {
    width: 330px;
  }
}

@media screen and (max-width: 760px) {
  .promocode__field {
    width: calc(100% - 23px);
  }
}

@media screen and (max-width: 600px) {
  .promocode__field {
    height: 64px;
  }
}

.promocode__text {
  font-weight: 900;
  font-size: 38px;
  color: #82FF8E;
}

@media screen and (max-width: 1600px) {
  .promocode__text {
    font-size: 28px;
  }
}

@media screen and (max-width: 600px) {
  .promocode__text {
    font-size: 22px;
  }
}

@media screen and (max-width: 500px) {
  .promocode__text {
    font-size: 17px;
  }
}

.promocode__copy {
  width: 86px;
  height: 86px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 18px 24px;
  background-position: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='22' viewBox='0 0 17 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2164 0H5.46432C4.4598 0 3.64289 0.898002 3.64289 2V16C3.64289 17.103 4.4598 18 5.46432 18H14.5715C15.576 18 16.3929 17.103 16.3929 16V4.58601L12.2164 0ZM10.9286 6.00001V1L15.4822 6.00001H10.9286Z' fill='%23628E81'/%3E%3Cpath d='M1.82143 3.99987H0V19.9999C0 21.1029 0.816913 21.9999 1.82143 21.9999H12.75V19.9999H1.82143V3.99987Z' fill='%23628E81'/%3E%3C/svg%3E%0A");
  margin: 0 0 0 auto;
}

.promocode__copy:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='22' viewBox='0 0 17 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2164 0H5.46432C4.4598 0 3.64289 0.898002 3.64289 2V16C3.64289 17.103 4.4598 18 5.46432 18H14.5715C15.576 18 16.3929 17.103 16.3929 16V4.58601L12.2164 0ZM10.9286 6.00001V1L15.4822 6.00001H10.9286Z' fill='%23D1FFF1'/%3E%3Cpath d='M1.82143 3.99987H0V19.9999C0 21.1029 0.816913 21.9999 1.82143 21.9999H12.75V19.9999H1.82143V3.99987Z' fill='%23D1FFF1'/%3E%3C/svg%3E%0A");
}

.promocode__copy.copy_copied {
  -webkit-transform: scale(2);
          transform: scale(2);
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='22' viewBox='0 0 17 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2164 0H5.46432C4.4598 0 3.64289 0.898002 3.64289 2V16C3.64289 17.103 4.4598 18 5.46432 18H14.5715C15.576 18 16.3929 17.103 16.3929 16V4.58601L12.2164 0ZM10.9286 6.00001V1L15.4822 6.00001H10.9286Z' fill='%23FFFFFF'/%3E%3Cpath d='M1.82143 3.99987H0V19.9999C0 21.1029 0.816913 21.9999 1.82143 21.9999H12.75V19.9999H1.82143V3.99987Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}

.promocode__button {
  width: 100%;
  display: block;
  margin: 16px 0 0 0;
  line-height: 80px;
  font-size: 22px;
  border-radius: 12px;
}

@media screen and (max-width: 1200px) {
  .promocode__button {
    height: 74px;
    line-height: 74px;
  }
}

@media screen and (max-width: 600px) {
  .promocode__button {
    height: 60px;
    line-height: 60px;
    font-size: 20px;
  }
}

@media screen and (max-width: 500px) {
  .promocode__button {
    font-size: 15px;
  }
}

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