/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button,
input {
/* 1 */
  overflow: visible;
}
button,
select {
/* 1 */
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
details {
  display: block;
}
summary {
  display: list-item;
}
.main-svg-sprite {
  display: none;
}
.svg-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  fill: currentColor;
  font-size: 0;
}
.svg-icon__link {
  vertical-align: top;
  fill: inherit;
  width: inherit;
  height: inherit;
}
@font-face {
  font-family: 'Panton';
  src: url("../fonts/Panton-Regular.woff2") format('woff2'), url("../fonts/Panton-Regular.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Panton';
  src: url("../fonts/Panton-SemiBold.woff2") format('woff2'), url("../fonts/Panton-SemiBold.woff") format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Panton';
  src: url("../fonts/Panton-Bold.woff2") format('woff2'), url("../fonts/Panton-Bold.woff") format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
* {
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  font-family: sans-serif;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
  font-family: "Panton", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #01010f;
  background-color: #fff;
}
svg:not(:root) {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
blockquote {
  padding: 15px;
  padding-left: 20px;
  border-left: 5px solid #0904ff;
  background-color: rgba(9,4,255,0.03);
}
img {
  max-width: 100%;
  height: auto;
}
/**
 * Add the correct display in IE 10.
 */
.hidden,
template,
[hidden] {
  display: none !important;
}
.theme-color {
  color: #0904ff;
}
/**
 * The CSS class screen-reader-text
 *
 * @link https://make.wordpress.org/accessibility/handbook/markup/the-css-class-screen-reader-text/
 */
.visuallyhidden,
.screen-reader-text,
.sr-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
  -webkit-overflow-scrolling: touch;
}
.visuallyhidden:active,
.screen-reader-text:active,
.sr-only:active,
.visuallyhidden:focus,
.screen-reader-text:focus,
.sr-only:focus {
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000 /* Above WP toolbar. */;
}
.footer {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  color: #fcfcff;
  flex: none;
  margin-top: 48px;
  padding-top: 96px;
  padding-bottom: 76px;
  background-color: #01010f;
}
.footer a {
  color: #fcfcff;
  text-decoration: none;
}
.footer p {
  margin-top: 0;
  margin-bottom: 0;
}
.footer__info {
  display: flex;
  align-items: center;
  padding-bottom: 66px;
  border-bottom: 1px solid rgba(252,252,255,0.1);
}
.footer__logo {
  margin-right: 95px;
  margin-left: -48px;
  min-width: 261px;
}
.footer__button-download {
  min-width: 263px;
}
.footer__button-download:hover {
  background-color: #1c4afc !important;
}
.footer__button-download:after {
  content: '';
  flex: 0 0 18px;
  width: 18px;
  max-width: 18px;
  height: 20px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 13.5674L8.5 1.56738M8.5 13.5674L14.5 7.84476M8.5 13.5674L2.5 7.84475M16.5 15.5L16.5 18.5225L8.5 18.5225L0.75 18.5225L0.75 15.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.footer__contacts {
  padding-top: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(252,252,255,0.1);
}
.footer__membership {
  padding-top: 64px;
  opacity: 0.3;
}
.footer__phone,
.footer__mail {
  display: block;
}
.footer__cols {
  display: flex;
}
.footer__col {
  width: 25%;
}
.footer__col--developer {
  width: 25%;
}
.footer__col--developer .footer__img {
  margin: 0;
}
.footer__col--partners {
  width: 75%;
}
.footer__col--partners .footer__item {
  width: 33.333%;
}
.footer__name {
  font-size: 27px;
  font-weight: 600;
  letter-spacing: 0.32px;
  line-height: 0.9;
  margin-bottom: 22px;
}
.footer__items {
  display: flex;
  gap: 16px;
}
.footer__item {
  display: flex;
  align-items: center;
}
.footer__item p {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
}
.footer__img {
  flex: 0 0 auto;
  margin-right: 8px;
}
.footer__img img {
  vertical-align: top;
}
.header {
  flex: none;
}
html,
body {
  margin: 0;
  padding: 0;
}
html,
body {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
.app {
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.contain {
  max-width: 1344px;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin: 0 auto;
}
.button-default {
  font-size: 16px;
  color: #fcfcff;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  text-decoration: none;
  border: none;
  background-color: #0904ff;
  border-radius: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 11px 32px;
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s;
}
.button-default:hover {
  background-color: #01010f;
}
.button-default--dark {
  background-color: #01010f;
}
.button-default--dark:hover {
  background-color: #0904ff;
}
.hero {
  padding-top: 72px;
  padding-bottom: 48px;
}
.hero__content {
  color: #01010f;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 960px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.hero__content h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.32px;
  margin-top: 0;
  margin-bottom: 24px;
}
.hero__content p {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.2;
  max-width: 440px;
  width: 100%;
  margin: 0 auto 24px auto;
}
.hero__button-try {
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 32px;
}
.hero__button-try:after {
  content: '';
  flex: 0 0 17px;
  width: 17px;
  max-width: 17px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 7.04492H1.5M15.5 7.04492L9.77737 1.04492M15.5 7.04492L9.77737 13.0449' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  margin-left: 10px;
}
.info-effect {
  padding-top: 48px;
  padding-bottom: 48px;
}
.info-effect__container {
  display: flex;
}
.info-effect__slider {
  flex: 0 0 624px;
  width: 624px;
  max-width: 624px;
  margin-right: 64px;
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  align-self: flex-start;
}
.info-effect__nav {
  display: none;
}
.info-effect__cards {
  position: relative;
}
.info-effect__card {
  background-color: #efeff4;
  border-radius: 40px;
  margin-bottom: 20px;
  text-align: center;
  padding: 32px 55px 93px 55px;
  transition: background-color 0.5s;
}
.info-effect__card._is-show {
  background-color: #efeff4 !important;
}
.info-effect__card:after {
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
  -webkit-transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
  -moz-transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
  -ms-transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
  -o-transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
}
.info-effect__card-img img {
  vertical-align: top;
}
.info-effect__card-number {
  color: #c8c8d4;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.32px;
  position: absolute;
  left: 32px;
  bottom: 22px;
}
.info-effect__head {
  color: #01010f;
  display: flex;
  flex-direction: column;
  padding-bottom: 96px;
}
.info-effect__head strong {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  margin-bottom: 32px;
}
.info-effect__head p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  margin-top: 0;
  margin-bottom: 0;
}
.info-effect__head h2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.1;
  margin: 0;
  margin-bottom: 32px;
}
.info-effect__item {
  text-decoration: none;
  cursor: default;
}
.info-effect__item:last-child .info-effect__body {
  padding-bottom: 0;
}
.info-effect__body {
  border-top: 1px solid #e6e6ee;
  padding-top: 64px;
  padding-bottom: 96px;
  display: flex;
  flex-direction: column;
}
.info-effect__img {
  background-color: #efeff4;
  border-radius: 24px;
  margin-bottom: 20px;
  text-align: center;
  padding: 32px;
}
.info-effect__img img {
  vertical-align: top;
}
.info-effect__number {
  font-size: 16px;
  color: #bcbccf;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.32px;
  width: 48px;
  height: 48px;
  background-color: #efeff4;
  border-radius: 24px;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.info-effect__name {
  font-size: 24px;
  color: #333;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.32px;
  margin-bottom: 20px;
  padding-right: 25px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  align-self: flex-start;
}
.info-effect__name:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4201 14.0367C12.5498 7.55924 7.48568 2.49515 1.00825 0.624802V0.624802C0.679232 0.529798 0.747834 0.0449215 1.0903 0.0449215L13.2396 0.0449212C14.2119 0.0449212 15 0.833062 15 1.80528L15 13.9546C15 14.2971 14.5151 14.3657 14.4201 14.0367V14.0367Z' fill='%23FC601C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.info-effect__text {
  font-size: 17px;
  color: #333;
  font-weight: 400;
  line-height: 1.3;
}
.info-effect__controls {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 5;
  display: flex;
  flex-direction: column;
}
.info-effect__button-nav {
  width: 48px;
  height: 48px;
  background-color: #fcfcff;
  border-radius: 50%;
  margin-bottom: 8px;
  position: relative;
  transition: background-color 0.3s;
}
.info-effect__button-nav:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L7 1M7 15L1 9.27737M7 15L13 9.27737' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  transition: background 0.3s;
}
.info-effect__button-nav:hover {
  background-color: #01010f;
}
.info-effect__button-nav:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15L7 1M7 15L1 9.27737M7 15L13 9.27737' stroke='%23FCFCFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.info-effect__button-nav--prev {
  transform: rotate(180deg);
}
.slider__item {
  transition: transform 0.5s, opacity 0.5s;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: transform 0.5s, opacity 0.5s;
  -moz-transition: transform 0.5s, opacity 0.5s;
  -ms-transition: transform 0.5s, opacity 0.5s;
  -o-transition: transform 0.5s, opacity 0.5s;
}
.info-effect__nav--card-1._is-active ~ .info-effect__cards .slider__item--1 {
  position: relative;
  z-index: 2;
  transform: translate(0) scale(1);
}
.info-effect__nav--card-2._is-active ~ .info-effect__cards .slider__item--1 {
  z-index: 1;
  transform: scale(0.85);
}
.info-effect__nav--card-3._is-active ~ .info-effect__cards .slider__item--1 {
  z-index: 0;
  transform: scale(0.65);
}
.info-effect__nav--card-4._is-active ~ .info-effect__cards .slider__item--1 {
  z-index: -1;
  opacity: 0;
  transform: scale(0.65);
}
.info-effect__nav--card-5._is-active ~ .info-effect__cards .slider__item--1 {
  z-index: -1;
  opacity: 0;
  transform: scale(0.65);
}
.info-effect__nav--card-1._is-active ~ .info-effect__cards .slider__item--2 {
  z-index: 1;
  transform: translateY(70px) scale(0.98);
  background-color: #e6e6ee;
}
.info-effect__nav--card-1._is-active ~ .info-effect__cards .slider__item--2:after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 494px;
  height: 80px;
  background: radial-gradient(50% 50% at 50% 50%, #c1cad8 0%, rgba(194,198,220,0) 100%);
  opacity: 0.3;
}
.info-effect__nav--card-2._is-active ~ .info-effect__cards .slider__item--2 {
  position: relative;
  z-index: 2;
  transform: translate(0) scale(1);
}
.info-effect__nav--card-3._is-active ~ .info-effect__cards .slider__item--2 {
  z-index: 1;
  transform: scale(0.85);
}
.info-effect__nav--card-4._is-active ~ .info-effect__cards .slider__item--2 {
  z-index: 0;
  transform: scale(0.65);
}
.info-effect__nav--card-5._is-active ~ .info-effect__cards .slider__item--2 {
  z-index: -1;
  opacity: 0;
  transform: scale(0.65);
}
.info-effect__nav--card-1._is-active ~ .info-effect__cards .slider__item--3 {
  z-index: 0;
  transform: translateY(140px) scale(0.95);
  background-color: #dedee9;
}
.info-effect__nav--card-1._is-active ~ .info-effect__cards .slider__item--3:after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 494px;
  height: 80px;
  background: radial-gradient(50% 50% at 50% 50%, #c1cad8 0%, rgba(194,198,220,0) 100%);
  opacity: 0.3;
}
.info-effect__nav--card-2._is-active ~ .info-effect__cards .slider__item--3 {
  z-index: 1;
  transform: translateY(70px) scale(0.98);
  background-color: #e6e6ee;
}
.info-effect__nav--card-2._is-active ~ .info-effect__cards .slider__item--3:after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 494px;
  height: 80px;
  background: radial-gradient(50% 50% at 50% 50%, #c1cad8 0%, rgba(194,198,220,0) 100%);
  opacity: 0.3;
}
.info-effect__nav--card-3._is-active ~ .info-effect__cards .slider__item--3 {
  position: relative;
  z-index: 2;
  transform: translate(0) scale(1);
}
.info-effect__nav--card-4._is-active ~ .info-effect__cards .slider__item--3 {
  z-index: 1;
  transform: scale(0.85);
}
.info-effect__nav--card-5._is-active ~ .info-effect__cards .slider__item--3 {
  z-index: 0;
  transform: scale(0.65);
}
.info-effect__nav--card-1._is-active ~ .info-effect__cards .slider__item--4 {
  z-index: -1;
  opacity: 0;
  transform: translateY(140px) scale(0.95);
  background-color: #dedee9;
}
.info-effect__nav--card-1._is-active ~ .info-effect__cards .slider__item--4:after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 494px;
  height: 80px;
  background: radial-gradient(50% 50% at 50% 50%, #c1cad8 0%, rgba(194,198,220,0) 100%);
  opacity: 0.3;
}
.info-effect__nav--card-2._is-active ~ .info-effect__cards .slider__item--4 {
  z-index: 0;
  transform: translateY(140px) scale(0.95);
  background-color: #dedee9;
}
.info-effect__nav--card-2._is-active ~ .info-effect__cards .slider__item--4:after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 494px;
  height: 80px;
  background: radial-gradient(50% 50% at 50% 50%, #c1cad8 0%, rgba(194,198,220,0) 100%);
  opacity: 0.3;
}
.info-effect__nav--card-3._is-active ~ .info-effect__cards .slider__item--4 {
  z-index: 1;
  transform: translateY(70px) scale(0.98);
  background-color: #e6e6ee;
}
.info-effect__nav--card-3._is-active ~ .info-effect__cards .slider__item--4:after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 494px;
  height: 80px;
  background: radial-gradient(50% 50% at 50% 50%, #c1cad8 0%, rgba(194,198,220,0) 100%);
  opacity: 0.3;
}
.info-effect__nav--card-4._is-active ~ .info-effect__cards .slider__item--4 {
  position: relative;
  z-index: 2;
  transform: translate(0) scale(1);
}
.info-effect__nav--card-5._is-active ~ .info-effect__cards .slider__item--4 {
  z-index: 1;
  transform: scale(0.85);
}
.info-effect__nav--card-1._is-active ~ .info-effect__cards .slider__item--5 {
  z-index: -1;
  opacity: 0;
  transform: translateY(140px) scale(0.95);
  background-color: #dedee9;
}
.info-effect__nav--card-1._is-active ~ .info-effect__cards .slider__item--5:after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 494px;
  height: 80px;
  background: radial-gradient(50% 50% at 50% 50%, #c1cad8 0%, rgba(194,198,220,0) 100%);
  opacity: 0.3;
}
.info-effect__nav--card-2._is-active ~ .info-effect__cards .slider__item--5 {
  z-index: -1;
  opacity: 0;
  transform: translateY(140px) scale(0.95);
  background-color: #dedee9;
}
.info-effect__nav--card-2._is-active ~ .info-effect__cards .slider__item--5:after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 494px;
  height: 80px;
  background: radial-gradient(50% 50% at 50% 50%, #c1cad8 0%, rgba(194,198,220,0) 100%);
  opacity: 0.3;
}
.info-effect__nav--card-3._is-active ~ .info-effect__cards .slider__item--5 {
  z-index: 0;
  transform: translateY(140px) scale(0.95);
  background-color: #dedee9;
}
.info-effect__nav--card-3._is-active ~ .info-effect__cards .slider__item--5:after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 494px;
  height: 80px;
  background: radial-gradient(50% 50% at 50% 50%, #c1cad8 0%, rgba(194,198,220,0) 100%);
  opacity: 0.3;
}
.info-effect__nav--card-4._is-active ~ .info-effect__cards .slider__item--5 {
  z-index: 1;
  transform: translateY(70px) scale(0.98);
  background-color: #e6e6ee;
}
.info-effect__nav--card-4._is-active ~ .info-effect__cards .slider__item--5:after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 494px;
  height: 80px;
  background: radial-gradient(50% 50% at 50% 50%, #c1cad8 0%, rgba(194,198,220,0) 100%);
  opacity: 0.3;
}
.info-effect__nav--card-5._is-active ~ .info-effect__cards .slider__item--5 {
  position: relative;
  z-index: 2;
  transform: translate(0) scale(1);
}
.slider__item {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  opacity: 1;
}
.info-examples {
  padding-top: 48px;
  padding-bottom: 48px;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.info-examples__head {
  color: #01010f;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  position: relative;
  padding-right: 152px;
}
.info-examples__head strong {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  margin-bottom: 16px;
}
.info-examples__head p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  margin-top: 0;
  margin-bottom: 0;
}
.info-examples__head h2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.1;
  margin: 0;
  margin-bottom: 16px;
}
.info-examples__controls {
  display: flex;
  align-items: center;
  width: 104px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.info-examples__controls .swiper-button-prev,
.info-examples__controls .swiper-button-next {
  flex: 0 0 48px;
  width: 48px;
  max-width: 48px;
  height: 48px;
  position: static;
  margin-top: 0;
  background-color: #efeff4;
  border-radius: 50%;
  transition: background-color 0.3s;
}
.info-examples__controls .swiper-button-prev.swiper-button-disabled,
.info-examples__controls .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  pointer-events: none;
}
.info-examples__controls .swiper-button-prev.swiper-button-lock,
.info-examples__controls .swiper-button-next.swiper-button-lock {
  display: none;
}
.info-examples__controls .swiper-button-prev:after,
.info-examples__controls .swiper-button-next:after {
  content: '';
  width: 16px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.04492H1M15 7.04492L9.27737 13.0449M15 7.04492L9.27737 1.04492' stroke='%2301010F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  transition: background 0.3s;
}
.info-examples__controls .swiper-button-prev {
  transform: rotate(180deg);
}
.info-examples__controls .swiper-button-next {
  margin-left: 8px;
}
.info-examples__container {
  overflow: visible;
}
.info-examples__item {
  width: 416px;
}
.info-examples__body {
  padding: 48px;
  border: 1px solid #e6e6ee;
  border-radius: 40px;
  display: flex;
  flex-direction: column;
}
.info-examples__icon {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
}
.info-examples__icon img {
  vertical-align: top;
}
.info-examples__name {
  font-size: 27px;
  color: #01010f;
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: 0.32px;
  margin-top: 0;
  margin-bottom: 16px;
}
.info-examples__text {
  font-size: 17px;
  color: #333;
  font-weight: 400;
  line-height: 1.3;
  min-height: 144px;
  margin-bottom: 16px;
}
.info-examples__button-more:after {
  content: '';
  flex: 0 0 16px;
  width: 16px;
  max-width: 16px;
  height: 14px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.04492H1M15 7.04492L9.27737 1.04492M15 7.04492L9.27737 13.0449' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.info-help {
  padding-top: 48px;
  padding-bottom: 16px;
}
.info-help__head {
  color: #01010f;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
}
.info-help__head p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  margin-top: 0;
  margin-bottom: 16px;
}
.info-help__head h2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.1;
  margin: 0;
  margin-bottom: 0;
}
.info-help__items {
  display: flex;
  flex-wrap: wrap;
  margin-left: -32px;
}
.info-help__item {
  width: 33.333%;
  height: 456px;
  padding-left: 32px;
  margin-bottom: 32px;
}
.info-help__item:last-child {
  margin-bottom: 0;
}
.info-help__body {
  color: #01010f;
  padding: 48px;
  background-color: #efeff4;
  border-radius: 40px;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  overflow: hidden;
  cursor: default;
}
.info-help.whom .info-help__body{
  transition: color 0.5s, cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: color 0.5s, cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
  -moz-transition: color 0.5s, cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
  -ms-transition: color 0.5s, cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
  -o-transition: color 0.5s, cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
}
.info-help.whom .info-help__body:after {
  content: '';
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  border-radius: 50%;
  transition: background-color 0.5s, transform 0.5s, ease 0.5s;
}

