@charset "UTF-8";
/*Fonts style Exo_2*/
@font-face {
  font-family: 'Exo_2';
  font-weight: 200;
  font-style: normal;
  src: url("/fonts/exo_2/Exo2-ExtraLight.ttf"); }

@font-face {
  font-family: 'Exo_2';
  font-weight: 300;
  font-style: normal;
  src: url("/fonts/exo_2/Exo2-Light.ttf"); }

@font-face {
  font-family: 'Exo_2';
  font-weight: 400;
  font-style: normal;
  src: url("/fonts/exo_2/Exo2-Regular.ttf"); }

@font-face {
  font-family: 'Exo_2';
  font-weight: 500;
  font-style: normal;
  src: url("/fonts/exo_2/Exo2-Medium.ttf"); }

@font-face {
  font-family: 'Exo_2';
  font-weight: 700;
  font-style: normal;
  src: url("/fonts/exo_2/Exo2-Bold.ttf"); }

/*Fonts style Montserrat*/
@font-face {
  font-family: 'Montserrat';
  font-weight: 200;
  font-style: normal;
  src: url("/fonts/montserrat/Montserrat-ExtraLight.ttf"); }

@font-face {
  font-family: 'Montserrat';
  font-weight: 300;
  font-style: normal;
  src: url("/fonts/montserrat/Montserrat-Light.ttf"); }

@font-face {
  font-family: 'Montserrat';
  font-weight: 400;
  font-style: normal;
  src: url("/fonts/montserrat/Montserrat-Regular.ttf"); }

@font-face {
  font-family: 'Montserrat';
  font-weight: 500;
  font-style: normal;
  src: url("/fonts/montserrat/Montserrat-Medium.ttf"); }

@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  font-style: normal;
  src: url("/fonts/montserrat/Montserrat-Bold.ttf"); }

/*Size Fonts*/
@font-face {
  font-family: 'Roboto';
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  font-weight: 900;
  font-style: italic; }

/*colors*/
/*sizes*/
h1 {
  font-family: "Exo_2", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 64px;
  line-height: 68px;
  /* or 106% */
  letter-spacing: -0.02em;
  color: #192A3D;
  margin: 0; }

h2 {
  font-family: "Exo_2", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 64px;
  /* identical to box height, or 133% */
  letter-spacing: -0.02em;
  /* Main/192A3D */
  color: #192A3D;
  margin: 0; }

