/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/images/vendor/slick-carousel/slick/ajax-loader.gif?fb6f3c230cb846e25247dfaa1da94d8f) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/fonts/vendor/slick-carousel/slick/slick.eot?a4e97f5a2a64f0ab132323fbeb33ae29);
    src: url(/fonts/vendor/slick-carousel/slick/slick.eot?a4e97f5a2a64f0ab132323fbeb33ae29?#iefix) format('embedded-opentype'), url(/fonts/vendor/slick-carousel/slick/slick.woff?295183786cd8a138986521d9f388a286) format('woff'), url(/fonts/vendor/slick-carousel/slick/slick.ttf?c94f7671dcc99dce43e22a89f486f7c2) format('truetype'), url(/fonts/vendor/slick-carousel/slick/slick.svg?2630a3e3eab21c607e21576571b95b9d#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

@media (pointer: fine) {
  ::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.1);
    height: 100vh;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgba(146, 28, 239, 0.66);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 999px;
  }

  .content-wrapper::-webkit-scrollbar {
    margin-outside: 0 20px;
  }
}
body {
  scrollbar-base-color: #efefef;
  scrollbar-face-color: rgba(146, 28, 239, 0.66);
  scrollbar-3dlight-color: #666666;
  scrollbar-highlight-color: #666666;
  scrollbar-track-color: #efefef;
  scrollbar-arrow-color: #666666;
  scrollbar-shadow-color: #666666;
  scrollbar-dark-shadow-color: #666666;
}

* {
  box-sizing: border-box;
  color: white;
  font-family: Mont, sans-serif;
  text-underline-offset: 0.15em;
}

:not(input, textarea)::-moz-selection {
  background: black;
}

:not(input, textarea)::selection {
  background: black;
}

:not(input, textarea)::-moz-selection {
  background: black;
}

input, textarea {
  border: none;
  outline: none !important;
  resize: vertical;
}

a {
  color: white;
  text-decoration: none;
}

