@charset "UTF-8";
:root {
  --app-height: 100%;
}

html {
  font-family: "Montserrat";
  overflow-x: hidden;
  -ms-overflow-style: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
html::-webkit-scrollbar {
  width: 0;
}

body {
  position: relative;
  background: #fff;
}

html.lock {
  overflow: hidden !important;
}

@font-face {
  font-family: FiraSans;
  font-display: swap;
  src: url("../fonts/FiraSans-Bold.woff2") format("woff2"), url("../fonts/FiraSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Tactic Sans Extended";
  font-display: swap;
  src: url("../fonts/TacticSansExd-Bld.woff2") format("woff2"), url("../fonts/TacticSansExd-Bld.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
header {
  position: fixed;
  z-index: 9990;
  width: 100%;
}
header .white-back {
  position: absolute;
  transition: all 0.3s ease;
  top: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  transform: translateY(-110%);
  z-index: 10;
}
header .white-back.show {
  opacity: 1;
  transform: translateY(0%);
}

@media (min-width: 1220px) {
  .header.hide {
    transition: opacity 0.5s ease;
    opacity: 0 !important;
  }
}
.anchor-to-contacts {
  cursor: pointer !important;
}

:root {
  --background-gradient-top: #000128;
  --background-gradient-bottom: #030a33;
  --text-color: #fff;
  --button-border-color: #000128;
  --button-height: 64px;
}

.header-navigation {
  position: relative;
  display: flex;
  justify-content: end;
  -webkit-justify-content: flex-end;
  flex-wrap: nowrap;
  transition: all 0.6s ease;
  margin: 0 10px 0 0;
  z-index: 10;
}
@media (min-width: 1930px) {
  .header-navigation {
    margin: 0 -40px 0 0;
  }
}
@media (min-width: 1220px) {
  .header-navigation .hover-button {
    height: var(--button-height);
    width: var(--button-width);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    position: relative;
    transition: all 0.4s ease;
    transform-style: preserve-3d;
    padding: 0 30px;
    outline: none;
    border: 3px solid transparent;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    color: var(--text-color);
  }
}
@media (min-width: 1220px) and (max-width: 1220px) {
  .header-navigation .hover-button {
    font-size: 0.9rem;
  }
}
@media (min-width: 1220px) {
  .header-navigation .hover-button:hover {
    transform: translateY(calc(var(--button-height) / -2)) rotateX(90deg);
  }
}
@media (min-width: 1220px) {
  .header-navigation .hover-button:before {
    content: "1";
    position: absolute;
    bottom: 3px;
    left: -3px;
    right: -3px;
    top: -5px;
    transform-origin: bottom center;
    transform: rotateX(90deg) rotateY(180deg) rotateZ(180deg) translateY(var(--button-height));
    opacity: 0;
    transition: all 0.4s ease;
    padding-top: 30px;
    background-color: var(--button-color);
    border: 3px solid transparent;
    padding-top: calc(var(--button-height) / 4);
  }
}
@media (min-width: 1220px) {
  .header-navigation .hover-button.first:before {
    content: "Работа в involta";
  }
}
@media (min-width: 1220px) {
  .header-navigation .hover-button.second:before {
    content: "алекс концов";
  }
}
@media (min-width: 1220px) {
  .header-navigation .hover-button.third:before {
    content: "Инструменты";
  }
}
@media (min-width: 1220px) {
  .header-navigation .hover-button.fouth:before {
    content: "Контакты";
  }
}
@media (min-width: 1220px) {
  .header-navigation .hover-button.fifth:before {
    content: "En";
  }
}
@media (min-width: 1220px) {
  .header-navigation .hover-button:hover:before {
    transform: rotateX(90deg) rotateY(180deg) rotateZ(180deg) translateY(64px);
    opacity: 1;
  }
}
.header-navigation a {
  color: #fff;
  text-transform: uppercase;
  transition: transform 1s ease, color 0.4s ease;
  z-index: 999;
}

.global-mask {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  background: #000;
  z-index: 99999;
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
}

.global-mask.visible {
  visibility: visible;
  opacity: 1;
  touch-action: none;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: auto;
  overflow: hidden;
}

.lock-mask {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  background: transparent;
  z-index: 99999;
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
}

.lock-mask.visible {
  visibility: visible;
  opacity: 0.5;
  touch-action: none;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: auto;
  overflow: hidden;
}

.logo-involta {
  transition: all 0.4s ease;
  position: absolute;
  top: 0;
  z-index: 30;
}
@media (max-width: 1930px) {
  .logo-involta {
    left: calc(3vw + 5px);
  }
}
.logo-involta svg {
  fill: #fff;
  transition: all 0.4s ease;
  width: calc(1.1vw + 95px);
  height: calc(0.5vw + 55px);
}

.burger-btn {
  cursor: pointer !important;
  display: none;
  position: absolute;
  right: calc(2.5vw + 4px);
  top: calc(2vw + 4px);
  width: 40px;
  height: 30px;
  z-index: 10;
}
@media (max-width: 500px) {
  .burger-btn {
    top: calc(2.6vw + 4px);
  }
}
.burger-btn span {
  position: absolute;
  height: 2px;
  width: 80%;
  left: 10%;
  top: 45%;
  background: #fff;
  transition: all 0.4s ease;
}
.burger-btn::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 80%;
  left: 10%;
  top: 12%;
  background: #fff;
  transition: all 0.4s ease;
}
.burger-btn::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 80%;
  left: 10%;
  bottom: 14%;
  background: #fff;
  transition: all 0.4s ease;
}

@media (max-width: 1220px) {
  .header.black.white .header-navigation {
    background: #000;
  }
}
.header.black.white .header-navigation span {
  background: #fff;
}
.header.black.white .header-navigation span::after {
  background: #fff;
}
.header.black.white .header-navigation span::before {
  background: #fff;
}
.header.black.white .header-navigation a {
  color: #fff;
}
.header.black.white .logo-involta svg {
  fill: #fff;
}
.header.black.white .burger-btn span,
.header.black.white .burger-btn::before,
.header.black.white .burger-btn::after {
  background: #fff;
}

@media (max-width: 1220px) {
  .header.black .header-navigation {
    background: #fff;
    transition: all 0.4s ease;
  }
}
.header.black .header-navigation span {
  background: #000;
}
.header.black .header-navigation span::after {
  background: #000;
}
.header.black .header-navigation span::before {
  background: #000;
}
.header.black .header-navigation a {
  color: #000;
}
.header.black .logo-involta svg {
  fill: #000;
}
.header.black .burger-btn span,
.header.black .burger-btn::before,
.header.black .burger-btn::after {
  background: #000;
}

.header.active .logo-involta::after {
  opacity: 1;
}
.header.active .header-navigation {
  background: #fff;
  transform: translateY(0%);
}
.header.active .header-navigation a {
  transform: translateY(0);
  color: #000;
}
.header.active .burger-btn span {
  position: absolute;
  height: 2px;
  width: 80%;
  left: 10%;
  top: 45%;
  background: #000;
  transform: scaleX(0) translateX(-10px);
}
.header.active .burger-btn::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 80%;
  left: 10%;
  top: 12%;
  background: #000;
  transform: translateY(10px) rotate(-45deg);
}
.header.active .burger-btn::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 80%;
  left: 10%;
  bottom: 17%;
  background: #000;
  transform: translateY(-8px) rotate(45deg);
}
@media (max-width: 1220px) {
  .header.active .header-navigation {
    background: #fff;
    transition: all 0.4s ease;
  }
}
.header.active .header-navigation span {
  background: #000;
}
.header.active .header-navigation span::after {
  background: #000;
}
.header.active .header-navigation span::before {
  background: #000;
}
.header.active .header-navigation a {
  color: #000;
}
.header.active .logo-involta svg {
  fill: #000;
}
.header.active .burger-btn span,
.header.active .burger-btn::before,
.header.active .burger-btn::after {
  background: #000;
}

@media (max-width: 1220px) {
  .logo-involta {
    display: block;
  }
  .burger-btn {
    display: block;
  }
  header {
    height: 0;
  }
  .header-navigation {
    width: 100vw;
    height: 105vh;
    background: #000;
    flex-direction: column;
    justify-content: start;
    padding: calc(11vh - 10px) 0 20px 0;
    transform: translateY(-100%);
  }
  .header-navigation a {
    padding: 20px 30px 20px calc(3vw + 5px);
    transform: translateY(-500%);
    display: flex;
    align-items: center;
    font-size: calc(2vw + 16px);
    text-transform: none;
  }
  .header-navigation a:hover span {
    width: 100px;
  }
  .header-navigation a span {
    position: relative;
    display: block;
    margin: 0 20px 0 0;
    width: 30px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: all 0.4s ease;
  }
  .header-navigation a span::before {
    content: "";
    position: absolute;
    right: -1.5px;
    top: 0;
    width: 10px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transform: translateY(-3px) rotate(45deg);
  }
  .header-navigation a span::after {
    content: "";
    position: absolute;
    right: -1.5px;
    top: 0;
    width: 10px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transform: translateY(3px) rotate(-45deg);
  }
}
@media (max-width: 1220px) and (max-height: 430px) {
  .header-navigation {
    padding: calc(11vh + 10px) 0 0 0;
  }
  .header-navigation a {
    padding: 10px 30px 10px calc(3vw + 5px);
    font-size: calc(1vw + 12px);
  }
}
/* Указываем box sizing */
/* Убираем внутренние отступы */
ul[class],
ol[class] {
  padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

input:focus-visible {
  outline-offset: 0px;
  outline: -webkit-focus-ring-color auto 0px;
}

a {
  text-decoration: none;
}

button {
  background: none;
  border: none;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  display: block;
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
  margin-top: 1em;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit;
}

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.none {
  display: none !important;
}

.hidden {
  visibility: hidden !important;
  transition: all 0.4s ease;
}

.opacity {
  opacity: 0 !important;
}

.involta-go__cards-fullscreen.show {
  visibility: visible !important;
  opacity: 1 !important;
  transition: opacity 0.2s ease;
}

.container {
  margin: 0 auto;
  padding: 0 60px;
}
@media (min-width: 1910px) {
  .container {
    padding: 0 100px;
  }
}
@media (min-width: 1024px) {
  .container {
    padding: 0 75px;
  }
}
@media (max-width: 640px) {
  .container {
    padding: 0 calc(3vw + 5px);
  }
}
@media (max-height: 500px) {
  .container {
    padding: 0 calc(3vw + 5px);
  }
}

@media (min-width: 1930px) {
  .container-fixed {
    padding: 0 100px;
  }
}

.container-contacts {
  width: 100%;
  overflow: hidden;
  margin: 0 auto !important;
  padding: 0 calc(3.5vw + 1px);
}
@media (min-width: 1930px) {
  .container-contacts {
    padding: 0 280px;
  }
}
@media (min-width: 2520px) {
  .container-contacts {
    padding: 0 420px;
  }
}
@media (max-width: 992px) {
  .container-contacts {
    padding: 0 calc(1.8vw + 1px);
  }
}
@media (max-width: 500px) {
  .container-contacts {
    padding: 0 10px;
  }
}

.smooth-scroll {
  overflow: hidden !important;
}

.screen {
  height: 100vh;
  max-height: 100vh !important;
}

.preloader.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.8s ease;
}

.preloader.hidden {
  visibility: hidden;
  opacity: 0;
  transition: transform 0.8s ease, opacity 1s ease, visibility 1s ease;
}
.preloader.hidden .preloader__title {
  transform: translateY(-100%);
  transition: transform 0.8s ease, opacity 1s ease, visibility 1s ease;
}

.preloader {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  z-index: 100000000 !important;
}

.vid {
  z-index: 99999999;
}

.preloader__background {
  background: #000;
  width: 100vw;
  height: 100vh;
}

.preloader__title {
  animation: preloader 2s ease;
}

.preloader__title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  transform: scale(1.4);
}
@media (max-width: 1600px) {
  .preloader__title {
    transform: scale(1.2);
  }
}
@media (max-width: 1440px) {
  .preloader__title {
    transform: scale(1);
  }
}
@media (max-width: 768px) {
  .preloader__title {
    transform: scale(0.8);
  }
}

.noise-mask {
  position: absolute;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/noise.webp);
  opacity: 0.05;
  z-index: -1;
}