h3 {
  font-family: "Exo_2", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.02em;
  color: #192A3D;
  margin: 0; }
  h3 > .--blue {
    color: #4B7BFF; }

.h1-description {
  font-family: "Montserrat", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  /* or 178% */
  letter-spacing: -0.01em;
  color: #192A3D; }

.h2-description {
  font-family: "Montserrat", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #555765; }

.h3-description {
  font-family: "Montserrat", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: #555765; }

a {
  text-decoration: none; }

@media (max-width: 760px) {
  h1 {
    font-size: 34px;
    line-height: 38px; }
  h2 {
    font-size: 24px;
    line-height: 32px; }
  .h1-description {
    font-size: 14px;
    line-height: 24px; }
  .h2-description {
    font-size: 12px;
    line-height: 18px; }
  .h3-description {
    font-size: 12px;
    line-height: 18px; } }

/*Buttons*/
.mt-16 {
  margin-top: 16px; }

.mb-16 {
  margin-bottom: 16px; }

.mb-8 {
  margin-bottom: 8px; }

.mr-16 {
  margin-right: 16px; }

.ml-16 {
  margin-left: 16px; }

.mt-64 {
  margin-top: 64px; }

.mb-64 {
  margin-bottom: 64px; }

/*Buttons*/
.btn {
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  transition-duration: 0.25s;
  font-family: "Montserrat", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  /* identical to box height, or 129% */
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.01em;
  outline: none;
  box-sizing: border-box;
  border-radius: 4px;
  height: 52px;
  padding: 0 20px;
  cursor: pointer; }
  .btn.--blue {
    color: #FFFFFF;
    background-color: #4B7BFF;
    border: 1px solid #FFFFFF; }
    .btn.--blue:hover {
      background-color: #FFFFFF;
      color: #4B7BFF;
      border: 1px solid #4B7BFF;
      filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.8)); }
  .btn.--white {
    color: #4B7BFF;
    border: 1px solid #4B7BFF;
    background-color: #FFFFFF; }
    .btn.--white:hover {
      color: #FFFFFF;
      background-color: #4B7BFF;
      border: 1px solid #4B7BFF;
      filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.8)); }
  .btn.--header {
    padding: 0 20px;
    height: 42px; }

.animatic {
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  transition-duration: 0.25s; }
  .animatic.--fast {
    -webkit-transition-duration: 0.125s;
    -o-transition-duration: 0.125s;
    -moz-transition-duration: 0.125s;
    transition-duration: 0.125s; }
  .animatic.--long {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s; }
  .animatic.--very-long {
    -webkit-transition-duration: 1.0s;
    -o-transition-duration: 1.0s;
    -moz-transition-duration: 1.0s;
    transition-duration: 1.0s; }

/*scroll bars*/
::-webkit-scrollbar {
  width: 2px !important;
  height: 2px !important;
  min-width: 2px;
  min-height: 2px; }

::-webkit-scrollbar-track-piece {
  background-color: #f3f2f3;
  /*фон скролла*/ }

::-webkit-scrollbar-thumb:vertical {
  height: 27px;
  background-color: #555765;
  /*цвет самого бегунка без рамки*/ }

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc; }

::-webkit-scrollbar-thumb {
  background: linear-gradient(left, #f3f2f3, #ccc);
  border: none;
  /*Рамка бегунка*/ }

.go-slide {
  cursor: pointer; }

.unselectable {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */ }

.fon-service-landing {
  display: none;
  position: fixed;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100; }

.form-landing {
  display: flex;
  position: relative;
  width: 456px;
  height: fit-content;
  background-color: #FFFFFF;
  max-width: 95%;
  padding: 36px 48px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  z-index: 101;
  margin-bottom: -100px;
  opacity: 0; }
  .form-landing.--open {
    opacity: 1;
    margin-bottom: 0; }
  .form-landing__title {
    font-family: "Exo_2", Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #192A3D;
    margin: 12px 0;
    white-space: nowrap; }
  .form-landing > .form-group {
    width: 100%; }
  .form-landing__input {
    font-family: "Montserrat", Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #192A3D;
    width: calc(100% - 32px);
    padding: 0 16px;
    height: 52px;
    background: #F6F8FA;
    border-radius: 4px;
    border: none;
    outline: none;
    margin: 12px 0; }
  .form-landing__button {
    margin: 12px 0; }
  .form-landing__info > span {
    font-size: 14px;
    line-height: 16px;
    color: #7f7f7f;
    text-align: center; }
    .form-landing__info > span > a {
      cursor: pointer;
      font-size: 14px;
      line-height: 16px;
      color: #7f7f7f;
      text-align: center; }

.form-group {
  width: 100%;
  position: relative; }
  .form-group > .help-block {
    font-family: "Montserrat", Arial, sans-serif;
    position: absolute;
    right: 16px;
    top: 31px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #AE2727FF; }
  .form-group > .input {
    background: #F6F8FA;
    border-radius: 4px;
    padding: 0 16px;
    font-family: "Montserrat", Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #192A3D;
    border: none;
    outline: none;
    height: 52px;
    width: calc(100% - 32px);
    margin: 12px 0; }

@media (max-width: 760px) {
  /*Buttons*/
  .btn {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
    padding: 8px 12px;
    font-family: "Montserrat", Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 129% */
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.01em;
    outline: none;
    box-sizing: border-box;
    border-radius: 4px;
    height: 32px; }
    .btn.--blue {
      color: #EBF0FF;
      background-color: #4B7BFF;
      border: 1px solid #FFFFFF; }
    .btn.--white {
      color: #4B7BFF;
      border: 1px solid #4B7BFF;
      background-color: #FFFFFF; }
    .btn.--header {
      height: 42px; }
  .form-landing {
    padding: 24px 24px;
    width: calc(100% - 48px);
    height: calc(100% - 48px); }
    .form-landing__title {
      white-space: normal;
      text-align: center; }
    .form-landing__info > span {
      font-size: 14px;
      line-height: 16px;
      color: #7f7f7f;
      text-align: center; }
      .form-landing__info > span > a {
        cursor: pointer;
        font-size: 14px;
        line-height: 16px;
        color: #7f7f7f;
        text-align: center; } }

body {
  margin: 0; }

.wrapper-landing {
  width: 100%; }

.c-container {
  width: 1110px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  position: relative; }
  .c-container.--double {
    flex-direction: row; }

/*--Header--*/
.header-container {
  width: 100%;
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #EBF0FF; }

.header {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: row; }

.header-logo {
  height: 24px;
  width: 120px; }
  .header-logo > a > img {
    width: 100%; }

.header-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end; }

.nav-land__el {
  height: 100%;
  margin: 0 16px;
  cursor: pointer; }
  .nav-land__el.--sub {
    display: flex; }

.nav-land__el:last-child {
  margin-left: 16px;
  margin-right: 0px; }

.nav-land__tabs {
  font-family: "Montserrat", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: #192A3D;
  text-decoration: none !important; }
  .nav-land__tabs.--blue {
    color: #4B7BFF; }

/*--Main banner*/
.main-banner {
  display: flex;
  flex-direction: row;
  padding: 96px 0; }
  .main-banner__left-side {
    display: flex;
    flex-direction: column;
    margin-top: 70px; }
  .main-banner__right-side {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 448px;
    min-width: 448px; }
  .main-banner__h1 {
    margin: 0px; }
  .main-banner__description {
    font-family: "Montserrat", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #555765;
    margin: 32px 0px; }
  .main-banner__image {
    position: absolute;
    width: 666px;
    top: -275px;
    height: 559px; }
  .main-banner__next {
    position: absolute;
    top: 250px;
    margin-left: -7px;
    cursor: pointer; }

.player {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .player__icon {
    background-image: url("/images/landing/svg/icon-player.svg");
    width: 52px;
    height: 52px;
    background-size: 100%;
    margin-right: 12px; }
  .player span {
    font-family: "Montserrat", Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #4B7BFF; }

/*HOW WORK*/
.how-work {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 64px auto; }
  .how-work__h2 {
    margin: 64px 0 16px 0; }
  .how-work__description {
    text-align: center;
    margin-bottom: 64px;
    max-width: 420px; }
  .how-work__slider {
    position: relative;
    display: flex;
    height: 500px;
    width: 100%; }

/*slider*/
.slider {
  width: 100%;
  position: relative; }

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 500px;
  opacity: 0;
  visibility: hidden; }
  .slide--active {
    opacity: 1;
    visibility: visible; }
  .slide__left-side {
    display: flex;
    height: inherit;
    min-width: 51%;
    position: relative; }
  .slide__right-side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: inherit;
    min-width: calc(49% - 52px);
    padding-left: 52px;
    position: relative; }
  .slide__step {
    font-family: "Montserrat", Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #192A3D;
    margin: 0;
    padding-top: 82px; }
  .slide__h3 {
    margin: 0 0 24px 0; }
  .slide__description {
    font-family: "Montserrat", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #555765;
    margin: 0 0 24px 0;
    width: 85%; }
  .slide__button {
    margin: 0 0 120px 0; }
  .slide__pic {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto; }
  .slide__pagination {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    right: 82px;
    bottom: 32px; }
    .slide__pagination > .pagination-line-box {
      margin-right: 10px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .slide__pagination > .pagination-line-box > .pagination-line {
        width: 90px;
        height: 2px;
        background-color: #EBF0FF;
        border-radius: 8px; }
        .slide__pagination > .pagination-line-box > .pagination-line.--active {
          width: 100px;
          background-color: #FFC000; }

.section-grey {
  width: 100%;
  background-color: #F6F8FA;
  margin-top: 64px; }

.section-white {
  width: 100%;
  background-color: #ffffff;
  overflow: hidden; }

.parser-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 64px 0 0 0; }
  .parser-block__h3 {
    display: flex;
    align-items: flex-end;
    text-align: left;
    min-width: 50%;
    width: 50%; }
  .parser-block__description {
    display: flex;
    align-items: flex-end;
    text-align: left;
    width: 50%; }

.container-blue {
  width: 100%;
  margin: 64px auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #4B7BFF;
  border-radius: 8px; }
  .container-blue.--default {
    padding: 64px 84px; }
  .container-blue.--tarif {
    padding: 64px 110.5px; }
  .container-blue__left-side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 50%;
    width: 50%; }
  .container-blue__right-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    min-width: 50%;
    width: 50%; }
  .container-blue__h3 {
    font-family: "Exo_2", Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #FFFFFF; }
  .container-blue__description {
    color: #FFFFFF; }
  .container-blue__btn {
    white-space: nowrap;
    font-size: 16px; }
    .container-blue__btn.--white:hover {
      background-color: #FFFFFF !important;
      border-color: #FFFFFF !important;
      color: #4B7BFF !important; }
    .container-blue__btn.--blue:hover {
      background-color: #4B7BFF !important;
      border-color: #4B7BFF !important;
      color: #FFFFFF !important;
      border: 1px solid #FFFFFF !important; }
    .container-blue__btn.--default {
      min-width: 321px; }
    .container-blue__btn.--tariff {
      min-width: 280px; }

.more-users {
  text-align: end;
  font-size: 16px; }

.possibilities {
  margin-top: 64px;
  padding: 64px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .possibilities.--desktop {
    display: flex; }
  .possibilities.--mobile {
    display: none; }
  .possibilities__h3 {
    padding-bottom: 64px; }
  .possibilities__tabs {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    width: 100%; }
    .possibilities__tabs.left-side {
      display: flex;
      width: calc(46% - 12px);
      max-width: calc(46% - 12px);
      min-width: calc(46% - 12px);
      margin-right: 12px; }
    .possibilities__tabs.right-side {
      position: relative;
      display: flex;
      width: calc(54% - 12px);
      max-width: calc(54% - 12px);
      min-width: calc(54% - 12px);
      margin-left: 12px; }

.p-tabs {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .p-tabs > .p-tab {
    display: flex;
    flex-direction: column;
    padding: 24px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid transparent;
    box-sizing: border-box;
    outline: none !important; }
    .p-tabs > .p-tab > .title {
      font-family: "Montserrat", Arial, sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 32px;
      letter-spacing: -0.01em;
      color: #192A3D; }
    .p-tabs > .p-tab > .description {
      opacity: 0;
      height: 0;
      font-family: "Montserrat", Arial, sans-serif;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: -0.01em;
      color: #555765;
      white-space: pre-wrap; }
  .p-tabs > .p-tab--active {
    border: 1px solid #EBF0FF;
    box-shadow: 0px 0px 45px rgba(146, 176, 206, 0.2);
    margin-bottom: 12px; }
    .p-tabs > .p-tab--active > .title {
      font-family: "Exo_2", Arial, sans-serif;
      font-size: 24px;
      line-height: 32px;
      letter-spacing: -0.02em;
      padding-bottom: 12px; }
    .p-tabs > .p-tab--active > .description {
      opacity: 1;
      height: fit-content;
      font-family: "Montserrat", Arial, sans-serif;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: -0.01em;
      color: #555765;
      white-space: pre-wrap; }

.p-image {
  position: absolute;
  top: 0;
  left: 500px;
  bottom: 0;
  filter: drop-shadow(0px 0px 45px rgba(146, 176, 206, 0.2));
  width: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  box-sizing: border-box;
  border-radius: 8px;
  opacity: 0;
  padding-bottom: 100%; }
  .p-image--active {
    opacity: 1;
    top: 0;
    left: 0;
    bottom: 0; }

.footer-container {
  width: 100%;
  background-color: #192A3D;
  height: 226px;
  display: flex; }

.footer {
  display: flex;
  flex-direction: column; }
  .footer__top-block {
    padding-top: 48px;
    padding-bottom: 32px;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: start; }
    .footer__top-block > .right-side {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-end; }
      .footer__top-block > .right-side > .footer-contact {
        font-family: "Montserrat", Arial, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 32px;
        text-align: right;
        letter-spacing: -0.01em;
        color: #FFFFFF;
        cursor: pointer; }
        .footer__top-block > .right-side > .footer-contact:hover {
          letter-spacing: 0.00em; }
  .footer__breadcrumbs {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .footer__breadcrumbs > .link {
      font-family: "Montserrat", Arial, sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.01em;
      color: #555765;
      white-space: nowrap;
      cursor: pointer; }
      .footer__breadcrumbs > .link:hover {
        color: rgba(255, 255, 255, 0.8); }

.arrow-back {
  position: absolute;
  background-image: url("/images/landing/svg/arrow_back-auth.svg");
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center;
  width: 22px;
  height: 22px;
  display: block;
  top: 0px;
  cursor: pointer;
  left: 0px;
  padding: 24px; }

@media (max-width: 760px) {
  .desctop-br {
    display: none; }
  .c-container {
    width: 100%; }
  .header-container {
    width: calc(100% - 48px);
    padding: 0 24px; }
  .nav-land__el {
    margin: 0; }
    .nav-land__el.--sub {
      display: none; }
  .nav-land__tabs {
    font-size: 12px; }
  /*--Main banner*/
  .main-banner {
    width: calc(100% - 48px);
    display: flex;
    flex-direction: column;
    padding: 24px; }
    .main-banner__left-side {
      margin-top: 0px; }
    .main-banner__right-side {
      flex-direction: column;
      width: 100%;
      min-width: 100%;
      margin-top: 12px; }
    .main-banner__description {
      margin: 12px 0px;
      font-size: 14px;
      line-height: 24px; }
    .main-banner__image {
      position: relative;
      width: 100%;
      height: auto;
      top: auto; }
    .main-banner__next {
      position: relative;
      top: -30px;
      cursor: pointer;
      width: 100px; }
  .player__icon {
    width: 32px;
    height: 32px; }
  .player > span {
    font-size: 12px;
    line-height: 16px; }
  /*How work block*/
  .how-work {
    width: calc(100% - 48px);
    padding: 24px;
    margin-top: -24px;
    align-items: flex-start;
    margin-bottom: 0px; }
    .how-work__h2 {
      margin: 0 0 12px 0; }
    .how-work__description {
      margin-bottom: 12px;
      text-align: left;
      max-width: none; }
    .how-work__slider {
      height: 580px; }
  .slider {
    width: 100%; }
  .slide {
    flex-direction: column; }
    .slide--active {
      opacity: 1;
      visibility: visible; }
    .slide__left-side {
      width: 100%;
      min-height: 367px;
      max-height: 367px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .slide__right-side {
      width: 100%;
      padding: 0; }
    .slide__step {
      padding: 0;
      font-size: 12px;
      line-height: 16px; }
    .slide__h3 {
      font-size: 20px;
      line-height: 30px;
      margin: 0 0 12px 0; }
    .slide__description {
      font-size: 12px;
      line-height: 18px;
      margin: 0 0 12px 0; }
    .slide__button {
      margin: 0; }
    .slide__pic {
      position: relative;
      width: 100%; }
    .slide__pagination {
      right: 0;
      left: 0;
      bottom: 0; }
      .slide__pagination > .pagination-line-box {
        margin-right: 10px;
        height: 20px;
        width: calc(25% - 7px);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        .slide__pagination > .pagination-line-box > .pagination-line {
          width: 90%;
          height: 2px;
          background-color: #EBF0FF;
          border-radius: 8px; }
          .slide__pagination > .pagination-line-box > .pagination-line.--active {
            width: 100%;
            background-color: #FFC000; }
  /*Section Grey*/
  .section-grey {
    width: calc(100% - 48px);
    background-color: #F6F8FA;
    padding: 24px;
    margin-top: 0px; }
  .section-white {
    width: calc(100% - 48px);
    background-color: #ffffff;
    overflow: hidden;
    padding: 24px; }
  .parser-block {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0px; }
    .parser-block__h3 {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      margin-bottom: 12px;
      font-size: 24px;
      line-height: 32px;
      font-weight: 500; }
    .parser-block__description {
      display: flex;
      align-items: flex-end;
      text-align: left;
      width: 100%; }
  .possibilities {
    margin-top: 0;
    padding: 24px 0; }
    .possibilities.--desktop {
      display: none; }
    .possibilities.--mobile {
      display: flex; }
    .possibilities__h3 {
      font-size: 24px;
      line-height: 32px;
      padding-bottom: 24px; }
    .possibilities__tabs.mobile-side {
      width: 100%; }
  .p-tabs > .p-tab {
    padding: 12px; }
    .p-tabs > .p-tab > .title {
      font-size: 14px;
      line-height: 18px; }
    .p-tabs > .p-tab > .description {
      font-size: 12px;
      line-height: 18px; }
  .p-image {
    position: relative;
    top: 0;
    left: 500px;
    bottom: 0;
    filter: drop-shadow(0px 0px 45px rgba(146, 176, 206, 0.2));
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    box-sizing: border-box;
    border-radius: 8px;
    opacity: 0;
    padding-bottom: 0; }
    .p-image--active {
      opacity: 1;
      top: 0;
      left: 0;
      bottom: 0;
      padding-bottom: 100%; }
  .container-blue {
    width: calc(100% - 48px);
    margin: 24px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #4B7BFF;
    border-radius: 8px; }
    .container-blue.--default {
      padding: 20px 24px; }
    .container-blue.--tarif {
      padding: 20px 24px; }
    .container-blue__left-side {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      width: 100%; }
    .container-blue__right-side {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%; }
    .container-blue__h3 {
      font-family: "Exo_2", Arial, sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 24px;
      line-height: 32px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
      margin-bottom: 12px; }
    .container-blue__description {
      color: #FFFFFF;
      font-size: 12px;
      line-height: 18px;
      margin-bottom: 12px; }
      .container-blue__description--price {
        font-size: 34px;
        line-height: 38px; }
    .container-blue__btn {
      font-size: 12px; }
      .container-blue__btn.--default {
        min-width: 100%; }
      .container-blue__btn.--tariff {
        min-width: 100%; }
  .more-users {
    text-align: center;
    margin-top: 10px; }
  .footer-container {
    width: calc(100% - 48px);
    padding: 24px;
    height: auto;
    overflow: hidden; }
  .footer__top-block {
    padding-top: 4px;
    padding-bottom: 28px; }
    .footer__top-block > .left-side {
      width: 50%; }
      .footer__top-block > .left-side > a > img {
        width: 120px; }
    .footer__top-block > .right-side {
      width: 50%; }
      .footer__top-block > .right-side > .footer-contact {
        font-size: 12px;
        line-height: 16px; }
  .footer__breadcrumbs {
    flex-direction: column;
    align-items: flex-start; }
    .footer__breadcrumbs > .link {
      padding-bottom: 12px;
      white-space: normal;
      font-size: 12px;
      line-height: 16px; }
      .footer__breadcrumbs > .link:last-child {
        padding-bottom: 0px; } }

/*LOGIN and signup*/
.wrap-auth {
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  position: fixed;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url("/images/landing/svg/palatar-wrap.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.w-auth {
  width: 984px;
  height: 664px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }

.w-auth__left-side {
  width: 50%;
  height: 100%;
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  animation: showleftside 1.5s 1;
  /* Указываем название анимации, её время и количество повторов*/
  animation-fill-mode: forwards;
  /* Чтобы элемент оставался в конечном состоянии анимации */ }
  .w-auth__left-side > .init > .welcome {
    font-family: "Exo_2", Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #FFFFFF; }
  .w-auth__left-side > .contacts {
    margin-top: 56px;
    display: flex;
    flex-direction: row;
    font-family: "Exo_2", Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #FFFFFF; }
    .w-auth__left-side > .contacts > .tel {
      cursor: pointer;
      color: #FFFFFF;
      margin-right: 29px; }
    .w-auth__left-side > .contacts > .mail {
      cursor: pointer;
      color: #FFFFFF; }

.w-auth__right-side {
  min-height: 500px;
  width: 50%;
  height: 100%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0px 0px 45px rgba(146, 176, 206, 0.2);
  border-radius: 8px;
  opacity: 0;
  margin-right: -140px;
  animation: showrightside 1.5s 1;
  /* Указываем название анимации, её время и количество повторов*/
  animation-fill-mode: forwards;
  /* Чтобы элемент оставался в конечном состоянии анимации */ }
  .w-auth__right-side.--active {
    opacity: 1;
    margin-right: 0; }
  .w-auth__right-side > .title {
    font-family: "Exo_2", Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #192A3D; }
  .w-auth__right-side > .description {
    font-family: "Montserrat", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #A7AABE;
    margin-bottom: 32px; }
    .w-auth__right-side > .description > a {
      color: #A7AABE; }
      .w-auth__right-side > .description > a:hover {
        color: #4B7BFF; }
  .w-auth__right-side > .auth-form {
    margin: 12px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(100% - 128px);
    height: fit-content;
    padding: 0 64px; }
    .w-auth__right-side > .auth-form > .form-group {
      width: 100%;
      position: relative; }
      .w-auth__right-side > .auth-form > .form-group > .help-block {
        font-family: "Montserrat", Arial, sans-serif;
        position: absolute;
        right: 16px;
        top: -19px;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #AE2727FF; }
      .w-auth__right-side > .auth-form > .form-group > .input {
        background: #F6F8FA;
        border-radius: 4px;
        padding: 0 16px;
        font-family: "Montserrat", Arial, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.01em;
        color: #192A3D;
        border: 1px solid #fff;
        outline: none;
        height: 52px;
        width: calc(100% - 32px);
        margin: 10px 0; }
    .w-auth__right-side > .auth-form > .question {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-direction: row;
      white-space: nowrap;
      margin-bottom: 12px; }
      .w-auth__right-side > .auth-form > .question > a {
        margin: 0;
        color: #4B7BFF;
        font-family: "Montserrat", Arial, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.02em; }
    .w-auth__right-side > .auth-form > .button {
      margin: 12px 0; }
      .w-auth__right-side > .auth-form > .button.--auth {
        width: 148px; }
      .w-auth__right-side > .auth-form > .button.--signup {
        width: 218px; }
  .w-auth__right-side > .there-account {
    position: absolute;
    margin: 0 auto;
    bottom: 42px;
    font-family: "Montserrat", Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -0.02em;
    color: #192A3D; }
    .w-auth__right-side > .there-account > a {
      color: #4B7BFF !important; }

#cap, .grecaptcha-badge {
  display: none; }

.has-error > input {
  border: 1px solid #AE2727FF !important; }

@media (max-width: 1400px) {
  .w-auth__right-side > .description {
    margin-bottom: 8px; }
  .w-auth__right-side > .there-account {
    position: unset; } }

@media (max-width: 760px) {
  .w-auth {
    width: 100%;
    height: 100%;
    min-height: fit-content;
    flex-direction: column;
    padding: 24px 0px;
    overflow: auto; }
  .w-auth__left-side {
    width: calc(100% - 48px);
    height: 80px;
    flex-direction: row;
    padding-bottom: 12px;
    margin: 0px;
    animation: showleftsideMobile 1.5s 1;
    /* Указываем название анимации, её время и количество повторов*/
    animation-fill-mode: forwards;
    /* Чтобы элемент оставался в конечном состоянии анимации */ }
    .w-auth__left-side > .init {
      width: 50%; }
      .w-auth__left-side > .init > a > .logo {
        width: 120px; }
      .w-auth__left-side > .init > .welcome {
        font-size: 16px; }
    .w-auth__left-side > .contacts {
      margin: 0;
      width: 50%;
      flex-direction: column;
      align-items: flex-end;
      font-size: 16px;
      justify-content: center; }
      .w-auth__left-side > .contacts > .tel {
        margin: 0; }
  .w-auth__right-side {
    width: calc(100% - 48px);
    margin: 0px;
    animation: showrightsideMobile 1.5s 1;
    /* Указываем название анимации, её время и количество повторов*/
    animation-fill-mode: forwards;
    /* Чтобы элемент оставался в конечном состоянии анимации */
    padding-bottom: 32px; }
    .w-auth__right-side > .title {
      font-size: 26px;
      padding-top: 24px; }
    .w-auth__right-side > .description {
      padding-bottom: 32px; }
    .w-auth__right-side > .auth-form {
      padding: 0 24px;
      width: calc(100% - 48px);
      overflow-y: auto; }
      .w-auth__right-side > .auth-form > .button.--auth {
        height: 52px; }
      .w-auth__right-side > .auth-form > .button.--signup {
        height: 52px; }
  .box-auth-form {
    width: 100%; }
  .w-auth__right-side--header {
    padding: 20px 20px; } }

.arrow-back--auth {
  position: absolute;
  background-image: url("/images/landing/svg/arrow_back-auth.svg");
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center;
  width: 22px;
  height: 22px;
  display: block;
  top: 0px;
  cursor: pointer;
  left: 0px;
  padding: 24px; }

@keyframes showleftside {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes showrightside {
  0% {
    opacity: 0;
    margin-right: -140px; }
  100% {
    opacity: 1;
    margin-right: 0; } }

@keyframes showleftsideMobile {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes showrightsideMobile {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#notifies {
  position: fixed;
  z-index: 20002100;
  right: 24px;
  width: 354px;
  bottom: 24px;
  font-family: "Roboto", Arial, sans-serif; }

.alert {
  position: relative;
  padding: 0;
  min-height: 62px;
  box-shadow: 0px 0px 4px rgba(100, 120, 149, 0.3);
  border-radius: 4px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
  background-color: #FFFFFF; }
  .alert:hover {
    box-shadow: 0px 0px 4px rgba(100, 120, 149, 0.6); }

.alert__left-side {
  width: 62px;
  padding: 12px;
  margin: auto 0;
  display: flex;
  align-items: flex-start;
  justify-content: center; }

.alert__right-side {
  width: calc(100% - 62px);
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.icon-alert {
  width: 38px;
  height: 38px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat; }
  .icon-alert-danger {
    background-image: url("/images/desktop/svg/alert--red.svg"); }
  .icon-alert-success {
    background-image: url("/images/desktop/svg/alert--green.svg"); }
  .icon-alert-info {
    background-image: url("/images/desktop/svg/alert--blue.svg"); }
  .icon-alert-warning {
    background-image: url("/images/desktop/svg/alert--blue.svg"); }

.alert p {
  font-size: 14px;
  margin: 0;
  margin-right: 36px; }

.alert-danger {
  color: #192A3D;
  border: 0;
  border: none;
  background-color: #FFFFFF; }

.alert-success {
  color: #192A3D;
  border: 0;
  border: none;
  background-color: #FFFFFF; }

.alert-info {
  color: #192A3D;
  border: 0;
  border: none;
  background-color: #FFFFFF; }

button.closeNotify {
  position: absolute;
  top: 6px;
  right: 6px;
  outline: none;
  background: transparent;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #4B7BFF;
  padding: 0px;
  background-color: #f4f7ff;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center; }

button.closeNotify:hover {
  opacity: 0.7; }

.wrapper {
  width: 100px;
  /* Set the size of the progress bar */
  height: 100px;
  position: absolute;
  /* Enable clipping */
  clip: rect(0px, 100px, 100px, 50px);
  /* Hide half of the progress bar */ }

/* Set the sizes of the elements that make up the progress bar */
.circle {
  width: 80px;
  height: 80px;
  border: 10px solid green;
  border-radius: 50px;
  position: absolute;
  clip: rect(0px, 50px, 100px, 0px); }

/* Using the data attributes for the animation selectors. */
/* Base settings for all animated elements */
div[data-anim~=base] {
  -webkit-animation-iteration-count: 1;
  /* Only run once */
  -webkit-animation-fill-mode: forwards;
  /* Hold the last keyframe */
  -webkit-animation-timing-function: linear;
  /* Linear animation */ }

.wrapper[data-anim~=wrapper] {
  -webkit-animation-duration: 0.01s;
  /* Complete keyframes asap */
  -webkit-animation-delay: 3s;
  /* Wait half of the animation */
  -webkit-animation-name: close-wrapper;
  /* Keyframes name */ }

.circle[data-anim~=left] {
  -webkit-animation-duration: 6s;
  /* Full animation time */
  -webkit-animation-name: left-spin; }

.circle[data-anim~=right] {
  -webkit-animation-duration: 3s;
  /* Half animation time */
  -webkit-animation-name: right-spin; }

/* Rotate the right side of the progress bar from 0 to 180 degrees */
@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(180deg); } }

/* Rotate the left side of the progress bar from 0 to 360 degrees */
@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

/* Set the wrapper clip to auto, effectively removing the clip */
@-webkit-keyframes close-wrapper {
  to {
    clip: rect(auto, auto, auto, auto); } }