html {
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

html, body {
  padding: 0;
  margin: 0;
  background: #150326;
}

body, .wrapper {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  width: 100%;
}

body {
  overflow-y: overlay;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.wrapper {
  min-height: 100vh;
  background: #150326;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: space-between;
}

.wrapper-inner {
  display: flex;
  flex-direction: column;
}

.visible-mobile, .visible-mobile img, .visible-mobile picture {
  display: none;
}

@media (max-width: 576px) {
  body {
    overflow-y: auto;
  }

  .hidden-mobile, .hidden-mobile img, .hidden-mobile picture {
    display: none;
  }

  .visible-mobile, .visible-mobile img, .visible-mobile picture {
    display: inline-block;
  }

  *:not(input) {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
}
.no-scroll {
  height: 100%;
  overflow: hidden !important;
  width: 100%;
  position: absolute;
  touch-action: none;
}

.header-top {
  position: relative;
  top: 0;
  width: 100%;
  flex-grow: 0;
  z-index: 9999;
}
.header-top, .header-top .header-top-inner {
  height: 10.41vw;
}
.header-top .header-top-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.header-top .header-top-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8.4vw;
}
.header-top .header-top-inner .background {
  background-color: #150326;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.header-top .logo-text {
  font-size: 2.5vw;
  letter-spacing: 0.075em;
  font-family: STIXGeneral, sans-serif;
  position: relative;
}

.header-top-right {
  display: flex;
  align-items: center;
}
.header-top-right a.phone {
  font-weight: 600;
  font-size: 1.04vw;
  padding: 0 1vw 0 1vw;
  margin-right: 4vw;
  display: flex;
  z-index: 9999;
}

.menu-control {
  width: 60px;
  height: 60px;
  position: relative;
  cursor: pointer;
}

.menu-control-first, .menu-control-second {
  position: absolute;
  background: #F8F8F8;
  height: 2px;
  transform-origin: right;
  width: 54px;
  right: 0;
  transition: 0.3s ease all;
  will-change: width, transform;
}

.menu-control-first {
  top: 22px;
}

.menu-control-second {
  bottom: 22px;
  width: 42px;
}

.menu-active .menu-control-first, .menu-active .menu-control-second {
  top: 16.4px;
  width: 59.9%;
  transform: rotate(-45deg);
}
.menu-active .menu-control-second {
  top: auto;
  bottom: 16.4px;
  transform: rotate(45deg);
}

.menu-wrapper {
  position: absolute;
  top: 80%;
  right: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  transform: translateX(110vw);
  transition: all 0.3s ease;
  will-change: transform;
}
.menu-wrapper .menu-wrapper-inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.menu-wrapper .menu {
  width: 100%;
  height: 100%;
  padding: 4.7vw 8.4vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background: rgba(33, 0, 58, 0.97);
  background: linear-gradient(266.68deg, rgba(33, 0, 58, 0.97) 2.54%, rgba(79, 9, 99, 0.97) 96.52%) no-repeat;
  background-size: cover;
  -webkit-backdrop-filter: blur(0.5vw);
          backdrop-filter: blur(0.5vw);
}
@media (max-width: 1025px) {
  .menu-wrapper .menu {
    background: linear-gradient(180deg, rgba(33, 0, 58, 0.97) 0%, rgba(79, 9, 99, 0.97) 100%);
    padding: 6vw;
  }
}
@media (max-width: 576px) {
  .menu-wrapper .menu {
    padding: 9.3vw;
  }
}
.menu-wrapper .menu .menu-item {
  font-style: normal;
  font-weight: bold;
  font-size: 1.04vw;
  width: 27.7vw;
  height: 3.28vw;
  padding: 1.77vw;
  margin-bottom: 0.36vw;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-underline-offset: 0.2em;
  background: rgba(248, 248, 248, 0.1);
}
@media (max-width: 1025px) {
  .menu-wrapper .menu .menu-item {
    width: 100%;
    height: 8.2vw;
    padding: 0 4.8vw;
    font-size: 2.6vw;
    margin-bottom: 0.91vw;
  }
}
@media (max-width: 576px) {
  .menu-wrapper .menu .menu-item {
    height: 12.2vw;
    font-size: 3.6vw;
    padding: 0 1em;
    margin-bottom: 1.25vw;
  }
}
.menu-wrapper .menu .menu-item:hover {
  background: rgba(248, 248, 248, 0.3);
  text-decoration: underline;
}

.menu-active .menu-wrapper {
  transform: translateX(0);
  opacity: 1;
}

@media (max-width: 1025px) {
  .header-top .header-top-inner {
    padding: 0 6vw;
  }
  .header-top .header-top-inner .logo-text {
    font-size: 4.68vw;
  }
  .header-top .header-top-right a.phone {
    font-size: 2vw;
    margin-right: 4vw;
  }
  .header-top .menu-control {
    width: 53px;
    height: 53px;
  }
  .header-top .menu-control .menu-control-first {
    top: 20px;
    width: 50px;
  }
  .header-top .menu-control .menu-control-second {
    bottom: 20px;
    width: 37px;
  }

  .menu-active .header-top .menu-control .menu-control-first {
    top: 14.2px;
    width: 32px;
  }
  .menu-active .header-top .menu-control .menu-control-second {
    bottom: 14.2px;
    width: 32px;
  }
}
@media (max-width: 576px) {
  .header-top .header-top-inner {
    padding: 0 9.3vw;
  }
  .header-top .header-top-inner .logo-text {
    font-size: 7.1vw;
  }
  .header-top .header-top-right a.phone {
    display: none;
  }
  .header-top .menu-control {
    width: 26px;
    height: 26px;
  }
  .header-top .menu-control .menu-control-first {
    width: 24px;
    top: 9px;
    height: 1px;
  }
  .header-top .menu-control .menu-control-second {
    width: 18px;
    height: 1px;
    bottom: 9px;
  }

  .menu-active .header-top .menu-control .menu-control-first {
    width: 18px;
    top: 6.14px;
  }
  .menu-active .header-top .menu-control .menu-control-second {
    width: 18px;
    bottom: 6.14px;
  }

  .header-top, .header-top .header-top-inner {
    height: 19vw;
  }
}
.header-skew-bg {
  position: absolute;
  top: 0;
  background: url(/images/header-blur-bg.png?02de4d65c45695ae91bc1d40b2cee6d0) no-repeat top center;
  background: -webkit-image-set(url(/images/header-blur-bg.webp?e92ffd36b0b27c8444f5aad40ceb5d76) 1x) no-repeat top center;
  background: image-set(url(/images/header-blur-bg.webp?e92ffd36b0b27c8444f5aad40ceb5d76) 1x) no-repeat top center;
  background-size: 100%;
  height: 100vw;
  max-height: 100%;
  width: 100vw;
  opacity: 0.65;
}

.header-skew {
  height: 47.6vw;
  position: relative;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.header-skew .header-content {
  padding: 0 8.4vw;
  width: 100vw;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  flex-grow: 2;
}
@media (max-width: 1025px) {
  .header-skew .header-content {
    flex-direction: column-reverse;
    padding: 0 2.6vw;
  }
}
@media (max-width: 576px) {
  .header-skew .header-content {
    padding: 0 6.85vw;
  }
}
.header-skew .header-content .header-left {
  flex-basis: 47%;
  display: flex;
  flex-direction: column;
}
.header-skew .header-content .header-left h2.title {
  font-style: normal;
  font-weight: bold;
  font-size: 3.75vw;
  line-height: 1.17;
  margin-top: 7.8vw;
  letter-spacing: 0.02em;
}
@media (max-width: 1025px) {
  .header-skew .header-content .header-left h2.title {
    font-size: 7.55vw;
    margin: 6vw 3.25vw;
  }
}
@media (max-width: 576px) {
  .header-skew .header-content .header-left h2.title {
    font-size: 9vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: justify;
    margin-left: 0;
    margin-right: 0;
  }
}
.header-skew .header-content .header-left h2.title .small {
  letter-spacing: unset;
  font-size: 0.79em;
}
@media (max-width: 1025px) {
  .header-skew .header-content .header-left .header-inner-menu {
    padding: 0 3.25vw;
  }
}
@media (max-width: 576px) {
  .header-skew .header-content .header-left .header-inner-menu {
    padding: 0 2vw;
  }
}
.header-skew .header-content .header-left .header-inner-menu a {
  display: flex;
  padding: 0.5vw 0;
}
.header-skew .header-content .header-left .header-inner-menu a:hover .title {
  text-decoration: underline;
}
.header-skew .header-content .header-left .header-inner-menu a .number {
  font-weight: 600;
  font-size: 0.72vw;
  letter-spacing: 0.08em;
  vertical-align: bottom;
  line-height: 2.4;
  height: 1vw;
}
@media (max-width: 1025px) {
  .header-skew .header-content .header-left .header-inner-menu a .number {
    font-size: 1.82vw;
    vertical-align: middle;
    line-height: 2.5;
  }
}
@media (max-width: 576px) {
  .header-skew .header-content .header-left .header-inner-menu a .number {
    font-size: 3.4vw;
    line-height: 1.6;
  }
}
.header-skew .header-content .header-left .header-inner-menu a .title {
  font-weight: 300;
  font-size: 1.25vw;
  padding-left: 1em;
}
@media (max-width: 1025px) {
  .header-skew .header-content .header-left .header-inner-menu a .title {
    font-size: 2.6vw;
    line-height: 1.8;
    padding-left: 0.8em;
  }
}
@media (max-width: 576px) {
  .header-skew .header-content .header-left .header-inner-menu a .title {
    font-size: 4.3vw;
    line-height: 1.45;
    margin-bottom: 0.6em;
  }
}
.header-skew .header-content .header-left .header-button {
  font-weight: 500;
  font-size: 0.83vw;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22vw;
  height: 3.17vw;
  margin-top: 3vw;
  border: 1px solid #441871;
  box-shadow: 0px 0px 16px 8px #471D73;
  border-radius: 90px;
}
.header-skew .header-content .header-left .header-button:hover {
  border: 1px solid #522184;
  box-shadow: 0px 0px 16px 8px #5c2b8f;
}
@media (max-width: 1025px) {
  .header-skew .header-content .header-left .header-button {
    width: 45.3vw;
    height: 7.16vw;
    font-size: 1.7vw;
    margin: 12vw auto 4vw;
  }
}
@media (max-width: 576px) {
  .header-skew .header-content .header-left .header-button {
    width: 82vw;
    height: 11.8vw;
    font-size: 3.1vw;
    margin: 6vw auto;
  }
}
.header-skew .header-content .header-center {
  display: flex;
  align-items: center;
}
@media (max-width: 1025px) {
  .header-skew .header-content .header-center {
    justify-content: center;
  }
}
.header-skew .header-content .header-center .header-logo {
  display: inline-block;
  width: 45vw;
  position: relative;
}
.header-skew .header-content .header-center .header-logo:after {
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 56.25%;
}
.header-skew .header-content .header-center .header-logo svg, .header-skew .header-content .header-center .header-logo .logo-part {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1025px) {
  .header-skew .header-content .header-center .header-logo {
    width: 81vw;
  }
}
@media (max-width: 576px) {
  .header-skew .header-content .header-center .header-logo {
    width: 100vw;
    margin: 6vw -6.85vw;
    filter: blur(0.4px);
  }
}
.header-skew .header-content .header-right {
  flex-basis: 0.4vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 1025px) {
  .header-skew .header-content .header-right {
    display: none;
  }
}
.header-skew .header-content .header-right .arrow-down {
  height: 4.7vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 91'%3E%3Cpath d='M3.646 90.354a.5.5 0 0 0 .708 0l3.182-3.182a.5.5 0 1 0-.708-.707L4 89.293l-2.828-2.829a.5.5 0 1 0-.708.708l3.182 3.182ZM3.5 0v90h1V0h-1Z' fill='%23fff' fill-opacity='.88'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  margin-top: 2.3vw;
  margin-bottom: 6.2vw;
}
.header-skew .header-content .header-right .dot {
  width: 0.4vw;
  height: 0.4vw;
  margin-bottom: 2.3vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 3 3'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' fill='%23C3C9DC'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: right bottom;
}

@media (max-width: 1025px) {
  .header-skew-bg {
    background: url(/images/header-blur-bg-tablet-360p.png?376deb759f8efb017d56994788a03f68) no-repeat top center;
    background: -webkit-image-set(url(/images/header-blur-bg-tablet-360p.webp?da592f8ba15e3541dcebcdc5641ebedb) 1x) no-repeat top center;
    background: image-set(url(/images/header-blur-bg-tablet-360p.webp?da592f8ba15e3541dcebcdc5641ebedb) 1x) no-repeat top center;
    background-size: 100%;
    height: 174.4vw;
  }

  .header-skew {
    height: auto;
    min-height: 90vh;
  }
}
@media (max-width: 576px) {
  .header-skew-bg {
    background: url(/images/header-blur-bg-mobile-320.png?3918bf003d55ee1a51dc9c02eef3ebd7) no-repeat top center;
    background: -webkit-image-set(url(/images/header-blur-bg-mobile-320.webp?6fa75a354ac7aa209ba486781a912d0a) 1x) no-repeat top center;
    background: image-set(url(/images/header-blur-bg-mobile-320.webp?6fa75a354ac7aa209ba486781a912d0a) 1x) no-repeat top center;
    background-size: 100%;
    height: 374.4vw;
  }

  .header-skew {
    min-height: auto;
  }
}
@-webkit-keyframes flicker {
  from {
    opacity: 1;
  }
  4% {
    opacity: 0.9;
    filter: blur(2px);
  }
  6% {
    opacity: 0.85;
    filter: blur(0.4px);
  }
  8% {
    opacity: 0.95;
    filter: blur(0.2px);
  }
  10% {
    opacity: 0.9;
    filter: blur(0.6px);
  }
  11% {
    opacity: 0.922;
    filter: blur(0.7px);
  }
  12% {
    opacity: 0.9;
  }
  14% {
    opacity: 0.95;
  }
  16% {
    opacity: 0.98;
  }
  17% {
    opacity: 0.9;
  }
  19% {
    opacity: 0.93;
  }
  20% {
    opacity: 0.99;
  }
  24% {
    opacity: 1;
  }
  26% {
    opacity: 0.94;
  }
  28% {
    opacity: 0.98;
  }
  37% {
    opacity: 0.93;
    filter: brightness(1.3);
  }
  38% {
    opacity: 0.5;
    filter: brightness(0.7);
  }
  39% {
    opacity: 0.96;
    filter: none;
  }
  42% {
    opacity: 1;
  }
  44% {
    opacity: 0.97;
  }
  46% {
    opacity: 0.94;
  }
  56% {
    opacity: 0.9;
  }
  58% {
    opacity: 0.9;
  }
  60% {
    opacity: 0.99;
  }
  68% {
    opacity: 1;
  }
  70% {
    opacity: 0.9;
  }
  72% {
    opacity: 0.95;
  }
  93% {
    opacity: 0.93;
  }
  95% {
    opacity: 0.95;
  }
  97% {
    opacity: 0.93;
  }
  to {
    opacity: 1;
  }
}
@keyframes flicker {
  from {
    opacity: 1;
  }
  4% {
    opacity: 0.9;
    filter: blur(2px);
  }
  6% {
    opacity: 0.85;
    filter: blur(0.4px);
  }
  8% {
    opacity: 0.95;
    filter: blur(0.2px);
  }
  10% {
    opacity: 0.9;
    filter: blur(0.6px);
  }
  11% {
    opacity: 0.922;
    filter: blur(0.7px);
  }
  12% {
    opacity: 0.9;
  }
  14% {
    opacity: 0.95;
  }
  16% {
    opacity: 0.98;
  }
  17% {
    opacity: 0.9;
  }
  19% {
    opacity: 0.93;
  }
  20% {
    opacity: 0.99;
  }
  24% {
    opacity: 1;
  }
  26% {
    opacity: 0.94;
  }
  28% {
    opacity: 0.98;
  }
  37% {
    opacity: 0.93;
    filter: brightness(1.3);
  }
  38% {
    opacity: 0.5;
    filter: brightness(0.7);
  }
  39% {
    opacity: 0.96;
    filter: none;
  }
  42% {
    opacity: 1;
  }
  44% {
    opacity: 0.97;
  }
  46% {
    opacity: 0.94;
  }
  56% {
    opacity: 0.9;
  }
  58% {
    opacity: 0.9;
  }
  60% {
    opacity: 0.99;
  }
  68% {
    opacity: 1;
  }
  70% {
    opacity: 0.9;
  }
  72% {
    opacity: 0.95;
  }
  93% {
    opacity: 0.93;
  }
  95% {
    opacity: 0.95;
  }
  97% {
    opacity: 0.93;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes flicker-arc {
  from {
    opacity: 1;
  }
  10% {
    filter: brightness(1.3);
  }
  12% {
    filter: brightness(0.9);
  }
  13% {
    filter: none;
    opacity: 0;
  }
  19% {
    opacity: 1;
  }
  34.9% {
    opacity: 1;
  }
  35% {
    filter: brightness(1.3) blur(2px);
  }
  35.55% {
    filter: brightness(1.3) blur(2px);
  }
  35.65% {
    filter: brightness(0.9);
  }
  36.9% {
    filter: brightness(0.9);
  }
  37% {
    filter: none;
    opacity: 0;
  }
  38.9% {
    filter: none;
    opacity: 0;
  }
  39% {
    opacity: 1;
  }
  42.9% {
    opacity: 1;
  }
  43% {
    filter: brightness(1.3) blur(2px);
  }
  43.55% {
    filter: brightness(1.3) blur(2px);
  }
  43.65% {
    filter: brightness(0.9);
  }
  44.9% {
    filter: brightness(0.9);
  }
  45% {
    filter: none;
    opacity: 0;
  }
  47% {
    filter: none;
    opacity: 0;
  }
  49% {
    opacity: 1;
  }
  62.9% {
    opacity: 1;
  }
  63% {
    filter: brightness(1.3) blur(2px);
  }
  63.55% {
    filter: brightness(1.3) blur(2px);
  }
  63.65% {
    filter: brightness(0.9);
  }
  64.9% {
    filter: brightness(0.9);
  }
  65% {
    filter: none;
    opacity: 0;
  }
  71.9% {
    filter: none;
    opacity: 0;
  }
  72% {
    opacity: 1;
    filter: brightness(1.2) blur(1px);
  }
}
@keyframes flicker-arc {
  from {
    opacity: 1;
  }
  10% {
    filter: brightness(1.3);
  }
  12% {
    filter: brightness(0.9);
  }
  13% {
    filter: none;
    opacity: 0;
  }
  19% {
    opacity: 1;
  }
  34.9% {
    opacity: 1;
  }
  35% {
    filter: brightness(1.3) blur(2px);
  }
  35.55% {
    filter: brightness(1.3) blur(2px);
  }
  35.65% {
    filter: brightness(0.9);
  }
  36.9% {
    filter: brightness(0.9);
  }
  37% {
    filter: none;
    opacity: 0;
  }
  38.9% {
    filter: none;
    opacity: 0;
  }
  39% {
    opacity: 1;
  }
  42.9% {
    opacity: 1;
  }
  43% {
    filter: brightness(1.3) blur(2px);
  }
  43.55% {
    filter: brightness(1.3) blur(2px);
  }
  43.65% {
    filter: brightness(0.9);
  }
  44.9% {
    filter: brightness(0.9);
  }
  45% {
    filter: none;
    opacity: 0;
  }
  47% {
    filter: none;
    opacity: 0;
  }
  49% {
    opacity: 1;
  }
  62.9% {
    opacity: 1;
  }
  63% {
    filter: brightness(1.3) blur(2px);
  }
  63.55% {
    filter: brightness(1.3) blur(2px);
  }
  63.65% {
    filter: brightness(0.9);
  }
  64.9% {
    filter: brightness(0.9);
  }
  65% {
    filter: none;
    opacity: 0;
  }
  71.9% {
    filter: none;
    opacity: 0;
  }
  72% {
    opacity: 1;
    filter: brightness(1.2) blur(1px);
  }
}
@-webkit-keyframes flicker2 {
  0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
    opacity: 0.99;
    filter: blur(0.4px) brightness(1.4);
  }
  20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
    opacity: 0.4;
  }
}
@keyframes flicker2 {
  0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
    opacity: 0.99;
    filter: blur(0.4px) brightness(1.4);
  }
  20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
    opacity: 0.4;
  }
}
.logo-part-logo-bottom {
  -webkit-animation: flicker 5s linear infinite;
          animation: flicker 5s linear infinite;
}

.logo-part-top-arc {
  -webkit-animation: flicker-arc 14s linear infinite;
          animation: flicker-arc 14s linear infinite;
}

.logo-part-avil {
  -webkit-animation: flicker2 1s linear infinite;
          animation: flicker2 1s linear infinite;
}

.logo-part-soft {
  -webkit-animation: flicker-arc 2s linear infinite;
          animation: flicker-arc 2s linear infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.block-cases {
  position: relative;
  margin-top: 1.41vw;
}
.block-cases h2 {
  font-size: 3.75vw;
  margin: 0;
  padding: 0 8.4vw;
  font-family: Mont, sans-serif monospace;
}
.block-cases .case, .block-cases .case-item-wrapper {
  height: 100vh;
  width: 100%;
}
.block-cases .case {
  position: relative;
  overflow: hidden;
  font-size: 1.2vw;
  will-change: scroll-position;
}
.block-cases .case-item-wrapper {
  padding: 4% 8.402%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  will-change: position;
}
.block-cases .case-item {
  z-index: 1;
  position: relative;
  margin: 0;
  width: 69.33em;
}
.block-cases .case-item .background {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1636 73' fill='%23221137' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M115.031,0 h-115.031 v73 h1636 v-73 h-109.41 l-61.35,66.037 h-1288.859 l-61.35,-66.037 z' /%3E%3C/svg%3E");
  background-size: 100%;
  background-position: center;
  width: 100%;
  padding-bottom: 4.4621%;
  margin-bottom: -1px;
}
.block-cases .case-item .content {
  background: #221137;
  padding: 1.7358em;
}
.block-cases .case-item .content * {
  font-family: Mont, sans-serif monospace;
  line-height: 1.3;
}
.block-cases .case-item .content p, .block-cases .case-item .content h2, .block-cases .case-item .content h3, .block-cases .case-item .content h4, .block-cases .case-item .content ol {
  margin: 0;
}
.block-cases .case-item .content ol {
  padding-left: 1.5em;
}
.block-cases .case-item .content .title span {
  font-size: 2.775em;
  font-weight: bold;
}
.block-cases .case-item .content .title small, .block-cases .case-item .content .title .small {
  font-size: 2.083em;
}
.block-cases .case-item .content .description {
  margin-top: 0.7em;
}
.block-cases .case-item .case-bottom {
  display: flex;
}
.block-cases .case-item .case-bottom .gallery-column {
  flex-basis: 36%;
  margin-right: 4%;
}
.block-cases .case-item .case-bottom .gallery-column .case-gallery-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.block-cases .case-item .case-bottom .gallery-column .case-gallery-wrapper .next, .block-cases .case-item .case-bottom .gallery-column .case-gallery-wrapper .prev {
  width: 2.4em;
  height: 2.4em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.block-cases .case-item .case-bottom .gallery-column .case-gallery-wrapper .next:active, .block-cases .case-item .case-bottom .gallery-column .case-gallery-wrapper .prev:active {
  opacity: 0.35;
}
.block-cases .case-item .case-bottom .gallery-column .case-gallery-wrapper .next {
  right: 0;
}
.block-cases .case-item .case-bottom .gallery-column .case-gallery-wrapper .prev {
  left: 0;
}
.block-cases .case-item .case-bottom .gallery-column .slick-list, .block-cases .case-item .case-bottom .gallery-column .slick-track {
  height: 100%;
}
.block-cases .case-item .case-bottom .gallery-column .slick-list {
  width: 100%;
}
.block-cases .case-item .case-bottom .gallery-column .case-slider-wrapper {
  width: 13.93em;
  height: 18.53em;
  display: flex;
}
.block-cases .case-item .case-bottom .gallery-column .image {
  position: relative;
}
.block-cases .case-item .case-bottom .gallery-column .image:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 133.3%;
}
.block-cases .case-item .case-bottom .gallery-column .image img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 1025px) {
  .block-cases h2 {
    text-align: center;
    font-size: 5.625vw;
    margin-top: 8vw;
  }
  .block-cases .case-item-wrapper {
    font-size: 1.5em;
    padding: 4% 2.65%;
  }
  .block-cases .case-item {
    width: 52.61em;
  }
  .block-cases .case-item .case-bottom .gallery-column {
    font-size: 1.1em;
    flex-basis: 55%;
    max-width: 25em;
    margin-right: 5%;
  }
  .block-cases .case-item .content {
    padding: 2.2em;
  }
  .block-cases .case-item .background {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23221137' viewBox='0 0 727 68'%3E%3Cpath d='M51.1 0H0v68h727V0h-48.6L651 62H78.4L51 0z'/%3E%3C/svg%3E");
    padding-bottom: 9.353%;
  }
}
@media (max-width: 576px) {
  .block-cases h2 {
    margin-top: 14vw;
    font-size: 8.25vw;
  }
  .block-cases .case-item-wrapper {
    font-size: 1.8em;
    padding: 4% 0;
  }
  .block-cases .description {
    font-size: 1.25em;
  }
  .block-cases .case-item {
    width: 57.64em;
  }
  .block-cases .case-item .content {
    padding: 3em;
  }
  .block-cases .case-item .background {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23221137' viewBox='0 0 320 40'%3E%3Cpath d='M32.5 0H0v40h320V0h-33.5L269 37H48L32.5 0z'/%3E%3C/svg%3E");
    padding-bottom: 12.5%;
  }
  .block-cases .case-item .case-bottom {
    flex-wrap: wrap;
  }
  .block-cases .case-item .case-bottom .gallery-column {
    margin-right: 0;
    flex-basis: 100%;
    max-width: none;
  }
  .block-cases .case-item .case-bottom .gallery-column .case-gallery-wrapper .next, .block-cases .case-item .case-bottom .gallery-column .case-gallery-wrapper .prev {
    width: 5em;
    height: 5em;
  }
  .block-cases .case-item .case-bottom .gallery-column .case-slider-wrapper {
    width: 22em;
    height: 29.3326em;
  }
}
.slider-wrapper {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

.slick-slider.slick-initialized {
  opacity: 1;
}

.about-block {
  height: 56vw;
  width: 85.2vw;
  margin: 6vw auto 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1636 1083' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M115.031 0H0V1083H1636V0H1526.59L1465.24 66.0366H176.381L115.031 0Z' fill='%239586D2' fill-opacity='0.1'/%3E%3C/svg%3E");
  background-size: 100%;
  background-position: top center;
  position: relative;
}
.about-block * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-width: 1025px) {
  .about-block {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 727 1017'%3E%3Cpath d='M51.117 0H0v1017h727V0h-48.618l-27.263 62.012H78.379L51.118 0Z' fill='%239586D2' fill-opacity='.1'/%3E%3C/svg%3E") top center;
    background-size: 100%;
    width: 94.7vw;
    height: 132vw;
  }
}
@media (max-width: 576px) {
  .about-block {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 320 949'%3E%3Cpath d='M32.5 0H0v949h320V0h-33.5L269 37H48L32.5 0Z' fill='%239586D2' fill-opacity='.1'/%3E%3C/svg%3E") top center;
    background-size: 100%;
    height: 295vw;
    width: 100vw;
  }
}
.about-block .about-content {
  display: flex;
  flex-direction: column;
}
.about-block .about-content .title {
  font-family: STIXGeneral, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.77vw;
  width: 100%;
  text-align: center;
  padding-top: 8vw;
  margin: 0;
}
@media (max-width: 1025px) {
  .about-block .about-content .title {
    font-size: 3.64vw;
    padding-top: 15vw;
    line-height: 1.57;
    width: 60vw;
    margin: 0 auto;
  }
}
@media (max-width: 576px) {
  .about-block .about-content .title {
    width: 87.5vw;
    text-align: left;
    font-size: 9.375vw;
    letter-spacing: 0.055em;
    padding-top: 26vw;
  }
  .about-block .about-content .title .small-mobile {
    display: inline-block;
    font-size: 0.64em;
    text-transform: lowercase;
    letter-spacing: 0.08em;
  }
}
.about-block .about-content .description {
  font-weight: 300;
  font-size: 1.25vw;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 1vw 0;
  margin-bottom: 2.5vw;
}
@media (max-width: 1025px) {
  .about-block .about-content .description {
    font-size: 2.34vw;
    margin: 3.5vw 0 6vw;
  }
}
@media (max-width: 576px) {
  .about-block .about-content .description {
    width: 87.5vw;
    margin: 0.5em auto 0;
    font-size: 5vw;
    text-align: left;
  }
}
.about-block .about-content .info {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
@media (max-width: 576px) {
  .about-block .about-content .info {
    flex-direction: column-reverse;
  }
}
.about-block .about-content .info .image {
  flex: 0 0 36%;
  height: 26vw;
  margin: 0 0 -22vw 2vw;
  background: url(/images/binary-cube.png?7f7891d7e769f333ea268cf58cf027d1) no-repeat center -20%;
  background: -webkit-image-set(url(/images/binary-cube.webp?6366261ca1bf32e6915d945426008a6c) 1x) no-repeat center -20%;
  background: image-set(url(/images/binary-cube.webp?6366261ca1bf32e6915d945426008a6c) 1x) no-repeat center -20%;
  background-size: contain;
  mix-blend-mode: lighten;
  opacity: 0.59;
}
@media (max-width: 1025px) {
  .about-block .about-content .info .image {
    flex-basis: 42.3%;
    height: 44vw;
    background: url(/images/binary-cube-360w.png?8e6a3ba20c8789b8b406650b8ee68adb) no-repeat center;
    background: -webkit-image-set(url(/images/binary-cube-360w.webp?bebfb91ddecfc472e3ce41da7a4300ed) 1x) no-repeat center;
    background: image-set(url(/images/binary-cube-360w.webp?bebfb91ddecfc472e3ce41da7a4300ed) 1x) no-repeat center;
    background-size: contain;
  }
}
@media (max-width: 576px) {
  .about-block .about-content .info .image {
    width: 100vw;
    height: 82vw;
    background-size: 105%;
    background-position: 284.8% 10%;
    flex: unset;
    margin: 0 auto;
    padding: 0;
  }
}
.about-block .about-content .info .text {
  flex: 0 0 56%;
  font-weight: 300;
  font-size: 0.93vw;
  line-height: 1.27;
}
.about-block .about-content .info .text h3 {
  font-weight: 500;
  font-size: 1.87vw;
}
@media (max-width: 1025px) {
  .about-block .about-content .info .text {
    font-size: 2.14vw;
    padding: 0 2.3vw;
  }
  .about-block .about-content .info .text h3 {
    font-size: 3.1vw;
    margin-top: 0;
  }
}
@media (max-width: 576px) {
  .about-block .about-content .info .text {
    font-size: 4.38vw;
    flex: unset;
    align-items: center;
    padding: 0 6.25vw;
  }
  .about-block .about-content .info .text h3 {
    font-size: 7.2vw;
    display: inline-block;
    padding: 6vw 0;
  }
}
.about-block .about-content .about-bottom {
  position: absolute;
  width: 100%;
  bottom: 3vw;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1025px) {
  .about-block .about-content .about-bottom {
    bottom: 9.63vw;
  }
}
@media (max-width: 576px) {
  .about-block .about-content .about-bottom {
    bottom: 21.2vw;
  }
}
.about-block .about-content .about-bottom .title {
  font-weight: bold;
  font-size: 1.25vw;
  line-height: 1.57;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
@media (max-width: 1025px) {
  .about-block .about-content .about-bottom .title {
    font-size: 3.125vw;
  }
}
@media (max-width: 576px) {
  .about-block .about-content .about-bottom .title {
    font-size: 4.375vw;
  }
}
.about-block .about-content .about-bottom .slick-slide > div {
  height: 100%;
}
.about-block .about-content .about-bottom .slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.about-block .about-content .about-bottom .slide-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}
.about-block .about-content .about-bottom .slide-inner:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 51.4%;
}
.about-block .about-content .about-bottom .slide-inner img {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.3s ease opacity;
  font-size: 1.4vw;
}
.about-block .about-content .about-bottom .slide-inner img[data-lazy] {
  opacity: 0;
}
.about-block .about-content .about-bottom .slick-slide:not(.slick-current) {
  cursor: pointer;
}
.about-block .about-content .about-bottom .slick-arrow {
  cursor: pointer;
  width: 1.92vw;
  height: 1.92vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1025px) {
  .about-block .about-content .about-bottom .slick-arrow {
    width: 3.51vw;
    height: 3.51vw;
  }
}
@media (max-width: 576px) {
  .about-block .about-content .about-bottom .slick-arrow {
    width: 4.375vw;
    height: 4.375vw;
  }
}
.about-block .about-content .about-bottom .slider-wrapper {
  margin-top: 2vw;
  height: 5.8vw;
  position: relative;
  margin-bottom: 0.1vw;
}
@media (max-width: 1025px) {
  .about-block .about-content .about-bottom .slider-wrapper {
    height: 13.6vw;
    margin-top: 4vw;
  }
}
@media (max-width: 576px) {
  .about-block .about-content .about-bottom .slider-wrapper {
    height: 20vw;
    margin-top: 7vw;
  }
}
.about-block .about-content .about-bottom .slick-track, .about-block .about-content .about-bottom .slick-list {
  height: 100%;
}
.about-block .about-content .about-bottom .next {
  right: 1.3vw;
}
@media (max-width: 576px) {
  .about-block .about-content .about-bottom .next {
    right: 4vw;
  }
}
.about-block .about-content .about-bottom .prev {
  left: 1.3vw;
}
@media (max-width: 576px) {
  .about-block .about-content .about-bottom .prev {
    left: 4vw;
  }
}
.about-block .about-content .about-bottom .slick-list {
  width: 91%;
  margin: 0 auto;
}
@media (max-width: 1025px) {
  .about-block .about-content .about-bottom .slick-list {
    width: 85%;
  }
}
@media (max-width: 576px) {
  .about-block .about-content .about-bottom .slick-list {
    width: 80%;
  }
}
.about-block .about-content .about-bottom .slick-current {
  border: 1px solid white;
}
.about-block .about-content .about-bottom .slick-slide {
  height: calc(100% - 1px);
}

.dev-block {
  padding: 3.7vw;
}
.dev-block .dev-content {
  position: relative;
  padding: 3.7vw;
  display: flex;
  align-items: center;
}
.dev-block .dev-content > * {
  width: 50%;
}
.dev-block .dev-content .image-wrapper-side {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 3;
}
.dev-block .dev-content .image-wrapper-side .image-side img {
  width: 650px;
}
.dev-block .dev-content .image-column, .dev-block .dev-content .image-column img {
  width: 85.2vw;
}
.dev-block .dev-content.interactive .image-column img {
  width: 60vw;
  margin: -12vw 12vw -5vw 12vw;
}
.dev-block .dev-content.web .image-column img {
  width: 80vw;
  margin: -8vw 2vw 0 2vw;
}
.dev-block .dev-content .title {
  order: 2;
  padding-bottom: 40px;
}
.dev-block .dev-content .title h3 {
  font-weight: bold;
  font-size: 30px;
  margin-top: 0;
  text-transform: uppercase;
}
.dev-block .dev-content .title span {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.58;
}
.dev-block .dev-content .desc {
  order: 3;
}
.dev-block .dev-content .desc .desc-item {
  display: flex;
  align-items: center;
}
.dev-block .dev-content .desc .desc-item .icon {
  width: 44px;
  height: 44px;
  margin-left: -12px;
  margin-right: 1.8em;
  background-image: url("data:image/png;base64,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");
  background-size: 100%;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dev-block .dev-content .desc .desc-item .icon svg {
  width: 21px;
  height: 21px;
}
.dev-block .dev-content .desc .desc-item .label {
  font-size: 18px;
  font-weight: 500;
  max-width: 85%;
}
.dev-block .dev-content .desc a {
  font-weight: 500;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  width: 375px;
  height: 61px;
  border: 1px solid rgba(68, 24, 113, 0.7);
  background: #150326;
  box-shadow: 0px 0px 16px 8px rgba(112, 77, 149, 0.7);
  border-radius: 90px;
  margin: 60px 0;
}
.dev-block .dev-content .desc a:hover {
  background: #1e0536;
  box-shadow: 0px 0px 12px 8px rgba(125, 88, 164, 0.7);
}
.dev-block .dev-content .column-content {
  position: relative;
  z-index: 4;
}
.dev-block .dev-content.reverse {
  flex-direction: row-reverse;
}
.dev-block .comet {
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 127 74'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M126.1.4c-.9-.5-2.4-.5-3.3 0L.7 71.4c-.9.5-.9 1.4 0 1.9s2.4.5 3.3 0l122.1-71c.9-.5.9-1.4 0-1.9Z' fill='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='113.473' y1='7.062' x2='22.407' y2='61.235' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238AEBFE'/%3E%3Cstop offset='1' stop-color='%234E7ECC' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h126.8v73.7H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
  background-size: contain;
}
.dev-block .interactive .comet-1 {
  width: 6.6vw;
  height: 3.85vw;
  top: 0;
  left: 30%;
}
.dev-block .interactive .comet-2 {
  width: 6.6vw;
  height: 3.85vw;
  top: 50%;
  left: -3.85vw;
}
.dev-block .interactive .comet-3 {
  width: 12vw;
  height: 7vw;
  left: 40%;
  top: 45%;
}
.dev-block .line-container.first .comet-1 {
  width: 8.64vw;
  height: 5vw;
  right: 20%;
  bottom: 0;
}
.dev-block .line-container.first .comet-2 {
  width: 19.7vw;
  height: 11.5vw;
  right: -3vw;
}
.dev-block .web .comet-1 {
  width: 13.2vw;
  height: 7.7vw;
  left: -6vw;
  top: 0;
}
.dev-block .web .comet-2 {
  width: 160px;
  height: 80px;
  top: 65%;
  left: 41%;
}
.dev-block .web .comet-3 {
  width: 17.1vw;
  height: 10vw;
  bottom: 0;
  right: 0;
}
.dev-block .mobile .comet-1 {
  width: 17.1vw;
  height: 10vw;
  top: -100px;
  left: -6.5vw;
}
.dev-block .mobile .comet-2, .dev-block .mobile .comet-3 {
  width: 8.6vw;
  height: 5vw;
}
.dev-block .mobile .comet-2 {
  top: 140px;
  left: -6.5vw;
}
.dev-block .mobile .comet-3 {
  top: 70px;
  left: 42%;
}
.dev-block .line-container {
  position: relative;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dev-block .line-container .line, .dev-block .line-container .line-down, .dev-block .line-container .line-up {
  background: rgba(78, 202, 172, 0.5);
}
.dev-block .line-container .line {
  position: relative;
  width: 50%;
  height: 2px;
}
.dev-block .line-container .line:before, .dev-block .line-container .line:after {
  width: 8px;
  height: 8px;
  background: #1AB7C1;
  content: "";
  position: absolute;
  top: -2.5px;
  border-radius: 99px;
}
.dev-block .line-container .line:before {
  left: -2.5px;
}
.dev-block .line-container .line:after {
  right: -2.5px;
}
.dev-block .line-container .line {
  width: 41%;
  margin-right: 7%;
}
.dev-block .line-container .line-down, .dev-block .line-container .line-up {
  height: 320px;
  width: 2px;
  position: absolute;
}
.dev-block .line-container .line-down {
  top: 50%;
}
.dev-block .line-container .line-up {
  bottom: 50%;
}
.dev-block .line-container.first .line-down {
  left: 0;
}
.dev-block .line-container.first .line-up {
  right: 0;
}
.dev-block .line-container.second .line-down {
  right: 0;
}
.dev-block .line-container.second .line-up {
  left: 0;
}
.dev-block .line-out, .dev-block .line-to-image {
  position: absolute;
  background: rgba(78, 202, 172, 0.5);
  height: 2px;
}
.dev-block .line-out {
  width: 100%;
  left: 90%;
}
.dev-block .line-out:before {
  width: 8px;
  height: 8px;
  background: #1AB7C1;
  content: "";
  position: absolute;
  top: -2.5px;
  left: -2.5px;
  border-radius: 99px;
}
.dev-block .line-to-image {
  right: 100%;
  width: 450px;
  transform-origin: right center;
}
.dev-block .interactive .line-out {
  top: 130px;
}
.dev-block .interactive .line-out .line-to-image {
  transform: rotate(-36deg);
}
.dev-block .mobile .line-out {
  bottom: 80px;
}
.dev-block .mobile .line-out .line-to-image {
  transform: rotate(36deg);
}
@media (min-width: 1920px) {
  .dev-block {
    width: 1920px;
    margin: 0 auto;
  }
  .dev-block .dev-content.interactive .comet-2 {
    left: -100px;
  }
}
@media (min-width: 2050px) {
  .dev-block .dev-content.interactive .comet-2 {
    left: -200px;
  }
}
@media (min-width: 1600px) {
  .dev-block, .dev-block .dev-content {
    padding: 40px 3.7vw;
  }
}
@media (max-width: 1300px) {
  .dev-block .dev-content .image-wrapper-side .image-side img {
    width: 52vw;
    margin: 0 -10vw 0 -20vw;
  }
  .dev-block .interactive.dev-content .image-wrapper-side .image-side img {
    margin: 0 -20vw 0 -10vw;
  }
  .dev-block .mobile.dev-content .image-wrapper-side .image-side img {
    margin: 0 -10vw 0 -15vw;
  }
  .dev-block .line-container .line {
    width: 50%;
    margin-right: 10%;
  }
  .dev-block .web .comet-2 {
    left: 34%;
  }
  .dev-block .line-to-image {
    width: 24vw;
  }
  .dev-block .mobile .line-out {
    bottom: 180px;
  }
}
@media (max-width: 1025px) {
  .dev-block .interactive.dev-content {
    padding-top: 0;
  }
  .dev-block .interactive.dev-content .image-wrapper-side .image-side img {
    width: 62vw;
    margin: 0 -20vw 0 -20vw;
  }
  .dev-block .interactive.dev-content .comet-1, .dev-block .interactive.dev-content .comet-2 {
    display: none;
  }
  .dev-block .mobile.dev-content .image-wrapper-side .image-side img {
    margin: 0 -12vw 0 -20vw;
    width: 52vw;
  }
  .dev-block .web.dev-content .image-wrapper-side .image-side img {
    margin: 0 -16vw 0 -19vw;
    width: 52vw;
  }
  .dev-block .reverse .column-content {
    width: 70vw;
  }
  .dev-block .dev-content .title h3 {
    font-size: 25px;
  }
  .dev-block .dev-content .title span {
    font-size: 14px;
  }
  .dev-block .dev-content .desc .desc-item .icon {
    margin-right: 5px;
  }
  .dev-block .dev-content .desc .desc-item .label {
    font-size: 13px;
  }
  .dev-block .dev-content .desc a {
    font-size: 10px;
    width: 215px;
    height: 36px;
  }
  .dev-block .web .comet-2, .dev-block .mobile .comet-2 {
    display: none;
  }
  .dev-block .mobile .comet-3 {
    top: auto;
    left: auto;
    right: -3vw;
    bottom: 90px;
    width: 12vw;
    height: 7.5vw;
  }
}
@media (max-width: 576px) {
  .dev-block .dev-content > *, .dev-block .reverse .column-content {
    width: 100%;
  }
  .dev-block .dev-content.interactive {
    padding-top: 5vw;
  }
  .dev-block .dev-content.interactive .comet-1 {
    display: block;
    width: 42.1vw;
    height: 21vw;
    left: auto;
    right: -20vw;
    top: 160px;
  }
  .dev-block .dev-content.interactive .comet-2 {
    display: block;
    width: 27.5vw;
    height: 13.4vw;
    top: 180px;
    left: -10vw;
  }
  .dev-block .dev-content.interactive .comet-3 {
    width: 37vw;
    height: 14vw;
    left: auto;
    right: -18vw;
    top: auto;
    bottom: 260px;
  }
  .dev-block .dev-content.web .comet-1 {
    top: 52%;
  }
  .dev-block .dev-content.web .comet-3 {
    top: 51%;
    right: -4.8vw;
    bottom: auto;
  }
  .dev-block .dev-content.mobile .comet-1 {
    top: 8%;
    left: auto;
    right: -3.7vw;
  }
  .dev-block .dev-content.mobile .comet-3 {
    top: 10.5%;
    right: 0;
    bottom: auto;
  }
  .dev-block .dev-content .title h3 {
    font-size: 20px;
  }
  .dev-block .dev-content .title span {
    font-size: 13px;
  }
  .dev-block .dev-content .desc a {
    width: 204px;
    height: 36px;
    margin: 40px auto;
  }
  .dev-block .line-container {
    height: 60px;
    margin: -30px 0;
  }
  .dev-block .line-container .line {
    display: none;
  }
  .dev-block .line-container.first .comet {
    top: 0;
  }
  .dev-block .line-out {
    display: none;
  }
}

.footer-block {
  background: url(/images/footer-bg.png?085fbdc7f25acc289dc231e0f365c884) top center;
  background-image: -webkit-image-set(url(/images/footer-bg.webp?086e7cf3ab32d3279d62999006ed3910) 1x);
  background-image: image-set(url(/images/footer-bg.webp?086e7cf3ab32d3279d62999006ed3910) 1x);
  background-size: cover;
  flex-direction: column;
}
.footer-block .footer-inner {
  display: flex;
  flex-direction: row-reverse;
  padding: 450px 8.5vw 40px;
}
.footer-block .title {
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.27;
  text-align: center;
  padding: 12px 0;
}
.footer-block .contacts {
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-block .contacts .social-links {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-block .contacts .social-links .social-link {
  padding: 17px;
}
.footer-block .contacts .text-links {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-block .contacts .text-link {
  font-weight: 600;
  font-size: 18px;
  line-height: 2.72;
  letter-spacing: 0.025em;
}
.footer-block .contacts .text-link:hover {
  text-decoration: underline;
}
.footer-block .menu-links {
  width: 34%;
  display: flex;
  flex-direction: column;
}
.footer-block .menu-links a {
  padding: 14px 0;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.27;
  letter-spacing: 0.025em;
}
.footer-block .menu-links a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.footer-block .footer-copyright {
  background-color: #150326;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 8.5vw;
}
.footer-block .footer-copyright .logo {
  font-family: STIXGeneral, sans-serif;
  font-size: 24px;
}
.footer-block .footer-copyright .copyright {
  font-family: Mont, sans-serif;
  font-weight: 500;
  font-size: 11px;
}
@media (max-width: 1600px) {
  .footer-block .footer-inner {
    padding: 350px 6.4vw 40px;
  }
  .footer-block .footer-inner .contacts {
    width: 22%;
  }
  .footer-block .footer-inner .menu-links {
    width: 39%;
  }
  .footer-block .footer-copyright {
    padding: 15px 6.4vw;
  }
}
@media (max-width: 1300px) {
  .footer-block .contacts .text-link, .footer-block .menu-links a {
    font-size: 15px;
  }
  .footer-block .footer-inner .menu-links {
    width: 34%;
  }
  .footer-block .footer-inner .contacts {
    width: 27%;
  }
}
@media (max-width: 1025px) {
  .footer-block {
    background-image: url(/images/footer-bg-tablet.png?3c152d4e4bfa8132a08f5c2172f59423);
    background-image: -webkit-image-set(url(/images/footer-bg-tablet.webp?30794296e72dab0ee374eaf4c1a2d444) 1x);
    background-image: image-set(url(/images/footer-bg-tablet.webp?30794296e72dab0ee374eaf4c1a2d444) 1x);
  }
  .footer-block .footer-inner {
    flex-wrap: wrap;
    padding: 170px 6vw 11vw;
  }
  .footer-block .footer-inner .contacts {
    width: 40%;
  }
  .footer-block .footer-inner .contacts .title {
    visibility: hidden;
  }
  .footer-block .footer-inner .contacts, .footer-block .footer-inner .contacts .text-links {
    align-items: flex-end;
  }
  .footer-block .footer-inner .contacts .social-links {
    order: 999;
    margin-right: -20px;
  }
  .footer-block .footer-inner .contacts .social-links .social-link {
    padding: 13px;
  }
  .footer-block .footer-inner .menu-links {
    width: 60%;
  }
  .footer-block .footer-copyright .logo {
    font-size: 20px;
  }
  .footer-block .footer-copyright .copyright {
    font-size: 10px;
  }
}
@media (max-width: 576px) {
  .footer-block {
    background-image: url(/images/footer-bg-mobile.png?ba1f3998e6b622ead2f5be1cc45e3a31);
    background-image: -webkit-image-set(url(/images/footer-bg-mobile.webp?8d0c0de92466755943a18f9b7fa24703) 1x);
    background-image: image-set(url(/images/footer-bg-mobile.webp?8d0c0de92466755943a18f9b7fa24703) 1x);
  }
  .footer-block .footer-inner .contacts {
    padding-bottom: 10vw;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }
  .footer-block .footer-inner .contacts .title {
    display: none;
  }
  .footer-block .footer-inner .contacts .text-links {
    align-items: flex-start;
  }
  .footer-block .footer-inner .contacts .social-links .social-link {
    padding: 2.4vw;
  }
  .footer-block .footer-inner .menu-links {
    width: 100%;
  }
  .footer-block .footer-inner .menu-links a {
    font-size: 3.4vw;
    display: block;
  }
}

button:focus {
  outline: none;
}

.form-wrapper {
  width: 33%;
}
.form-wrapper form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.form-wrapper form input, .form-wrapper form textarea {
  color: black;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.form-wrapper form .title {
  margin-bottom: 14px;
}
.form-wrapper form .title, .form-wrapper form .input-wrapper, .form-wrapper form input, .form-wrapper form textarea {
  width: 100%;
}
.form-wrapper form input, .form-wrapper form textarea {
  height: 54px;
  border-radius: 27px;
  padding: 10px 30px;
  display: block;
}
.form-wrapper form input {
  margin-bottom: -4px;
}
.form-wrapper form textarea {
  min-height: 115px;
}
.form-wrapper form .input-wrapper.half {
  width: 50%;
}
.form-wrapper form .input-wrapper {
  padding: 4px;
  position: relative;
}
.form-wrapper form input::-moz-placeholder {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 10px;
}
.form-wrapper form input:-ms-input-placeholder {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 10px;
}
.form-wrapper form input::placeholder {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 10px;
}
.form-wrapper form textarea::-moz-placeholder {
  font-weight: 300;
  font-size: 14px;
}
.form-wrapper form textarea:-ms-input-placeholder {
  font-weight: 300;
  font-size: 14px;
}
.form-wrapper form textarea::placeholder {
  font-weight: 300;
  font-size: 14px;
}
.form-wrapper form button {
  width: 100%;
  height: 61px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  background: #6800D0;
  border: 1px solid #6800D0;
  box-shadow: 0px 0px 13px 4px #6800D0;
  border-radius: 90px;
}
.form-wrapper form button:active {
  background: #6B059B;
  box-shadow: 0px 0px 13px 4px #50106D;
}
.form-wrapper form button:hover {
  background: #790ae8;
}
.form-wrapper form button.disabled {
  background: grey;
  cursor: default;
  box-shadow: none;
  border: none;
}
.form-wrapper form .input-wrapper.name:after,
.form-wrapper form .input-wrapper.phone:after,
.form-wrapper form .input-wrapper.email:after {
  content: "";
  display: block;
  position: absolute;
  top: 2em;
  transform: translateY(-50%);
  left: 24px;
  width: 1.2em;
  height: 1.2em;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.form-wrapper form .input-wrapper.name:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 21 21'%3E%3Cpath d='M4.098 17.814s-1.283 0-1.283-1.273c0-1.272 1.283-5.09 7.694-5.09 6.412 0 7.694 3.818 7.694 5.09 0 1.273-1.282 1.273-1.282 1.273H4.098Zm6.411-7.635c1.02 0 2-.402 2.72-1.118a3.802 3.802 0 0 0 1.128-2.699 3.802 3.802 0 0 0-1.127-2.7 3.862 3.862 0 0 0-2.72-1.117c-1.02 0-2 .402-2.72 1.118a3.802 3.802 0 0 0-1.128 2.7c0 1.011.406 1.982 1.127 2.698a3.862 3.862 0 0 0 2.72 1.118Z' fill='%23210A45'/%3E%3C/svg%3E");
}
.form-wrapper form .input-wrapper.phone:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath d='m21.503 18.073-3.177-3.152a2.296 2.296 0 0 0-3.228 0l-.497.493c-.4.396-.678.897-.801 1.444-1.077.02-2.295-.162-3.336-.832a16.317 16.317 0 0 1-3.144-3.048c-.811-1.082-1.026-2.395-1.004-3.546a2.977 2.977 0 0 0 1.455-.795l.497-.493a2.253 2.253 0 0 0 0-3.203L5.092 1.789a1.53 1.53 0 0 0-2.153 0l-.545.541a3.622 3.622 0 0 0-1.076 2.506c-.179 1.918.192 4.03 1.07 6.106a17.686 17.686 0 0 0 2.35 3.954l.036.049.001-.001A19.504 19.504 0 0 0 8.25 18.38l-.006.008c.11.083.222.162.336.239 2.77 2.033 5.902 3.176 8.816 3.176.17 0 .34-.005.51-.013a3.688 3.688 0 0 0 3.051-1.04l.546-.542a1.502 1.502 0 0 0 0-2.135Z' fill='%23230A4C'/%3E%3C/svg%3E");
}
.form-wrapper form .input-wrapper.email:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 22'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M21.357 16.176V7.07s-9.278 6.424-10.18 6.757C10.29 13.51.967 7.071.967 7.071v9.105c0 1.264.27 1.517 1.529 1.517h17.331c1.29 0 1.53-.222 1.53-1.517Zm-.015-10.89c0-.92-.27-1.25-1.515-1.25H2.496c-1.28 0-1.53.395-1.53 1.316l.016.141s9.21 6.292 10.195 6.636c1.04-.4 10.18-6.777 10.18-6.777l-.015-.066Z' fill='%2323094C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(.711 .243)' d='M0 0h21.41v21.243H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.form-wrapper form input {
  padding-left: 50px;
}
.form-wrapper form .inner-wrapper textarea {
  height: 180px;
  resize: none;
}

form .error-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.input-wrapper .error-container {
  margin-top: 0.2em;
  padding-left: 1.3em;
  justify-content: flex-start;
}

form .error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 0.7em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 13'%3E%3Cpath d='M5.96 26.08V2.8h.85v5.28h-.85ZM5.9 10V8.94h.98V10H5.9Z' fill='%23FF47F8'/%3E%3Ccircle cx='6.5' cy='6.5' r='6' stroke='%23FF47F8'/%3E%3C/svg%3E") no-repeat left center;
  background-size: auto 0.84em;
  padding: 0.4em 0 0.2em 1.7em;
  color: #FF47F8;
  vertical-align: bottom;
}

.recaptcha-wrapper {
  display: flex;
  padding: 2px 0 6px;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.recaptcha-wrapper .g-recaptcha {
  transform-origin: top left;
}

.recaptcha-inner-wrapper {
  height: 78px;
  width: 304px;
}

@media (max-width: 1600px) {
  .form-wrapper {
    width: 39%;
  }
}
@media (max-width: 1300px) {
  .form-wrapper form input {
    height: 42px;
  }
  .form-wrapper form input, .form-wrapper form textarea, .form-wrapper form input:focus, .form-wrapper form textarea:focus {
    font-size: 15px !important;
  }
  .form-wrapper form button {
    height: 45px;
    font-size: 15px;
    width: 80%;
    margin: 0 auto;
    display: block;
  }
  .form-wrapper form .input-wrapper.name:after,
.form-wrapper form .input-wrapper.phone:after,
.form-wrapper form .input-wrapper.email:after {
    top: 27px;
  }
}
@media (max-width: 1025px) {
  .form-wrapper {
    width: 100%;
    margin-bottom: 70px;
  }
  .form-wrapper form {
    width: 500px;
    margin: 0 auto;
  }
  .form-wrapper form button {
    width: 100%;
    height: 61px;
  }
  .form-wrapper form input {
    height: 54px;
  }

  .footer-inner form .input-wrapper.name:after,
.footer-inner form .input-wrapper.phone:after,
.footer-inner form .input-wrapper.email:after {
    top: 32px;
  }
}
@media (max-width: 576px) {
  .form-wrapper {
    width: 100%;
    margin-bottom: 70px;
  }
  .form-wrapper form {
    width: 100%;
  }
  .form-wrapper form .title {
    font-size: 18px;
  }
  .form-wrapper form .input-wrapper {
    padding: 1vw 0;
  }
  .form-wrapper form .input-wrapper.half {
    width: 100%;
  }
  .form-wrapper form button {
    width: 100%;
    height: 12.1vw;
    font-size: 3.1vw;
  }
  .form-wrapper form input {
    height: 13.7vw;
  }
  .form-wrapper form input, .form-wrapper form textarea {
    padding: 3.1vw 6.3vw;
  }
  .form-wrapper form input, .form-wrapper form button {
    border-radius: 6.8vw;
  }
  .form-wrapper form input {
    padding-left: 4.2em;
  }
  .form-wrapper form textarea {
    height: 30vw;
  }

  .footer-inner form .input-wrapper.name:after,
.footer-inner form .input-wrapper.phone:after,
.footer-inner form .input-wrapper.email:after {
    top: 7.95vw;
  }
}
@media (max-width: 360px) {
  .recaptcha-inner-wrapper {
    height: 62.4px;
    width: 243.2px;
  }
  .recaptcha-inner-wrapper > div {
    transform: scale(0.8);
    width: 100%;
    height: 100%;
  }
}
.form-claim {
  opacity: 0;
  transform: translateX(120vw);
  transition: all 0.3s ease;
  will-change: transition;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  z-index: 20000;
  background: rgba(79, 9, 99, 0.97);
  background: linear-gradient(180deg, rgba(79, 9, 99, 0.95) 0%, rgba(33, 0, 58, 0.95) 98.96%);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-claim.active {
  opacity: 1;
  transform: none;
}
.form-claim .form-wrapper {
  max-height: 95vh;
  width: 1320px;
  max-width: 90vw;
  display: flex;
  justify-content: center;
}
.form-claim .form-wrapper .title {
  font-size: 30px;
  text-align: center;
}
.form-claim .form-wrapper form {
  width: 50%;
  max-width: 560px;
  height: auto;
}
.form-claim .form-wrapper form textarea {
  margin-bottom: 2px;
}

.modal .close {
  position: absolute;
  cursor: pointer;
  top: 3vw;
  right: 3vw;
  width: 30px;
  height: 30px;
  max-width: 5vw;
  max-height: 5vw;
}
.modal .close:after, .modal .close:before {
  content: "";
  width: 2px;
  border-radius: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background: white;
  transform-origin: center;
  transform: rotate(45deg);
}
.modal .close:before {
  transform: rotate(-45deg);
}

.wrapper .modal-success {
  z-index: 30000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 70vh);
  transition: transform 0.3s ease;
  will-change: trasform;
  width: 558px;
  font-size: 18px;
  min-height: 10em;
  background-color: #473178;
  border-radius: 1em;
  padding: 3em 1em;
}
.wrapper .modal-success.active {
  transform: translate(-50%, -50%);
}
.wrapper .modal-success .close {
  right: 1em;
  top: 1em;
  width: 1em;
  height: 1em;
}
.wrapper .modal-success .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wrapper .modal-success .content .icon {
  width: 2.77em;
  height: 2.77em;
}
.wrapper .modal-success .content .success-send {
  font-size: 0.722em;
  font-weight: 600;
  color: #9586D2;
  line-height: 2;
  vertical-align: middle;
}
.wrapper .modal-success .content .thanks {
  font-size: 1.83em;
  font-weight: bold;
  line-height: 2.4;
  height: 2.4em;
  vertical-align: middle;
}
.wrapper .modal-success .content .will-contact {
  font-weight: 500;
  text-align: center;
  line-height: 1.27;
  color: #9586D2;
}

@media (max-width: 1300px) {
  .form-claim .form-wrapper {
    width: 800px;
    max-width: 95vw;
  }

  .form-claim form {
    margin: 0;
  }

  .form-claim form .input-wrapper.half {
    width: 100%;
  }

  .form-claim .form-wrapper .title {
    font-size: 18px;
  }

  .form-claim form input {
    height: 44px;
  }
  .form-claim form textarea {
    border-radius: 22px;
  }
  .form-claim form input, .form-claim form textarea, .form-claim form input:focus, .form-claim form textarea:focus {
    font-size: 14px !important;
  }
  .form-claim form button {
    font-size: 14px;
    height: 48px;
    margin-top: -4px;
  }
}
@media (max-width: 850px) {
  .form-claim form {
    margin: 0 auto;
  }

  .form-claim .form-wrapper {
    width: 400px;
    max-width: 85vw;
  }
  .form-claim .form-wrapper form {
    width: 100%;
  }

  form input {
    padding-left: 40px !important;
  }
  form .input-wrapper:after {
    left: 17px !important;
  }
}
@media (max-width: 640px) {
  .wrapper .modal-success {
    width: 80vw;
    font-size: 2.5vw;
  }
}
@media (max-width: 576px) {
  .wrapper .modal-success {
    width: 90vw;
    font-size: 3.1vw;
  }
}
#canvas-wrapper {
  flex: 0 0 36%;
  position: relative;
  height: auto !important;
}
#canvas-wrapper:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 84.771%;
}
#canvas-wrapper canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.text-animation-target {
  opacity: 0;
}

.text-animation-target.loaded {
  opacity: 1;
}

@-webkit-keyframes animation-fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes animation-fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animation-fadein {
  -webkit-animation: animation-fadein ease 0.4s;
          animation: animation-fadein ease 0.4s;
}

@-webkit-keyframes animation-zoom-horizontal {
  from {
    transform: rotateX(90deg);
    opacity: 0;
  }
  to {
    transform: rotate3d(0, 0, 0, 0);
    opacity: 1;
  }
}

@keyframes animation-zoom-horizontal {
  from {
    transform: rotateX(90deg);
    opacity: 0;
  }
  to {
    transform: rotate3d(0, 0, 0, 0);
    opacity: 1;
  }
}
.animation-zoom-horizontal {
  transform-origin: top center;
}

.animation-zoom-horizontal.loaded {
  -webkit-animation: animation-zoom-horizontal linear 0.4s;
          animation: animation-zoom-horizontal linear 0.4s;
}

.about-content .animation-zoom-horizontal.title {
  transform-origin: calc(100% - 2em) center;
}

.show-text-animation-wrapper {
  overflow: hidden;
}

@-webkit-keyframes animation-show-text {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes animation-show-text {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes animation-show-text-reverse {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes animation-show-text-reverse {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.animation-show-text.loaded {
  -webkit-animation: animation-show-text linear 0.372s;
          animation: animation-show-text linear 0.372s;
}

.animation-show-text-reverse.loaded {
  -webkit-animation: animation-show-text-reverse linear 0.4s;
          animation: animation-show-text-reverse linear 0.4s;
}

@-webkit-keyframes animation-show-about {
  from {
    transform: translateX(50vw);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes animation-show-about {
  from {
    transform: translateX(50vw);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes animation-show-about-reverse {
  from {
    transform: translateX(-50vw);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes animation-show-about-reverse {
  from {
    transform: translateX(-50vw);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.animation-show-about {
  display: block;
  opacity: 0;
}

.loaded .animation-show-about {
  opacity: 1;
  -webkit-animation: animation-show-about linear 0.4s;
          animation: animation-show-about linear 0.4s;
}

.reverse .loaded .animation-show-about {
  -webkit-animation-name: animation-show-about-reverse;
          animation-name: animation-show-about-reverse;
}

@-webkit-keyframes animation-zoom {
  from {
    transform: scale(0);
    opacity: 0;
  }
  90% {
    transform: scale(1.15);
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes animation-zoom {
  from {
    transform: scale(0);
    opacity: 0;
  }
  90% {
    transform: scale(1.15);
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animation-zoom {
  transform-origin: center;
}

.loaded.animation-zoom {
  -webkit-animation: animation-zoom linear 0.48s;
          animation: animation-zoom linear 0.48s;
}

.animation-show-about:nth-child(2) {
  -webkit-animation-duration: 0.42s;
          animation-duration: 0.42s;
}

.animation-show-about:nth-child(3) {
  -webkit-animation-duration: 0.44s;
          animation-duration: 0.44s;
}

.animation-show-about:nth-child(4) {
  -webkit-animation-duration: 0.46s;
          animation-duration: 0.46s;
}

.animation-show-about:nth-child(5) {
  -webkit-animation-duration: 0.48s;
          animation-duration: 0.48s;
}

.animation-show-about:nth-child(6) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}

.animation-show-about:nth-child(7) {
  -webkit-animation-duration: 0.52s;
          animation-duration: 0.52s;
}

.animation-show-about:nth-child(8) {
  -webkit-animation-duration: 0.54s;
          animation-duration: 0.54s;
}

.animation-show-about:nth-child(9) {
  -webkit-animation-duration: 0.56s;
          animation-duration: 0.56s;
}