.about-involta {
  position: relative;
  background: #000;
  color: #fff;
  padding: 150px 0 20px 0;
  z-index: 30;
}
@media (max-width: 1440px) {
  .about-involta {
    padding: 130px 0 20px 0;
  }
}
@media (max-width: 640px) {
  .about-involta {
    padding: 120px 0 20px 0;
  }
}
@media (max-width: 360px) {
  .about-involta {
    padding: 80px 0 20px 0;
  }
}
.about-involta .trigger {
  position: absolute;
}

.about-involta__img {
  width: 100%;
}
.about-involta__img svg {
  width: calc(39vw + 150px);
  height: calc(19vw + 200px);
}
@media (min-width: 992px) {
  .about-involta__img svg {
    width: calc(17vw + 210px);
    height: calc(10vw + 200px);
  }
}
@media (max-width: 500px) {
  .about-involta__img svg {
    width: calc(17vw + 200px);
    height: calc(10vw + 180px);
  }
}

.about-involta__subtitle {
  margin: calc(1vw + 20px) 0 0 0;
  font-weight: 300;
  font-size: calc(0.56vw + 8px);
  line-height: 145%;
  width: calc(10vw + 250px);
}

.about-involta__text-body {
  display: flex;
  align-items: flex-start;
}

.about-involta__title {
  font-weight: 600;
  font-size: calc(2.08vw + 20px);
  line-height: 155%;
}

.about-involta__body {
  display: flex;
  justify-content: space-between;
}

.about-involta__left {
  width: 50%;
  padding: 0 calc(4vw + 5px) 0 0;
}

.about-involta__right {
  padding: 0 0 0 calc(4vw + 5px);
  width: 50%;
}

.scroll-line {
  position: relative;
  width: 2px;
  margin: calc(1.3vw + 55px) 0 0 0;
  background: rgba(255, 255, 255, 0.1);
  transition: all 0.2s linear;
}
@media (min-width: 1930px) {
  .scroll-line {
    height: calc(0.78vw + 33px);
  }
}
.scroll-line::after {
  position: absolute;
  content: "";
  bottom: 0;
  background: #fff;
  width: 2px;
  height: 5px;
  border-radius: 2px;
}
@media (max-width: 992px) {
  .scroll-line::after {
    display: none;
  }
}

.scroll-line__text {
  position: absolute;
  transform: rotate(90deg);
  font-weight: 300;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 115%;
  margin: calc(1.1vw + 25px) 0 0 -24px;
  background: #000;
  z-index: 20;
}

.scroll-line__arrow {
  position: absolute;
  bottom: -4.5px;
  width: 20px;
  height: 10px;
  transform: translateX(-7px);
  background-image: url(../img/arrow.webp);
  background-repeat: no-repeat;
}

.about-involta__accordion {
  margin: 0px 0 0px 20px;
}
@media (max-width: 992px) {
  .about-involta__accordion {
    margin: -20px 0 0 20px;
  }
}
.about-involta__accordion .about-involta__accordion-item {
  margin: calc(0.75vw + 10px) calc(1vw + 5px) 0 0;
  font-weight: 500;
  font-size: calc(0.64vw + 8px);
  line-height: 135%;
  height: 100%;
  transform: scale(0);
  opacity: 0;
  transform-origin: top left;
  transition: all 0.6s ease;
}
@media (min-width: 1930px) {
  .about-involta__accordion .about-involta__accordion-item {
    margin: calc(0.75vw + 10px) calc(6.4vw + 8px) 0 0;
  }
}
.about-involta__accordion .about-involta__accordion-item.show {
  transform: scale(1);
  opacity: 1;
}

.involta-go {
  height: 150% !important;
}

.involta-go__title {
  position: relative;
  top: -0.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  height: 100%;
}
.involta-go__title img {
  object-fit: contain;
  width: calc(40vw + 180px);
  height: 100%;
  z-index: -1;
}
.involta-go__title .green-circle {
  position: absolute;
  width: calc(12vw + 80px);
  height: calc(12vw + 80px);
  right: calc(28.2% - 130px);
  border-radius: 100%;
  background: #b4db4d !important;
  z-index: 10;
}
.involta-go__title .green-circle.when-focus {
  transform: scale(1.02, 1.02) !important;
}
.involta-go__title .trigger-go {
  position: absolute;
  top: 50%;
}

.involta-go__arrow-body {
  transform: scale(1.3);
  position: absolute;
  left: -20%;
  top: 22%;
}
@media (max-width: 1930px) {
  .involta-go__arrow-body {
    left: -32%;
    top: 30%;
  }
}
@media (max-width: 1600px) {
  .involta-go__arrow-body {
    left: -45%;
    top: 25%;
  }
}
@media (max-width: 1024px) {
  .involta-go__arrow-body {
    transform: scale(1.1);
    left: -35%;
    top: 30%;
  }
}
@media (max-width: 992px) {
  .involta-go__arrow-body {
    transform: scale(1.5);
    left: -70%;
    top: calc(16% + 27px);
  }
}
@media (max-width: 500px) {
  .involta-go__arrow-body {
    transform: scale(1.3);
    left: -30%;
    top: calc(22% + 32px);
  }
}
@media (max-height: 435px) {
  .involta-go__arrow-body {
    display: none;
  }
}
@media (max-height: 500px) {
  .involta-go__arrow-body {
    top: calc(21% + 28px);
  }
}
.involta-go__arrow-body img {
  position: absolute;
  top: calc(5.5vw + 20px);
  left: calc(2.2vw + 14px);
  width: calc(9vw + 22px);
  height: calc(9vw + 22px);
  clip-path: inset(0 0 100% 0);
  transition: all 0.8s ease;
  transition-delay: 0.4s;
}
@media (min-width: 1910px) {
  .involta-go__arrow-body img {
    top: calc(4vw + 20px);
    width: calc(6vw + 22px);
    height: calc(6vw + 22px);
  }
}
@media (max-width: 992px) {
  .involta-go__arrow-body img {
    margin: 0;
    top: calc(-37vh + 30px);
    transform: scale(0.4);
  }
}
@media (max-width: 992px) and (min-height: 880px) {
  .involta-go__arrow-body img {
    top: calc(-37vh + 25px);
  }
}
@media (max-width: 500px) {
  .involta-go__arrow-body img {
    margin: 0;
    top: calc(-37vh + 45px);
    transform: scale(0.33) rotate(19deg);
    left: calc(-5vw - 30px);
  }
}
.involta-go__arrow-body .involta-go__arrow-text {
  width: calc(6vw + 100px);
  color: #b4db4d;
  text-align: center;
  font-size: 17px;
  transform: scale(2) rotate(-15deg);
  line-height: 105%;
}
@media (min-width: 1910px) {
  .involta-go__arrow-body .involta-go__arrow-text {
    font-size: 22px;
    width: calc(4vw + 120px);
  }
}
@media (max-width: 768px) {
  .involta-go__arrow-body .involta-go__arrow-text {
    font-size: calc(0.4vw + 12px);
    width: calc(10vw + 100px);
  }
}

.involta-go__arrow-body.show img {
  clip-path: inset(0 0 0% 0);
}

.involta-go__frame {
  position: absolute;
  bottom: -20%;
  left: 0;
  width: 100%;
  height: 118%;
  transform: scale(0.72);
  transition: all 0.8s ease;
}

.involta-go__frame.full {
  transform: scale(1.08);
  transition: all 2s ease;
  transition-delay: 0.5s !important;
}

.involta-go__card-one {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0.97);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  z-index: 20;
  transition: all 0.4s linear;
}

.involta-go__card-one.first {
  transition: all 0.8s ease;
  background-image: url(../img/sea111.webp);
  background-position: 20% 10% !important;
}
@media (max-width: 460px) {
  .involta-go__card-one.first {
    background-size: 450% !important;
  }
}
@media (max-height: 430px) {
  .involta-go__card-one.first {
    background-size: 120% !important;
    background-position: 20% 99% !important;
  }
}

.involta-go__card-one.second {
  transition: all 0.8s ease;
  background-image: url(../img/mountains111.webp);
  background-position: 15% 90%;
}
@media (max-width: 640px) {
  .involta-go__card-one.second {
    background-position: 20% 90%;
  }
}
@media (max-width: 440px) {
  .involta-go__card-one.second {
    background-position: 25% 90%;
  }
}