.info-help__icon {
  max-width: 64px;
  width: 100%;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
  transform: color 0.5s;
}
.info-help__icon img {
  vertical-align: top;
}
.info-help__icon svg path,
.info-help__icon svg circle {
  transition: stroke 0.5s, fill 0.5s, ease 0.5s;
}
.info-help__name {
  font-size: 27px;
  font-weight: 600;
  line-height: 0.8;
  letter-spacing: 0.32px;
  margin-top: 0;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.info-help__text {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.3;
  position: relative;
  z-index: 2;
}

.info-help.tarifs .info-help__name{
  text-align: center;
}
.info-help.tarifs .info-help__price{
   text-align:center;
   font-size:27px;
   font-weight:600;
   color:#0904ff;
   position: absolute;
   left:0;
   right:0;
   bottom:30px;

}
.info-help.tarifs .info-help__price small{
   font-size:16px;
}
.info-help.tarifs .info-help__item{
  height: 600px;
  margin-top: 50px;
}

.info-help.tarifs .info-help__item.info-help__centeritem{
  height: 680px;
  margin-top: 0;
}

.info-help.tarifs .info-help__planimg{
   width:150px;
   height:150px;
   padding: 0;
   margin: 0 auto 20px;
   background-size: cover;
   border-radius: 50%;
   border:8px solid #fff;
   transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
}
.info-help.tarifs .info-help__planimg.info-help__planimg_1{
  background-image: url(/img/plan1_site.png);
}
.info-help.tarifs .info-help__planimg.info-help__planimg_2{
  background-image: url(/img/plan2_site.png);
}
.info-help.tarifs .info-help__planimg.info-help__planimg_3{
  background-image: url(/img/plan3_site.png);
}

.info-help.tarifs .info-help__pricetype a{
  font-size: 16px;
  color: #01010f;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  text-decoration: none;
  transition: color 0.3s;
  padding: 4px 10px;
}

.info-help.tarifs .info-help__pricetype a.active{
  font-size: 16px;
  color: #fcfcff;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  text-decoration: none;
  border: none;
  background-color: #0904ff;
  border-radius: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s;
}

.info-stages {
  padding-top: 48px;
  padding-bottom: 48px;
}
.info-stages__head {
  color: #01010f;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
.info-stages__head p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  margin-top: 0;
  margin-bottom: 16px;
}
.info-stages__head h2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.1;
  margin: 0;
  margin-bottom: 0;
}
.info-stages__container {
  display: flex;
  gap: 64px;
}
.info-stages__info,
.info-stages__items {
  width: calc(50% - 32px);
}
.info-stages__img {
  background-color: #efeff4;
  border-radius: 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
  -webkit-overflow-scrolling: touch;
}
.info-stages__img:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.info-stages__img img {
  vertical-align: bottom;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.info-stages__text p {
  font-size: 17px;
  color: #333;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 32px;
}
.info-stages__text p:last-child {
  margin-bottom: 0;
}
.info-stages__item {
  margin-bottom: 32px;
}
.info-stages__item:last-child {
  margin-bottom: 0;
}
.info-stages__body {
  display: flex;
  align-items: center;
  padding: 48px;
  background-color: #efeff4;
  border-radius: 40px;
}
.info-stages__number {
  font-size: 64px;
  color: #c8c8d4;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  letter-spacing: 0.32px;
  min-width: 81px;
  margin-right: 41px;
}
.info-stages__name {
  font-size: 27px;
  color: #01010f;
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: 0.32px;
  margin-top: 0;
  margin-bottom: 20px;
}
.main-functions {
  padding-top: 48px;
  padding-bottom: 48px;
}
.main-functions__section {
  max-width: 1600px;
  width: 100%;
  padding-right: 32px;
  padding-left: 32px;
  margin-left: auto;
  margin-right: auto;
}
.main-functions__inner {
  padding: 71px 75px 280px 66px;
  background-color: #efeff4;
  border-radius: 40px;
  position: relative;
}
.main-functions h4 {
  font-size: 16px;
  color: #01010f;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  margin-top: 0;
  margin-bottom: 10px;
}
.main-functions__container {
  position: relative;
}
.main-functions__layer {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-functions__layer--front {
  top: -1px;
  z-index: 10;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
          clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  transition: opacity 0.3s;
}
.main-functions__layer img {
  position: absolute;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-functions__items {
  display: flex;
  width: 100%;
  height: 518px;
  position: relative;
  z-index: 20;
}
.main-functions__item {
  width: 100%;
  height: 600px;
  flex: 1 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  position: relative;
}
.main-functions__item--integration .main-functions__integration {
  margin-top: auto;
  margin-bottom: auto;
}
.main-functions__item._is-active .main-functions__bottom {
  opacity: 1;
}
.main-functions__item._is-active .main-functions__name-mobile:after {
  transform: translateX(-20px);
  opacity: 0;
}
.main-functions__item._is-active .main-functions__note {
  display: block;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(1) {
  -webkit-animation-name: fadeInCheck;
          animation-name: fadeInCheck;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(1) .main-functions__check-switcher {
  -webkit-animation-name: swithBackgroundCheck;
          animation-name: swithBackgroundCheck;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(1) .main-functions__check-switcher:before {
  -webkit-animation-name: swithCheck;
          animation-name: swithCheck;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(2) {
  -webkit-animation-name: fadeInCheck;
          animation-name: fadeInCheck;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(2) .main-functions__check-switcher {
  -webkit-animation-name: swithBackgroundCheck;
          animation-name: swithBackgroundCheck;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(2) .main-functions__check-switcher:before {
  -webkit-animation-name: swithCheck;
          animation-name: swithCheck;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(3) {
  -webkit-animation-name: fadeInCheck;
          animation-name: fadeInCheck;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(3) .main-functions__check-switcher {
  -webkit-animation-name: swithBackgroundCheck;
          animation-name: swithBackgroundCheck;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(3) .main-functions__check-switcher:before {
  -webkit-animation-name: swithCheck;
          animation-name: swithCheck;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(4) {
  -webkit-animation-name: fadeInCheck;
          animation-name: fadeInCheck;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(4) .main-functions__check-switcher {
  -webkit-animation-name: swithBackgroundCheck;
          animation-name: swithBackgroundCheck;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(4) .main-functions__check-switcher:before {
  -webkit-animation-name: swithCheck;
          animation-name: swithCheck;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(5) {
  -webkit-animation-name: fadeInCheck;
          animation-name: fadeInCheck;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(5) .main-functions__check-icon--graph {
  -webkit-animation-name: graphCheck;
          animation-name: graphCheck;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(6) .lamp-on {
  -webkit-animation-name: lampCheck;
          animation-name: lampCheck;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-delay: 10.3s;
          animation-delay: 10.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__check-item:nth-child(7) .gear {
  -webkit-animation-name: gearCheck;
          animation-name: gearCheck;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-delay: 13.3s;
          animation-delay: 13.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__integration-item:nth-child(1) {
  -webkit-animation-name: fadeInCheck;
          animation-name: fadeInCheck;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__integration-item:nth-child(2) {
  -webkit-animation-name: fadeInCheck;
          animation-name: fadeInCheck;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__integration-item:nth-child(3) {
  -webkit-animation-name: fadeInCheck;
          animation-name: fadeInCheck;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item._is-active .main-functions__integration-item:nth-child(4) {
  -webkit-animation-name: fadeInCheck;
          animation-name: fadeInCheck;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main-functions__item:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 88%;
  background-color: rgba(166,166,191,0.2);
}
.main-functions__item:before {
  content: '';
  position: absolute;
  width: 361px;
  height: 135px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../img/neon-fish-pic.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  z-index: -1;
}
.main-functions__item:first-child .main-functions__name {
  left: 46px;
}
.main-functions__item:first-child .main-functions__content {
  padding-right: 40px;
  padding-left: 46px;
}
.main-functions__item:first-child .main-functions__bottom {
  padding-left: 46px;
}
.main-functions__item:first-child:hover .main-functions__name {
  left: 46px;
}
.main-functions__item:last-child:after {
  display: none;
}
.main-functions__item:last-child .main-functions__bottom {
  border-bottom: none;
}
.main-functions__name {
  font-size: 42px;
  color: #fcfcff;
  font-weight: 600;
  line-height: 1.1;
  padding-right: 25px;
  position: absolute;
  margin-top: 35px;
  margin-bottom: 30px;
  transform: translateY(-230%);
  top: 50%;
  left: 16px;
  transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1) , top 0.5s cubic-bezier(0.65, 0, 0.35, 1) , left 0.5s cubic-bezier(0.65, 0, 0.35, 1) , color 0.5s cubic-bezier(0.65, 0, 0.35, 1) , cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
  -webkit-transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1) , top 0.5s cubic-bezier(0.65, 0, 0.35, 1) , left 0.5s cubic-bezier(0.65, 0, 0.35, 1) , color 0.5s cubic-bezier(0.65, 0, 0.35, 1) , cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
  -moz-transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1) , top 0.5s cubic-bezier(0.65, 0, 0.35, 1) , left 0.5s cubic-bezier(0.65, 0, 0.35, 1) , color 0.5s cubic-bezier(0.65, 0, 0.35, 1) , cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
  -ms-transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1) , top 0.5s cubic-bezier(0.65, 0, 0.35, 1) , left 0.5s cubic-bezier(0.65, 0, 0.35, 1) , color 0.5s cubic-bezier(0.65, 0, 0.35, 1) , cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
  -o-transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1) , top 0.5s cubic-bezier(0.65, 0, 0.35, 1) , left 0.5s cubic-bezier(0.65, 0, 0.35, 1) , color 0.5s cubic-bezier(0.65, 0, 0.35, 1) , cubic-bezier(0.65, 0, 0.35, 1)  0.5s;
}
.main-functions__name:after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4207 13.9917C12.5504 7.51432 7.48628 2.45023 1.00885 0.57988V0.57988C0.679833 0.484876 0.748434 2.73017e-07 1.0909 2.65532e-07L13.2402 0C14.2125 -2.12486e-08 15.0006 0.788141 15.0006 1.76036L15.0006 13.9097C15.0006 14.2522 14.5157 14.3208 14.4207 13.9917V13.9917Z' fill='%23FC601C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.main-functions__content {
  text-align: left;
  width: 100%;
  height: 100%;
  padding-top: 120px;
  padding-right: 16px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: opacity 0.5s;
}
.main-functions__bottom {
  text-align: left;
  padding-left: 16px;
  margin-top: auto;
  transform: translateY(-100px);
  opacity: 0;
  transition: transform 0.5s, opacity 0.5s;
}
.main-functions__name-mobile {
  font-size: 28px;
  color: #01010f;
  font-weight: 600;
  line-height: 1.1;
  padding-right: 25px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  transition: opacity 0.5s, transform 0.5s;
}
.main-functions__name-mobile:after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4207 13.9917C12.5504 7.51432 7.48628 2.45023 1.00885 0.57988V0.57988C0.679833 0.484876 0.748434 2.73017e-07 1.0909 2.65532e-07L13.2402 0C14.2125 -2.12486e-08 15.0006 0.788141 15.0006 1.76036L15.0006 13.9097C15.0006 14.2522 14.5157 14.3208 14.4207 13.9917V13.9917Z' fill='%23FC601C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.main-functions__note {
  font-size: 17px;
  color: #01010f;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 32px;
  display: none;
}
.main-functions__button-more:after {
  content: '';
  flex: 0 0 16px;
  width: 16px;
  max-width: 16px;
  height: 14px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.08984H1M15 7.08984L9.27737 1.08984M15 7.08984L9.27737 13.0898' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.main-functions__bottom-pic {
  width: 100%;
  position: absolute;
  bottom: -140px;
  left: 50%;
  transform: translateX(-50%);
}
.main-functions__bottom-pic img {
  vertical-align: top;
}
.main-functions__monitoring {
  height: 295px;
  margin-left: 0;
}
.main-functions__monitoring-item {
  height: 22px;
  opacity: 0.1;
  transition: opacity 1s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: opacity 1s cubic-bezier(0.65, 0, 0.35, 1);
  -moz-transition: opacity 1s cubic-bezier(0.65, 0, 0.35, 1);
  -ms-transition: opacity 1s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: opacity 1s cubic-bezier(0.65, 0, 0.35, 1);
}
.main-functions__monitoring-item.swiper-slide {
  opacity: 0.1;
}
.main-functions__monitoring-item.swiper-slide-next + .main-functions__monitoring-item.swiper-slide {
  opacity: 0.25;
}
.main-functions__monitoring-item.swiper-slide-next + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide {
  opacity: 0.5;
}
.main-functions__monitoring-item.swiper-slide-next + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide,
.main-functions__monitoring-item.swiper-slide-next + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide {
  opacity: 1;
}
.main-functions__monitoring-item.swiper-slide-next + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide {
  opacity: 0.75;
}
.main-functions__monitoring-item.swiper-slide-next + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide {
  opacity: 0.5;
}
.main-functions__monitoring-item.swiper-slide-next + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide + .main-functions__monitoring-item.swiper-slide {
  opacity: 0.25;
}
.main-functions__monitoring-name {
  font-size: 11px;
  color: #fff;
  font-weight: 600;
  line-height: 1.3;
  display: inline-block;
  vertical-align: top;
  background-color: #1cd1f2;
  border-radius: 2px;
  padding: 5px 4px;
}
.main-functions__analytics {
  padding-bottom: 95px;
  margin-left: 0;
}
.main-functions__analytics-items {
  width: 305px;
  height: 290px;
  overflow: hidden !important;
  -webkit-overflow-scrolling: touch;
}
.main-functions__analytics-items .swiper-slide:first-child {
  opacity: 1 !important;
}
.main-functions__analytics-items .swiper-slide-next + .swiper-slide {
  opacity: 1 !important;
}
.main-functions__analytics-item {
  position: relative;
  overflow: visible;
  opacity: 0 !important;
  transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1) , cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
  -webkit-transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1) , cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
  -moz-transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1) , cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
  -ms-transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1) , cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
  -o-transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1) , cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
}
.main-functions__analytics-item.swiper-slide-active,
.main-functions__analytics-item.swiper-slide-next {
  opacity: 1 !important;
  transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1), backdrop-filter cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
  -webkit-transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1), backdrop-filter cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
  -moz-transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1), backdrop-filter cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
  -ms-transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1), backdrop-filter cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
  -o-transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1), backdrop-filter cubic-bezier(0.65, 0, 0.35, 1) 1.4s;
}
.main-functions__analytics-item.swiper-slide-active {
  z-index: 3;
}
.main-functions__analytics-item.swiper-slide-active .main-functions__analytics-body {
  top: 35px;
  right: 0;
  bottom: 35%;
  left: 32%;
}
.main-functions__analytics-item.swiper-slide-prev .main-functions__analytics-body {
  top: 0;
  left: 0;
  bottom: 35%;
}
.main-functions__analytics-item.swiper-slide-next {
  z-index: 2;
}
.main-functions__analytics-item.swiper-slide-next .main-functions__analytics-body {
  left: 32px;
  bottom: 0;
  top: 35%;
}
.main-functions__analytics-body {
  background-color: #baf5f7!important;
}
.order-presentation__button-submit {
  position: relative;
  overflow: hidden;
}
.order-presentation__button-submit span, .order-presentation__button-submit:after  {
  z-index: 2;
}
.order-presentation__button-submit:hover {
  background-color: #0904ff!important;
}
.order-presentation__button-submit:before {
  content: '';
  width: 56px;
  height: 56px;
  background: #0904ff;
  position: absolute;
  z-index: 1;
  /*right: 400px;
  */left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 56px;
  transition: all 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: all 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  -moz-transition: all 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  -ms-transition: all 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: all 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-border-radius: 56px;
  -moz-border-radius: 56px;
  -ms-border-radius: 56px;
  -o-border-radius: 56px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.order-presentation__button-submit:hover:before {
 content: '';
 background: #1c4afc;
 width: 56px;
 height: 56px;
 position: absolute;
 z-index: 1;
 transform: translate(-50%, -50%) scale(10);
 -webkit-transform: translate(-50%, -50%) scale(10);
 -moz-transform: translate(-50%, -50%) scale(10);
 -ms-transform: translate(-50%, -50%) scale(10);
 -o-transform: translate(-50%, -50%) scale(10);
}
.hero__content h1 {
  transition: all 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: all 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  -moz-transition: all 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  -ms-transition: all 1.6s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: all 1.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.head-text-hover {
  color: #1c4afc;  
}
@keyframes blur-in {
  from {
    backdrop-filter: blur(0px);
  }
  to {
    backdrop-filter: blur(8px);
  }
}
/*@keyframes gear-rotate {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
}
.main-functions__integration-icon--gear {
  animation: gear-rotate 2000ms infinite linear;
  -webkit-animation: gear-rotate 2000ms infinite linear;
}*/
.main-functions__integration-icon--gear img {
  width: 35px;
}
.main-functions__analytics-body {
  width: 205px;
  height: 161px;
  background-color: rgba(28,209,242,0.05);
  border: 1px solid #1cd1f2;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 7px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
  -webkit-animation: blur-in 1400ms 2s forwards;
}
.main-functions__analytics-name-bar {
  background-color: #1cd1f2;
  padding: 6px 9px;
  display: flex;
  align-items: center;
}
.main-functions__analytics-name-bar span {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  line-height: 1;
}
.main-functions__analytics-name-bar i {
  display: flex;
  flex: 0 0 26px;
  height: 6px;
  margin-left: auto;
}
.main-functions__analytics-img {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-functions__analytics-img img {
  vertical-align: top;
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-functions__check {
  width: 175px;
  height: 310px;
  margin-left: 0;
}
.main-functions__check-item {
  height: 70px !important;
  background: rgba(255,255,255,0.3);
  border: 1px solid #1cd1f2;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 7px;
}
.main-functions__check-item._is-active .lamp-off {
  opacity: 0;
}
.main-functions__check-item._is-active .lamp-on {
  opacity: 1;
}
.main-functions__check-body {
  padding: 4px 8px 0 8px;
  width: 100%;
  height: 100%;
}
.main-functions__check-name {
  font-size: 15.6px;
  font-weight: 600;
  color: #1cd1f2;
  line-height: 1.3;
  margin-bottom: 8px;
}
.main-functions__check-switcher {
  background: rgba(255,255,255,0.5);
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding: 2px;
  width: 36px;
}
.main-functions__check-switcher:before {
  content: '';
  background-color: #fcfcff;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.main-functions__check-content {
  display: flex;
  align-items: center;
}
.main-functions__check-content .main-functions__check-name {
  flex: 0 0 115px;
  width: 115px;
  max-width: 115px;
}
.main-functions__check-icon {
  flex: 0 0 59px;
  width: 59px;
  max-width: 59px;
  position: relative;
  transform: translateX(-14px);
}
.main-functions__check-icon img {
  vertical-align: top;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -moz-transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -ms-transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.main-functions__check-icon--graph {
  height: 24px;
  overflow: hidden;
  transform: translate(-18px, 10px);
  -webkit-overflow-scrolling: touch;
}
.main-functions__check-icon--graph img {
  position: static;
  transform: translate(0, 0);
  width: 59px;
  height: 24px;
  max-width: none;
}
.main-functions__check-icon--gear {
  transform: translate(-14px, -5px);
}
.main-functions__integration {
  width: 175px;
  height: 310px;
  margin-left: 0;
}
.main-functions__integration-item {
  height: 70px !important;
  background: rgba(255,255,255,0.3);
  border: 1px solid #1cd1f2;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 7px;
}
.main-functions__integration-body {
  padding: 4px 8px 0 8px;
  width: 100%;
  height: 100%;
  display: flex;
}
.main-functions__integration-name {
  font-size: 15.6px;
  font-weight: 600;
  color: #1cd1f2;
  line-height: 1.3;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.main-functions__integration-icon {
  flex: 0 0 64px;
  width: 64px;
  max-width: 64px;
  position: relative;
  margin-left: auto;
}
.main-functions__integration-icon--gear {
  flex: 0 0 50px;
  width: 50px;
  max-width: 50px;
}
.main-functions__integration-icon img {
  vertical-align: top;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@-webkit-keyframes fadeInCheck {
  0% {
    transform: translateY(-54px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInCheck {
  0% {
    transform: translateY(-54px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes swithCheck {
  0% {
    transform: translateX(0);
    background-color: #fcfcff;
  }
  100% {
    transform: translateX(18px);
    background-color: #1cd1f2;
  }
}
@keyframes swithCheck {
  0% {
    transform: translateX(0);
    background-color: #fcfcff;
  }
  100% {
    transform: translateX(18px);
    background-color: #1cd1f2;
  }
}
@-webkit-keyframes swithBackgroundCheck {
  0% {
    background: rgba(255,255,255,0.5);
  }
  100% {
    background-color: #fff;
  }
}
@keyframes swithBackgroundCheck {
  0% {
    background: rgba(255,255,255,0.5);
  }
  100% {
    background-color: #fff;
  }
}
@-webkit-keyframes graphCheck {
  0% {
    flex: 0 0;
    width: 0;
    max-width: 0;
  }
  100% {
    flex: 0 0 59px;
    width: 59px;
    max-width: 59px;
  }
}
@keyframes graphCheck {
  0% {
    flex: 0 0;
    width: 0;
    max-width: 0;
  }
  100% {
    flex: 0 0 59px;
    width: 59px;
    max-width: 59px;
  }
}
@-webkit-keyframes lampCheck {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lampCheck {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes gearCheck {
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes gearCheck {
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.order-presentation {
  padding-top: 48px;
  padding-bottom: 48px;
}
.order-presentation__container {
  background-color: #01010f;
  background-image: url("../img/form-bg-2.jpg");
  background-repeat: no-repeat;
  background-position: -57px -54px;
  border-radius: 40px;
  padding: 96px 112px;
  overflow: hidden;
  min-height: 652px;
  -webkit-overflow-scrolling: touch;
}
.order-presentation__wrapper {
  max-width: 528px;
  width: 100%;
  margin-left: auto;
  padding-right: 110px;
}
.order-presentation__head {
  margin-bottom: 32px;
}
.order-presentation__head h2 {
  font-size: 42px;
  color: #fcfcff;
  font-weight: 600;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 20px;
}
.order-presentation__head p {
  font-size: 17px;
  color: #9fa4bc;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0;
}
.order-presentation__fields {
  margin-bottom: 32px;
}
.order-presentation__field {
  margin-bottom: 20px;
}
.order-presentation__field input {
  font-size: 15px;
  color: #fcfcff;
  font-weight: 400;
  background-color: rgba(220,220,241,0.1);
  border: 1px solid rgba(252,252,255,0.2);
  border-radius: 5px;
  padding: 16px 14px;
  height: 48px;
  width: 100%;
}
.order-presentation__field ::-moz-placeholder {
  font-size: 15px;
  color: #a6a6bf;
  font-weight: 400;
  opacity: 1;
}
.order-presentation__field ::placeholder {
  font-size: 15px;
  color: #a6a6bf;
  font-weight: 400;
  opacity: 1;
}
.order-presentation__field:last-child {
  margin-bottom: 0;
}
.order-presentation__button-submit {
  display: flex;
  min-width: auto;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 32px;
}
.order-presentation__button-submit:hover {
  background-color: #1c4afc;
}
.order-presentation__button-submit:after {
  content: '';
  flex: 0 0 17px;
  width: 17px;
  max-width: 17px;
  height: 14px;
  margin-left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 7.04492H1.5M15.5 7.04492L9.77737 1.04492M15.5 7.04492L9.77737 13.0449' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.popup-main-functions.hystmodal--active:before {
  opacity: 1;
  background-color: rgba(28,209,242,0.1);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.popup-main-functions__inner {
  width: 1600px;
  margin-top: 0;
  margin-bottom: 0;
}
.popup-main-functions__container {
  display: flex;
}
.popup-main-functions__images,
.popup-main-functions__content {
  width: 50%;
}
.popup-main-functions__images {
  background: radial-gradient(40.75% 55.23% at 30.38% 44.77%, #1b242c 27.46%, #000 100%);
}
.popup-main-functions__images .swiper-button-prev,
.popup-main-functions__images .swiper-button-next {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fcfcff;
  transition: background-color 0.3s;
}
.popup-main-functions__images .swiper-button-prev:after,
.popup-main-functions__images .swiper-button-next:after {
  content: '';
  width: 16px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7H1M15 7L9.27737 13M15 7L9.27737 1' stroke='%2301010F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  transition: background 0.3s;
}
.popup-main-functions__images .swiper-button-prev {
  transform: rotate(180deg);
  right: 88px;
  left: auto;
}
.popup-main-functions__images .swiper-button-next {
  right: 32px;
}
.popup-main-functions__img {
  width: 100%;
  height: 100%;
}
.popup-main-functions__img img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popup-main-functions__content {
  padding: 72px 80px;
  position: relative;
}
.popup-main-functions__title {
  font-size: 16px;
  color: #01010f;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  margin-top: 0;
  margin-bottom: 32px;
}
.popup-main-functions__name {
  font-size: 42px;
  color: #01010f;
  font-weight: 600;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 32px;
}
.popup-main-functions__desc {
  font-size: 22px;
  color: #333;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.32px;
  margin-bottom: 32px;
}
.popup-main-functions__list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.popup-main-functions__list li {
  font-size: 17px;
  color: #01010f;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 18px;
  padding-left: 37px;
  position: relative;
}
.popup-main-functions__list li:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4207 13.9917C12.5504 7.51432 7.48628 2.45023 1.00885 0.57988V0.57988C0.679833 0.484876 0.748434 2.73016e-07 1.0909 2.65532e-07L13.2402 0C14.2125 -2.12486e-08 15.0006 0.788141 15.0006 1.76036L15.0006 13.9097C15.0006 14.2522 14.5157 14.3208 14.4207 13.9917V13.9917Z' fill='%23FC601C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.popup-main-functions__button-close {
  width: 48px;
  height: 48px;
  top: 24px;
  right: 24px;
  background-color: #01010f;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.05025 10.9498L6 6.00008M10.9497 1.05033L6 6.00008M6 6.00008L10.9497 10.9498M6 6.00008L1.05025 1.05033' stroke='%23FCFCFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 12px 12px;
  outline: none !important;
  transition: background-color 0.3s;
}
.popup-main-functions__button-close:hover {
  background-color: #0904ff;
}
.top-panel {
  padding-top: 24px;
  padding-bottom: 24px;
}
.top-panel__container {
  display: flex;
  align-items: center;
}
.top-panel__button-demo {
  margin-right: 75px;
}
.top-panel__phone {
  font-size: 16px;
  color: #01010f;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: color 0.3s;
}
.top-panel__phone:hover {
  color: #0904ff;
}
.top-panel__phone:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.2884 10.7694C4.17927 8.76289 4.27621 7.10376 4.37663 6.45676C4.40416 6.27779 4.5134 6.12183 4.67217 6.03479L6.29578 5.13779C6.53461 5.00587 6.65071 4.72652 6.57574 4.46419L5.46623 0.769281C5.38335 0.478834 5.09319 0.29905 4.79621 0.35414L1.13681 0.943617C0.897134 0.986518 0.709434 1.17398 0.666226 1.4136C0.373079 3.0662 -0.0633221 7.21057 2.6954 12.2018C5.45411 17.193 9.19518 19.0275 10.7514 19.6586C10.9773 19.7494 11.2358 19.6902 11.3997 19.5101L13.8454 16.7249C14.0493 16.5031 14.0518 16.1628 13.851 15.9381L11.3122 13.0338C11.1301 12.8306 10.8319 12.7801 10.5931 12.912L8.96985 13.8097C8.81169 13.8978 8.62151 13.9074 8.45532 13.8355C7.85404 13.5764 6.39752 12.7759 5.2884 10.7694Z' fill='%230904ff'/%3E%3C/svg%3E%0A");
}
.top-panel__phone:before {
  content: '';
  flex: 0 0 14px;
  width: 14px;
  max-width: 14px;
  height: 20px;
  margin-right: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.2884 10.7694C4.17927 8.76289 4.27621 7.10376 4.37663 6.45676C4.40416 6.27779 4.5134 6.12183 4.67217 6.03479L6.29578 5.13779C6.53461 5.00587 6.65071 4.72652 6.57574 4.46419L5.46623 0.769281C5.38335 0.478834 5.09319 0.29905 4.79621 0.35414L1.13681 0.943617C0.897134 0.986518 0.709434 1.17398 0.666226 1.4136C0.373079 3.0662 -0.0633221 7.21057 2.6954 12.2018C5.45411 17.193 9.19518 19.0275 10.7514 19.6586C10.9773 19.7494 11.2358 19.6902 11.3997 19.5101L13.8454 16.7249C14.0493 16.5031 14.0518 16.1628 13.851 15.9381L11.3122 13.0338C11.1301 12.8306 10.8319 12.7801 10.5931 12.912L8.96985 13.8097C8.81169 13.8978 8.62151 13.9074 8.45532 13.8355C7.85404 13.5764 6.39752 12.7759 5.2884 10.7694Z' fill='%2301010F'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  transition: background 0.3s;
}
.logo {
  width: 267px;
  margin-right: 20px;
}
.logo__img {
  display: block;
}
.logo__img img {
  vertical-align: top;
  display: none;
}
.main-menu {
  margin-left: auto;
}
.main-menu__nav ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.main-menu__nav li {
  margin-right: 32px;
}
.main-menu__nav li a {
  font-size: 16px;
  color: #01010f;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  text-decoration: none;
  transition: color 0.3s;
}
.main-menu__nav li a:hover {
  color: #0904ff;
}
.video-view {
  padding-top: 48px;
  padding-bottom: 48px;
}
.video-view__video {
  background-color: #000;
  border-radius: 40px;
  position: relative;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.video-view__video:before {
  content: '';
  display: block;
  padding-bottom: 54%;
}
.video-view__video iframe,
.video-view__video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s;
}
.video-view__video iframe._is-play,
.video-view__video video._is-play {
  opacity: 1;
  visibility: visible;
}
.video-view__content {
  color: #fcfcff;
  text-align: center;
  width: 324px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 4%;
  z-index: 2;
  transition: opacity 0.5s;
}
.video-view__content._is-play {
  opacity: 0;
  visibility: hidden;
}
.video-view__content p {
  font-size: 16px;
  color: #fcfcff;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  margin-top: 0;
  margin-bottom: 16px;
}
.video-view__content h3 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 0;
}
.video-view__button-play {
  width: 128px;
  height: 128px;
  background-color: #0904ff;
  border: none;
  padding: 0;
  border-radius: 50%;
  margin-bottom: 34px;
  cursor: pointer;
  position: relative;
}
.video-view__button-play:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.5 18.4019C36.5 19.5566 36.5 22.4434 34.5 23.5981L4.5 40.9186C2.5 42.0733 -1.99455e-06 40.6299 -1.8936e-06 38.3205L-3.79393e-07 3.67949C-2.78445e-07 1.37009 2.5 -0.0732867 4.5 1.08141L34.5 18.4019Z' fill='%23FCFCFF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 86% 50%;
  background-size: 36px 42px;
}

.main-functions__item--check._is-active._is-looping .main-functions__check-item:nth-child(1),
.main-functions__item--check._is-active._is-looping .main-functions__check-item:nth-child(2),
.main-functions__item--check._is-active._is-looping .main-functions__check-item:nth-child(3),
.main-functions__item--check._is-active._is-looping .main-functions__check-item:nth-child(4),
.main-functions__item--check._is-active._is-looping .main-functions__check-item:nth-child(5) {
  animation: none!important;
  -webkit-animation: none!important;
}


.main-functions__check {
  width: 227px;
}
.main-functions__check-content {
  justify-content: space-between;
}
.main-functions__monitoring-item {
  height: 26px;
}
.main-functions__monitoring-name {
  font-size: 14.3px;
}
.footer__section {
  position: relative;
}
.hero__button-scrolltop {
  padding: 11px;
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
  right: 50px;
  bottom: 50px;
  position: fixed;
  z-index: 5;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  pointer-events: none;
  width: 48px;
  height: 48px;
}
.hero__button-scrolltop._is-visible {
  opacity: 1;
  pointer-events: initial;
}
.hero__button-scrolltop:after {
  content: '';
  flex: 0 0 16px;
  width: 16px;
  max-width: 16px;
  height: 14px;
  margin-left: 0px;
  transform: rotate(-90deg);
  background-position: 0 0;
}
.info-help.tarifs .info-help__body:hover .info-help__planimg {
  box-shadow: 0 0 0px 8px #fff;
}
.next-function-link {
  text-decoration: none;
  color: #01010f;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  margin-bottom: 16px;
}
.next-function-link:after {
  content: '';
  flex: 0 0 16px;
  width: 16px;
  max-width: 16px;
  height: 14px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.08984H1M15 7.08984L9.27737 1.08984M15 7.08984L9.27737 13.0898' stroke='%2301010f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  position: relative;
  left: 0;
}
.next-function-link:hover:after {
  position: relative;
  left: 5px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.08984H1M15 7.08984L9.27737 1.08984M15 7.08984L9.27737 13.0898' stroke='%230904ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.next-function-link:hover {
  color: #0904ff;
}
.info-examples__photo {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 25px;
  height: 155px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.info-examples__date {
  font-weight: 400;
  min-height: auto!important;
}
a.info-examples__item:hover {
  cursor: pointer;
}
a.info-examples__item:hover .button-default--dark {
  background-color: #0904ff;
}
.info-examples__text--two-columns {
  display: flex;
  justify-content: space-between;
  min-height: auto!important;
}
.news .info-examples__body {
  background-color: #efeff4;
  overflow: hidden;
  padding: 0;
}
.news .info-examples__content {
  padding: 48px;
}
.news .button-default {
  padding: 11px;
  position: relative;
}
.news .info-examples__button-more:after {
  margin-left: 0;
  position: relative;
  z-index: 1;
}
.news .button-default:before {
  content: '';
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  border-radius: 50%;
  transition: background-color 0.5s, transform 0.5s, ease 0.5s;
  -webkit-transition: background-color 0.5s, transform 0.5s, ease 0.5s;
  -moz-transition: background-color 0.5s, transform 0.5s, ease 0.5s;
  -ms-transition: background-color 0.5s, transform 0.5s, ease 0.5s;
  -o-transition: background-color 0.5s, transform 0.5s, ease 0.5s;
}
.news .info-examples__photo {
  z-index: 2;
}
.news .info-examples__text,
.news .info-examples__name {
  transition: color 0.5s, cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  -webkit-transition: color 0.5s, cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  -moz-transition: color 0.5s, cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  -ms-transition: color 0.5s, cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
  -o-transition: color 0.5s, cubic-bezier(0.65, 0, 0.35, 1) 0.5s;
}
@-webkit-keyframes spinner {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
  to {
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .info-stages__img:before {
    padding-bottom: 80%;
  }
}
@media (min-width: 960px) {
  .main-functions__name-mobile {
    display: none;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  .info-stages__img:before {
    padding-bottom: 120%;
  }
  .info-help.tarifs .info-help__item{
    margin-top:30px;
    height: 650px;
  }
  .info-help.tarifs .info-help__item.info-help__centeritem{
    margin-top:0;
    height: 720px;
  }
}
@media (min-width: 1024px) {
  .info-effect__info {
    margin-bottom: 236px;
  }
  .info-effect__img {
    display: none;
  }
}
@media (min-width: 1025px) {
  .info-examples__controls .swiper-button-prev:hover,
  .info-examples__controls .swiper-button-next:hover {
    background-color: #01010f;
  }
  .info-examples__controls .swiper-button-prev:hover:after,
  .info-examples__controls .swiper-button-next:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.04492H1M15 7.04492L9.27737 13.0449M15 7.04492L9.27737 1.04492' stroke='%23FCFCFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .info-help__body:not(.tarifs):hover:after {
    background-color: #0904ff;
    transform: scale(12);
  }
  .popup-main-functions__images .swiper-button-prev:hover,
  .popup-main-functions__images .swiper-button-next:hover {
    background-color: #0904ff;
  }
  .popup-main-functions__images .swiper-button-prev:hover:after,
  .popup-main-functions__images .swiper-button-next:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7H1M15 7L9.27737 13M15 7L9.27737 1' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .news .info-examples__body:hover .button-default:before {
    background-color: #0904ff;
    transform: scale(20);
    -webkit-transform: scale(20);
    -moz-transform: scale(20);
    -ms-transform: scale(20);
    -o-transform: scale(20);
  }
  .news .info-examples__body:hover .info-examples__text,
  .news .info-examples__body:hover .info-examples__name {
    position: relative;
    color: #ffffff;
    z-index: 2;
  }
  .info-help.whom .info-help__body:hover {
    color: #fff;
  }
  .info-help.whom .info-help__body:hover .info-help__icon svg path,
  .info-help.whom .info-help__body:hover .info-help__icon svg circle {
    stroke: #fff;
  }
  .info-help.whom .info-help__body:hover .info-help__icon--fill svg path:last-child {
    fill: #fff;
  }
}
@media (min-width: 1280px) {
  .main-functions__item._is-active .main-functions__name {
    top: 0;
    transform: translateY(0);
    color: #01010f;
  }
  .main-functions__item._is-active .main-functions__content {
    opacity: 1;
  }
  .main-functions__item._is-active .main-functions__bottom {
    transform: translateY(0);
    opacity: 1;
  }
  .main-functions__item._is-active .main-functions__monitoring,
  .main-functions__item._is-active .main-functions__analytics {
    margin-left: 0;
  }
  .main-functions__item:before {
    display: none;
  }
  .logo__desktop {
    display: block !important;
  }
}
@media (max-height: 700px) and (min-width: 1024px) {
  .info-effect {
    margin-bottom: -80px;
  }
}
@media (max-width: 1599px) {
  .main-functions__inner {
    padding-right: 32px;
    padding-bottom: 220px;
    padding-left: 32px;
  }
}
@media (max-width: 1439px) {
  .footer__logo {
    margin-left: 0;
  }
  .main-functions__analytics-item.swiper-slide-active .main-functions__analytics-body {
    left: 20%;
  }
  .main-functions__analytics-item.swiper-slide-next .main-functions__analytics-body {
    left: 16px;
  }
}
@media (max-width: 1360px) {
  .main-functions__analytics-item.swiper-slide-active .main-functions__analytics-body {
    left: 15%;
  }
  .main-functions__analytics-item.swiper-slide-next .main-functions__analytics-body {
    left: 10px;
  }
}
@media (max-width: 1279px) {
  .info-effect__slider {
    margin-right: 32px;
  }
  .info-help__body {
    padding: 32px;
  }
  .main-functions__inner {
    padding-bottom: 100px;
  }
  .main-functions__layer {
    display: none;
  }
  .main-functions__items {
    flex-wrap: wrap;
    height: auto;
  }
  .main-functions__item {
    width: 50%;
    height: 560px;
    flex: none;
  }
  .main-functions__name {
    color: #01010f;
  }
  .main-functions__bottom-pic {
    bottom: -86px;
  }
  .order-presentation__container {
    background-position: -180px -54px;
  }
  .order-presentation__wrapper {
    padding-right: 0;
    max-width: 400px;
  }
  .popup-main-functions__content {
    padding: 50px 40px;
  }
  .popup-main-functions__button-close {
    top: 12px;
    right: 12px;
  }
  .top-panel__button-demo {
    margin-right: 24px;
  }
  .logo {
    width: 147px;
  }
  .logo__mobile {
    display: block !important;
  }
  .main-menu__nav li {
    margin-right: 24px;
  }
}
@media (max-width: 1023px) {
  .hero {
    padding-top: 48px;
    padding-bottom: 32px;
  }
  .hero__content h1 {
    font-size: 32px;
    margin-bottom: 16px;
  }
  .hero__content p {
    font-size: 15px;
    margin-bottom: 16px;
  }
  .info-effect__container {
    display: block;
  }
  .info-effect__slider {
    display: none;
  }
  .info-effect__number {
    display: none;
  }
  .info-help__item {
    width: 100%;
    height: auto;
  }
  .info-stages__body {
    padding: 32px;
  }
  .order-presentation__container {
    background-position: -25px -54px;
    min-height: 1050px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 32px 24px;
  }
  .order-presentation__wrapper {
    margin-right: auto;
    max-width: 640px;
  }
  .popup-main-functions__container {
    display: block;
  }
  .popup-main-functions__images,
  .popup-main-functions__content {
    width: 100%;
  }
  .popup-main-functions__images .swiper-button-prev,
  .popup-main-functions__images .swiper-button-next {
    top: auto;
    bottom: 32px;
  }
  .popup-main-functions__images .swiper-button-prev {
    left: 50%;
    right: auto;
    transform: rotate(180deg) translateX(115%);
  }
  .popup-main-functions__images .swiper-button-next {
    right: 50%;
    transform: translateX(115%);
  }
  .popup-main-functions__img {
    height: 450px;
  }
  .top-panel__button-demo {
    margin-left: auto;
    margin-right: 0;
  }
  .top-panel__phone {
    display: none;
  }
  .main-menu {
    display: none;
  }
  .video-view__content {
    margin-top: 0;
  }
  .video-view__content p {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .video-view__content h3 {
    font-size: 28px;
  }
  .video-view__button-play {
    margin-bottom: 16px;
  }

  .info-help.tarifs .info-help__item{
    margin-top:0;
    height: 520px;
  }

  .info-help.tarifs .info-help__item.info-help__centeritem{
    margin-top:0;
    height: 580px;
  }

  .info-help.tarifs .info-help__pricetype a{
    padding: 4px 5px;
  }
}
@media (max-width: 959px) {
  .footer__cols {
    flex-wrap: wrap;
  }
  .footer__col {
    width: 50%;
    margin-bottom: 32px;
  }
  .footer__col--developer {
    width: 100%;
  }
  .footer__col--partners {
    width: 100%;
  }
  .footer__col--partners .footer__item {
    width: 48%;
  }
  .footer__items {
    flex-wrap: wrap;
  }
  .info-stages__container {
    display: block;
  }
  .info-stages__info,
  .info-stages__items {
    width: 100%;
  }
  .info-stages__info {
    margin-bottom: 64px;
  }
  .main-functions {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .main-functions__inner {
    padding-top: 32px;
    margin-right: -32px;
    margin-left: -32px;
    border-radius: 24px;
  }
  .main-functions h4 {
    margin-bottom: 18px;
  }
  .main-functions__item {
    width: 100%;
    height: auto;
  }
  .main-functions__item._is-active:before {
    opacity: 1;
  }
  .main-functions__item._is-active .main-functions__content {
    opacity: 1;
    padding-top: 30px;
    padding-bottom: 30px;
    height: 370px;
    visibility: visible;
  }
  .main-functions__item._is-active .main-functions__button-more {
    display: inline-flex;
  }
  .main-functions__item:after {
    display: none;
  }
  .main-functions__item:before {
    top: 30%;
    left: 150px;
    opacity: 0;
    transition: opacity 0.5s;
  }
  .main-functions__item:first-child .main-functions__bottom {
    border-top: 1px solid rgba(166,166,191,0.2);
  }
  .main-functions__name {
    display: none;
  }
  .main-functions__content {
    padding-left: 0 !important;
    padding-top: 0;
    pointer-events: none;
    height: 0;
    visibility: hidden;
    transition: height 0.5s, padding 0.5s;
  }
  .main-functions__bottom {
    transform: none;
    opacity: 1;
    padding: 16px 32px !important;
    margin-right: -32px;
    margin-left: -32px;
    border-bottom: 1px solid rgba(166,166,191,0.2);
  }
  .main-functions__note {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .main-functions__button-more {
    display: none;
  }
  .main-functions__bottom-pic {
    width: 782px;
    height: 178px;
    bottom: -74px;
  }
  .main-functions__bottom-pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
@media (max-width: 767px) {
  .footer {
    padding-top: 32px;
    padding-bottom: 24px;
  }
  .footer {
    margin-top: 32px;
  }
  .footer__info {
    padding-bottom: 24px;
  }
  .footer__logo {
    margin-right: 45px;
  }
  .footer__membership {
    padding-top: 24px;
  }
  .footer__name {
    font-size: 22px;
  }
  .info-effect__head {
    padding-bottom: 24px;
  }
  .info-effect__head strong {
    margin-bottom: 8px;
  }
  .info-effect__head p {
    font-size: 15px;
  }
  .info-effect__head h2 {
    font-size: 28px;
    margin-bottom: 24px;
  }
  .info-examples {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .info-examples__head {
    margin-bottom: 24px;
  }
  .info-examples__head p {
    font-size: 15px;
  }
  .info-examples__head h2 {
    font-size: 28px;
    margin-bottom: 8px;
  }
  .info-help {
    padding-top: 32px;
  }
  .info-help__head {
    margin-bottom: 24px;
  }
  .info-help__head p {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .info-help__head h2 {
    font-size: 28px;
  }
  .info-help__item {
    margin-bottom: 24px;
  }
  .info-help__body {
    border-radius: 24px;
  }
  .info-help__icon {
    margin-bottom: 24px;
  }
  .info-help__name {
    font-size: 22px;
  }
  .info-help__text {
    font-size: 15px;
  }
  .info-stages {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .info-stages__head {
    margin-bottom: 24px;
  }
  .info-stages__head p {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .info-stages__head h2 {
    font-size: 28px;
  }
  .info-stages__img {
    border-radius: 24px;
  }
  .info-stages__item {
    margin-bottom: 24px;
  }
  .info-stages__body {
    border-radius: 24px;
  }
  .order-presentation {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .order-presentation__container {
    min-height: 950px;
    background-position: -100px -150px;
    border-radius: 24px;
  }
  .order-presentation__head h2 {
    font-size: 28px;
  }
  .order-presentation__head p {
    font-size: 15px;
  }
  .popup-main-functions__img {
    height: 350px;
  }
  .popup-main-functions__content {
    padding: 40px 32px;
  }
  .popup-main-functions__title {
    margin-bottom: 16px;
  }
  .popup-main-functions__name {
    font-size: 32px;
    margin-bottom: 16px;
  }
  .popup-main-functions__desc {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .popup-main-functions__list li {
    font-size: 16px;
  }
  .top-panel {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .video-view {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (max-height: 700px) {
  .info-effect__slider {
    transform: scale(0.8);
    top: -30px;
    margin-top: -60px;
  }
}
@media (max-width: 639px) {
  .footer__container {
    padding-right: 16px;
    padding-left: 16px;
  }
  .footer__info {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer__logo {
    margin-bottom: 44px;
    margin-right: 0;
  }
  .footer__button-download {
    width: 100%;
  }
  .footer__col {
    width: 100%;
  }
  .footer__col:last-child {
    margin-bottom: 0;
  }
  .footer__col--partners .footer__item {
    width: 100%;
  }
  .footer__name {
    margin-bottom: 16px;
  }
  .footer__item {
    margin-bottom: 27px;
  }
  .footer__img {
    order: 1;
    margin-right: 0;
    margin-left: 24px;
  }
  .button-default {
    font-size: 14px;
    padding: 13px 24px;
  }
  .info-examples {
    position: relative;
    padding-bottom: 104px;
  }
  .info-examples__head {
    position: static;
    padding-right: 0;
  }
  .info-examples__controls {
    right: auto;
    left: 16px;
    bottom: 32px;
  }
  .info-examples__item {
    width: 340px;
  }
  .info-examples__body {
    padding: 24px;
  }
  .info-examples__text {
    font-size: 15px;
    min-height: 192px;
  }
  .order-presentation__container {
    background-position: -150px -150px;
  }
  .news .info-examples__content {
    padding: 24px;
  }
}
@media (max-width: 480px) {
  .info-stages__img img {
    width: 274px;
  }
}
@media (max-width: 479px) {
  .info-stages__text p {
    font-size: 15px;
  }
  .info-stages__body {
    display: block;
  }
  .info-stages__number {
    text-align: left;
    margin-bottom: 24px;
  }
  .info-stages__name {
    font-size: 22px;
  }
  .video-view__video:before {
    padding-bottom: 134%;
  }
}
@media (max-width: 413px) {
  .order-presentation__container {
    background-image: url("../img/form-bg-mobile-2.jpg");
    background-position: 50% 0;
    background-size: 100%;
    min-height: 755px;
  }
  .popup-main-functions__list li {
    padding-left: 0;
  }
  .popup-main-functions__list li:before {
    left: -26px;
  }

  .info-help.tarifs .info-help__item{
    margin-top:0;
    height: 540px;
  }

  .info-help.tarifs .info-help__item.info-help__centeritem{
    margin-top:0;
    height: 600px;
  }
}
@media (max-width: 374px) {
  .hero__content h1 {
    font-size: 28px;
  }
  .info-examples__item {
    width: 300px;
  }
  .order-presentation__container {
    min-height: 740px;
  }
  .logo {
    width: 120px;
  }
  .info-help.tarifs .info-help__item{
    margin-top:0;
    height: 570px;
  }
  .info-help.tarifs .info-help__item.info-help__centeritem{
    margin-top:0;
    height: 640px;
  }
  .info-examples__text--two-columns {
    flex-direction: column;
  }
  .next-function-link {
    margin-top: 10px;
  }
}

.footer__membership {
  opacity: 1;
}
.footer__item {
  opacity: 0.3;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.footer__col--developer .footer__item:hover,
.footer__col--partners .footer__item:not(:last-child):hover {
  opacity: 0.6;
}
.footer__name {
  opacity: 0.3;
}
.footer__container {
  position: relative;
}
.footer__reestr {
  margin-left: 90px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
  position: absolute;
  top: 0;
  right: 90px;
}
.footer__reestr-img {
  width: 59px;
  min-width: 59px;
  height: auto;
}
.footer__reestr-img a {
  display: block; 
  padding-right: 10px;
}
.footer__reestr-txt {
  width: 300px;
}
.footer__reestr a {
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  opacity: 1;
}
.footer__reestr:hover a {
  opacity: 0.8;
}
@media (max-width: 1220px) {
  .footer__reestr {
    right: 0;
  }
}
@media (max-width: 1120px) {
  .footer__reestr-txt {
    width: 275px;
  }
}
@media (max-width: 1050px) {
  .footer__reestr-txt {
    width: 225px;
  }
  .footer__logo {
    margin-right: 70px;
  }
}
@media (max-width: 958px) {
  .footer__reestr {
    position: relative;
    justify-content: flex-start;
    margin-left: 0;
    margin-top: -30px;
  }
  .footer__reestr-txt {
    width: 400px;
  }
}
@media (max-width: 766px) {
  .footer__reestr {
    margin-top: 0;
  }
}
@media (max-width: 520px) {
  .footer__reestr-txt {
    width: auto;
  }
}

/*Page*/

.page {
  padding-top: 48px;
  padding-bottom: 48px;
}
.page__section {
  max-width: 1600px;
  width: 100%;
  padding-right: 32px;
  padding-left: 32px;
  margin-left: auto;
  margin-right: auto;
}

.page__inner {
  padding: 71px 75px 280px 66px;
  /*border-radius: 40px;*/
  position: relative;
}

.page h4 {
  font-size: 16px;
  color: #01010f;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.32px;
  margin-top: 0;
  margin-bottom: 10px;
}

.page__header {
  text-align: center;
}

@media (max-width: 1599px) {
  .page__inner {
    padding-right: 32px;
    padding-bottom: 220px;
    padding-left: 32px;
  }
}

@media (max-width: 959px) {
  .page {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .page__inner {
    padding-top: 32px;
    margin-right: -32px;
    margin-left: -32px;
    /*border-radius: 24px;*/
  }

  .page h4 {
    margin-bottom: 18px;
  }
}

@media (max-width: 1279px) {
  .page__inner {
    padding-bottom: 100px;
  }
}