.involta-go__card-one.third {
  transition: all 1s ease;
  height: 120vh;
  width: 100%;
}
.involta-go__card-one.third::before {
  content: "";
  width: 100%;
  height: 100vh;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 0%;
  transition: transform 0.4s ease;
  transition: all 1s ease;
  z-index: 1;
  transform-origin: bottom;
}
@media (max-width: 640px) {
  .involta-go__card-one.third::before {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 10% 0%;
  }
}
@media (max-width: 640px) and (max-height: 740px) {
  .involta-go__card-one.third::before {
    background-position: 10% 80%;
  }
}
@media (min-height: 1070px) {
  .involta-go__card-one.third::before {
    background-position: 100% -80%;
  }
}
@media (min-height: 1200px) {
  .involta-go__card-one.third::before {
    background-position: 100% -150%;
  }
}
.involta-go__card-one.third::after {
  width: 100%;
  height: 100%;
  left: -80px;
  content: "";
  position: absolute;
  background-image: linear-gradient(-45deg, #04020d 47%, rgba(4, 2, 13, 0.9529411765) 51%, rgba(4, 2, 13, 0.7294117647) 65%, rgba(0, 0, 0, 0) 90%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0.3;
  transition: all 1s ease;
  z-index: 10;
}
@media (min-width: 1600px) {
  .involta-go__card-one.third::after {
    left: -40px;
    background-image: linear-gradient(-45deg, #04020d 50%, rgba(4, 2, 13, 0.9529411765) 55%, rgba(4, 2, 13, 0.7294117647) 70%, rgba(0, 0, 0, 0) 95%);
  }
}
@media (max-width: 992px) {
  .involta-go__card-one.third::after {
    left: -30px;
    background-image: linear-gradient(-45deg, #04020d 33%, rgba(4, 2, 13, 0.7921568627) 50%, rgba(0, 0, 0, 0) 90%);
  }
}
@media (max-width: 640px) {
  .involta-go__card-one.third::after {
    left: 10px;
    background-image: linear-gradient(180deg, #04020d 0%, rgba(0, 0, 0, 0) 100%);
  }
}
@media (max-height: 430px) {
  .involta-go__card-one.third::after {
    left: -30px;
    background-image: linear-gradient(-45deg, #04020d 40%, rgba(0, 0, 0, 0) 150%);
  }
}

.involta-go__card-one.third.normal::before {
  background-size: cover;
  background-position: 17% 90%;
}

.involta-go__card-one.third.normal::after {
  opacity: 1 !important;
}

.involta-go__cards-fullscreen {
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 9999;
  clip-path: inset(0 0 0% 0);
  transition: margin 0.6s ease, clip-path 0.2s linear !important;
  margin: -100px 0 0 0 !important;
}
@media (max-width: 500px) {
  .involta-go__cards-fullscreen {
    transform: scale(0.95) !important;
  }
}
@media (max-height: 550px) {
  .involta-go__cards-fullscreen {
    margin: -50px 0 0 0 !important;
    transform: scale(0.85) !important;
  }
}
@media (max-height: 400px) {
  .involta-go__cards-fullscreen {
    transform: scale(0.75) !important;
  }
}

.involta-go__cards-fullscreen.third {
  clip-path: inset(44% 0 0% 0);
  margin: -180px 0 0 0 !important;
}
@media (max-height: 550px) {
  .involta-go__cards-fullscreen.third {
    margin: -110px 0 0 0 !important;
  }
}
@media (min-height: 992px) {
  .involta-go__cards-fullscreen.third {
    clip-path: inset(46% 0 0% 0);
  }
}

.involta-go__cards-fullscreen.second {
  clip-path: inset(0% 0 0% 0);
  margin: -100px 0 0 0 !important;
}
@media (max-height: 550px) {
  .involta-go__cards-fullscreen.second {
    margin: -50px 0 0 0 !important;
  }
}

.involta-go__cards-fullscreen.first {
  clip-path: inset(0 0 46% 0);
  margin: -50px 0 0 0 !important;
}
@media (max-height: 550px) {
  .involta-go__cards-fullscreen.first {
    margin: -40px 0 0 0 !important;
  }
}
@media (min-height: 992px) {
  .involta-go__cards-fullscreen.first {
    clip-path: inset(0% 0 46% 0);
  }
}

.involta-go__card-title {
  position: relative;
  font-family: "FiraSans";
  font-weight: 700;
  transition: all 0.6s ease !important;
  margin: 20px 0;
  font-weight: 700;
  font-size: 50px;
  line-height: 125%;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #ffffff;
  opacity: 0.2;
  z-index: 999;
}
@media (max-width: 500px) {
  .involta-go__card-title {
    font-size: 40px;
  }
}
.involta-go__card-title svg {
  fill: #fff;
  width: 170px;
  height: 60px;
  transition: all 0.6s ease;
}
@media (max-width: 500px) {
  .involta-go__card-title svg {
    width: 150px;
    height: 50px;
  }
}

.involta-go__card-title.active {
  transform: scale(1.6);
  opacity: 1;
}
@media (max-height: 550px) {
  .involta-go__card-title.active {
    transform: scale(1.5);
  }
}

.involta-go__card-one.full {
  background-size: cover;
}

.involta-go__frame-circles {
  display: flex;
  margin: 25px 0 0 30px;
}
.involta-go__frame-circles span {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  margin: 0 10px;
}
@media (max-width: 992px) {
  .involta-go__frame-circles {
    margin: 22px 0 0 26px;
  }
  .involta-go__frame-circles span {
    width: 16px;
    height: 16px;
    margin: 0 8px;
  }
}
@media (max-width: 640px) {
  .involta-go__frame-circles {
    margin: 20px 0 0 24px;
  }
  .involta-go__frame-circles span {
    width: 13px;
    height: 13px;
    margin: 0 6px;
  }
}
.involta-go__frame-circles .red {
  background: #ff0000;
  opacity: 0.5;
}
.involta-go__frame-circles .yellow {
  background: #ffa800;
  opacity: 0.5;
}
.involta-go__frame-circles .green {
  background: #04bc00;
  opacity: 0.5;
}

.involta-go__frame-input {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: calc(8.5vw + 40px) 0 0 0;
}
@media (max-width: 1930px) {
  .involta-go__frame-input {
    margin: calc(11vw + 40px) 0 0 0;
  }
}
@media (max-height: 430px) {
  .involta-go__frame-input {
    margin: calc(60vh - 150px) 0 0 0 !important;
  }
}
@media (max-height: 430px) and (max-width: 500px) {
  .involta-go__frame-input {
    margin: calc(66vh - 130px) 0 0 0 !important;
  }
}
@media (max-height: 390px) {
  .involta-go__frame-input {
    margin: calc(63vh - 130px) 0 0 0 !important;
  }
}
@media (max-height: 340px) {
  .involta-go__frame-input {
    margin: calc(64vh - 120px) 0 0 0 !important;
  }
}
.involta-go__frame-input input {
  position: relative;
  background: #ffffff;
  border: 1px solid #000000;
  border-radius: 100px;
  transition: all 0.4s ease;
  padding: 22px 35px;
  font-size: 22px;
  width: calc(35vw + 280px);
}
@media (min-width: 1910px) {
  .involta-go__frame-input input {
    font-size: 24px;
    padding: 28px 45px;
  }
}
@media (max-width: 1024px) {
  .involta-go__frame-input input {
    padding: 17px 25px;
  }
}
@media (max-width: 768px) {
  .involta-go__frame-input input {
    padding: 17px 25px;
    font-size: 18px;
  }
}
@media (max-width: 500px) {
  .involta-go__frame-input input {
    font-size: 20px;
    padding: 21px 25px;
  }
}
@media (max-width: 375px) {
  .involta-go__frame-input input {
    padding: 17px 25px;
  }
}
.involta-go__frame-input input:focus {
  border: 1px solid #85b800 !important;
}
.involta-go__frame-input input:hover::placeholder {
  color: #85b800;
}
.involta-go__frame-input input::placeholder {
  transition: all 0.4s ease;
  line-height: normal !important;
  /* identical to box height, or 30px */
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 0.5);
}
.involta-go__frame-input input::-webkit-input-placeholder {
  line-height: normal !important;
}
.involta-go__frame-input input:focus {
  outline: none !important; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
.involta-go__frame-input .input-button {
  position: absolute;
  transform: translate3d(-75px, 18px, 0);
}
@media (min-width: 1910px) {
  .involta-go__frame-input .input-button {
    transform: translate3d(-90px, 25px, 0) scale(1.3);
  }
}
@media (max-width: 1024px) {
  .involta-go__frame-input .input-button {
    transform: translate3d(-60px, 14px, 0);
  }
}
@media (max-width: 640px) {
  .involta-go__frame-input .input-button {
    transform: translate3d(-60px, 9px, 0) scale(0.9);
  }
}
@media (max-width: 500px) {
  .involta-go__frame-input .input-button {
    transform: translate3d(-60px, 15px, 0) scale(1);
  }
}
@media (max-width: 375px) {
  .involta-go__frame-input .input-button {
    transform: translate3d(-65px, 11px, 0) scale(0.9);
  }
}
.involta-go__frame-input .input-button svg {
  fill: rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 40px;
  padding: -40px 20px;
  transition: all 0.4s ease;
  cursor: pointer !important;
}
@media (max-width: 1024px) {
  .involta-go__frame-input .input-button svg {
    width: 28px;
    height: 40px;
  }
}
@media (max-width: 640px) {
  .involta-go__frame-input .input-button svg {
    width: 32px;
    height: 44px;
  }
}
.involta-go__frame-input .input-button:hover svg {
  fill: #85b800;
}

.involta-go__frame-input.when-focus {
  margin: 240px 0 0 0;
}
@media (max-height: 400px) {
  .involta-go__frame-input.when-focus {
    margin: 180px 0 0 0;
  }
}
@media (min-height: 670px) {
  .involta-go__frame-input.when-focus {
    margin: 280px 0 0 0;
  }
}
@media (min-height: 760px) {
  .involta-go__frame-input.when-focus {
    margin: 290px 0 0 0;
  }
}

.c-scrollbar {
  display: none;
}

.involta-go__cards.when-focus {
  margin: 0;
}
@media (max-width: 500px) {
  .involta-go__cards.when-focus .involta-go__card {
    height: 35vh !important;
  }
}
.involta-go__cards.when-focus .involta-go__card {
  height: 12vh;
}

.last-on-mobile {
  display: none;
}

.involta-go__cards.on-mobile {
  margin: 20px 0;
}

.involta-go__cards {
  display: flex;
  justify-content: center;
  width: 114%;
  margin: calc(3vw + 24px) 0 0 0;
}
@media (min-width: 500px) {
  .involta-go__cards {
    overflow-x: hidden !important;
  }
}
@media (max-width: 640px) {
  .involta-go__cards {
    justify-content: space-between;
  }
}
@media (max-width: 992px) {
  .involta-go__cards {
    margin: calc(7vw + 20px) 0 0 0;
    width: calc(125% + 35px);
  }
  .involta-go__cards .first-card {
    width: 50%;
  }
  .involta-go__cards .second-card {
    width: 50%;
  }
  .involta-go__cards .last {
    display: none;
  }
  .involta-go__cards .involta-go__card {
    height: calc(24vw + 100px);
  }
  .involta-go__cards .last-on-mobile {
    display: block;
    width: 100%;
    height: calc(12vw + 50px);
    overflow: hidden !important;
  }
}
@media (max-width: 500px) {
  .involta-go__cards {
    -webkit-overflow-scrolling: touch !important; /* enables “momentum” (smooth) scrolling */
  }
  .involta-go__cards .last {
    display: block;
  }
  .involta-go__cards .last-on-mobile {
    display: none;
    width: 100%;
    height: calc(12vw + 50px);
  }
}
@media (max-height: 430px) {
  .involta-go__cards {
    -webkit-overflow-scrolling: touch !important; /* enables “momentum” (smooth) scrolling */
  }
  .involta-go__cards .last {
    display: block;
  }
  .involta-go__cards .last-on-mobile {
    display: none;
    width: 100%;
    height: calc(12vw + 50px);
  }
}
@media (min-width: 1930px) {
  .involta-go__cards {
    width: 66%;
  }
}

.involta-go__card {
  width: 33.333%;
  min-width: 250px;
  margin: 0 10px;
  height: calc(10vw + 120px);
  background: #f4f4f4;
  border-radius: 30px;
  padding: 30px 25px;
}
@media (min-width: 1600px) {
  .involta-go__card {
    padding: 35px 40px;
    height: calc(12vw + 120px);
  }
}
@media (min-width: 1930px) {
  .involta-go__card {
    padding: 35px 35px;
  }
}
.involta-go__card .card-title {
  font-weight: 700;
  font-size: calc(1.22vw + 23px);
  line-height: 125%;
  color: #000000;
  margin: 0 0 calc(0.9vw + 5px) 0;
}
@media (max-width: 992px) {
  .involta-go__card .card-title {
    font-size: calc(3vw + 18px);
  }
}
.involta-go__card .card-text {
  font-weight: 500;
  font-size: calc(1.5vw + 2px);
  line-height: 135%;
  color: #000000;
  opacity: 0.75;
}
@media (max-width: 992px) {
  .involta-go__card .card-text {
    font-size: calc(2.2vw + 5px);
  }
}
@media (min-width: 1930px) {
  .involta-go__card {
    width: 33.333%;
    height: calc(6.7vw + 110px);
  }
  .involta-go__card .card-text {
    font-size: calc(0.7vw + 7px);
  }
  .involta-go__card .card-title {
    font-size: calc(0.7vw + 19px);
  }
}

@media (max-width: 500px) {
  .involta-go__cards {
    width: 138%;
    margin: calc(2vw + 45px) 0 0 0px;
  }
}
@media (max-width: 500px) and (max-height: 550px) {
  .involta-go__cards {
    margin: calc(2vw + 15px) 0 0 0;
  }
}
@media (max-width: 500px) {
  .involta-go__cards {
    -ms-overflow-style: none;
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media (max-width: 500px) {
  .involta-go__cards::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    display: none;
  }
}
@media (max-width: 500px) {
  .involta-go__card {
    width: 40%;
    min-width: 380px;
    height: calc(45vh - 10px);
    margin: 0 10px;
    padding: calc(1.4vw + 23px) calc(1.3vw + 19px);
  }
}
@media (max-width: 500px) and (max-width: 400px) {
  .involta-go__card {
    min-width: 330px;
  }
}
@media (max-width: 500px) and (max-width: 500px) {
  .involta-go__card {
    height: calc(58vh - 10px) !important;
  }
}
@media (max-width: 500px) and (max-height: 440px) {
  .involta-go__card {
    height: calc(30vh - 10px) !important;
  }
}
@media (max-width: 500px) {
  .card-title {
    font-size: calc(4.2vh + 8px) !important;
  }
}
@media (max-width: 500px) and (max-height: 450px) {
  .card-title {
    font-size: calc(4vh + 14px) !important;
  }
}
@media (max-width: 500px) and (max-height: 370px) {
  .card-title {
    font-size: calc(4.2vh + 8px) !important;
  }
}
@media (max-width: 500px) {
  .card-text {
    font-size: calc(3.2vh + 1px) !important;
  }
}
@media (max-width: 500px) and (max-height: 450px) {
  .card-text {
    font-size: calc(3vh + 5px) !important;
  }
}
@media (max-width: 500px) and (max-height: 370px) {
  .card-text {
    font-size: calc(3.2vh + 1px) !important;
  }
}
@media (max-height: 430px) {
  .involta-go__cards {
    overflow-x: auto !important;
    width: 138%;
    margin: calc(2vw + 45px) 0 0 0px;
  }
}
@media (max-height: 430px) and (max-height: 550px) {
  .involta-go__cards {
    margin: calc(2vw + 15px) 0 0 0;
  }
}
@media (max-height: 430px) {
  .involta-go__cards {
    -ms-overflow-style: none;
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media (max-height: 430px) {
  .involta-go__cards::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    display: none;
  }
}
@media (max-height: 430px) {
  .involta-go__card {
    width: 40%;
    min-width: 230px;
    height: calc(45vh - 10px);
    margin: 0 10px;
    padding: calc(1.4vw + 17px) calc(1vw + 17px);
  }
}
@media (max-height: 430px) and (max-width: 400px) {
  .involta-go__card {
    min-width: 330px;
  }
}
@media (max-height: 430px) and (max-width: 500px) {
  .involta-go__card {
    height: calc(58vh - 10px) !important;
  }
}
@media (max-height: 430px) and (max-height: 440px) {
  .involta-go__card {
    height: calc(38vh - 10px) !important;
  }
}
@media (max-height: 430px) {
  .card-title {
    font-size: calc(4.2vh + 8px) !important;
  }
}
@media (max-height: 430px) and (max-height: 450px) {
  .card-title {
    font-size: calc(3.5vh + 11px) !important;
  }
}
@media (max-height: 430px) and (max-height: 370px) {
  .card-title {
    font-size: calc(4.2vh + 8px) !important;
  }
}
@media (max-height: 430px) {
  .card-text {
    font-size: calc(3.2vh + 1px) !important;
  }
}
@media (max-height: 430px) and (max-height: 450px) {
  .card-text {
    font-size: calc(2vh + 5px) !important;
  }
}
@media (max-height: 430px) and (max-height: 370px) {
  .card-text {
    font-size: calc(3.2vh + 1px) !important;
  }
}
.involta-photos {
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: scale(0.75);
}
.involta-photos .involta-photos__screen img {
  width: 100%;
  height: 100%;
}

@keyframes preloader {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 992px) {
  .about-involta__body {
    flex-direction: column;
    align-items: center;
  }
  .about-involta__left {
    width: 100%;
    padding: 0;
    min-height: 400px;
  }
  .about-involta__right {
    padding: 0;
    width: 100%;
    height: 100%;
    padding: 0 0 80% 0;
  }
}
@media (max-width: 992px) and (max-height: 430px) {
  .about-involta__right {
    padding: 20% 0 80% 0;
  }
}
@media (max-width: 992px) {
  .about-involta__img {
    width: calc(42vmin + 160px);
  }
}
@media (max-width: 992px) {
  .about-involta__subtitle {
    margin: calc(1vw + 20px) 0 0 0;
    font-weight: 300;
    font-size: calc(0.6vw + 16px);
    line-height: 145%;
    width: calc(50vw + 200px);
  }
}
@media (max-width: 992px) and (max-width: 500px) {
  .about-involta__subtitle {
    width: calc(20vw + 220px);
  }
}
@media (max-width: 992px) {
  .about-involta__title {
    font-weight: 600;
    font-size: calc(2.08vw + 40px);
    width: 50%;
    line-height: 105%;
    margin: 0 0 20px 0;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .about-involta__title {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .about-involta__accordion-item {
    margin: calc(3vw + 12px) 0 !important;
    font-weight: 500;
    font-size: calc(0.8vw + 14px) !important;
    line-height: 135%;
    height: 100%;
    transform: scale(0);
    opacity: 0;
    transform-origin: top left;
    transition: all 0.6s ease;
    padding: 0 20% 0 0;
  }
}
@media (max-width: 992px) and (max-width: 500px) {
  .about-involta__accordion-item {
    padding: 0 10% 0 0;
  }
}
@media (max-width: 992px) and (max-height: 450px) {
  .about-involta__accordion-item {
    font-size: calc(0.7vw + 13px) !important;
  }
}
.green-circle.zindex {
  z-index: -10;
}

@media (max-width: 992px) {
  .involta-go__frame-input {
    margin: calc(5vmax + 120px) 0 0 0;
  }
}
@media (max-width: 992px) and (max-width: 500px) {
  .involta-go__frame-input {
    margin: calc(10vmax + 140px) 0 0 0;
  }
}
@media (max-width: 992px) and (min-height: 800px) {
  .involta-go__frame-input {
    margin: calc(8vmax + 180px) 0 0 0;
  }
}
@media (max-width: 992px) {
  .involta-go__title {
    top: -14%;
  }
}
@media (max-width: 992px) and (max-width: 500px) {
  .involta-go__title {
    top: 10%;
  }
}
@media (max-width: 992px) and (max-height: 700px) {
  .involta-go__title {
    top: 5%;
  }
}
@media (max-width: 992px) {
  .involta-go__title img {
    width: 100%;
    height: 100vh;
  }
}
@media (max-width: 992px) {
  .involta-go__frame {
    box-shadow: none;
    border-radius: none;
  }
}
@media (max-width: 992px) {
  .green-circle {
    width: calc(34vw + 10px) !important;
    height: calc(34vw + 10px) !important;
    right: calc(-9% + 2px) !important;
  }
}
@media (max-width: 992px) {
  .involta-go__frame-circles {
    visibility: hidden;
  }
}
@media (max-width: 992px) {
  .involta-go__frame-input input {
    width: calc(124vw - 24px);
  }
}
@media (max-height: 360px) {
  .about-involta__accordion-item {
    font-size: 16px !important;
  }
}
@media (max-width: 1220px) {
  .involta-go__card-one .blur {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    transition: all 0.4s linear;
    z-index: 999;
  }
  .involta-go__card-one.third.filter .blur {
    opacity: 1;
  }
}
@media (max-width: 992px) {
  .involta-go__card-one.third.filter::after {
    opacity: 0.8 !important;
  }
}
@media (max-width: 500px) {
  .involta-go__card-one.third.filter::after {
    opacity: 0.6 !important;
  }
}
.involta-contacts {
  position: absolute;
  top: 0px;
  display: flex;
  width: 100%;
  height: 100vh;
  background: #fff;
  z-index: 1;
  padding: 0 0 200px 0;
  transition: visibility 0.4s ease;
}
@media (min-width: 1930px) {
  .involta-contacts {
    padding: 100px 0 200px 0;
  }
}
@media (max-width: 992px) {
  .involta-contacts {
    padding: calc(16vh - 80px) 0 200px 0;
  }
}
@media (max-width: 640px) {
  .involta-contacts {
    padding: 0 0 200px 0;
    height: 113vh !important;
    margin: 0;
    display: flex;
    align-items: flex-start;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .involta-contacts::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
@media (max-height: 600px) {
  .involta-contacts {
    height: 113vh !important;
    margin: 0;
    display: flex;
    align-items: flex-start;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .involta-contacts::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

.contacts-trigger {
  position: absolute;
  top: -55%;
}

.involta-contacts__body {
  padding: calc(3vw + 11px) 0 calc(2vw + 8px) 0;
}
@media (min-width: 2520px) {
  .involta-contacts__body {
    padding: 2vw 0 calc(2vw + 8px) 0;
  }
}
@media (max-width: 1930px) {
  .involta-contacts__body {
    padding: calc(5vw + 30px) 0 calc(2vw + 8px) 0;
  }
}
@media (max-width: 1600px) {
  .involta-contacts__body {
    padding: calc(3vw + 80px) 0 calc(2vw + 8px) 0;
  }
}
@media (max-width: 992px) {
  .involta-contacts__body {
    padding: calc(3vmin + 30px) 0 calc(10vw + 100px) 0;
  }
}
@media (max-width: 992px) and (max-height: 770px) {
  .involta-contacts__body {
    padding: 10px 0 calc(10vw + 100px) 0;
  }
}
@media (max-width: 640px) {
  .involta-contacts__body {
    transform: scale(0.85) !important;
    padding: 0px 0 calc(2vw + 10px) 0;
  }
}
@media (max-height: 600px) {
  .involta-contacts__body {
    transform: scale(0.85) !important;
    padding: 0px 0 calc(2vw + 10px) 0;
  }
}

.involta-contacts__roww {
  display: flex;
  width: 100%;
}
@media (max-width: 992px) {
  .involta-contacts__roww {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 640px) {
  .involta-contacts__roww {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-height: 600px) {
  .involta-contacts__roww {
    flex-direction: column;
    align-items: center;
  }
}

.involta-contacts__row {
  transform: translateY(-40px);
  display: flex;
  width: 100%;
  margin: 20px 0;
}
@media (max-width: 992px) {
  .involta-contacts__row {
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  .involta-contacts__row {
    flex-direction: column;
    align-items: center;
    margin: 0;
  }
}
@media (max-height: 600px) {
  .involta-contacts__row {
    flex-direction: column;
    align-items: center;
    margin: 0;
  }
}

.involta-contacts__card {
  position: relative;
  display: flex;
  padding: 30px;
  background: #f1f5fa;
  border-radius: 30px;
  transition: all 0.4s ease;
  z-index: 100;
  margin: 0 10px;
  width: 50% !important;
  min-width: 250px;
  height: auto !important;
}
.involta-contacts__card:hover {
  background: #f4f4f4;
}
.involta-contacts__card:hover .involta-contacts__card__card-button::after {
  opacity: 0;
}
@media (min-width: 2520px) {
  .involta-contacts__card {
    padding: 35px;
  }
}
@media (max-width: 640px) {
  .involta-contacts__card {
    width: 100% !important;
    height: calc(15vh + 400px) !important;
    margin: 0 !important;
    margin: 10px 0 !important;
  }
}
@media (max-height: 600px) {
  .involta-contacts__card {
    width: 100% !important;
    height: calc(15vh + 400px) !important;
    margin: 0 !important;
    margin: 10px 0 !important;
  }
}
@media (max-width: 992px) {
  .involta-contacts__card {
    padding: 25px;
    width: 50%;
    height: 40vh;
  }
}

.involta-contacts__card--medium {
  width: 50%;
}
@media (max-width: 640px) {
  .involta-contacts__card--medium {
    width: 100%;
  }
}
@media (max-height: 600px) {
  .involta-contacts__card--medium {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .involta-contacts__card--double {
    width: 100%;
  }
}
@media (max-height: 600px) {
  .involta-contacts__card--double {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .involta-contacts__double-cards {
    margin: 20px 5px 0 5px;
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 640px) {
  .involta-contacts__double-cards {
    margin: 10px 80px 0 0;
    flex-direction: column;
  }
}
@media (max-height: 600px) {
  .involta-contacts__double-cards {
    margin: 10px 80px 0 0;
    flex-direction: column;
  }
}

.involta-contacts__double-cards__card {
  height: calc(17vh + 60px) !important;
  position: relative;
  height: 180px;
  padding: 30px;
  color: #000;
  background: #f1f5fa;
  border-radius: 30px;
  transition: all 0.4s ease;
  margin: 20px 0 0 10px;
}
@media (max-width: 992px) {
  .involta-contacts__double-cards__card {
    height: 25vh;
    margin: 0 18px -70px 18px;
  }
}
@media (max-width: 640px) {
  .involta-contacts__double-cards__card {
    width: 100%;
    height: 180px !important;
    padding: 30px 30px 140px 30px;
    margin: 10px 18px -40px 10px;
  }
}
@media (max-height: 600px) {
  .involta-contacts__double-cards__card {
    width: 100%;
    height: 200px !important;
    padding: 30px 30px 140px 30px;
    margin: 10px 18px -40px 10px;
  }
}
.involta-contacts__double-cards__card:hover {
  background: #f4f4f4;
}

@media (max-width: 640px) {
  .card-with-test {
    min-height: 350px;
    width: 102% !important;
  }
}
@media (max-height: 600px) {
  .card-with-test {
    min-height: 350px;
    width: 102% !important;
  }
}

.card-with-test.clicked {
  background: #f1f5fa;
}

.involta-contacts__double-cards__card.first {
  margin: 0 0 10px 10px;
}
@media (max-width: 992px) {
  .involta-contacts__double-cards__card.first {
    margin: 0 0 0px 10px;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .involta-contacts__double-cards__card.last {
    display: none;
  }
}
@media (max-height: 600px) {
  .involta-contacts__double-cards__card.last {
    display: none;
  }
}
@media (max-width: 992px) {
  .involta-contacts__double-cards__card.last {
    width: 100%;
  }
}

.involta-contacts__card__text-content {
  padding: 0 15px 50px 0;
}
.involta-contacts__card__text-content .involta-contacts__card__title {
  font-weight: 800;
  font-size: calc(1.7vw + 9px);
  line-height: 100%;
  color: #000000;
  margin: 0 0 10px 0;
  padding: 0 calc(4vw + 5px) 0 0;
}
.involta-contacts__card__text-content .involta-contacts__card__title .spann {
  display: none;
}
@media (min-width: 1930px) {
  .involta-contacts__card__text-content .involta-contacts__card__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) {
  .involta-contacts__card__text-content .involta-contacts__card__title {
    font-size: 32px;
  }
}
@media (min-width: 2520px) {
  .involta-contacts__card__text-content .involta-contacts__card__title {
    font-size: 34px;
  }
}
@media (max-width: 992px) {
  .involta-contacts__card__text-content .involta-contacts__card__title {
    margin: 0 0 40px 0;
    font-size: 34px;
    line-height: 100%;
  }
}
@media (max-width: 992px) and (max-height: 840px) {
  .involta-contacts__card__text-content .involta-contacts__card__title {
    margin: 0 0 20px 0;
  }
}
@media (max-width: 992px) and (max-height: 790px) {
  .involta-contacts__card__text-content .involta-contacts__card__title {
    margin: 0;
    font-size: 24px;
  }
}
@media (max-width: 640px) {
  .involta-contacts__card__text-content .involta-contacts__card__title {
    margin: 0 0 40px 0;
    font-size: calc(4vw + 18px);
  }
  .involta-contacts__card__text-content .involta-contacts__card__title .spann {
    display: inline;
  }
}
@media (max-height: 600px) {
  .involta-contacts__card__text-content .involta-contacts__card__title {
    margin: 0 0 40px 0;
    font-size: calc(4vw + 18px);
  }
  .involta-contacts__card__text-content .involta-contacts__card__title .spann {
    display: inline;
  }
}
.involta-contacts__card__text-content .involta-contacts__card__text {
  font-weight: 400;
  font-size: calc(1vw + 3px);
  line-height: 135%;
  color: #000000;
  padding: 0 35px 10px 0;
  margin: 7% 0 0 0;
}
@media (min-width: 1930px) {
  .involta-contacts__card__text-content .involta-contacts__card__text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) {
  .involta-contacts__card__text-content .involta-contacts__card__text {
    font-size: 20px;
  }
}
@media (min-width: 2520px) {
  .involta-contacts__card__text-content .involta-contacts__card__text {
    font-size: 22px;
  }
}
@media (max-width: 992px) {
  .involta-contacts__card__text-content .involta-contacts__card__text {
    font-size: 16px;
    line-height: 130%;
  }
}
@media (max-width: 992px) and (max-height: 790px) {
  .involta-contacts__card__text-content .involta-contacts__card__text {
    font-size: 12px;
    line-height: 130%;
  }
}
@media (max-width: 640px) {
  .involta-contacts__card__text-content .involta-contacts__card__text {
    font-size: calc(1.1vw + 17px);
    padding: 0 10px 10px 0;
  }
}
@media (max-height: 600px) {
  .involta-contacts__card__text-content .involta-contacts__card__text {
    font-size: calc(1.1vw + 17px);
    padding: 0 10px 10px 0;
  }
}

.involta-contacts__card--contacts {
  width: 200%;
}
@media (max-width: 992px) {
  .involta-contacts__card--contacts {
    width: 50%;
  }
}
.involta-contacts__card--contacts .text {
  margin: 10px 0;
}
.involta-contacts__card--contacts .span {
  opacity: 0.4;
  margin: 0 0 10px 0;
}
.involta-contacts__card--contacts .involta-contacts__card__text {
  font-weight: 500;
  line-height: 150%;
}
@media (min-width: 2520px) {
  .involta-contacts__card--contacts .involta-contacts__card__text {
    margin: 9% 0 0 0;
  }
}
@media (max-width: 640px) {
  .involta-contacts__card--contacts {
    padding: 30px 30px 60px 30px;
    min-height: 460px;
  }
}
@media (max-height: 600px) {
  .involta-contacts__card--contacts {
    padding: 30px 30px 60px 30px;
    min-height: 460px;
  }
}

.involta-contacts__card__contacts {
  position: absolute !important;
  bottom: 60px;
  width: 115%;
  margin: 20px 0 0 0;
}
@media (max-width: 992px) {
  .involta-contacts__card__contacts {
    bottom: 40px;
  }
}
@media (max-width: 992px) and (max-height: 770px) {
  .involta-contacts__card__contacts {
    bottom: 20px;
  }
}
.involta-contacts__card__contacts .span {
  color: #000;
  opacity: 0.4;
}
@media (max-width: 640px) {
  .involta-contacts__card__contacts .span {
    font-size: 18px;
  }
}
@media (max-height: 600px) {
  .involta-contacts__card__contacts .span {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .involta-contacts__card__contacts {
    bottom: 40px;
  }
}
@media (max-height: 600px) {
  .involta-contacts__card__contacts {
    bottom: 40px;
  }
}
.involta-contacts__card__contacts .involta-contacts__card__contact a {
  text-decoration: underline;
  white-space: nowrap;
  font-weight: 600;
  font-size: 16px;
  line-height: 135%;
  color: #3145ff;
  padding: 15px 5px;
  transition: all 0.4s ease;
}
.involta-contacts__card__contacts .involta-contacts__card__contact a svg {
  fill: #3145ff;
  stroke: #3145ff;
}
@media (min-width: 1930px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact a {
    font-size: 18px;
  }
}
@media (min-width: 2200px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact a {
    font-size: 20px;
  }
}
@media (min-width: 2520px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact a {
    font-size: 22px;
  }
}
@media (max-width: 992px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact a {
    font-size: 26px;
  }
}
@media (max-width: 992px) and (max-height: 840px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact a {
    font-size: 18px;
  }
}
@media (max-width: 992px) and (max-height: 770px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact a {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact a svg {
    display: none;
  }
}
@media (max-width: 640px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact a {
    font-size: 24px;
  }
}
@media (max-height: 600px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact a {
    font-size: 24px;
  }
}
.involta-contacts__card__contacts .involta-contacts__card__contact svg {
  transition: all 0.4s ease;
  width: calc(0.9vw + 2px);
  height: calc(0.9vw + 2px);
  margin: 0 5px -2px 0;
  fill: #000;
  stroke: #000;
  stroke-width: 0.1;
}
@media (min-width: 1930px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact svg {
    width: 18px;
    height: 18px;
    margin: 0 5px -4px 0;
  }
}
@media (min-width: 1930px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact svg {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 2520px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact svg {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 640px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-height: 600px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact svg {
    width: 20px;
    height: 20px;
  }
}
.involta-contacts__card__contacts .involta-contacts__card__contact--first {
  margin: 0 10px 10px 0;
}
.involta-contacts__card__contacts .involta-contacts__card__contact--first a {
  text-decoration: none;
}
@media (max-width: 640px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact--first {
    margin: 0 100px 20px 0;
  }
}
@media (max-height: 600px) {
  .involta-contacts__card__contacts .involta-contacts__card__contact--first {
    margin: 0 100px 20px 0;
  }
}

.involta-contacts__card__card-button {
  position: absolute;
  bottom: 10px;
  height: 50px;
  font-size: 18px;
  color: #3145ff;
  font-weight: 500;
  background: transparent;
  border-radius: 13px;
  z-index: 1;
  transition: all 0.4s ease;
}
@media (max-width: 640px) {
  .involta-contacts__card__card-button {
    font-size: 24px;
    height: 65px;
  }
}
@media (max-height: 600px) {
  .involta-contacts__card__card-button {
    font-size: 24px;
    height: 65px;
  }
}

#iq-btn {
  cursor: pointer !important;
  bottom: 20px;
}
@media (max-width: 992px) {
  #iq-btn {
    left: -20px;
    width: 215px;
  }
}
@media (max-width: 640px) {
  #iq-btn {
    left: 0px;
    width: 215px;
  }
}
@media (max-height: 600px) {
  #iq-btn {
    left: 0px;
    width: 215px;
  }
}

.iq-div {
  height: auto !important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.iq-test {
  border: 0;
  height: 100%;
  min-height: 500px;
  width: 100%;
  z-index: 999;
}

.anchor-to-contacts.disabled {
  pointer-events: none;
}

.anchor {
  height: 0 !important;
  padding: 0 !important;
}
@media (max-width: 1240px) {
  .anchor {
    margin: 0 0 -1px 0;
  }
}

.blur-for-involta {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100vw;
  height: 120vh;
  background: linear-gradient(133.58deg, #0F164D -1.35%, #1B2361 17.55%, #393780 35.28%, #C387C3 74.02%, #EE95A7 88.87%, #FCA3A7 97.48%);
  transition: all 0.4s linear;
  transition-delay: 0.3s;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
}

.blur-for-involta.show {
  opacity: 1;
  visibility: visible;
}

.involta-go.is-bidvol {
  background: #000;
}

.b-bg {
  height: 100%;
  height: var(--app-height);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
}
.b-bg.fixed {
  position: fixed;
  transform: translateZ(0);
}
.b-bg__stars--1 {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1398px 1977px #FFF , 664px 402px #FFF , 1403px 1002px #FFF , 571px 389px #FFF , 533px 239px #FFF , 1964px 1195px #FFF , 201px 165px #FFF , 1469px 1777px #FFF , 137px 666px #FFF , 1936px 881px #FFF , 273px 951px #FFF , 1660px 972px #FFF , 1475px 1920px #FFF , 904px 181px #FFF , 294px 695px #FFF , 1508px 1845px #FFF , 231px 309px #FFF , 547px 1941px #FFF , 875px 614px #FFF , 945px 1446px #FFF , 684px 1087px #FFF , 1154px 1985px #FFF , 1189px 684px #FFF , 1806px 141px #FFF , 1655px 126px #FFF , 520px 538px #FFF , 1222px 1969px #FFF , 179px 846px #FFF , 1691px 1498px #FFF , 787px 704px #FFF , 114px 1678px #FFF , 577px 1975px #FFF , 1955px 1502px #FFF , 1365px 710px #FFF , 525px 1692px #FFF , 1678px 1701px #FFF , 1483px 1807px #FFF , 400px 997px #FFF , 32px 1357px #FFF , 1569px 1598px #FFF , 17px 111px #FFF , 1609px 1497px #FFF , 1124px 1186px #FFF , 928px 1878px #FFF , 1219px 1650px #FFF , 389px 1187px #FFF , 1748px 649px #FFF , 464px 1378px #FFF , 1271px 228px #FFF , 1499px 1103px #FFF , 236px 1411px #FFF , 421px 1906px #FFF , 249px 1866px #FFF , 1655px 411px #FFF , 1591px 630px #FFF , 1878px 1135px #FFF , 1253px 1292px #FFF , 1583px 203px #FFF , 1257px 1421px #FFF , 1547px 228px #FFF , 913px 239px #FFF , 1137px 458px #FFF , 782px 1639px #FFF , 143px 776px #FFF , 1002px 41px #FFF , 1399px 1397px #FFF , 1404px 1732px #FFF , 142px 639px #FFF , 414px 428px #FFF , 510px 1096px #FFF , 362px 1060px #FFF , 1253px 541px #FFF , 1397px 1224px #FFF , 1921px 154px #FFF , 1891px 1355px #FFF , 668px 586px #FFF , 1741px 1158px #FFF , 1910px 129px #FFF , 128px 1101px #FFF , 518px 1252px #FFF , 474px 132px #FFF , 1795px 1318px #FFF , 1175px 306px #FFF , 1088px 498px #FFF , 484px 538px #FFF , 1118px 1580px #FFF , 444px 1986px #FFF , 1407px 133px #FFF , 1316px 49px #FFF , 1550px 583px #FFF , 1935px 1497px #FFF , 335px 598px #FFF , 1388px 1527px #FFF , 1023px 1048px #FFF , 1608px 337px #FFF , 1125px 334px #FFF , 678px 898px #FFF , 1253px 667px #FFF , 796px 113px #FFF , 1540px 221px #FFF , 233px 895px #FFF , 390px 1578px #FFF , 1216px 765px #FFF , 42px 1871px #FFF , 204px 1719px #FFF , 988px 577px #FFF , 1916px 1170px #FFF , 708px 1349px #FFF , 590px 1879px #FFF , 360px 550px #FFF , 490px 775px #FFF , 1339px 1414px #FFF , 1803px 1399px #FFF , 951px 1272px #FFF , 1871px 1116px #FFF , 1844px 644px #FFF , 1208px 500px #FFF , 1049px 170px #FFF , 910px 208px #FFF , 3px 1766px #FFF , 1636px 1407px #FFF , 1094px 1121px #FFF , 390px 1442px #FFF , 1624px 878px #FFF , 1461px 233px #FFF , 652px 802px #FFF , 701px 290px #FFF , 1004px 1161px #FFF , 359px 782px #FFF , 73px 1667px #FFF , 16px 320px #FFF , 462px 1281px #FFF , 1189px 124px #FFF , 1268px 824px #FFF , 1002px 1684px #FFF , 903px 974px #FFF , 813px 1217px #FFF , 1436px 381px #FFF , 701px 212px #FFF , 987px 860px #FFF , 432px 318px #FFF , 67px 938px #FFF , 1819px 249px #FFF , 1244px 543px #FFF , 351px 104px #FFF , 1910px 1784px #FFF , 815px 1730px #FFF , 1115px 1094px #FFF , 954px 962px #FFF , 1638px 1991px #FFF , 1860px 170px #FFF , 1899px 1410px #FFF , 95px 1273px #FFF , 252px 1015px #FFF , 68px 464px #FFF , 4px 658px #FFF , 1356px 1362px #FFF , 823px 1925px #FFF , 1779px 174px #FFF , 257px 916px #FFF , 1315px 1658px #FFF , 1518px 149px #FFF , 1949px 790px #FFF , 1108px 1811px #FFF , 431px 95px #FFF , 211px 75px #FFF , 1919px 598px #FFF , 745px 519px #FFF , 496px 1427px #FFF , 1669px 727px #FFF , 421px 133px #FFF , 1218px 304px #FFF , 1798px 1862px #FFF , 1051px 718px #FFF , 904px 1475px #FFF , 638px 1810px #FFF , 958px 1371px #FFF , 1819px 169px #FFF , 609px 283px #FFF , 1273px 510px #FFF , 828px 644px #FFF , 1919px 1020px #FFF , 515px 1121px #FFF , 788px 1745px #FFF , 1211px 1153px #FFF , 1395px 1682px #FFF , 1525px 1735px #FFF , 968px 348px #FFF , 1770px 371px #FFF , 237px 16px #FFF , 1547px 1642px #FFF , 55px 1359px #FFF , 1359px 659px #FFF , 1763px 652px #FFF , 287px 1604px #FFF , 726px 847px #FFF , 336px 1349px #FFF , 1136px 1634px #FFF , 1889px 1210px #FFF , 1126px 403px #FFF , 1231px 1413px #FFF , 813px 634px #FFF , 947px 1824px #FFF , 1641px 1420px #FFF , 549px 396px #FFF , 1328px 316px #FFF , 1731px 920px #FFF , 1876px 1861px #FFF , 1222px 1430px #FFF , 669px 1652px #FFF , 225px 343px #FFF , 1187px 1836px #FFF , 1573px 16px #FFF , 1904px 1688px #FFF , 1027px 1166px #FFF , 1646px 296px #FFF , 182px 550px #FFF , 517px 1836px #FFF , 1619px 633px #FFF , 463px 1268px #FFF , 1414px 1703px #FFF , 1706px 343px #FFF , 1640px 1538px #FFF , 472px 1152px #FFF , 1553px 64px #FFF , 883px 1715px #FFF , 1331px 1254px #FFF , 1507px 35px #FFF , 1124px 1636px #FFF , 158px 1977px #FFF , 1846px 972px #FFF , 459px 1593px #FFF , 388px 3px #FFF , 1104px 956px #FFF , 915px 1009px #FFF , 1398px 1796px #FFF , 21px 1170px #FFF , 1895px 638px #FFF , 873px 367px #FFF , 1895px 1173px #FFF , 1241px 398px #FFF , 1766px 549px #FFF , 1654px 842px #FFF , 1425px 574px #FFF , 1815px 36px #FFF , 579px 797px #FFF , 190px 291px #FFF , 644px 771px #FFF , 971px 1710px #FFF , 451px 1266px #FFF , 635px 1818px #FFF , 3px 1056px #FFF , 750px 1949px #FFF , 60px 1516px #FFF , 1009px 234px #FFF , 1700px 368px #FFF , 1657px 82px #FFF , 1702px 459px #FFF , 1649px 1708px #FFF , 1660px 346px #FFF , 210px 1448px #FFF , 1804px 1290px #FFF , 596px 1321px #FFF , 1494px 1452px #FFF , 786px 988px #FFF , 1837px 1715px #FFF , 1239px 169px #FFF , 799px 390px #FFF , 1700px 1624px #FFF , 1418px 1719px #FFF , 1854px 1342px #FFF , 1163px 1926px #FFF , 1829px 1155px #FFF , 1492px 553px #FFF , 1578px 1086px #FFF , 1974px 983px #FFF , 504px 1642px #FFF , 341px 750px #FFF , 885px 1167px #FFF , 728px 807px #FFF , 1097px 1221px #FFF , 1231px 372px #FFF , 1334px 618px #FFF , 413px 1666px #FFF , 1095px 1242px #FFF , 905px 1698px #FFF , 579px 1226px #FFF , 691px 104px #FFF , 1390px 193px #FFF , 1129px 66px #FFF , 1508px 123px #FFF , 188px 1362px #FFF , 268px 1763px #FFF , 1120px 1034px #FFF , 896px 251px #FFF , 725px 716px #FFF , 1760px 823px #FFF , 1190px 750px #FFF , 1141px 1699px #FFF , 1133px 1447px #FFF , 1900px 1867px #FFF , 1472px 901px #FFF , 716px 1929px #FFF , 1385px 1954px #FFF , 68px 1920px #FFF , 1161px 511px #FFF , 1096px 1710px #FFF , 63px 214px #FFF , 468px 1056px #FFF , 1736px 88px #FFF , 1629px 1852px #FFF , 138px 823px #FFF , 20px 1965px #FFF , 1620px 1218px #FFF , 1812px 1140px #FFF , 269px 251px #FFF , 695px 996px #FFF , 1169px 60px #FFF , 1440px 1077px #FFF , 1655px 1773px #FFF , 1657px 255px #FFF , 464px 258px #FFF , 159px 1787px #FFF , 1302px 1159px #FFF , 1574px 678px #FFF , 180px 252px #FFF , 1388px 1541px #FFF , 1470px 1463px #FFF , 12px 1712px #FFF , 623px 50px #FFF , 1562px 596px #FFF , 1040px 287px #FFF , 1392px 1770px #FFF , 1399px 1293px #FFF , 168px 676px #FFF , 1894px 1312px #FFF , 1123px 469px #FFF , 889px 423px #FFF , 1369px 1067px #FFF , 1410px 857px #FFF , 348px 1653px #FFF , 160px 646px #FFF , 29px 22px #FFF , 19px 548px #FFF , 193px 1876px #FFF , 1558px 103px #FFF , 1024px 337px #FFF , 1701px 1163px #FFF , 536px 1341px #FFF , 1866px 1176px #FFF , 566px 1314px #FFF , 270px 103px #FFF , 81px 419px #FFF , 1480px 1129px #FFF , 1288px 1389px #FFF , 1391px 1272px #FFF , 1459px 1418px #FFF , 973px 796px #FFF , 1773px 595px #FFF , 1554px 1795px #FFF , 449px 1974px #FFF , 903px 1903px #FFF , 1081px 1784px #FFF , 341px 259px #FFF , 1959px 1462px #FFF , 368px 116px #FFF , 64px 332px #FFF , 678px 47px #FFF , 1221px 1338px #FFF , 601px 1049px #FFF , 1833px 830px #FFF , 232px 1924px #FFF , 1628px 35px #FFF , 1963px 379px #FFF , 1180px 257px #FFF , 1529px 686px #FFF , 1316px 314px #FFF , 1289px 1569px #FFF , 1551px 1484px #FFF , 209px 84px #FFF , 360px 980px #FFF , 1719px 103px #FFF , 952px 124px #FFF , 697px 1563px #FFF , 580px 699px #FFF , 736px 762px #FFF , 1723px 1184px #FFF , 1514px 1767px #FFF , 974px 656px #FFF , 792px 1081px #FFF , 843px 1553px #FFF , 117px 730px #FFF , 168px 1543px #FFF , 34px 529px #FFF , 1147px 1532px #FFF , 1412px 281px #FFF , 250px 893px #FFF , 1747px 1144px #FFF , 381px 194px #FFF , 1088px 1153px #FFF;
}
.b-bg__stars--1:after {
  content: " ";
  position: absolute;
  left: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1398px 1977px #FFF , 664px 402px #FFF , 1403px 1002px #FFF , 571px 389px #FFF , 533px 239px #FFF , 1964px 1195px #FFF , 201px 165px #FFF , 1469px 1777px #FFF , 137px 666px #FFF , 1936px 881px #FFF , 273px 951px #FFF , 1660px 972px #FFF , 1475px 1920px #FFF , 904px 181px #FFF , 294px 695px #FFF , 1508px 1845px #FFF , 231px 309px #FFF , 547px 1941px #FFF , 875px 614px #FFF , 945px 1446px #FFF , 684px 1087px #FFF , 1154px 1985px #FFF , 1189px 684px #FFF , 1806px 141px #FFF , 1655px 126px #FFF , 520px 538px #FFF , 1222px 1969px #FFF , 179px 846px #FFF , 1691px 1498px #FFF , 787px 704px #FFF , 114px 1678px #FFF , 577px 1975px #FFF , 1955px 1502px #FFF , 1365px 710px #FFF , 525px 1692px #FFF , 1678px 1701px #FFF , 1483px 1807px #FFF , 400px 997px #FFF , 32px 1357px #FFF , 1569px 1598px #FFF , 17px 111px #FFF , 1609px 1497px #FFF , 1124px 1186px #FFF , 928px 1878px #FFF , 1219px 1650px #FFF , 389px 1187px #FFF , 1748px 649px #FFF , 464px 1378px #FFF , 1271px 228px #FFF , 1499px 1103px #FFF , 236px 1411px #FFF , 421px 1906px #FFF , 249px 1866px #FFF , 1655px 411px #FFF , 1591px 630px #FFF , 1878px 1135px #FFF , 1253px 1292px #FFF , 1583px 203px #FFF , 1257px 1421px #FFF , 1547px 228px #FFF , 913px 239px #FFF , 1137px 458px #FFF , 782px 1639px #FFF , 143px 776px #FFF , 1002px 41px #FFF , 1399px 1397px #FFF , 1404px 1732px #FFF , 142px 639px #FFF , 414px 428px #FFF , 510px 1096px #FFF , 362px 1060px #FFF , 1253px 541px #FFF , 1397px 1224px #FFF , 1921px 154px #FFF , 1891px 1355px #FFF , 668px 586px #FFF , 1741px 1158px #FFF , 1910px 129px #FFF , 128px 1101px #FFF , 518px 1252px #FFF , 474px 132px #FFF , 1795px 1318px #FFF , 1175px 306px #FFF , 1088px 498px #FFF , 484px 538px #FFF , 1118px 1580px #FFF , 444px 1986px #FFF , 1407px 133px #FFF , 1316px 49px #FFF , 1550px 583px #FFF , 1935px 1497px #FFF , 335px 598px #FFF , 1388px 1527px #FFF , 1023px 1048px #FFF , 1608px 337px #FFF , 1125px 334px #FFF , 678px 898px #FFF , 1253px 667px #FFF , 796px 113px #FFF , 1540px 221px #FFF , 233px 895px #FFF , 390px 1578px #FFF , 1216px 765px #FFF , 42px 1871px #FFF , 204px 1719px #FFF , 988px 577px #FFF , 1916px 1170px #FFF , 708px 1349px #FFF , 590px 1879px #FFF , 360px 550px #FFF , 490px 775px #FFF , 1339px 1414px #FFF , 1803px 1399px #FFF , 951px 1272px #FFF , 1871px 1116px #FFF , 1844px 644px #FFF , 1208px 500px #FFF , 1049px 170px #FFF , 910px 208px #FFF , 3px 1766px #FFF , 1636px 1407px #FFF , 1094px 1121px #FFF , 390px 1442px #FFF , 1624px 878px #FFF , 1461px 233px #FFF , 652px 802px #FFF , 701px 290px #FFF , 1004px 1161px #FFF , 359px 782px #FFF , 73px 1667px #FFF , 16px 320px #FFF , 462px 1281px #FFF , 1189px 124px #FFF , 1268px 824px #FFF , 1002px 1684px #FFF , 903px 974px #FFF , 813px 1217px #FFF , 1436px 381px #FFF , 701px 212px #FFF , 987px 860px #FFF , 432px 318px #FFF , 67px 938px #FFF , 1819px 249px #FFF , 1244px 543px #FFF , 351px 104px #FFF , 1910px 1784px #FFF , 815px 1730px #FFF , 1115px 1094px #FFF , 954px 962px #FFF , 1638px 1991px #FFF , 1860px 170px #FFF , 1899px 1410px #FFF , 95px 1273px #FFF , 252px 1015px #FFF , 68px 464px #FFF , 4px 658px #FFF , 1356px 1362px #FFF , 823px 1925px #FFF , 1779px 174px #FFF , 257px 916px #FFF , 1315px 1658px #FFF , 1518px 149px #FFF , 1949px 790px #FFF , 1108px 1811px #FFF , 431px 95px #FFF , 211px 75px #FFF , 1919px 598px #FFF , 745px 519px #FFF , 496px 1427px #FFF , 1669px 727px #FFF , 421px 133px #FFF , 1218px 304px #FFF , 1798px 1862px #FFF , 1051px 718px #FFF , 904px 1475px #FFF , 638px 1810px #FFF , 958px 1371px #FFF , 1819px 169px #FFF , 609px 283px #FFF , 1273px 510px #FFF , 828px 644px #FFF , 1919px 1020px #FFF , 515px 1121px #FFF , 788px 1745px #FFF , 1211px 1153px #FFF , 1395px 1682px #FFF , 1525px 1735px #FFF , 968px 348px #FFF , 1770px 371px #FFF , 237px 16px #FFF , 1547px 1642px #FFF , 55px 1359px #FFF , 1359px 659px #FFF , 1763px 652px #FFF , 287px 1604px #FFF , 726px 847px #FFF , 336px 1349px #FFF , 1136px 1634px #FFF , 1889px 1210px #FFF , 1126px 403px #FFF , 1231px 1413px #FFF , 813px 634px #FFF , 947px 1824px #FFF , 1641px 1420px #FFF , 549px 396px #FFF , 1328px 316px #FFF , 1731px 920px #FFF , 1876px 1861px #FFF , 1222px 1430px #FFF , 669px 1652px #FFF , 225px 343px #FFF , 1187px 1836px #FFF , 1573px 16px #FFF , 1904px 1688px #FFF , 1027px 1166px #FFF , 1646px 296px #FFF , 182px 550px #FFF , 517px 1836px #FFF , 1619px 633px #FFF , 463px 1268px #FFF , 1414px 1703px #FFF , 1706px 343px #FFF , 1640px 1538px #FFF , 472px 1152px #FFF , 1553px 64px #FFF , 883px 1715px #FFF , 1331px 1254px #FFF , 1507px 35px #FFF , 1124px 1636px #FFF , 158px 1977px #FFF , 1846px 972px #FFF , 459px 1593px #FFF , 388px 3px #FFF , 1104px 956px #FFF , 915px 1009px #FFF , 1398px 1796px #FFF , 21px 1170px #FFF , 1895px 638px #FFF , 873px 367px #FFF , 1895px 1173px #FFF , 1241px 398px #FFF , 1766px 549px #FFF , 1654px 842px #FFF , 1425px 574px #FFF , 1815px 36px #FFF , 579px 797px #FFF , 190px 291px #FFF , 644px 771px #FFF , 971px 1710px #FFF , 451px 1266px #FFF , 635px 1818px #FFF , 3px 1056px #FFF , 750px 1949px #FFF , 60px 1516px #FFF , 1009px 234px #FFF , 1700px 368px #FFF , 1657px 82px #FFF , 1702px 459px #FFF , 1649px 1708px #FFF , 1660px 346px #FFF , 210px 1448px #FFF , 1804px 1290px #FFF , 596px 1321px #FFF , 1494px 1452px #FFF , 786px 988px #FFF , 1837px 1715px #FFF , 1239px 169px #FFF , 799px 390px #FFF , 1700px 1624px #FFF , 1418px 1719px #FFF , 1854px 1342px #FFF , 1163px 1926px #FFF , 1829px 1155px #FFF , 1492px 553px #FFF , 1578px 1086px #FFF , 1974px 983px #FFF , 504px 1642px #FFF , 341px 750px #FFF , 885px 1167px #FFF , 728px 807px #FFF , 1097px 1221px #FFF , 1231px 372px #FFF , 1334px 618px #FFF , 413px 1666px #FFF , 1095px 1242px #FFF , 905px 1698px #FFF , 579px 1226px #FFF , 691px 104px #FFF , 1390px 193px #FFF , 1129px 66px #FFF , 1508px 123px #FFF , 188px 1362px #FFF , 268px 1763px #FFF , 1120px 1034px #FFF , 896px 251px #FFF , 725px 716px #FFF , 1760px 823px #FFF , 1190px 750px #FFF , 1141px 1699px #FFF , 1133px 1447px #FFF , 1900px 1867px #FFF , 1472px 901px #FFF , 716px 1929px #FFF , 1385px 1954px #FFF , 68px 1920px #FFF , 1161px 511px #FFF , 1096px 1710px #FFF , 63px 214px #FFF , 468px 1056px #FFF , 1736px 88px #FFF , 1629px 1852px #FFF , 138px 823px #FFF , 20px 1965px #FFF , 1620px 1218px #FFF , 1812px 1140px #FFF , 269px 251px #FFF , 695px 996px #FFF , 1169px 60px #FFF , 1440px 1077px #FFF , 1655px 1773px #FFF , 1657px 255px #FFF , 464px 258px #FFF , 159px 1787px #FFF , 1302px 1159px #FFF , 1574px 678px #FFF , 180px 252px #FFF , 1388px 1541px #FFF , 1470px 1463px #FFF , 12px 1712px #FFF , 623px 50px #FFF , 1562px 596px #FFF , 1040px 287px #FFF , 1392px 1770px #FFF , 1399px 1293px #FFF , 168px 676px #FFF , 1894px 1312px #FFF , 1123px 469px #FFF , 889px 423px #FFF , 1369px 1067px #FFF , 1410px 857px #FFF , 348px 1653px #FFF , 160px 646px #FFF , 29px 22px #FFF , 19px 548px #FFF , 193px 1876px #FFF , 1558px 103px #FFF , 1024px 337px #FFF , 1701px 1163px #FFF , 536px 1341px #FFF , 1866px 1176px #FFF , 566px 1314px #FFF , 270px 103px #FFF , 81px 419px #FFF , 1480px 1129px #FFF , 1288px 1389px #FFF , 1391px 1272px #FFF , 1459px 1418px #FFF , 973px 796px #FFF , 1773px 595px #FFF , 1554px 1795px #FFF , 449px 1974px #FFF , 903px 1903px #FFF , 1081px 1784px #FFF , 341px 259px #FFF , 1959px 1462px #FFF , 368px 116px #FFF , 64px 332px #FFF , 678px 47px #FFF , 1221px 1338px #FFF , 601px 1049px #FFF , 1833px 830px #FFF , 232px 1924px #FFF , 1628px 35px #FFF , 1963px 379px #FFF , 1180px 257px #FFF , 1529px 686px #FFF , 1316px 314px #FFF , 1289px 1569px #FFF , 1551px 1484px #FFF , 209px 84px #FFF , 360px 980px #FFF , 1719px 103px #FFF , 952px 124px #FFF , 697px 1563px #FFF , 580px 699px #FFF , 736px 762px #FFF , 1723px 1184px #FFF , 1514px 1767px #FFF , 974px 656px #FFF , 792px 1081px #FFF , 843px 1553px #FFF , 117px 730px #FFF , 168px 1543px #FFF , 34px 529px #FFF , 1147px 1532px #FFF , 1412px 281px #FFF , 250px 893px #FFF , 1747px 1144px #FFF , 381px 194px #FFF , 1088px 1153px #FFF;
}
.b-bg__stars--1.is-animation {
  animation: animStar 50s linear infinite;
}
.b-bg__stars--2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1801px 1906px #FFF , 1991px 350px #FFF , 623px 1526px #FFF , 1823px 250px #FFF , 1575px 1759px #FFF , 1992px 1225px #FFF , 965px 912px #FFF , 331px 457px #FFF , 1643px 1642px #FFF , 31px 1752px #FFF , 298px 699px #FFF , 859px 678px #FFF , 1241px 1613px #FFF , 38px 1851px #FFF , 1994px 1799px #FFF , 1056px 1494px #FFF , 1681px 1834px #FFF , 1623px 1797px #FFF , 1947px 1655px #FFF , 831px 1620px #FFF , 69px 1004px #FFF , 1338px 672px #FFF , 978px 1175px #FFF , 654px 14px #FFF , 631px 1319px #FFF , 1886px 1683px #FFF , 381px 1268px #FFF , 1912px 1926px #FFF , 1502px 930px #FFF , 1134px 1295px #FFF , 457px 988px #FFF , 219px 1760px #FFF , 1426px 1791px #FFF , 1667px 925px #FFF , 554px 338px #FFF , 363px 325px #FFF , 268px 694px #FFF , 892px 1438px #FFF , 1591px 328px #FFF , 1240px 980px #FFF , 330px 1539px #FFF , 935px 1927px #FFF , 585px 1826px #FFF , 1281px 635px #FFF , 930px 1047px #FFF , 355px 1689px #FFF , 1222px 246px #FFF , 1867px 1150px #FFF , 1263px 861px #FFF , 814px 185px #FFF , 1961px 221px #FFF , 1570px 1762px #FFF , 344px 101px #FFF , 870px 1906px #FFF , 466px 741px #FFF , 785px 1002px #FFF , 13px 1886px #FFF , 1238px 1658px #FFF , 830px 1391px #FFF , 1789px 52px #FFF , 171px 900px #FFF , 1955px 468px #FFF , 1085px 1831px #FFF , 511px 1084px #FFF , 682px 355px #FFF , 489px 1378px #FFF , 23px 172px #FFF , 1238px 775px #FFF , 469px 1817px #FFF , 329px 517px #FFF , 11px 1309px #FFF , 1337px 1173px #FFF , 768px 1098px #FFF , 611px 1556px #FFF , 1530px 1260px #FFF , 175px 1263px #FFF , 1977px 1824px #FFF , 101px 1777px #FFF , 835px 759px #FFF , 634px 580px #FFF , 233px 345px #FFF , 1750px 313px #FFF , 838px 702px #FFF , 660px 1600px #FFF , 174px 1739px #FFF , 276px 625px #FFF , 736px 755px #FFF , 1596px 91px #FFF , 1691px 26px #FFF , 978px 979px #FFF , 275px 1829px #FFF , 1416px 1984px #FFF , 1146px 999px #FFF , 1908px 475px #FFF , 911px 1541px #FFF , 1874px 399px #FFF , 1210px 1827px #FFF , 79px 847px #FFF , 1172px 1999px #FFF , 373px 112px #FFF , 624px 154px #FFF , 1464px 1006px #FFF , 1345px 1686px #FFF , 329px 254px #FFF , 663px 95px #FFF , 653px 953px #FFF , 1666px 569px #FFF , 1828px 5px #FFF , 1874px 855px #FFF , 606px 1003px #FFF , 1881px 1938px #FFF , 1176px 857px #FFF , 1880px 55px #FFF , 1534px 1531px #FFF , 1326px 1454px #FFF , 572px 1065px #FFF , 1895px 1977px #FFF , 1592px 1982px #FFF , 1261px 1186px #FFF , 1001px 539px #FFF , 1825px 871px #FFF , 1244px 1561px #FFF , 672px 924px #FFF , 709px 133px #FFF , 1933px 540px #FFF;
}
.b-bg__stars--2:after {
  content: " ";
  position: absolute;
  left: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1801px 1906px #FFF , 1991px 350px #FFF , 623px 1526px #FFF , 1823px 250px #FFF , 1575px 1759px #FFF , 1992px 1225px #FFF , 965px 912px #FFF , 331px 457px #FFF , 1643px 1642px #FFF , 31px 1752px #FFF , 298px 699px #FFF , 859px 678px #FFF , 1241px 1613px #FFF , 38px 1851px #FFF , 1994px 1799px #FFF , 1056px 1494px #FFF , 1681px 1834px #FFF , 1623px 1797px #FFF , 1947px 1655px #FFF , 831px 1620px #FFF , 69px 1004px #FFF , 1338px 672px #FFF , 978px 1175px #FFF , 654px 14px #FFF , 631px 1319px #FFF , 1886px 1683px #FFF , 381px 1268px #FFF , 1912px 1926px #FFF , 1502px 930px #FFF , 1134px 1295px #FFF , 457px 988px #FFF , 219px 1760px #FFF , 1426px 1791px #FFF , 1667px 925px #FFF , 554px 338px #FFF , 363px 325px #FFF , 268px 694px #FFF , 892px 1438px #FFF , 1591px 328px #FFF , 1240px 980px #FFF , 330px 1539px #FFF , 935px 1927px #FFF , 585px 1826px #FFF , 1281px 635px #FFF , 930px 1047px #FFF , 355px 1689px #FFF , 1222px 246px #FFF , 1867px 1150px #FFF , 1263px 861px #FFF , 814px 185px #FFF , 1961px 221px #FFF , 1570px 1762px #FFF , 344px 101px #FFF , 870px 1906px #FFF , 466px 741px #FFF , 785px 1002px #FFF , 13px 1886px #FFF , 1238px 1658px #FFF , 830px 1391px #FFF , 1789px 52px #FFF , 171px 900px #FFF , 1955px 468px #FFF , 1085px 1831px #FFF , 511px 1084px #FFF , 682px 355px #FFF , 489px 1378px #FFF , 23px 172px #FFF , 1238px 775px #FFF , 469px 1817px #FFF , 329px 517px #FFF , 11px 1309px #FFF , 1337px 1173px #FFF , 768px 1098px #FFF , 611px 1556px #FFF , 1530px 1260px #FFF , 175px 1263px #FFF , 1977px 1824px #FFF , 101px 1777px #FFF , 835px 759px #FFF , 634px 580px #FFF , 233px 345px #FFF , 1750px 313px #FFF , 838px 702px #FFF , 660px 1600px #FFF , 174px 1739px #FFF , 276px 625px #FFF , 736px 755px #FFF , 1596px 91px #FFF , 1691px 26px #FFF , 978px 979px #FFF , 275px 1829px #FFF , 1416px 1984px #FFF , 1146px 999px #FFF , 1908px 475px #FFF , 911px 1541px #FFF , 1874px 399px #FFF , 1210px 1827px #FFF , 79px 847px #FFF , 1172px 1999px #FFF , 373px 112px #FFF , 624px 154px #FFF , 1464px 1006px #FFF , 1345px 1686px #FFF , 329px 254px #FFF , 663px 95px #FFF , 653px 953px #FFF , 1666px 569px #FFF , 1828px 5px #FFF , 1874px 855px #FFF , 606px 1003px #FFF , 1881px 1938px #FFF , 1176px 857px #FFF , 1880px 55px #FFF , 1534px 1531px #FFF , 1326px 1454px #FFF , 572px 1065px #FFF , 1895px 1977px #FFF , 1592px 1982px #FFF , 1261px 1186px #FFF , 1001px 539px #FFF , 1825px 871px #FFF , 1244px 1561px #FFF , 672px 924px #FFF , 709px 133px #FFF , 1933px 540px #FFF;
}
.b-bg__stars--2.is-animation {
  animation: animStar 40s linear infinite;
}
.b-bg__stars--3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 921px 1547px #FFF , 39px 49px #FFF , 1273px 1636px #FFF , 506px 643px #FFF , 1095px 464px #FFF , 1066px 1362px #FFF , 168px 1157px #FFF , 64px 558px #FFF , 1070px 872px #FFF , 977px 1780px #FFF , 40px 1562px #FFF , 1597px 291px #FFF , 1142px 1183px #FFF , 336px 1960px #FFF , 1611px 1082px #FFF , 1025px 1029px #FFF , 143px 809px #FFF , 1957px 1204px #FFF , 1128px 1301px #FFF , 842px 1975px #FFF , 1865px 556px #FFF , 785px 75px #FFF , 1900px 1090px #FFF , 1455px 1585px #FFF , 1134px 313px #FFF , 549px 1259px #FFF , 153px 1059px #FFF , 1478px 487px #FFF , 1341px 1566px #FFF , 780px 901px #FFF , 1127px 1489px #FFF , 434px 704px #FFF , 879px 323px #FFF , 1438px 991px #FFF , 952px 1998px #FFF , 430px 1085px #FFF , 467px 861px #FFF , 1748px 1316px #FFF , 1841px 1842px #FFF , 751px 1267px #FFF , 720px 908px #FFF , 1237px 1690px #FFF , 598px 536px #FFF , 177px 1597px #FFF , 1118px 90px #FFF , 176px 1003px #FFF , 976px 1656px #FFF , 1557px 1148px #FFF , 1324px 1221px #FFF , 128px 1752px #FFF;
}
.b-bg__stars--3:after {
  content: " ";
  position: absolute;
  left: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 921px 1547px #FFF , 39px 49px #FFF , 1273px 1636px #FFF , 506px 643px #FFF , 1095px 464px #FFF , 1066px 1362px #FFF , 168px 1157px #FFF , 64px 558px #FFF , 1070px 872px #FFF , 977px 1780px #FFF , 40px 1562px #FFF , 1597px 291px #FFF , 1142px 1183px #FFF , 336px 1960px #FFF , 1611px 1082px #FFF , 1025px 1029px #FFF , 143px 809px #FFF , 1957px 1204px #FFF , 1128px 1301px #FFF , 842px 1975px #FFF , 1865px 556px #FFF , 785px 75px #FFF , 1900px 1090px #FFF , 1455px 1585px #FFF , 1134px 313px #FFF , 549px 1259px #FFF , 153px 1059px #FFF , 1478px 487px #FFF , 1341px 1566px #FFF , 780px 901px #FFF , 1127px 1489px #FFF , 434px 704px #FFF , 879px 323px #FFF , 1438px 991px #FFF , 952px 1998px #FFF , 430px 1085px #FFF , 467px 861px #FFF , 1748px 1316px #FFF , 1841px 1842px #FFF , 751px 1267px #FFF , 720px 908px #FFF , 1237px 1690px #FFF , 598px 536px #FFF , 177px 1597px #FFF , 1118px 90px #FFF , 176px 1003px #FFF , 976px 1656px #FFF , 1557px 1148px #FFF , 1324px 1221px #FFF , 128px 1752px #FFF;
}
.b-bg__stars--3.is-animation {
  animation: animStar 25s linear infinite;
}
.b-bg__moon {
  z-index: 1;
  position: absolute;
  top: -100px;
  right: -100px;
  width: 609px;
  height: 611px;
  transform: scale(0.5);
  max-width: none;
  max-height: none;
}
.b-bg__moon.is-start {
  z-index: 5;
}
.b-bg__moon.is-end {
  opacity: 0;
}
.b-bg__moon.zindex {
  z-index: 0;
}
@media (max-width: 500px) {
  .b-bg__moon {
    transform: scale(0.35);
    top: -150px;
    right: 50%;
    margin-right: -300px;
  }
}
@media (max-width: 500px) and (max-height: 700px) {
  .b-bg__moon {
    top: -220px;
  }
}
.b-bg__boot {
  z-index: 5;
  position: absolute;
  top: -40px;
  right: -20px;
  width: 486px;
  height: 491px;
  transform: scale(0.5);
  max-width: none;
  max-height: none;
  opacity: 0;
}
@media (max-width: 500px) {
  .b-bg__boot {
    transform: scale(0.35);
    top: -90px;
    right: 50%;
    margin-right: -225px;
  }
}
@media (max-width: 500px) and (max-height: 700px) {
  .b-bg__boot {
    top: -160px;
  }
}
.b-bg__gun {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 289px;
  height: 223.5px;
  transform: translate(0, 223.5px) rotate(45deg);
  transition: transform 0.3s;
  will-change: transform;
  max-width: none;
  max-height: none;
  z-index: 5;
}
.b-bg__gun.is-active {
  transform: none;
}
@media (max-width: 500px) {
  .b-bg__gun {
    width: 115.6px;
    height: 89.4px;
  }
  .b-bg__gun.is-active {
    transform: translate(-16%, 10%) rotate(-48deg);
  }
}
.b-bg__ray {
  z-index: 5;
  position: absolute;
  top: 50px;
  right: 50px;
  bottom: 110px;
  left: 195px;
}
@media (max-width: 500px) {
  .b-bg__ray {
    top: 50px;
    right: 50%;
    margin-right: -100px;
    bottom: 50px;
    left: 30px;
  }
}
@media (max-width: 500px) and (max-height: 700px) {
  .b-bg__ray {
    top: -20px;
  }
}

@keyframes animStar {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-2000px);
  }
}
.b-description {
  position: relative;
  color: #fff;
  font-family: "Tactic Sans Extended", "Arial Black";
  font-weight: 500;
  font-size: min(1vw + 20px, 40px);
  text-align: center;
}
@media (max-width: 992px) {
  .b-description {
    width: calc(124vw - 24px);
  }
}

.b-cards {
  max-width: 1600px;
  margin: 5vh auto 0;
  display: flex;
}
@media (max-width: 992px) {
  .b-cards {
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  .b-cards {
    -ms-overflow-style: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    width: 138%;
    margin: calc(2vw + 25px) 0 0 0;
    overflow: auto hidden;
    flex-wrap: nowrap;
  }
  .b-cards::-webkit-scrollbar {
    width: 0;
  }
}
.b-cards__item {
  box-sizing: border-box;
  width: 33.3333333333%;
  padding: 20px;
}
@media (max-width: 992px) {
  .b-cards__item {
    width: 50%;
  }
  .b-cards__item:nth-child(n+3) {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .b-cards__item {
    box-sizing: content-box;
    width: 100% !important;
    min-width: 380px;
    padding: 0 20px 0 0;
  }
}

.b-card {
  box-sizing: border-box;
  position: relative;
  height: 100%;
  padding: 25px 30px 120px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0 0 30px 0;
}
@media (max-width: 500px) {
  .b-card {
    padding-top: 20px;
    padding-bottom: 100px;
  }
}
.b-card__title {
  color: #fff;
  font-family: "Tactic Sans Extended", "Arial Black";
  font-weight: 500;
  font-size: min(1vw + 8px, 30px);
  line-height: 125%;
  margin: 0 0 calc(1vw + 5px) 0;
}
@media (max-width: 992px) {
  .b-card__title {
    font-size: calc(2vw + 6px);
  }
}
@media (max-width: 500px) {
  .b-card__title {
    font-size: calc(1vh + 12px);
  }
}
.b-card__text {
  color: #fff;
  font-weight: 400;
  font-size: min(1vw + 2px, 20px);
  line-height: 135%;
  opacity: 0.75;
}
@media (max-width: 992px) {
  .b-card__text {
    font-size: calc(2vw + 2px);
  }
}
@media (max-width: 500px) {
  .b-card__text {
    font-size: calc(1vh + 8px);
  }
}
.b-card__btn {
  position: absolute;
  bottom: 25px;
  left: 30px;
}
@media (max-width: 500px) {
  .b-card__btn {
    bottom: 20px;
  }
}

.ui-btn {
  font-family: "Tactic Sans Extended", "Arial Black";
  font-weight: 500;
  font-size: 1rem;
  line-height: 2rem;
  transition: color 0.3s, border-color 0.3s, opacity 0.3s;
  padding: 1rem 1.5rem;
  border: 3px solid;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  word-break: break-word;
  text-decoration: none;
}
.ui-btn:focus {
  outline: none;
}
.ui-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-btn.is-wait {
  cursor: wait;
}
.ui-btn.is-default {
  color: #131213;
  border-color: #131213;
}
.ui-btn.is-default .ui-icon {
  fill: #131213;
  stroke: #131213;
}
.ui-btn.is-default:not([disabled]):hover, .ui-btn.is-default:not([disabled]):focus {
  color: #131213;
  border-color: #A81515;
}
.ui-btn.is-default:not([disabled]):hover .ui-icon, .ui-btn.is-default:not([disabled]):focus .ui-icon {
  fill: #131213;
  stroke: #131213;
}
.ui-btn.is-default:not([disabled]):active {
  color: #A81515;
  border-color: #A81515;
}
.ui-btn.is-default:not([disabled]):active .ui-icon {
  fill: #A81515;
  stroke: #A81515;
}
.ui-btn.is-dark {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.ui-btn.is-dark .ui-icon {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
.ui-btn.is-dark:not([disabled]):hover, .ui-btn.is-dark:not([disabled]):focus {
  color: #FFFFFF;
  border-color: #A81515;
}
.ui-btn.is-dark:not([disabled]):hover .ui-icon, .ui-btn.is-dark:not([disabled]):focus .ui-icon {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
.ui-btn.is-dark:not([disabled]):active {
  color: #A81515;
  border-color: #A81515;
}
.ui-btn.is-dark:not([disabled]):active .ui-icon {
  fill: #A81515;
  stroke: #A81515;
}
.ui-btn.is-wide {
  width: 100%;
}
@media (max-width: 500px) {
  .ui-btn {
    padding: 0.75rem 1.5rem;
  }
}

.u-nowrap {
  white-space: nowrap;
}

.u-red {
  color: #A81515;
}