@charset "UTF-8";
@font-face {
  font-family: Gilroy;
  src: url(../src/assets/fonts/Gilroy-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gilroy;
  src: url(../src/assets/fonts/Gilroy-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gilroy;
  src: url(../src/assets/fonts/Gilroy-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Gilroy;
  src: url(../src/assets/fonts/Gilroy-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@-webkit-keyframes lds-spinner { 
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes showLazyImg {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes showLazyImg {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes shine {
  to {
    left: 125%;
  }
}
@keyframes shine {
  to {
    left: 125%;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes default {
  0%, 80%, to {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    height: 2em;
  }
  40% {
    -webkit-box-shadow: 0 -2em;
    box-shadow: 0 -2em;
    height: 3em;
  }
}
@keyframes default {
  0%, 80%, to {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    height: 2em;
  }
  40% {
    -webkit-box-shadow: 0 -2em;
    box-shadow: 0 -2em;
    height: 3em;
  }
}
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes ring {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 0.7em;
  }
}
@keyframes ellipsis {
  to {
    width: 0.7em;
  }
}
ol {
  padding: 0;
  list-style: none;
  margin: 0;
}
ol:not([class]) {
  list-style: inside decimal;
  margin: 0 0 12px;
  padding: 0;
}
ol:not([class]) li:not([class]) {
  margin: 0 0 5px;
}

ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
ul:not([class]) {
  margin: 0 0 15px;
  padding: 0;
}
ul:not([class]) li:not([class]) {
  position: relative;
  margin: 0 0 12px;
  padding-left: 20px;
}
ul:not([class]) li:not([class]):before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 4px;
  height: 4px;
  background: #3c3e5a;
  border-radius: 50%;
}

h1 {
  margin: 0;
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  font-weight: 400;
  font-size: 60px;
  line-height: 63px;
  font-weight: 400;
  margin: 0 0 25px;
}

h2 {
  margin: 0;
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  font-weight: 400;
  font-size: 55px;
  line-height: 50px;
  font-weight: 400;
  margin: 0 0 20px;
}

h3 {
  margin: 0;
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin: 0 0 15px;
  font-weight: 400;
}

h4 {
  margin: 0;
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  font-weight: 400;
  margin: 0 0 10px;
  font-size: 1.2em;
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  font-weight: 400;
}

h5 {
  margin: 0;
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  font-weight: 400;
}

h6 {
  margin: 0;
}

p {
  margin: 0;
  font-weight: 400;
  margin: 0 0 20px;
}

*:focus {
  outline: none;
}

input {
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

select {
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

textarea {
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

a {
  color: #3c3e5a;
  text-decoration: none;
}
a:not([class]) {
  color: #3c3e5a;
}
a:not(.btn) {
  text-decoration: none;
}
a:not(.btn):hover {
  text-decoration: underline;
}

strong {
  font-weight: 700;
}

.gg-responsive {
  overflow-x: hidden;
}
.gg-responsive body {
  min-width: 320px;
}

.ov-hidden {
  overflow: hidden !important;
}

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

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-vcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-jc-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

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

.flex-base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

body {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  font: normal 400 16px/1.4 Gilroy, Open Sans, Arial, sans-serif;
  color: #3c3e5a;
  background: #fff;
}

html {
  height: 100%;
}

.wrapper {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
}

.footer {
  margin-top: auto;
  background: #f8f8f8;
}
.footer .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block {
  position: relative;
  min-width: 320px;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.block .block {
  min-width: 0;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.block_padding {
  padding-top: 50px;
  padding-bottom: 50px;
}

.block_padding_30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.block_padding_20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.block_padding_top {
  padding-top: 50px;
}

.block_padding_bottom {
  padding-bottom: 50px;
}

.colgroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.col_right {
  margin-left: 20px;
}

.col_aside {
  width: 365px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.col_body {
  position: relative;
  min-width: 0;
  max-width: calc(100% - 365px);
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 990;
  background: hsla(0, 0%, 97.3%, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.header .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.header .footer__left {
  display: none;
}

html[data-initial-step] .registry-step#step-0 {
  display: none !important;
}

html[data-initial-step=step-wallet] .registry-step#step-wallet {
  display: block;
}

html[data-initial-step=step-app] .registry-step#step-app {
  display: block;
}

html[data-initial-step=step-consult] .registry-step#step-consult {
  display: block;
}

html[data-initial-step=step-wallet] .registry__close {
  display: none;
}

.header__logo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 152px;
  height: 20px;
  background: url(../src/assets/images/svg/logo_gmb.svg) no-repeat;
  background-size: contain;
}

.header__container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 0 30px;
}
.header__container-logo {
  display: none;
}
@media (max-width: 767px) {
  .header__container-logo {
    display: block;
    flex-shrink: 0;
    width: 152px;
    height: 20px;
    margin: 30px 0 0 30px;
    background: url(../src/assets/images/svg/logo_gmb_white.svg) no-repeat;
  }
}

.header__menu .menu__list {
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.header__menu .menu__entry {
  position: relative;
  margin-right: 30px;
  padding-bottom: 20px;
}
.header__menu .menu__entry_submenu .menu__lnk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__menu .menu__entry_submenu .menu__lnk:after {
  content: "";
  width: 10px;
  height: 6px;
  margin-left: 6px;
  background: url(../src/assets/images/svg/arr_black_6x10.svg) no-repeat;
  background-size: contain;
}
.header__menu .submenu {
  position: absolute;
  left: 0;
  top: 30px;
  display: none;
  z-index: 10;
  background: #fff;
  padding: 20px;
  gap: 20px;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.header__menu .submenu .submenu__part {
  width: 280px;
}
.header__menu .submenu .submenu__part:first-child .submenu__entry:first-child .submenu__lnk {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.header__menu .submenu .submenu__part ul {
  margin: 0;
}
.header__menu .submenu .submenu__title {
  margin: 0 0 16px;
}
.header__menu .submenu:before {
  content: "";
  position: absolute;
  left: 2px;
  top: -5px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.header__menu .submenu:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 10px;
  background: #fff;
}
.header__menu .submenu__entry {
  margin: 10px 0 0;
}
.header__menu .submenu__entry:first-child {
  margin: 0;
}
.header__menu .submenu__lnk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.header__menu .submenu__lnk img {
  margin-top: -4px;
}

.header__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: 40px;
}
.header__buttons .btn {
  background: #009be1;
  border-color: #009be1;
  color: #fff;
}
.header__buttons .btn:last-child {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .header__buttons .btn:last-child {
    margin: 0;
  }
}
.header__buttons .btn-o {
  white-space: nowrap;
  color: #009be1 !important;
  background: transparent !important;
}

.header__lang {
  display: none;
  position: relative;
  margin-right: 40px;
  height: 16px;
  padding-bottom: 20px;
  margin-top: 13px;
}
.header__lang:hover .lang__dropdown {
  display: block;
}
.header__lang .lang__lnk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 14px;
}
.header__lang .lang__lnk:after {
  content: "";
  width: 10px;
  height: 6px;
  margin-left: 5px;
  background: url(../src/assets/images/svg/arr_black_6x10.svg);
  background-size: contain !important;
}
.header__lang .lang__lnk.ru:before {
  content: "";
  width: 23px;
  height: 23px;
  margin-right: 10px;
  background: url(../src/assets/images/svg/lang_ru.svg) no-repeat;
  background-size: contain;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.header__lang .lang__dropdown {
  position: absolute;
  left: 0;
  top: 35px;
  display: none;
  width: 100%;
  z-index: 10;
  background: #fff;
  padding: 5px;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header__lang .lang__dropdown:before {
  content: "";
  position: absolute;
  left: 5px;
  top: -5px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.header__lang .lang__dropdown:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 10px;
  background: #fff;
}
.header__lang .lang__dropdown li a {
  display: block;
  padding: 7px;
}

.header__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: right;
  white-space: nowrap;
}
.header__contacts .contacts__phone {
  font-weight: 700;
  font-size: 22.5px;
  line-height: 0.8;
  color: #3c3e5a;
}
.header__contacts .contacts__phone:hover {
  color: #0a71f5;
}
.header__contacts .contacts__callback {
  font-size: 14px;
  font-weight: 500;
  color: #3c3e5a;
  text-decoration: underline;
}
.header__contacts .contacts__callback:hover {
  color: #0a71f5;
}

.header.fixed {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.header.opened .header__container {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
}
.header.opened .header__toggle span {
  -webkit-transition: background 0.2s 0;
  transition: background 0.2s 0;
  background: transparent;
}
.header.opened .header__toggle span:after {
  -webkit-transition: top 0.2s, -webkit-transform 0.2s 0.4s;
  transition: top 0.2s, -webkit-transform 0.2s 0.4s;
  transition: top 0.2s, transform 0.2s 0.4s;
  transition: top 0.2s, transform 0.2s 0.4s, -webkit-transform 0.2s 0.4s;
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.header.opened .header__toggle span:before {
  -webkit-transition: top 0.2s, -webkit-transform 0.2s 0.4s;
  transition: top 0.2s, -webkit-transform 0.2s 0.4s;
  transition: top 0.2s, transform 0.2s 0.4s;
  transition: top 0.2s, transform 0.2s 0.4s, -webkit-transform 0.2s 0.4s;
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.footer__left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 100px;
}
.footer__left .footer__social {
  display: none;
}

.footer__logo {
  width: 245px;
  height: 50px;
  margin: 0 0 20px;
  background: url(../src/assets/images/svg/logo_gmb_desc.svg) no-repeat;
  background-size: contain;
}

.footer__phone {
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
}

.footer__email {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
}

.footer__address {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 19px;
}

.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0 0;
}
.footer__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  width: 30px;
  height: 30px;
  background: #3c3e5a;
  border-radius: 6px;
  cursor: pointer;
}
.footer__social a:hover {
  background: #0a71f5;
}
.footer__social a:last-child {
  margin: 0;
}
.footer__social img {
  display: block;
  max-width: 20px;
  max-height: 20px;
  cursor: pointer;
}

.footer__copy {
  margin: 0 0 20px;
}
.footer__copy br {
  display: block !important;
}

.footer__pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer__pay img {
  display: block;
  width: 60px;
}
.footer__pay img:first-child {
  margin-right: 20px;
}

.footer__menu {
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media (max-width: 1000px) {
  .footer__menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
.footer__menu .menu__title {
  margin: 25px 0 15px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  min-height: 24px;
  color: #3c3e5a;
}
.footer__menu .menu__title:first-child {
  margin-top: 0;
}
.footer__menu .menu__entry {
  margin: 16px 0 0;
}
.footer__menu .menu__entry:first-child {
  margin: 0;
}

.shark {
  display: block;
  width: 100px;
}

small {
  font-size: 0.9em;
  line-height: 1.12em;
}

.popup {
  z-index: 100000000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  -webkit-overflow-scrolling: touch;
}
.popup .popup-overlay {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 35px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.popup .popup-overlay > table {
  width: 100%;
  height: 100%;
}
.popup .popup-overlay > table > tbody > tr > td {
  vertical-align: middle;
}
.popup .popup-overlay > table > tr > td {
  vertical-align: middle;
}
.popup .popup-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  width: 100%;
  max-width: 660px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.popup .popup__close {
  z-index: 10000;
  position: absolute;
  display: block;
  top: 9px;
  right: 9px;
  width: 20px;
  height: 20px;
  background: url(../src/assets/images/svg/close_black_20x20.svg) no-repeat;
}
.popup .popup__close:hover {
  opacity: 0.6;
}
.popup .popup__title {
  margin: 0 0 20px;
  font-size: 24px;
  text-align: center;
}
.popup .btn {
  min-height: 43px;
}
.popup .btn .loading .loading__inner {
  background: #fff;
  color: #fff;
  font-size: 6px;
}
.popup .btn .loading .loading__inner:after {
  background: #fff;
}
.popup .btn .loading .loading__inner:before {
  background: #fff;
}

.popup.opened {
  display: block;
}

#popup-request .form__wrapper#additional {
  display: none;
  text-align: center;
}
#popup-request .form__wrapper#additional .popup__title {
  color: #3c3e5a;
  padding-right: 30px;
  margin-bottom: 20px;
}
#popup-request .form__wrapper#additional .form__caption {
  font-weight: 700;
  margin: 0 0 15px;
  color: #3c3e5a;
}
#popup-request .form__wrapper#additional .form__cabinet-name {
  font-size: 24px;
  font-weight: 700;
  text-transform: lowercase;
}
#popup-request .form__wrapper#additional .form__cabinet-name a {
  color: #0a71f5;
}
#popup-request .form__wrapper#additional .form__cabinet-name a:hover {
  text-decoration: underline;
}
#popup-request .form__wrapper#additional .form__loading {
  color: #3c3e5a;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 30px 0;
}
#popup-request .form__wrapper#additional .form__loading div {
  -webkit-transform-origin: 40px 40px;
  transform-origin: 40px 40px;
  -webkit-animation: lds-spinner 1.2s linear infinite;
  animation: lds-spinner 1.2s linear infinite;
}
#popup-request .form__wrapper#additional .form__loading div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #3c3e5a;
}
#popup-request .form__wrapper#additional .form__loading div:first-child {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
#popup-request .form__wrapper#additional .form__loading div:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
#popup-request .form__wrapper#additional .form__loading div:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
#popup-request .form__wrapper#additional .form__loading div:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
#popup-request .form__wrapper#additional .form__loading div:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
#popup-request .form__wrapper#additional .form__loading div:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
#popup-request .form__wrapper#additional .form__loading div:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
#popup-request .form__wrapper#additional .form__loading div:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
#popup-request .form__wrapper#additional .form__loading div:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
#popup-request .form__wrapper#additional .form__loading div:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
#popup-request .form__wrapper#additional .form__loading div:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
#popup-request .form__wrapper#additional .form__loading div:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#popup-request .form__wrapper#additional.ready .form__loading {
  background: url(../src/assets/images/svg/ok_green_98x98.svg) 50% no-repeat;
  background-size: contain;
}
#popup-request .form__wrapper#additional.ready .form__loading div {
  display: none;
}
#popup-request .popup-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px 25px 25px;
  max-width: 580px;
}
#popup-request .form__hint {
  display: block;
  margin: 3px 0 0;
  font-size: 14px;
  color: #606376;
}
#popup-request .form__hint a {
  margin-left: 4px;
  color: #009be1;
  text-decoration: underline;
}
#popup-request .popup__title {
  margin: 0 -25px 25px;
  padding: 0 25px 15px;
  border-bottom: 1px solid #eee;
  text-align: left;
  font-weight: 900;
  font-size: 25px;
}
#popup-request .btn {
  display: block;
  margin: auto;
  width: 170px;
  min-width: 250px;
}
#popup-request .btn + .form__hint {
  margin: 20px 0 0;
}
#popup-request form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#popup-request .form__error {
  margin: 0 0 20px;
}
#popup-request .form__error:empty {
  margin: 0;
}
#popup-request .form__success {
  display: none;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
#popup-request .form__input {
  height: 44px;
  line-height: 44px;
  border-radius: 6px;
}
#popup-request .form__caption {
  margin: 0 0 5px;
  font-size: 20px;
  font-weight: 900;
  color: #3c3e5a;
}
#popup-request .form__caption:empty {
  margin: 0;
}
#popup-request #auth-data {
  font-weight: 400 !important;
  font-size: 17px;
}
#popup-request .form__text_name {
  margin-left: 4px;
  text-transform: lowercase;
}

#popup-callback .popup-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px 25px 25px;
  max-width: 580px;
}
#popup-callback .form__hint {
  display: block;
  margin: 3px 0 0;
  font-size: 14px;
  color: #606376;
}
#popup-callback .form__hint a {
  margin-left: 4px;
  color: #009be1;
  text-decoration: underline;
}
#popup-callback .popup__title {
  margin: 0 -25px 25px;
  padding: 0 25px 15px;
  border-bottom: 1px solid #eee;
  text-align: left;
  font-weight: 900;
  font-size: 25px;
}
#popup-callback .btn {
  display: block;
  margin: auto;
  min-width: 0;
  width: 170px;
  min-width: 250px;
}
#popup-callback .btn + .form__hint {
  margin: 20px 0 0;
}
#popup-callback form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#popup-callback .form__error {
  margin: 0 0 20px;
}
#popup-callback .form__error:empty {
  margin: 0;
}
#popup-callback .form__success {
  display: none;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
#popup-callback .form__input {
  height: 44px;
  line-height: 44px;
  border-radius: 6px;
}
#popup-callback .form__caption {
  margin: 0 0 5px;
  font-size: 20px;
  font-weight: 900;
  color: #3c3e5a;
}
#popup-callback .form__caption:empty {
  margin: 0;
}
#popup-callback #auth-data {
  font-weight: 400 !important;
  font-size: 17px;
}
#popup-callback .form__text_name {
  margin-left: 4px;
  text-transform: lowercase;
}

#popup-consult .popup-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px 25px 25px;
  max-width: 580px;
}
#popup-consult .form__hint {
  display: block;
  margin: 3px 0 0;
  font-size: 14px;
  color: #606376;
}
#popup-consult .form__hint a {
  margin-left: 4px;
  color: #009be1;
  text-decoration: underline;
}
#popup-consult .popup__title {
  margin: 0 -25px 25px;
  padding: 0 25px 15px;
  border-bottom: 1px solid #eee;
  text-align: left;
  font-weight: 900;
  font-size: 25px;
}
#popup-consult .btn {
  display: block;
  margin: auto;
  min-width: 0;
  width: 170px;
  min-width: 250px;
}
#popup-consult .btn + .form__hint {
  margin: 20px 0 0;
}
#popup-consult form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#popup-consult .form__error {
  margin: 0 0 20px;
}
#popup-consult .form__error:empty {
  margin: 0;
}
#popup-consult .form__success {
  display: none;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
#popup-consult .form__input {
  height: 44px;
  line-height: 44px;
  border-radius: 6px;
}
#popup-consult .form__caption {
  margin: 0 0 5px;
  font-size: 20px;
  font-weight: 900;
  color: #3c3e5a;
}
#popup-consult .form__caption:empty {
  margin: 0;
}
#popup-consult #auth-data {
  font-weight: 400 !important;
  font-size: 17px;
}
#popup-consult .form__text_name {
  margin-left: 4px;
  text-transform: lowercase;
}

#popup-login .popup-container {
  overflow: hidden;
  padding: 30px;
  max-width: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#popup-login .popup__title {
  margin: 0 0 20px;
  text-align: left;
  font-weight: 700;
}
#popup-login .form__caption {
  font-size: 13px;
  margin: 0 0 10px;
}
#popup-login .btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#popup-login .form__reg {
  font-size: 14px;
  color: #0a71f5;
}
#popup-login .form__reg:hover {
  text-decoration: underline;
  color: #0453b9;
}
#popup-login .form__forgot {
  color: #0a71f5;
}
#popup-login .form__forgot:hover {
  text-decoration: underline;
  color: #0453b9;
}
#popup-login p {
  margin: 20px 0 0;
  font-size: 13px;
}
#popup-login #forgot {
  display: none;
  white-space: normal;
}
#popup-login #forgot a {
  color: #0a71f5;
}
#popup-login #forgot a:hover {
  color: #0453b9;
}
#popup-login .form__error {
  margin: 0 0 20px !important;
}
#popup-login .form__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#popup-login .form__field p {
  margin: 0 0 0 10px;
}

#auth-info {
  display: none;
}

#auth-sorry {
  display: none;
}

#popup-free .popup-container {
  max-width: 750px;
  padding: 20px 20px 20px 315px;
  border-radius: 15px;
}
#popup-free .popup-container .img-desk {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 315px;
}
#popup-free .popup-container .img-mob {
  display: none;
}
#popup-free .popup-container .popup__close {
  right: 30px;
  top: 30px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  background-size: auto 12px;
  background-position: 50%;
}
#popup-free .popup-container .popup__text {
  padding: 80px 50px;
  background: #f4f4ff;
  border-radius: 15px;
}
#popup-free .popup-container .popup__title {
  margin: 0 0 20px;
  text-align: left;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
}
#popup-free .popup-container .popup__title + p {
  font-size: 14px;
}
#popup-free .popup-container .popup__subtitle {
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 20px;
}

.header__feb {
  background: #5a93e2;
}
.header__feb .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
.header__feb .block a {
  color: #fff;
  text-decoration: underline;
}

.main-title {
  margin: 0 0 20px;
  font-size: 44px;
  line-height: 1.2;
}
.main-title strong {
  display: block;
  font-size: 55px;
}
@media (max-width: 767px) {
  .main-title strong {
    line-height: 1.1 !important;
  }
}
@media (max-width: 400px) {
  .main-title strong {
    font-size: 28px !important;
  }
}
.main-title span {
  display: block;
  font-size: 55px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .main-title span {
    font-size: 32px !important;
    line-height: 1.1 !important;
  }
}
@media (max-width: 400px) {
  .main-title span {
    font-size: 28px !important;
  }
}
@media (max-width: 767px) {
  .main-title {
    line-height: 1.1 !important;
  }
}
@media (max-width: 400px) {
  .main-title {
    font-size: 28px !important;
  }
}

.main-title.row strong {
  display: inline;
  font-size: 45px;
}

.main-subtitle {
  margin: 0 0 40px;
  font-size: 18px;
  line-height: 26px;
}

.main-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.main-btn p {
  margin: 0;
}
@media (max-width: 767px) {
  .main-btn small {
    display: none;
  }
}

.ta-center {
  text-align: center;
}

.bold {
  font-weight: 700;
}

[data-loaded=true] img {
  min-height: auto !important;
  -webkit-animation-name: showLazyImg;
  animation-name: showLazyImg;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

img[data-loaded=true] {
  min-height: auto !important;
  -webkit-animation-name: showLazyImg;
  animation-name: showLazyImg;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.nomargin {
  margin: 0 !important;
}

.btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.totop {
  position: fixed;
  right: 20px;
  bottom: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 10000;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0;
}
.totop:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 10px;
  background: url(../src/assets/images/svg/arr_blue_2.svg) no-repeat;
  background-size: contain;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.totop.vis {
  opacity: 1;
}

.slick-slide {
  height: auto !important;
}

.breadcrumbs {
  text-align: center;
  margin: 0 0 10px;
}
.breadcrumbs + h1 {
  font-weight: 700 !important;
}

.breadcrumbs__entry {
  position: relative;
  display: inline;
  vertical-align: baseline;
  font-size: 12px;
  line-height: 18px;
  padding: 0;
  background: none;
}
.breadcrumbs__entry:after {
  content: "/";
  display: inline;
  vertical-align: baseline;
  margin: 0 2px 0 4px;
  color: #343a40;
}
.breadcrumbs__entry:last-child .breadcrumbs__lnk {
  color: #9b9b9b;
}
.breadcrumbs__entry:last-child:after {
  content: none;
}
.breadcrumbs__entry .breadcrumbs__lnk {
  font-size: 13px;
  color: #343a40;
  text-decoration: none;
}
.breadcrumbs__entry .breadcrumbs__lnk:hover {
  text-decoration: underline;
}

.breadcrumbs__entry_current .breadcrumbs__lnk {
  color: #9b9b9b;
}

.btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 12px 30px 10px;
  text-decoration: none !important;
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  border: 1px solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 40px;
  overflow: hidden;
}
.btn span {
  margin-left: 4px;
}
@media (min-width: 767px) {
  .btn:before {
    position: absolute;
    top: 0;
    left: -55%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0.4)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0.4));
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
  }
}
@media (min-width: 767px) {
  .btn:hover:before {
    -webkit-animation: shine 0.7s;
    animation: shine 0.7s;
  }
}

.btn_blue {
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #0a71f5), to(#6eb1de));
  background: linear-gradient(to right bottom, #0a71f5 0, #6eb1de);
  border-color: transparent;
  color: #fff;
}
@media (min-width: 767px) {
  .btn_blue:hover {
    background: rgba(10, 113, 245, 0.9);
    border-color: transparent;
  }
}

.btn_blue-o {
  background: transparent;
  color: #0a71f5;
}
.btn_blue-o:hover {
  background: rgba(10, 113, 245, 0.9);
  border-color: rgba(10, 113, 245, 0.9);
  color: #fff;
}

.btn_white {
  background: #fff;
  border-color: transparent;
  color: #3c3e5a;
}
.btn_white:hover {
  background: rgba(10, 113, 245, 0.9);
  border-color: transparent;
}

.btn_white-o {
  background: transparent;
  color: #fff;
}
.btn_white-o:hover {
  background: hsla(0, 0%, 100%, 0.9);
  border-color: hsla(0, 0%, 100%, 0.9);
  color: #0a71f5;
}

.btn_lightblue {
  background: rgba(10, 113, 245, 0.1);
  border-color: rgba(10, 113, 245, 0.1);
  color: #0a71f5;
}
.btn_lightblue:hover {
  background: rgba(10, 113, 245, 0.2);
  border-color: rgba(10, 113, 245, 0.2);
}

.btn_lg {
  padding: 19px 50px 18px;
}

.btn_sm {
  font-size: 14px;
  line-height: 14px;
  padding: 8px 20px 7px;
}

.btn.disabled {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}

.btn[disabled] {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}

.btn-load:after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-left: 10px;
  background: url(../src/assets/images/svg/load.svg) no-repeat;
  background-size: contain;
}

.btn-load.is-loading {
  background: #0a71f5;
}
.btn-load.is-loading:after {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
}

.btn-more:after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 14px;
  height: 12px;
  margin-left: 10px;
  background: url(../src/assets/images/svg/arr_white_2.svg) no-repeat;
  background-size: contain;
}

.fullwidth {
  width: 100%;
}

.form__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.form__caption {
  margin: 0 0 5px;
  font-size: 20px;
  font-weight: 900;
  color: #3c3e5a;
}
.form__caption:empty {
  margin: 0;
}
.form__caption .red {
  margin-left: 4px;
  color: #f22f25;
}
.form__caption i {
  margin-left: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
@media (max-width: 767px) {
  .form__caption i {
    display: block;
    font-size: 12px;
    margin: 0;
  }
}

.form-back__error {
  margin: 0 10px 25px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #f22f25;
}
.form-back__error:empty {
  margin: 0;
}
.form-back__error:first-letter {
  text-transform: uppercase;
}

.form__error {
  margin: 0 10px 25px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #f22f25;
}
.form__error:empty {
  margin: 0;
}
.form__error:first-letter {
  text-transform: uppercase;
}

.form__label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.form__label_error .form__input {
  border-color: #f22f25 !important;
}
.form__label_error .form__input:hover {
  border-color: #f22f25 !important;
}

.form__label_lg {
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}

.form__label_md {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(50% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}

.form__label_sm {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(33.33333% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}

.form__label_xs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(25% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}

.form__input {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 17px;
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  font-size: 14px;
  border: 1px solid #d2d2d2;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 7px;
}
.form__input::-webkit-input-placeholder {
  color: #999;
}
.form__input::-moz-placeholder {
  color: #999;
}
.form__input:-ms-input-placeholder {
  color: #999;
}
.form__input:-moz-placeholder {
  color: #999;
}
.form__input::-ms-clear {
  display: none;
}
.form__input:hover {
  border-color: #ccc;
}
.form__input:focus {
  opacity: 1;
}

.form__input_textarea {
  width: 100%;
  resize: none;
  height: 80px;
  padding: 13px 17px 10px;
  line-height: 20px;
  font-weight: 400;
}

.chkbox__custom {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 16px;
  color: #3c3e5a;
  cursor: pointer;
}
.chkbox__custom .custom__input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.chkbox__custom .custom__input:checked + .custom__title:before {
  border-color: #3c3e5a;
}
.chkbox__custom .custom__input:checked + .custom__title:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 0px;
  width: 18px;
  height: 14px;
  background: url(../img/check_black_18x14.svg) no-repeat;
}
.chkbox__custom .custom__title {
  position: relative;
  display: inline-block;
  padding: 0 0 0 32px;
  font-weight: 400;
}
.chkbox__custom .custom__title:before {
  content: "";
  position: absolute;
  left: 0;
  top: -5px;
  width: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.01);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.01);
}
.chkbox__custom .custom__title a {
  text-decoration: underline;
}
.chkbox__custom .custom__title a:hover {
  text-decoration: none;
}

.chkbox__custom_error .custom__title {
  color: #f22f25;
}

.radio__custom {
  position: relative;
  display: block;
  margin: 0 0 16px;
  line-height: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  cursor: pointer;
}
.radio__custom .custom__input {
  position: absolute;
  opacity: 0;
}
.radio__custom .custom__input:checked + .custom__title:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 2px;
  display: block;
  width: 9px;
  height: 9px;
  background: #262626;
  border-radius: 50%;
}
.radio__custom .custom__title {
  position: relative;
  display: inline-block;
  padding: 0 0 0 25px;
  font-weight: 400;
}
.radio__custom .custom__title:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 17px;
  height: 17px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #cbcbcb;
  border-radius: 50%;
}

.radio__custom_error .custom__title {
  color: #f22f25;
}

.form__select {
  position: relative;
}
.form__select:before {
  right: 2px;
  top: 0;
  width: 30px;
  height: 38px;
  background: #fff;
  z-index: 1;
  border-radius: 7px;
  content: "";
  position: absolute;
  bottom: 0;
  margin: auto;
}
.form__select:after {
  content: "";
  position: absolute;
  bottom: 0;
  margin: auto;
  right: 15px;
  top: 8px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: #3c3e5a;
  z-index: 2;
}
.form__select select {
  -webkit-appearance: none;
  background: #fff;
  width: 100%;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  border: 1px solid #d5d5d5;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form__hint {
  display: block;
  margin: 3px 0 0;
  font-size: 14px;
  color: #606376;
}
@media (max-width: 767px) {
  .form__hint {
    font-size: 12px;
    line-height: 1.2;
  }
}

.form__latin {
  display: block;
  font-size: 14px;
  color: #606376;
  margin: 0 0 3px;
}
@media (max-width: 767px) {
  .form__latin {
    font-size: 12px;
    line-height: 1.2;
  }
}

@media (max-width: 767px) {
  .hide-mob {
    display: none;
  }
}

.vis-mob {
  display: none;
}
@media (max-width: 767px) {
  .vis-mob {
    display: block;
  }
}

.form__label-promocode {
  display: none;
  margin-top: 20px !important;
  -webkit-transition: none;
  transition: none;
}
@media (max-width: 767px) {
  .form__label-promocode {
    margin-top: 15px !important;
  }
}
.form__label-promocode .form__input {
  -webkit-transition: none;
  transition: none;
}

.promocode__lnk {
  display: block;
  width: max-content;
  margin-top: 25px;
  font-size: 14px;
  color: #319ac6;
  border-bottom: 1px dashed;
  text-decoration: none !important;
}
@media (max-width: 767px) {
  .promocode__lnk {
    margin: 15px 0;
  }
}
.promocode__lnk:hover {
  border-bottom-color: transparent;
}

.form__text_name {
  display: inline-block;
}

.form__latin.red {
  color: #f22f25;
}

.form__status {
  display: none;
  position: absolute;
  width: 15px;
  height: 15px;
  right: 20px;
  top: 12px;
}
.form__status:after {
  content: " ";
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border-color: #3c3e5a transparent;
  border-style: solid;
  border-width: 2px;
  -webkit-animation: ring 1.2s linear infinite;
  animation: ring 1.2s linear infinite;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form__status.error {
  background: url(../src/assets/images/svg/cross.svg) 50% no-repeat;
  background-size: contain;
}
.form__status.error:after {
  content: none;
}

.form__status.success {
  background: url(../src/assets/images/svg/check.svg) 50% no-repeat;
  background-size: contain;
}
.form__status.success:after {
  content: none;
}

.form__taken {
  margin-top: 10px;
  font-size: 12px;
}
.form__taken:empty {
  margin: 0;
}

.form__taken.red {
  color: red;
}

.form__taken.green {
  color: green;
}

.loading-default {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: hsla(0, 0%, 100%, 0.3);
}
.loading-default > .loading__inner {
  color: #3c3e5a;
  text-indent: -9999em;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translate(-50%), translateZ(0);
  transform: translate(-50%), translateZ(0);
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  background: #3c3e5a;
  -webkit-animation: default 1s ease-in-out infinite;
  animation: default 1s ease-in-out infinite;
  width: 1em;
  height: 2em;
}
.loading-default > .loading__inner:after {
  background: #3c3e5a;
  -webkit-animation: default 1s ease-in-out infinite;
  animation: default 1s ease-in-out infinite;
  width: 1em;
  height: 2em;
  position: absolute;
  top: 0;
  content: "";
  left: 1.5em;
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loading-default > .loading__inner:before {
  background: #3c3e5a;
  -webkit-animation: default 1s ease-in-out infinite;
  animation: default 1s ease-in-out infinite;
  width: 1em;
  height: 2em;
  position: absolute;
  top: 0;
  content: "";
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loading-ring {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: hsla(0, 0%, 100%, 0.3);
}
.loading-ring > .loading__inner {
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 64px;
  height: 64px;
}
.loading-ring > .loading__inner:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border-color: #3c3e5a transparent;
  border-style: solid;
  border-width: 5px;
  -webkit-animation: ring 1.2s linear infinite;
  animation: ring 1.2s linear infinite;
}

.page-head h1 {
  text-align: center;
  margin: 0 0 15px;
}

.main {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  background: #f8f8f8;
}
.main:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -110px;
  width: 100%;
  height: 304px;
  background: url(../src/assets/images/svg/line_white_1.svg) 70% repeat-x;
  pointer-events: none;
}
@media (max-width: 500px) {
  .main:after {
    content: none;
  }
}
.main .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 500px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.main img {
  display: block;
  width: 100%;
}
.main .card__purple {
  width: 338px;
}
.main .card__black {
  width: 338px;
}
.main .card__red {
  width: 338px;
}
.main .main__title {
  position: relative;
  z-index: 20;
  margin: -50px 0 20px;
  font-size: 45px;
  font-weight: 400;
}
.main .main__title strong {
  display: block;
  font-size: 60px;
  line-height: 55px;
}
.main .main__title + p {
  margin: 0 0 60px;
}
@media (max-width: 767px) {
  .main .main__title + p {
    margin: 0 0 20px;
  }
}
.main .main__products {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 260px;
  height: 700px;
  margin: 100px 0 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.main .main__cards {
  position: relative;
  top: -50px;
  width: 225px;
  height: 333px;
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
}
.main .main__cards picture {
  position: absolute;
  display: block;
  width: 225px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.main .main__cards picture.card__red {
  z-index: 1;
}
.main .main__cards picture.card__purple {
  z-index: 2;
}
.main .main__cards picture.card__black {
  z-index: 3;
}
.main .main__apps {
  position: absolute;
  right: 0;
  left: 50px;
  margin: auto;
  top: 50px;
  z-index: 10;
  width: 285px;
  height: 583px;
  padding: 5px 9px;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.main .main__apps:before {
  content: "";
  position: absolute;
  left: -3px;
  top: -3px;
  width: 293px;
  height: 590px;
  background: url(../src/assets/images/iphone.webp) no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 20;
}
.main .main__apps img {
  width: 100%;
  display: block;
  border-radius: 28px;
}
@media (max-width: 767px) {
  .main .main__apps img {
    border-radius: 38px;
  }
}
@media (max-width: 400px) {
  .main .main__apps img {
    border-radius: 18px;
  }
}
.main .main__apps .slick-list {
  height: 100%;
}
.main .main__award {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 40px 0 0;
  font-size: 16px;
  font-weight: 400;
  text-align: left !important;
}
@media (max-width: 400px) {
  .main .main__award {
    font-size: 17px;
  }
}
.main .main__award:before {
  content: "";
  flex-shrink: 0;
  background: url(../img/logo_po.svg) center no-repeat;
  background-size: contain;
  width: 48px;
  height: 48px;
}
.main .main__award:hover {
  text-decoration: underline;
}

.main.vis .main__cards {
  -webkit-transform: translate(-60px);
  transform: translate(-60px);
}
.main.vis .main__cards .card__red {
  -webkit-transform: translate(-151px, 53px) rotate(-18deg);
  transform: translate(-151px, 53px) rotate(-18deg);
}
.main.vis .main__cards .card__purple {
  -webkit-transform: translate(-80px, 20px) rotate(-9deg);
  transform: translate(-80px, 20px) rotate(-9deg);
}
.main.vis .main__cards .card__black {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}
.main.vis .main__apps {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}

.solutions {
  position: relative;
  z-index: 1;
}
@media (max-width: 500px) {
  .solutions {
    padding-top: 30px;
  }
}
.solutions .slick-dots {
  bottom: -30px;
}
.solutions .slick-dots li {
  width: auto;
}
.solutions .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #ddd;
}
.solutions .slick-dots li button:before {
  content: none;
}
.solutions .slick-dots li.slick-active button {
  background: rgba(10, 113, 245, 0.7);
}
.solutions a.solutions__entry:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.solutions a.solutions__entry:hover p {
  text-decoration: underline;
  color: #0a71f5;
}
.solutions .main-subtitle {
  text-align: center;
  margin: 0;
}

@media (max-width: 767px) {
  .solutions__container {
    width: calc(100% + 20px);
    margin: 0 -10px;
    height: 205px;
    overflow: hidden;
  }
}

.solutions__list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .solutions__list {
    display: flex;
    overflow: auto;
    height: 220px;
    gap: 0;
  }
}

.solutions__entry {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #f8f8f8;
  border-radius: 4px;
  overflow: hidden;
  height: 190px;
}
@media (max-width: 767px) {
  .solutions__entry {
    width: 200px;
    height: 200px;
    margin: 0 10px 0 0;
    flex-shrink: 0;
  }
  .solutions__entry:first-child {
    margin-left: 10px;
  }
}
.solutions__entry .entry__img {
  width: 100%;
  height: 100%;
}
.solutions__entry img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right bottom;
}
.solutions__entry .entry__title {
  position: absolute;
  left: 30px;
  top: 20px;
  z-index: 1;
  margin: 0;
  font-weight: 700;
  font-size: 22px;
  line-height: 27px;
}
@media (max-width: 767px) {
  .solutions__entry .entry__title {
    left: 20px;
    top: 20px;
    right: 20px;
    font-size: 20px;
    line-height: 26px;
  }
}
.solutions__entry .btn {
  position: absolute;
  left: 30px;
  bottom: 20px;
}
@media (max-width: 767px) {
  .solutions__entry .btn {
    left: 10px;
    bottom: 10px;
    right: 10px;
    padding: 12px 20px;
  }
}
.solutions__entry.last-mob {
  display: none;
}
@media (max-width: 767px) {
  .solutions__entry.last-mob {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    margin: 10px 0 0;
    padding: 20px;
    height: auto;
    box-sizing: border-box;
  }
  .solutions__entry.last-mob .entry__title {
    position: static;
    margin: 0;
  }
  .solutions__entry.last-mob .btn {
    position: static;
  }
}
@media (max-width: 767px) {
  .solutions__entry.last {
    display: none;
  }
}

a.solutions__entry:hover .entry__title {
  color: #0a71f5;
}

@media (max-width: 767px) {
  .hide_mob {
    display: none;
  }
}

.platform {
  position: relative;
  z-index: 2;
  text-align: center;
}
.platform .main-title {
  font-weight: normal;
  font-size: 43px;
}
.platform .main-title strong {
  font-size: 43px;
}

.platform__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 385px;
  margin: 115px 0 180px;
  background: #f8f8f8;
  border-radius: 50px;
}

.platform__entry {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 767px) {
  .platform__entry {
    width: 33.3333333333%;
  }
}
@media (max-width: 767px) {
  .platform__entry {
    flex-direction: column;
    gap: 12px;
  }
}

.platform__entry_cards img {
  width: 280px;
}
@media (max-width: 767px) {
  .platform__entry_cards {
    gap: 0;
  }
}
.platform__entry_cards picture {
  width: 280px;
}
.platform__entry_cards picture img {
  width: 100% !important;
  margin-left: 0 !important;
}

.platform__entry_app .apps__list {
  position: relative;
  top: -30px;
  width: 200px;
  height: 413px;
  padding: 4px 5px;
  border-radius: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.platform__entry_app .apps__list .slick-list {
  height: 100%;
}
.platform__entry_app .apps__list:before {
  content: "";
  position: absolute;
  left: -3px;
  top: -3px;
  width: 210px;
  height: 420px;
  background: url(../src/assets/images/iphone.webp) no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 20;
}
.platform__entry_app img {
  width: 100%;
  display: block;
  border-radius: 30px;
}

.platform__entry_tg picture {
  position: relative;
  top: -30px;
  width: 300px;
}
@media (max-width: 767px) {
  .platform__entry_tg picture {
    top: auto;
  }
}
.platform__entry_tg picture img {
  display: block;
  width: 100% !important;
  margin: 0 !important;
}

.platform__desc {
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  right: 0;
  min-width: 350px;
}
@media (max-width: 767px) {
  .platform__desc {
    min-width: 0;
    width: 100%;
    position: static;
    text-align: center;
    transform: none;
  }
}
.platform__desc .desc__title {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
}

.appndel p.ta-center {
  margin: 0 0 90px;
}
@media (max-width: 767px) {
  .appndel p.ta-center {
    margin: 0 0 20px;
  }
}
.appndel .appndel__container {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (max-width: 767px) {
  .appndel .appndel__container {
    flex-direction: column;
    justify-content: center;
    gap: 40px;
  }
}
.appndel .appndel__laptop {
  width: 100%;
  max-width: 820px;
}
@media (max-width: 767px) {
  .appndel .appndel__laptop {
    display: none;
  }
}
.appndel .appndel__laptop img {
  display: block;
  width: 100%;
}
.appndel .appndel__laptop video {
  position: absolute;
  left: 180px;
  top: 10px;
  width: 666px;
  border-radius: 16px;
}
.appndel .appndel__phone {
  position: relative;
  bottom: -60px;
  margin-left: -100px;
  width: 226px;
}
@media (max-width: 767px) {
  .appndel .appndel__phone {
    width: 135px;
    margin: 0 auto;
    bottom: auto;
  }
}
.appndel .appndel__phone:before {
  content: "";
  position: absolute;
  left: -12px;
  top: -8px;
  width: 253px;
  height: 510px;
  background: url(../img/iphone.webp) no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 20;
}
@media (max-width: 767px) {
  .appndel .appndel__phone:before {
    width: 149px;
    left: -7px;
  }
}
.appndel .appndel__phone video {
  width: 100%;
}
.appndel .appndel__text {
  position: absolute;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 300;
}
@media (max-width: 767px) {
  .appndel .appndel__text {
    display: none;
  }
}
.appndel .appndel__text:before {
  content: "";
  position: absolute;
}
.appndel .appndel__text_1 {
  left: 20px;
  top: 100px;
}
.appndel .appndel__text_1:before {
  right: -10px;
  bottom: 30px;
  width: 45px;
  height: 60px;
  background: url(../img/appndel_arr_1.svg) no-repeat;
  background-size: contain;
}
.appndel .appndel__text_2 {
  right: 70px;
  top: -50px;
}
.appndel .appndel__text_2:before {
  left: -110px;
  bottom: -130px;
  width: 264px;
  height: 108px;
  background: url(../img/appndel_arr_2.svg) no-repeat;
  background-size: contain;
}
.appndel .appndel__text_3 {
  bottom: -50px;
}
.appndel .appndel__text_3:before {
  right: -80px;
  bottom: 0;
  width: 68px;
  height: 188px;
  background: url(../img/appndel_arr_3.svg) no-repeat;
  background-size: contain;
}
.appndel .appndel__text_4 {
  left: 20px;
  bottom: 110px;
}
.appndel .appndel__text_4:before {
  right: -160px;
  bottom: -10px;
  width: 208px;
  height: 58px;
  background: url(../img/appndel_arr_4.svg) no-repeat;
  background-size: contain;
}

.strategies {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .strategies {
    margin-top: 0px;
  }
}
.strategies .strategies__container {
  position: relative;
  margin: 0 0 40px;
  padding: 20px;
  background: #f8f8f8;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .strategies .strategies__container {
    padding: 0;
    margin: 0 0 80px;
  }
}
@media (max-width: 400px) {
  .strategies .strategies__container {
    margin: 0 0 30px;
  }
}
.strategies .strategies__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 32px;
  gap: 24px;
  background: #f2f4f5;
  border-radius: 16px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .strategies .strategies__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 400px) {
  .strategies .strategies__list {
    padding: 5px;
    gap: 5px;
    border-radius: 8px;
  }
}
.strategies .strategies__entry {
  display: grid;
  grid-template-columns: 64px auto;
  grid-template-rows: min-content min-content;
  gap: 0 24px;
  padding: 20px 10px 20px 20px;
  background: #ffffff;
  border-radius: 8px;
}
.strategies .strategies__entry img {
  display: block;
  grid-row: 1/3;
}
.strategies .strategies__entry .entry__title {
  margin: 0 0 7px;
  font-weight: 700;
}
.strategies .strategies__entry .entry__text {
  font-size: 13px;
  color: #555555;
}
.strategies .strategies__entry .entry__title, .strategies .strategies__entry .entry__text {
  align-self: start;
  justify-self: start;
  letter-spacing: -0.3px;
}
.strategies .strategies__hint {
  position: absolute;
  left: 50px;
  bottom: -50px;
  font-size: 18px;
  font-weight: 300;
}
@media (max-width: 400px) {
  .strategies .strategies__hint {
    display: none;
  }
}
.strategies .strategies__hint:after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: 12px;
  width: 53px;
  height: 69px;
  background: url(../img/str_arr.svg) no-repeat;
  background-size: contain;
}

.messages .messages__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin: 60px 0 0;
}
@media (max-width: 767px) {
  .messages .messages__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin: 10px 0 0;
  }
}
.messages .messages__entry {
  position: relative;
  height: 220px;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 400px) {
  .messages .messages__entry {
    height: 120px;
    padding: 12px;
  }
}
.messages .messages__entry:nth-child(odd) {
  background: #f8f8f8;
}
.messages .messages__entry:nth-child(even) {
  background: #F3FBFE;
}
.messages .messages__entry img {
  position: absolute;
  right: 0px;
  bottom: 0;
  display: block;
}
@media (max-width: 400px) {
  .messages .messages__entry img {
    height: 80px;
  }
}
.messages .messages__entry p {
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 400px) {
  .messages .messages__entry p {
    font-size: 18px;
  }
}

.crm .main-subtitle {
  text-align: center;
}
.crm .main-title {
  text-align: center;
}

.crm__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.crm__video {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 600px;
  height: 520px;
  margin-right: 50px;
  padding-top: 96px;
  padding-left: 70px;
  background: url(../src/assets/images/crm_bg.png) 50% no-repeat;
  background-size: contain;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.crm__video:before {
  content: "";
  position: absolute;
  left: -1px;
  top: 81px;
  z-index: 1;
  width: 602px;
  height: 370px;
  background: url(../src/assets/images/crm_laptop.png) no-repeat;
  background-size: contain;
}
.crm__video .video__inner {
  width: 464px;
  height: 293px;
  background: #000;
}
.crm__video video {
  position: relative;
  z-index: 2;
  display: block;
  width: 464px;
  height: 293px;
  border-radius: 4px;
}

.crm__text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.crm__text p:last-child {
  margin-bottom: 0;
}

.crm__title {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
}
@media (max-width: 767px) {
  .crm__title {
    display: none;
  }
}

.integrations {
  position: relative;
  background: #f8f8f8;
}
.integrations .main-subtitle {
  margin-bottom: 30px;
}
.integrations:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
}

.integrations__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px 30px;
}

.integrations__entry {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 268px;
  height: 140px;
  margin: 10px;
  padding: 25px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  transition: all 200ms linear;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.integrations__entry img {
  max-width: 100%;
  max-height: 100%;
}

a.integrations__entry:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  transform: translateY(-3px);
}

.integrations__entry.rect img {
  max-height: 80%;
}

.main-reviews {
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.main-reviews .main-title {
  margin: 0 0 50px;
}
@media (max-width: 400px) {
  .main-reviews .main-title {
    margin: 0 0 20px;
  }
}
.main-reviews .reviews__container {
  position: relative;
  margin: 0 0 60px;
}
@media (max-width: 400px) {
  .main-reviews .reviews__container {
    margin-left: -10px;
  }
}
@media (max-width: 767px) {
  .main-reviews .reviews__list {
    display: flex;
  }
  .main-reviews .reviews__list .reviews__entry {
    width: 460px;
    height: 375px !important;
    flex-shrink: 0;
    margin: 0 10px 0 0;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) and (max-width: 400px) {
  .main-reviews .reviews__list .reviews__entry {
    width: 280px;
  }
}
@media (max-width: 767px) {
  .main-reviews .reviews__list .reviews__entry:first-child {
    margin-left: 10px;
  }
  .main-reviews .reviews__list .reviews__entry:last-child {
    margin-right: 10px;
  }
}
.main-reviews .swiper-container-horizontal > .swiper-pagination-bullets, .main-reviews .swiper-pagination-custom, .main-reviews .swiper-pagination-fraction {
  bottom: -40px;
}
.main-reviews .slick-dots {
  bottom: -30px;
}
.main-reviews .slick-dots li {
  width: auto;
}
.main-reviews .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #ddd;
}
.main-reviews .slick-dots li button:before {
  content: none;
}
.main-reviews .slick-dots li.slick-active button {
  background: rgba(10, 113, 245, 0.7);
}
.main-reviews .slick-list {
  overflow: visible;
}
.main-reviews .slick-list:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  width: 3000px;
  height: calc(100% + 2px);
  background: #ffffff;
  z-index: 10;
}
.main-reviews .slick-track {
  display: flex;
}
.main-reviews .reviews__arr {
  z-index: 50;
  top: -90px;
  bottom: auto;
  -webkit-transform: none;
  transform: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #f3fbfe url(../src/assets/images/svg/arr_black_6x10.svg) 50% no-repeat;
  background-size: auto 8px !important;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 767px) {
  .main-reviews .reviews__arr {
    display: none;
  }
}
.main-reviews .reviews__arr:before, .main-reviews .reviews__arr:after {
  content: none;
}
.main-reviews .reviews__arr:hover {
  background: #0a71f5 url(../src/assets/images/svg/arr_white_6x10.svg) 50% no-repeat;
}
.main-reviews .reviews__arr.swiper-button-prev {
  left: auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 80px;
}
.main-reviews .reviews__arr.swiper-button-next {
  right: 10px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.main-reviews .reviews__entry {
  float: none !important;
  height: auto !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 40px;
  padding: 40px 40px 0 40px;
  gap: 12px;
  margin-right: 20px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .main-reviews .reviews__entry {
    margin-right: 12px;
    gap: 20px;
    padding: 20px 20px 0 20px;
    border-radius: 16px 0 0 16px;
  }
}
.main-reviews .reviews__entry:nth-child(even) {
  background: #f8f8f8;
}
.main-reviews .reviews__entry:nth-child(odd) {
  background: #F3FBFE;
}
.main-reviews .reviews__entry .entry__top {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
@media (max-width: 767px) {
  .main-reviews .reviews__entry .entry__top {
    flex-direction: column;
    gap: 20px;
  }
}
.main-reviews .reviews__entry .entry__text {
  font-size: 16px;
}
@media (max-width: 400px) {
  .main-reviews .reviews__entry .entry__text {
    font-size: 14px;
    font-weight: normal;
  }
}
.main-reviews .reviews__entry .entry__feature {
  flex-shrink: 0;
  width: max-content;
  max-width: 220px;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .main-reviews .reviews__entry .entry__feature {
    text-align: left;
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 400px) {
  .main-reviews .reviews__entry .entry__feature {
    font-size: 14px;
    font-weight: normal;
  }
}
.main-reviews .reviews__entry .entry__feature strong {
  display: block;
  font-size: 48px;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .main-reviews .reviews__entry .entry__feature strong {
    font-size: 26px;
  }
}
@media (max-width: 400px) {
  .main-reviews .reviews__entry .entry__feature strong {
    font-size: 20px;
  }
}
.main-reviews .reviews__entry .entry__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 400px) {
  .main-reviews .reviews__entry .entry__bottom {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
}
.main-reviews .reviews__entry .entry__photo {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 14px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .main-reviews .reviews__entry .entry__photo {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20px;
  }
}
.main-reviews .reviews__entry .entry__photo img {
  display: block;
  width: 50px;
  flex-shrink: 0;
  border-radius: 50%;
}
.main-reviews .reviews__entry .entry__photo img:only-child {
  width: 150px;
  border-radius: 0;
}
.main-reviews .reviews__entry .entry__photo .entry__name {
  font-weight: 600;
}
.main-reviews .reviews__entry .entry__photo p {
  margin: 0;
}
.main-reviews .reviews__entry .entry__app {
  display: block;
  width: 230px;
  margin-right: -10px;
}
@media (max-width: 767px) {
  .main-reviews .reviews__entry .entry__app {
    display: none;
  }
}
.main-reviews a.reviews__entry {
  transition: all 200ms linear;
}
.main-reviews a.reviews__entry:hover {
  text-decoration: none !important;
  box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.08);
}

.norobot {
  background: #f8f8f8;
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
}
.norobot .block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 20px;
}
@media (max-width: 767px) {
  .norobot .block {
    flex-direction: column;
    align-items: center;
    padding-top: 30px;
    text-align: center;
    gap: 40px;
  }
}
@media (max-width: 400px) {
  .norobot .block {
    gap: 20px;
  }
}
.norobot .main-title {
  margin: 0;
  align-self: center;
}
.norobot img {
  display: block;
  max-width: 100%;
}
@media (max-width: 400px) {
  .norobot img {
    max-width: 60%;
  }
}

.main-faq .main-title {
  margin: 0 0 40px;
}
.main-faq h3 + .btn {
  position: absolute;
  right: 10px;
  top: 50px;
}
@media (max-width: 767px) {
  .main-faq h3 + .btn {
    position: relative;
    right: auto;
    top: auto;
    width: 230px;
    margin: 0 auto 30px;
    display: block;
  }
}
.main-faq .faq__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .main-faq .faq__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }
}
.main-faq .faq__entry {
  background: #f8f8f8;
  border-radius: 8px;
  transition: all 200ms linear;
}
.main-faq .faq__entry .entry__ask {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 96px;
  gap: 20px;
  padding: 20px;
  cursor: pointer;
  font-size: 20px;
  box-sizing: border-box;
}
@media (max-width: 400px) {
  .main-faq .faq__entry .entry__ask {
    font-size: 14px;
    padding: 15px;
    min-height: 0;
  }
}
.main-faq .faq__entry .entry__ask:after {
  content: "+";
  position: relative;
  top: 3px;
  flex-shrink: 0;
  color: #0b71f5;
  font-size: 30px;
  line-height: 10px;
}
.main-faq .faq__entry .entry__answer {
  padding: 0 20px 20px;
  display: none;
}
.main-faq .faq__entry .entry__answer a {
  text-decoration: underline;
}
.main-faq .faq__entry .entry__answer a:hover {
  color: #0b71f5;
  text-decoration: none;
}
.main-faq .faq__entry.opened .entry__ask {
  height: auto;
}
.main-faq .faq__entry.opened .entry__ask:after {
  content: "-";
}
.main-faq .faq__entry.opened .entry__answer {
  display: block;
}
.main-faq .faq__entry:hover {
  background: #E8E8E8;
}

.test {
  overflow: hidden;
}
.test .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 650px;
}
.test .block:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 570px;
  height: 570px;
  background: url(../src/assets/images/round_bg.png) no-repeat;
  background-size: contain;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-animation: rotate 150s linear infinite;
  animation: rotate 150s linear infinite;
}
.test .main-title {
  font-size: 40px;
}
.test .main-title strong {
  font-size: 50px;
}
.test .main-title span {
  font-size: 50px;
}

.test__left {
  position: relative;
  z-index: 1;
}

.test__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.test__btn a:not(.btn) {
  margin: 20px 0 0;
  color: #0a71f5;
}

.test__img {
  position: relative;
  margin-top: 50px;
  margin-right: 90px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 420px;
  display: block;
}

.entry__free {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  text-align: center;
}

.mainpage .blog .main-title {
  text-align: center;
  margin: 0 0 40px;
}
@media (max-width: 767px) {
  .mainpage .blog .main-title {
    margin: 0 0 20px;
  }
}
@media (max-width: 767px) {
  .mainpage .blog .block {
    width: 100%;
    overflow: hidden;
  }
}
.mainpage .blog .blog__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .mainpage .blog .blog__list {
    margin: 0 -10px 0 0 !important;
  }
  .mainpage .blog .blog__list .blog__entry {
    margin-right: 8px !important;
  }
}
.mainpage .blog .blog__list .slick-list {
  width: 100%;
}
@media (max-width: 767px) {
  .mainpage .blog .blog__list .slick-list {
    padding-right: 5%;
  }
}
.mainpage .blog .blog__list .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
}
.mainpage .blog .blog__list .slick-dots {
  bottom: -20px;
}
.mainpage .blog .blog__list .slick-dots li {
  width: auto;
}
.mainpage .blog .blog__list .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #ddd;
}
.mainpage .blog .blog__list .slick-dots li button:before {
  content: none;
}
.mainpage .blog .blog__list .slick-dots li.slick-active button {
  background: rgba(10, 113, 245, 0.7);
}
.mainpage .blog .blog__list .slick-arrow {
  z-index: 50;
  top: -90px;
  bottom: auto;
  -webkit-transform: none;
  transform: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #f3fbfe url(../src/assets/images/svg/arr_black_6x10.svg) 50% no-repeat;
  background-size: auto 8px !important;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.mainpage .blog .blog__list .slick-arrow:before {
  content: none;
}
.mainpage .blog .blog__list .slick-arrow:hover {
  background: #0a71f5 url(../src/assets/images/svg/arr_white_6x10.svg) 50% no-repeat;
}
.mainpage .blog .blog__list .slick-arrow.slick-prev {
  left: auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 80px;
}
.mainpage .blog .blog__list .slick-arrow.slick-next {
  right: 10px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.mainpage .blog .tags .tags__lnk {
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 4px 10px 2px;
  color: #009be0;
  font-size: 14px;
  border: 1px solid #009be0;
  border-radius: 4px;
}
.mainpage .blog .tags .tags__lnk.current {
  color: #fff;
  background: #009be0;
  text-decoration: none;
}
.mainpage .blog .tags .tags__lnk_current {
  color: #fff;
  background: #009be0;
  text-decoration: none;
}
.mainpage .blog__entry {
  position: relative;
  margin: 16px;
  height: auto !important;
  float: none !important;
  width: calc(33.33333% - 32px);
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  transition: all 200ms linear;
}
.mainpage .blog__entry:hover {
  text-decoration: none !important;
  box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.08);
}
.mainpage .blog__entry:only-child {
  width: 50% !important;
}
.mainpage .blog__entry .entry__lnk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.mainpage .blog__entry .entry__photo img {
  display: block;
  width: 100%;
}
@media (max-width: 400px) {
  .mainpage .blog__entry .entry__photo img {
    margin: 0;
  }
}
.mainpage .blog__entry .entry__info {
  padding: 32px 24px;
}
@media (max-width: 400px) {
  .mainpage .blog__entry .entry__info {
    padding: 12px !important;
  }
}
.mainpage .blog__entry .entry__title {
  margin: 0 0 16px;
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
}
.mainpage .blog__entry p {
  margin: 0;
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #5e607d;
}
.mainpage .blog__entry .entry__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 16px;
}
@media (max-width: 400px) {
  .mainpage .blog__entry .entry__top {
    margin: 0 0 8px !important;
  }
}
.mainpage .blog__entry .entry__date {
  margin-right: 20px;
  font-size: 16px;
  line-height: 16px;
  color: #858585;
}
@media (max-width: 400px) {
  .mainpage .blog__entry .entry__date {
    font-size: 12px;
    margin-bottom: 5px !important;
  }
}
.mainpage .blog__entry .entry__tags {
  text-align: right;
}
@media (max-width: 400px) {
  .mainpage .blog__entry .entry__tags {
    margin: 0;
  }
}
.mainpage .blog__entry .entry__tags .tags__lnk {
  display: inline-block;
  margin: 0 0 3px 20px;
  font-size: 16px;
  line-height: 16px;
  color: #009be0;
}
@media (max-width: 400px) {
  .mainpage .blog__entry .entry__tags .tags__lnk {
    margin: 0 3px 3px 0;
    font-size: 12px;
  }
}

.tariff__tabs {
  position: relative;
  margin: 0 0 40px;
}
.tariff__tabs .tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1000px;
  margin: auto;
  border: 1px solid #94c5e8;
  border-radius: 60px;
}
.tariff__tabs .tabs__lnk {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25%;
  padding: 15px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none !important;
  border-radius: 60px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.tariff__tabs .tabs__lnk:hover {
  background: rgba(10, 113, 245, 0.1);
}
.tariff__tabs .tabs__lnk strong {
  white-space: nowrap;
  font-size: 22px;
  line-height: 26px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.tariff__tabs .tabs__lnk small {
  font-size: 14px;
  line-height: 22px;
  color: #409bdb;
}
.tariff__tabs .tabs__lnk_current {
  background: transparent !important;
}
.tariff__tabs .tabs__lnk_current strong {
  color: #fff;
}

.tariff__tabs-current {
  position: absolute;
  top: 0;
  z-index: 1;
  height: 100%;
  border-radius: 60px;
  background: #3c3e5a;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-box-shadow: 0 1px 2px rgba(60, 62, 90, 0.6);
  box-shadow: 0 1px 2px rgba(60, 62, 90, 0.6);
}

.tariff__types {
  margin: -10px -10px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tariff__types .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tariff__types .slick-dots {
  bottom: -35px;
}
@media (max-width: 767px) {
  .tariff__types:not(.slick-initialized) .tariff__entry {
    width: 407px;
    flex-shrink: 0;
  }
}
.tariff__types .tariff__entry {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto !important;
  float: none !important;
  width: calc(33.33333% - 20px);
  margin: 10px;
  padding: 40px;
  border: 1px solid #efefef;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50px;
}
.tariff__types .tariff__entry:first-child {
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8fd), to(#f1f1f6));
  background: linear-gradient(180deg, #f8f8fd, #f1f1f6);
}
.tariff__types .tariff__entry:nth-child(4) {
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8fd), to(#f1f1f6));
  background: linear-gradient(180deg, #f8f8fd, #f1f1f6);
}
.tariff__types .tariff__entry:nth-child(2) {
  background: linear-gradient(144.19deg, #f0f0ff 18.15%, #f5f5f5 101.77%);
}
.tariff__types .tariff__entry:nth-child(5) {
  background: linear-gradient(144.19deg, #f0f0ff 18.15%, #f5f5f5 101.77%);
}
.tariff__types .tariff__entry:nth-child(3) {
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9ff), to(#f1f1f6));
  background: linear-gradient(180deg, #f9f9ff, #f1f1f6);
}
.tariff__types .tariff__entry:nth-child(6) {
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9ff), to(#f1f1f6));
  background: linear-gradient(180deg, #f9f9ff, #f1f1f6);
}
.tariff__types .tariff__entry .entry__title {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
}
.tariff__types .tariff__entry .entry__type {
  display: block;
  margin: -15px 0 20px;
  font-size: 14px;
  color: #787676;
  font-weight: 400;
}
.tariff__types .tariff__entry .entry__price {
  margin: 0 0 20px;
  font-size: 40px;
  line-height: 45px;
  font-weight: 300;
}
.tariff__types .tariff__entry .entry__chars {
  margin: 0 0 40px;
}
.tariff__types .tariff__entry .entry__chars li {
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 0 30px;
}
.tariff__types .tariff__entry .entry__chars li small {
  display: block;
  color: #787676;
  font-size: 13px;
  line-height: 13px;
}
.tariff__types .tariff__entry .entry__chars li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 9px;
  height: 14px;
  border-bottom: 1px solid #0a71f5;
  border-right: 1px solid #0a71f5;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tariff__types .tariff__entry .entry__up-to {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  text-align: center;
}
.tariff__types .tariff__entry .btn {
  margin-top: auto;
}
.tariff__types .tariff__entry_business .entry__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tariff__types .tariff__entry_business .entry__title:after {
  position: relative;
  top: -5px;
  content: "";
  width: 26px;
  height: 36px;
  margin: 0 0 0 10px;
  background: url(../src/assets/images/svg/fire.svg) no-repeat;
  background-size: contain;
}

.tariff__compare {
  text-align: center;
  padding: 0 0 60px;
}
.tariff__compare a {
  font-size: 18px;
  color: #0a71f5;
  border-bottom: 1px dashed #0a71f5;
  text-decoration: none !important;
}
.tariff__compare a:hover {
  border-bottom-color: transparent;
}

.tariff__packages {
  margin: 0 0 80px;
}
.tariff__packages .main-title {
  margin-bottom: 10px !important;
}
.tariff__packages .packages__entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 30px;
  padding: 25px;
  float: none !important;
  height: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8fd), to(#f1f1f6));
  background: linear-gradient(180deg, #f8f8fd, #f1f1f6);
  border: 1px solid #efefef;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 40px;
}
.tariff__packages .packages__entry .entry__cell {
  width: 20%;
  padding-left: 40px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tariff__packages .packages__entry .entry__cell:first-child {
  padding: 0;
}
.tariff__packages .packages__entry .entry__cell:last-child {
  padding: 0;
  width: 150px;
}
.tariff__packages .packages__entry .entry__cell:last-child .btn {
  width: 100%;
}
.tariff__packages .packages__entry .entry__cell i {
  display: block;
  font-style: normal;
  font-size: 13px;
  color: #abaaaa;
}
.tariff__packages .packages__entry .entry__cell_title strong {
  display: block;
  font-size: 35px;
  line-height: 40px;
}
@media (max-width: 767px) {
  .tariff__packages .packages__entry .entry__cell_title strong {
    font-size: 28px;
  }
}
.tariff__packages .packages__entry .entry__cell_title small {
  font-size: 14px;
  line-height: 18px;
}
.tariff__packages .packages__entry .entry__cell_price {
  padding-left: 0;
  padding-right: 20px;
}
.tariff__packages .packages__entry .entry__cell_price p {
  white-space: nowrap;
  font-weight: 700;
  font-size: 28px;
  line-height: 30px;
}
.tariff__packages .packages__entry p {
  margin: 0;
}
.tariff__packages .packages__entry:last-child .entry__cell_title strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tariff__packages .packages__entry:last-child .entry__cell_title strong:after {
  content: "";
  width: 30px;
  height: 15px;
  margin: 2px 0 0 8px;
  background: url(../src/assets/images/svg/crown.svg) no-repeat;
  background-size: contain;
}

.tariff__currency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tariff__currency .currency__lnk {
  width: 40px;
  margin: 0 10px 0 0;
  font-size: 18px;
  text-align: center;
  padding: 5px 5px 3px;
  color: #0a71f5;
  border-radius: 3px;
}
.tariff__currency .currency__lnk.active {
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #0a71f5), to(#6eb1de));
  background: linear-gradient(to right bottom, #0a71f5 0, #6eb1de);
  color: #fff;
  font-weight: 700;
  text-decoration: none !important;
}

.tariff__container {
  margin-bottom: 20px;
}
.tariff__container + p {
  margin-bottom: 70px;
}

.tariff__tbl {
  width: 100% !important;
  border-collapse: collapse;
}
.tariff__tbl tr:hover td {
  background: rgba(10, 113, 245, 0.05);
}
.tariff__tbl tfoot tr:hover td {
  background: #fff;
}
.tariff__tbl tfoot td {
  border: none !important;
}
.tariff__tbl td {
  width: 17.5%;
  padding: 12px 10px;
  border-top: 1px solid #edeff1;
  border-bottom: 1px solid #edeff1;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .tariff__tbl td {
    vertical-align: middle !important;
  }
}
.tariff__tbl td a:not([class]) {
  text-decoration: underline;
}
.tariff__tbl td a:not([class]):after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url(../src/assets/images/svg/ask.svg) no-repeat;
  background-size: contain;
  margin-left: 5px;
  opacity: 0.5;
}
.tariff__tbl td a:not([class]):hover {
  color: #0a71f5;
}
.tariff__tbl td:first-child {
  text-align: left;
  width: 30%;
  padding-left: 20px;
}
.tariff__tbl th {
  width: 17.5%;
  padding: 12px 10px;
  border-top: 1px solid #edeff1;
  border-bottom: 1px solid #edeff1;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tariff__tbl th a:not([class]) {
  text-decoration: underline;
}
.tariff__tbl th a:not([class]):after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url(../src/assets/images/svg/ask.svg) no-repeat;
  background-size: contain;
  margin-left: 5px;
  opacity: 0.5;
}
.tariff__tbl th a:not([class]):hover {
  color: #0a71f5;
}
.tariff__tbl th:first-child {
  text-align: left;
  width: 30%;
  padding-left: 20px;
}
.tariff__tbl p {
  margin: 0;
}
.tariff__tbl .btn {
  width: 100%;
  height: 50px;
}
.tariff__tbl thead {
  background: #fff;
}
.tariff__tbl thead th {
  padding: 20px 10px;
  font-size: 18px;
  line-height: 20px;
}
.tariff__tbl .tariff__preferable {
  position: relative;
}
.tariff__tbl .tariff__preferable:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 0;
  width: 32px;
  height: 35px;
  background: url(../src/assets/images/svg/preferable.svg) no-repeat;
  background-size: contain;
}
.tariff__tbl .row__title td {
  padding-top: 50px !important;
}
@media (max-width: 767px) {
  .tariff__tbl .row__title td {
    padding-top: 5px !important;
  }
}
.tariff__tbl .tariff__title {
  font-size: 17px;
  line-height: 20px;
  font-weight: 600;
}
.tariff__tbl small {
  display: block;
  margin-top: -2px;
  font-size: 14px;
  color: #787676;
  font-weight: 400;
}
.tariff__tbl .tariff__price {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.tariff__tbl td.bold {
  font-size: 23px;
}

.round {
  display: block;
  width: 10px;
  height: 10px;
  margin: auto;
  border-radius: 50%;
  background: #0a71f5;
}

.cross {
  display: block;
  width: 14px;
  height: 14px;
  margin: auto;
  background: url(../src/assets/images/svg/cross_red_14x14.svg) no-repeat;
  background-size: contain;
}

.tariff__turbo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 50px 50px 50px 450px;
  margin-top: 150px;
  border-radius: 50px;
  background: #f8f8f8;
}
.tariff__turbo img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 380px;
}
.tariff__turbo .turbo__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
  margin: 0 0 10px;
}
.tariff__turbo .turbo__title:before {
  content: "";
  width: 36px;
  height: 27px;
  margin-right: 10px;
  background: url(../src/assets/images/svg/icon_turbo.svg) no-repeat;
  background-size: contain;
}
.tariff__turbo .turbo__price {
  margin: 0 0 30px;
  font-size: 35px;
  line-height: 40px;
}
.tariff__turbo .turbo__right {
  width: 40%;
}
.tariff__turbo .turbo__right p {
  line-height: 20px;
}
.tariff__turbo .turbo__right ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tariff__turbo .turbo__right ul li {
  color: #0a71f5;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
}
.tariff__turbo .turbo__right ul li:last-child {
  margin: 0;
}
.tariff__turbo .turbo__right ul li:before {
  content: "+";
  bottom: auto;
  top: 0;
  width: auto;
  height: auto;
  background: transparent;
}

.tariff .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 5px;
}
.tariff .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #3c3e5a;
  opacity: 0.6;
}
.tariff .slick-dots li button:after {
  content: none;
}
.tariff .slick-dots li button:before {
  content: none;
}
.tariff .slick-dots li.slick-active button {
  opacity: 1;
  background: #3c3e5a;
}

.calc {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 20px;
  background: #f1f1f6;
  padding: 25px;
  margin: 0 0 50px;
  border-radius: 20px;
  overflow: hidden;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.calc .btn {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.calc .calc__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15px;
  flex-grow: 1;
}
.calc .entry__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.calc .calc__entry {
  flex-grow: 1;
}
.calc .calc__entry .entry__val_points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 240px;
  width: 100%;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #aeaeae;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 400px) {
  .calc .calc__entry .entry__val_points {
    min-width: 0;
  }
}
.calc .calc__entry .entry__val_points .points__input {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
  width: 100%;
  padding: 17px 0;
  border: none;
  background: transparent;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #3c3e5a;
}
.calc .calc__entry .entry__val_points .points__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.calc .calc__entry .entry__val_points .points__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.calc .calc__entry .entry__val_points .points__btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  padding: 0;
  line-height: 28px;
  border-radius: 50%;
  border: none;
  background: #c4c4c4;
  font-weight: 700;
  font-size: 18px;
  color: #000;
  cursor: pointer;
}
.calc .calc__entry .entry__val_functions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border: 1px solid #aeaeae;
  border-radius: 5px;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 400px) {
  .calc .calc__entry .entry__val_functions {
    flex-direction: column;
    align-items: stretch;
  }
}
.calc .calc__entry .entry__val_functions .functions__entry {
  position: relative;
  cursor: pointer;
  flex-grow: 1;
}
.calc .calc__entry .entry__val_functions .functions__entry span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  padding: 16px 10px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-left: 1px solid #9e9e9e;
}
@media (max-width: 400px) {
  .calc .calc__entry .entry__val_functions .functions__entry span {
    border: none;
  }
}
.calc .calc__entry .entry__val_functions .functions__entry span:hover {
  opacity: 0.9;
}
.calc .calc__entry .entry__val_functions .functions__entry span:before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border: 1px solid #929fb1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
}
.calc .calc__entry .entry__val_functions .functions__entry input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.calc .calc__entry .entry__val_functions .functions__entry input:checked + span {
  background: #3c3e5a;
  border-left-color: #3c3e5a;
  color: #fff;
  opacity: 1;
}
.calc .calc__entry .entry__val_functions .functions__entry input:checked + span:before {
  background: url(../src/assets/images/svg/check_green.svg) 50% no-repeat;
  background-size: contain;
  border-color: #26b99a;
}
.calc .calc__entry .entry__val_functions .functions__entry.selected span:before {
  background: url(../src/assets/images/svg/check_dark.svg) 50% no-repeat;
  border-color: #3c3e5a;
}
.calc .calc__entry .entry__val_functions .functions__entry.disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}
.calc .calc__entry .entry__val_functions .functions__entry_cards {
  opacity: 1;
  cursor: pointer;
}
.calc .calc__entry .entry__val_functions .functions__entry_cards span {
  background: #3c3e5a;
  color: #fff;
  border-left: none;
  opacity: 1;
}
.calc .calc__entry .entry__val_functions .functions__entry_cards span:before {
  background: url(../src/assets/images/svg/check_green.svg) 50% no-repeat;
  border-color: #26b99a;
}
.calc .calc__overall .overall__val {
  white-space: nowrap;
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
}
.calc .calc__overall small {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.calc .calc__comment {
  position: relative;
  -webkit-transition: all 0.7s linear;
  transition: all 0.7s linear;
  -webkit-transform: translateY(113px);
  transform: translateY(113px);
  padding: 0 0 0 95px;
  margin-right: 18px;
  flex-grow: 1;
  max-width: 630px;
  box-sizing: border-box;
}
.calc .calc__comment .text__dots {
  font-size: 20px;
}
.calc .calc__comment .text__dots:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis 0.9s steps(4) infinite;
  animation: ellipsis 0.9s steps(4) infinite;
  content: "…";
  width: 0;
}
.calc .calc__comment .text__dots.hidden {
  display: none;
}
.calc .calc__comment .text__text:after {
  content: "";
  position: absolute;
  right: -75px;
  top: -30px;
  width: 103px;
  height: 22px;
  background: url(../src/assets/images/svg/arr_blue.svg) no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.calc .calc__comment .text__text.has-arr {
  position: relative;
}
.calc .calc__comment .text__text.has-arr:after {
  opacity: 1;
}
.calc .calc__comment .calc__shark {
  position: absolute;
  left: 0;
  bottom: -25px;
  width: 75px;
  height: 72px;
  background: url(../src/assets/images/svg/shark.svg) no-repeat;
}
.calc .calc__comment .calc__comment-text {
  position: relative;
  min-height: 46px;
  padding: 7px 15px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.05);
}
.calc .calc__comment .calc__comment-text:before {
  content: "";
  position: absolute;
  left: -24px;
  top: 15px;
  z-index: 10;
  width: 0;
  height: 0;
  border-color: transparent #fff #fff transparent;
  border-style: solid;
  border-width: 10px 0 10px 27px;
}
.calc .calc__comment.vis {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.calc .calc__select {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.calc .calc__select .select__placeholder {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 600;
  font-size: 18px;
  width: 100%;
  min-width: 200px;
  height: 58px;
  padding: 3px 15px;
  background: #fff;
  border: 1px solid #aeaeae;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
@media (max-width: 400px) {
  .calc .calc__select .select__placeholder {
    min-width: 0;
  }
}
.calc .calc__select .select__placeholder:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 23px;
  width: 20px;
  height: 12px;
  background: url(../src/assets/images/svg/arr_black_6x10.svg) no-repeat;
  background-size: contain;
}
.calc .calc__select .select__placeholder small {
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.calc .calc__select .select__list {
  display: none;
  position: absolute;
  top: 57px;
  left: 0;
  z-index: 10;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #aeaeae;
  max-height: 115px;
  overflow: auto;
}
.calc .calc__select .select__list::-webkit-scrollbar {
  width: 0;
  background-color: #fff;
  height: auto;
}
.calc .calc__select .select__list::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(10, 113, 245, 0.5);
}
.calc .calc__select .select__list::-webkit-scrollbar-track {
  background-color: #fff;
}
.calc .calc__select .select__list li {
  padding: 5px 15px;
  cursor: pointer;
  font-size: 13px;
}
.calc .calc__select .select__list li:hover {
  background: rgba(10, 113, 245, 0.3);
}
.calc .calc__select.opened .select__placeholder {
  border-radius: 5px 5px 0 0;
}
.calc .calc__select.opened .select__list {
  display: block;
}
.calc .tooltip {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  margin: 0 0 0 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #c4c4c4;
  cursor: pointer;
}
.calc .tooltip:hover:before {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100;
  top: 35px;
  padding: 10px 20px;
  width: 180px;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  color: #fff;
  background: #3c3e5a;
  border: 1px solid #f8f8f8;
  text-align: left;
  border-radius: 20px;
}
.calc .tooltip:hover:after {
  content: "";
  position: absolute;
  left: 50%;
  z-index: 101;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  top: 28px;
  width: 15px;
  height: 15px;
  background: #3c3e5a;
}

* {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.registry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
}
.registry .step__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  pointer-events: none;
  opacity: 0;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 50px 30px;
}
.registry .step__content .step__title {
  padding: 50px 0;
  font-size: 30px;
  line-height: 39px;
}
.registry .step__content img {
  display: block;
  max-width: 100%;
}
.registry .step__content.step-0 img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center bottom;
  object-position: center bottom;
}
.registry .step__content.step-consult {
  background: url(../src/assets/images/step_bg.svg) 50% no-repeat;
}
.registry .step__content.step-consult img {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.registry .step__content.step-consult .step__title {
  padding-left: 40px;
}
.registry .step__content.step-wallet {
  background: url(../src/assets/images/step_bg.svg) 50% no-repeat;
}
.registry .step__content.step-wallet img {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.registry .step__content.step-wallet .step__title {
  padding-left: 40px;
}
.registry .step__content.step-app .step__title {
  padding: 50px 0 0;
  text-align: center;
}
.registry .step__content.step-app img {
  max-width: 300px;
}
.registry .step__content.vis {
  opacity: 1;
  position: relative;
  pointer-events: all;
}
.registry .form__policy {
  margin: 25px 0 0;
  color: #959595;
  font-size: 14px;
}
.registry .form__policy a {
  color: #319ac6;
  text-decoration: underline;
}
.registry .thanks__title {
  font-weight: 900;
  font-size: 40px;
  line-height: 70px;
  color: #3c3e5a;
}
.registry .form-back__error {
  display: block !important;
  margin: 20px 0 0;
}
.registry .form-back__error:empty {
  margin: 0;
}
.registry .form__error {
  display: block !important;
  margin: 20px 0 0;
}
.registry .form__error:empty {
  margin: 0;
}
.registry .show-password {
  position: absolute;
  right: 8px;
  bottom: 5px;
  z-index: 9;
  width: 30px;
  height: 30px;
  background: url(../src/assets/images/svg/eye_closed.svg) 50% no-repeat;
  background-size: 20px auto !important;
}
.registry .show-password.vis {
  background: url(../src/assets/images/svg/eye_open.svg) 50% no-repeat;
}

.registry__close {
  z-index: 10;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 64px;
  height: 64px;
  background: url(../src/assets/images/svg/reg_close.svg) no-repeat;
  background-size: contain;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.registry__close:hover {
  opacity: 0.7;
}

#step-consult .registry__btn-container .btn-back,
#step-app .registry__btn-container .btn-back {
  display: none;
}
@media (max-width: 767px) {
  #step-consult .registry__btn-container .btn-back,
  #step-app .registry__btn-container .btn-back {
    display: inline-flex;
  }
}
#step-consult .registry__btn-container .btn:only-child,
#step-app .registry__btn-container .btn:only-child {
  margin: 0;
}

.registry__container {
  position: relative;
  width: 67%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 45px 45px 220px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: #f8f8f8;
}

.registry__title {
  margin: -30px 40px 3px 0;
  font-weight: 800;
  font-size: 40px;
  line-height: 50px;
}

.registry__business .business__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -12px 35px;
}
.registry__business .business__entry {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 170px;
  margin: 12px;
  cursor: pointer;
}
.registry__business .business__entry input {
  position: absolute;
  opacity: 0;
}
.registry__business .business__entry input:checked + .entry__content .entry__img {
  border: 2px solid #6db59e !important;
}
@media (min-width: 767px) {
  .registry__business .business__entry input:hover + .entry__content .entry__img {
    border: 2px solid rgba(109, 181, 158, 0.6);
  }
}
.registry__business .business__entry .entry__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 110px;
  margin: 0 0 10px;
  background: #fff;
  border-radius: 8px;
  border: 2px solid #fff;
}
.registry__business .business__entry .entry__img img {
  display: block;
}
.registry__business .business__entry p {
  margin: 0;
  text-align: center;
  font-size: 13px;
}

.registry__subtitle {
  margin: 0 0 35px;
  font-size: 14px;
  line-height: 17px;
  color: #959595;
}
@media (max-width: 767px) {
  .registry__subtitle {
    font-size: 13px;
    line-height: 1.2;
    margin: 0 0 15px;
  }
}

.registry__btn-container {
  padding: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .registry__btn-container {
    padding: 0;
  }
}
.registry__btn-container .btn_blue {
  margin-left: 20px;
}
.registry__btn-container .btn_blue:only-child {
  margin-left: auto;
}
.registry__btn-container .btn-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 40px;
  color: #878787;
  font-size: 14px;
}
.registry__btn-container .btn-back:before {
  content: "";
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background: url(../src/assets/images/svg/arr_right.svg) no-repeat;
}
.registry__btn-container .btn-back:hover {
  color: #000;
}
.registry__btn-container .btn-back:hover:before {
  background: url(../src/assets/images/svg/arr_right_black.svg) no-repeat;
}

.registry__left {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.registry__left img {
  display: block;
  margin-top: auto;
}
.registry__left p {
  margin: auto 0 0;
  font-size: 15px;
}

.registry-step {
  display: none;
  width: 100%;
}

.registry-step.vis {
  display: block;
}

.registry-step.worked {
  display: none;
}

.registry-step#step-0 .registry__btn-container {
  margin-top: auto;
}
.registry-step#step-0 .registry__btn-container.vis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.registry-step#step-consult-finish {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.registry-step#step-consult-finish p {
  margin: 20px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.registry-step#step-wallet {
  min-height: 746px;
}

.registry__docs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 30px 0 0;
  padding: 10px;
  background: #fff;
  border: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}
.registry__docs a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(50% - 40px);
  margin: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #319ac6;
}
.registry__docs a:before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 25px 0 0;
  width: 65px;
  height: 65px;
  background: url(../src/assets/images/svg/pdf.svg) no-repeat;
}

#step-wallet-finish {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #3f9adb;
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
#step-wallet-finish .wallet__finish-logo {
  display: block;
  width: 340px;
  max-width: 100%;
}
#step-wallet-finish p {
  margin: 9px 0 50px;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  color: #fff;
}
#step-wallet-finish .wallet__finish-safe {
  position: relative;
  width: 200px;
  height: 200px;
}
#step-wallet-finish .wallet__finish-safe:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  right: 0;
  z-index: 10;
  margin: auto;
  width: 14px;
  height: 12px;
  background: url(../src/assets/images/svg/arr.svg) no-repeat;
  background-size: contain;
}
#step-wallet-finish .wallet__finish-safe img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
#step-wallet-finish .wallet__finish-safe img.safe__nums {
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

#step-wallet-finish.vis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.registryhtml {
  background: #f8f8f8;
}

.registrypage {
  height: auto !important;
  min-height: 100% !important;
  padding: 0 !important;
  background: transparent;
}
.registrypage .grecaptcha-badge {
  display: none !important;
}
.registrypage .totop {
  display: none !important;
}
.registrypage clever-widget {
  display: none !important;
}
.registrypage #cleversite_widget_app {
  display: none !important;
}

.registrypage .header {
  display: none;
}

#step-wallet .form-container {
  position: relative;
}
#step-wallet .form-container form {
  margin: 0;
}

.form__input-password {
  position: absolute;
  left: 0;
  bottom: 0px;
  z-index: 1;
}

.animated .registry-step {
  position: absolute;
  top: 45px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -webkit-transform: translate(100%);
  transform: translate(100%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media (max-width: 767px) {
  .animated .registry-step {
    top: 25px;
  }
}
.animated .registry-step.vis {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: static;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.animated .registry-step.worked {
  -webkit-transform: translate(-150%);
  transform: translate(-150%);
}

.content .block {
  max-width: 1050px;
}
.content p:last-child {
  margin-bottom: 0;
}
.content .tariff__tbl {
  margin: 0 0 40px;
}
.content .tariff__tbl td:first-child {
  font-size: 22px;
  font-weight: 700;
}
.content h2 {
  text-align: center;
  font-weight: 700;
  font-size: 45px;
}
.content h3 {
  font-weight: 700;
}
.content ol li {
  font-weight: 700;
  margin: 0 0 20px !important;
  color: #0a71f5;
  font-size: 22px;
}
.content ol li:last-child {
  margin-bottom: 0 !important;
}
.content ol li p {
  font-size: 16px;
  color: #3c3e5a;
  font-weight: 400;
}
.content ol li strong {
  color: #3c3e5a;
}
.content strong {
  font-weight: 700;
}
.content u {
  text-decoration: underline;
}
.content em {
  font-style: italic;
}
.content s {
  text-decoration: line-through;
}
.content .text-red {
  color: #f22f25 !important;
}
.content .text-green {
  color: #26b99a !important;
}
.content .text-blue {
  color: #0a71f5 !important;
}
.content .text-h1 {
  font-size: 60px !important;
  line-height: 1.5 !important;
}
.content .text-h2 {
  font-size: 55px !important;
  line-height: 1.5 !important;
}
.content .text-16 {
  font-size: 16px !important;
  line-height: 1.5 !important;
}
.content .text-22 {
  font-size: 22px !important;
  line-height: 1.5 !important;
}
.content .text-24 {
  font-size: 24px !important;
  line-height: 1.5 !important;
}
.content .text-30 {
  font-size: 30px !important;
  line-height: 1.5 !important;
}

.content-head {
  padding-top: 50px;
  background: #f8f8f8;
}
.content-head + div {
  padding-top: 100px;
}

.content__main-slider {
  position: relative;
  bottom: -100px;
  display: block;
  margin: -80px auto 0;
  background: #fff;
}
.content__main-slider img {
  display: block;
  width: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.09);
}
.content__main-slider .slick-dots {
  padding: 0;
  bottom: -35px;
}
.content__main-slider .slick-dots li {
  margin: 0;
}
.content__main-slider .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid #3c3e5a;
  border-radius: 50%;
}
.content__main-slider .slick-dots li button:before {
  content: none;
}
.content__main-slider .slick-dots li.slick-active button {
  background: #3c3e5a;
}
.content__main-slider .slick-arrow {
  z-index: 10;
  -webkit-transform: none;
  transform: none;
  width: 60px;
  height: 60px;
  bottom: auto;
  top: 300px;
  border-radius: 50%;
  background: #f3fbfe url(../src/assets/images/svg/arr_black_6x10.svg) 50% no-repeat;
  background-size: auto 8px !important;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.content__main-slider .slick-arrow:before {
  content: none;
}
.content__main-slider .slick-arrow:hover {
  background: #0a71f5 url(../src/assets/images/svg/arr_white_6x10.svg) 50% no-repeat;
}
.content__main-slider .slick-arrow.slick-prev {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  left: -20px;
}
.content__main-slider .slick-arrow.slick-next {
  right: -20px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.content-text {
  position: relative;
}
.content-text:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  max-width: 700px;
  background: #ededed;
}
.content-text:last-child:after {
  content: none;
}

.content-feature {
  margin-top: 50px;
  background: #f8f8f8;
}
.content-feature .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.content-feature .block img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  margin-right: 60px;
  max-width: 300px;
  max-height: 400px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.content-feature .feature__video {
  position: relative;
  overflow: hidden;
  width: 60%;
  height: 400px;
  margin-right: 30px;
}
.content-feature .feature__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain;
  object-fit: contain;
}
.content-feature .btn {
  margin-top: 20px;
}

.shoppage .main-title {
  text-align: center;
}
.shoppage .main-title strong {
  font-size: 47px !important;
}
.shoppage .main-title span {
  font-size: 47px !important;
}
.shoppage .main:after {
  bottom: -110px;
}
.shoppage .main .block {
  padding-top: 180px;
  padding-bottom: 210px;
}
.shoppage .main__title {
  margin: 0 0 25px;
}
.shoppage .main__title strong {
  font-size: 50px;
}
.shoppage .main__description {
  margin: 0 0 70px;
  font-size: 22px;
}
.shoppage .main__shop-img {
  max-width: 500px;
}
.shoppage .main__shop-img img {
  display: block;
  width: 100%;
}
.shoppage .main-subtitle {
  text-align: center;
}

.shop__sell .sell__container {
  position: relative;
  margin: 95px auto 30px;
  width: 100%;
  max-width: 548px;
  height: 341px;
  background: radial-gradient(72.82% 72.82% at 34.39% 27.18%, #f8f8f8 40.1%, #f8f8f8 100%);
  border-radius: 50px;
}
.shop__sell .sell__container img {
  position: absolute;
  display: block;
}
.shop__sell .sell__phone {
  width: 170px;
  top: 50px;
  left: -70px;
}
.shop__sell .sell__tablet {
  width: 445px;
  top: -50px;
  right: -100px;
}

.shop__features .features__list {
  position: relative;
  margin: 40px 60px 80px;
}
.shop__features .features__entry {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 5px;
}
.shop__features .features__entry .entry__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.shop__features .features__entry .entry__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  border-radius: 12px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
.shop__features .features__entry .entry__text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 50px;
}
.shop__features .features__entry .entry__title {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
}
.shop__features .features__entry p {
  margin: 0;
}
.shop__features .slick-arrow {
  z-index: 10;
  -webkit-transform: none;
  transform: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #f3fbfe url(../src/assets/images/svg/arr_black_6x10.svg) 50% no-repeat;
  background-size: auto 8px !important;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.shop__features .slick-arrow:before {
  content: none;
}
.shop__features .slick-arrow:hover {
  background: #0a71f5 url(../src/assets/images/svg/arr_white_6x10.svg) 50% no-repeat;
}
.shop__features .slick-arrow.slick-prev {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  left: -70px;
}
.shop__features .slick-arrow.slick-next {
  right: -70px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.shop__features .slick-dots {
  bottom: -45px;
}
.shop__features .slick-dots li button {
  width: 10px;
  height: 10px;
  border: 1px solid #0a71f5;
  border-radius: 50%;
}
.shop__features .slick-dots li button:before {
  content: none;
}
.shop__features .slick-dots li.slick-active button {
  background: #0a71f5;
}
.shop__features .features__hint {
  text-align: center;
  font-weight: 700;
  margin: 0 0 30px;
}

.shop__examples {
  padding-bottom: 70px;
}
.shop__examples .examples__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.shop__examples .examples__list img {
  display: block;
  margin: auto;
  max-width: 80%;
  max-height: 100px;
}
.shop__examples .examples__entry {
  position: relative;
  width: 25%;
  padding-top: 20px;
  margin-bottom: 20px;
}
.shop__examples .examples__entry .tooltip {
  display: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100%;
  background: #fff;
  border-radius: 20px;
  width: 280px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.shop__examples .examples__entry .tooltip:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: auto;
  width: 20px;
  height: 20px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.shop__examples .examples__entry .tooltip:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 30px;
  height: 13px;
  background: #fff;
}
.shop__examples .examples__entry .tooltip p {
  margin: 0;
  font-size: 14px;
}
.shop__examples .examples__entry .tooltip a {
  text-decoration: underline;
  font-weight: 600;
}
.shop__examples .examples__entry:hover .tooltip {
  display: block;
}

.rstrn .breadcrumbs {
  text-align: left;
}
.rstrn .main-title {
  text-align: center;
  margin: 0 0 30px;
}
.rstrn .main-title strong {
  font-size: 50px;
  line-height: 1.2;
}
.rstrn .main-title span {
  font-size: 50px;
  line-height: 1.2;
}
.rstrn .main-subtitle {
  text-align: center;
  margin: 0 0 60px;
}
.rstrn .blog {
  margin-top: 0 !important;
}
.rstrn .blog .blog__list {
  width: 100%;
}
.rstrn .blog .blog__list .slick-list {
  width: 100% !important;
}
.rstrn .blog .blog__list .slick-list .slick-track {
  min-width: 100% !important;
}
.rstrn .blog .slick-arrow {
  display: none;
}
.rstrn .blog .blog__entry:only-child {
  width: calc(50% - 32px) !important;
}
.rstrn .blog .blog__entry .entry__title {
  margin: 0;
}
.rstrn .blog .blog__entry p {
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 22px;
  color: #5e607d;
}
.rstrn .integrations .main-title {
  margin-bottom: 30px;
}

.rstrn__main {
  background: #fafbfc;
}
.rstrn__main .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
.rstrn__main .main__left {
  max-width: 660px;
}
.rstrn__main .main__title {
  margin: 0 0 32px;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
}
.rstrn__main .main__features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0 50px;
  gap: 10px;
}
.rstrn__main .main__features li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-size: 22px;
}
.rstrn__main .main__features li:before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background: url(../src/assets/images/svg/check_blue_20x20.svg) no-repeat;
  background-size: contain;
}
.rstrn__main .main__right {
  position: relative;
  width: 560px;
}
.rstrn__main .main__right img {
  display: block;
  width: 100%;
}

.rstrn__places {
  text-align: center;
}
.rstrn__places .places__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
}
.rstrn__places .places__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(25% - 23px);
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
}
.rstrn__places .places__list li img {
  display: block;
  width: 48px;
  margin: 0 0 24px;
}

.rstrn__products {
  background: #fafbfc;
}
.rstrn__products .products__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.rstrn__products .products__entry {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(50% - 15px);
}
.rstrn__products .products__entry .entry__lnk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.rstrn__products .products__entry .entry__photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  height: 413px;
  margin: 0 0 25px;
  border-radius: 30px;
  overflow: hidden;
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
  background: #f4f4ff;
}
.rstrn__products .products__entry img {
  display: block;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.rstrn__products .products__entry .entry__title {
  margin: 0 0 16px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.rstrn__products .products__entry p {
  margin: 0 0 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #5f6d7e;
  letter-spacing: -0.1px;
}
.rstrn__prducts .products__entry .entry__more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  gap: 10px;
  line-height: 20px;
  color: #0a71f5;
}
.rstrn__products .products__entry .entry__more:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../src/assets/images/svg/arr_blue_2.svg) 50% no-repeat;
}

.rstrn__features .features__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 60px;
}
.rstrn__features .features__entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px;
}
.rstrn__features .features__entry:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.rstrn__features .entry__photo {
  position: relative;
  width: 560px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.rstrn__features .entry__photo img {
  display: block;
  width: 100%;
}
.rstrn__features .entry__info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.rstrn__features .entry__title {
  margin: 0 0 16px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.rstrn__features .entry__list {
  margin: 0 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.rstrn__features .entry__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #5f6d7e;
}
.rstrn__features .entry__list li:before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 9px;
  height: 14px;
  border-bottom: 1px solid #0a71f5;
  border-right: 1px solid #0a71f5;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.rstrn__tech .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 40px;
}
.rstrn__tech .tech__entry {
  height: auto !important;
  float: none !important;
  background: #f4f4ff;
  border-radius: 40px;
  overflow: hidden;
}
.rstrn__tech .tech__entry .entry__photo img {
  display: block;
  width: 100%;
}
.rstrn__tech .tech__entry .entry__title {
  text-align: center;
  margin-top: auto;
  padding: 30px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

.rstrn__partners {
  padding: 60px 0 50px;
  background: #fafbfc;
}
.rstrn__partners .main-title {
  margin: 0 0 35px;
}
.rstrn__partners .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 30px;
  padding: 20px 0;
}
.rstrn__partners .partners__entry {
  height: auto !important;
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  padding: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.rstrn__partners .partners__entry img {
  display: block;
  max-width: 100%;
  max-height: 110px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.rstrn__reviews .reviews__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 80px;
}
.rstrn__reviews .reviews__entry {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(33.33333% - 40px);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.1px;
}
.rstrn__reviews .reviews__entry .entry__lnk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.rstrn__reviews .reviews__entry .entry__photo {
  margin: 0 0 7px;
}
.rstrn__reviews .reviews__entry .entry__photo img {
  display: block;
  width: 100%;
}
.rstrn__reviews .reviews__entry .entry__info span {
  margin-left: 12px;
}

.rstrn__newtab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: #0a71f5;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.1px;
}
.rstrn__newtab:hover {
  text-decoration: underline;
}
.rstrn__newtab:after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background: url(../src/assets/images/svg/newtab_blue_14x14.svg) no-repeat;
  background-size: contain;
}

.rstrn__try .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 70px;
}
.rstrn__try .try__left {
  width: 560px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.rstrn__try .try__left img {
  display: block;
  width: 100%;
}
.rstrn__try .try__right {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.rstrn__try .try__title {
  margin: 8px 0 32px;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: -0.32px;
}

.wh {
  position: fixed;
  left: 0;
  top: 0;
  padding: 20px;
  background: #000;
  color: #fff;
  z-index: 100000;
}

.vis_lg {
  display: none;
}

.flmenu {
  display: none;
}
.flmenu .block {
  padding-left: 190px;
  gap: 20px;
  padding-top: 0;
}
.flmenu .flmenu__lnk {
  font-size: 14px;
  color: #3c3e5a;
}
.flmenu .flmenu__lnk:hover {
  color: #0a71f5;
}
.flmenu .flmenu__lnk.current {
  color: #0a71f5;
  text-decoration: none !important;
}

.flmenu.vis {
  display: block;
}

.blog + .ask-form {
  margin-top: 50px;
}

.blog__subtitle {
  margin: 8px 0 32px;
  text-align: center;
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #5f6d7e;
}

.blog__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -16px;
}

.blog__entry {
  position: relative;
  width: calc(50% - 32px);
  margin: 16px;
}
.blog__entry .entry__lnk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.blog__entry img {
  display: block;
  width: 100%;
  margin: 0 0 16px;
  border-radius: 10px;
}
.blog__entry .entry__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 8px;
}
.blog__entry .entry__date {
  font-size: 14px;
  line-height: 14px;
  color: #5f6d7e;
}
.blog__entry .entry__tags {
  margin: 0 0 0 16px;
}
.blog__entry .entry__tags .tags__lnk {
  display: inline-block;
  padding: 4px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #009be1;
  background: #f5faff;
  border-radius: 5px;
  margin: 0 0 0 8px;
}
.blog__entry .entry__tags .tags__lnk:first-child {
  margin: 0;
}
.blog__entry .entry__title {
  margin: 0 0 16px;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
}
.blog__entry p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #5f6d7e;
}

.blog__more-btn {
  margin: 32px 0 64px;
  text-align: center;
}

.blog-container > .blog__list:first-child .blog__entry:first-child {
  width: calc(100% - 32px);
  margin-bottom: 24px !important;
}
.blog-container > .blog__list:first-child .blog__entry:first-child img {
  height: auto;
  margin: 0 0 24px;
}
.blog-container > .blog__list:first-child .blog__entry:first-child .entry__top {
  margin: 0 0 8px;
}

.blog-page {
  margin-top: 0;
}
.blog-page .col_body {
  font-size: 1em !important;
  line-height: 1.6em !important;
}
.blog-page .col_body ol li {
  font-size: 1em !important;
  line-height: 1.6em !important;
}
.blog-page .col_body p {
  font-size: 1em !important;
  line-height: 1.6em !important;
}
.blog-page .col_body ul li {
  font-size: 1em !important;
  line-height: 1.6em !important;
}
.blog-page .col_body .tags {
  display: none;
}
.blog-page .col_aside .tags__lnk_current {
  color: #009be1 !important;
  background: #f5faff;
}
.blog-page .col_aside .tags__lnk_current:hover {
  text-decoration: underline !important;
}
.blog-page .breadcrumbs {
  margin-bottom: 32px;
}
.blog-page img {
  margin: 0 0 20px;
  display: block;
  max-width: 100%;
}
.blog-page ul {
  margin: 0 0 24px !important;
  list-style: disc inside !important;
}
.blog-page ul li {
  margin: 0 0 8px !important;
  padding: 0 !important;
}
.blog-page ul li:before {
  content: none !important;
}
.blog-page .blog-page__main-img {
  display: block;
  width: 100%;
  height: auto !important;
  margin: 0 0 32px;
  border-radius: 10px;
}
.blog-page a:not(.btn):not(.tags__lnk) {
  color: #0a71f5;
}
.blog-page h1 {
  margin: 0 0 16px;
  font-weight: 700;
  font-size: 40px;
  line-height: 46px;
}
.blog-page h1 + p {
  margin: 0 0 16px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #5f6d7e;
  font-weight: 300;
}
.blog-page .entry__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0 0 24px;
}
.blog-page .entry__top .entry__tags {
  margin: 0 0 0 16px;
}
.blog-page .entry__top .entry__tags .tags__lnk {
  display: inline-block;
  padding: 4px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #009be1;
  background: #f5faff;
  border-radius: 5px;
  margin: 0 0 0 8px;
}
.blog-page .entry__top .entry__tags .tags__lnk:first-child {
  margin: 0;
}
.blog-page .entry__top .entry__date {
  font-size: 14px;
  line-height: 20px;
  color: #5f6d7e;
}
.blog-page h2 {
  margin: 0 0 16px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}
.blog-page h3 {
  font-weight: 600;
}
.blog-page h4 {
  font-weight: 600;
}
.blog-page img[src=""] {
  margin: 0;
}
.blog-page .blog-more .blog__list {
  margin: 0;
}
.blog-page .blog-more .blog__entry {
  width: 100% !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 32px;
}
.blog-page .blog-more .blog__entry:nth-child(3) {
  display: none;
}
.blog-page .blog-more .blog__entry .entry__photo {
  display: block;
  width: 100%;
  margin: 0 0 16px;
}
.blog-page .blog-more .blog__entry .entry__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0;
}
.blog-page .blog-more .blog__entry .entry__date {
  font-size: 13px;
}
.blog-page .blog-more .blog__entry .entry__title {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #111;
}
.blog-page .blog-more .blog__entry .entry__tags {
  text-align: left;
  margin: 0 0 0 16px;
}
.blog-page .blog-more .blog__entry .entry__tags .tags__lnk {
  margin: 0 10px 5px 0;
  font-size: 13px;
}
.blog-page .blog-more .blog-more__title {
  margin: 0 0 32px;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  color: #3c3e5a;
}
.blog-page .tgbanner {
  margin-top: 140px;
}
.blog-page .col_right {
  margin-left: 32px;
}
.blog-page .btn-container {
  margin-top: 40px;
}

.tags {
  margin: 0 0 22px;
}
.tags .tags__lnk {
  display: inline-block;
  padding: 4px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #009be1;
  background: #f5faff;
  border-radius: 5px;
  margin: 0 8px 8px 0;
}
.tags .tags__lnk.current {
  color: #f5faff !important;
  background: #009be1;
  text-decoration: none !important;
}
.tags .tags__lnk_current {
  color: #f5faff !important;
  background: #009be1;
  text-decoration: none !important;
}

.ask-form {
  padding: 64px 0;
  background: #fafbfc;
}
.ask-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: auto;
}
.ask-form form p {
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  margin: 0 0 8px;
  font-size: 20px;
  letter-spacing: -0.1px;
  line-height: 24px;
  text-align: center;
  color: #5f6d7e;
}
.ask-form form .main-title {
  margin: 0 0 32px;
  text-align: center;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}
.ask-form .form__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.ask-form .form__inner .form__label {
  margin: 0 0 16px;
}
.ask-form .form__inner .form__col {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.ask-form .form__inner .form__col:first-child {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 370px;
  margin-right: 32px;
}
.ask-form .form__inner .form__caption {
  margin: 0 0 5px;
  font-family: Gilroy, "Open Sans", Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.ask-form .form__inner .form__input_textarea {
  height: 208px;
}
.ask-form .form__inner .btn {
  width: 100%;
}
.ask-form .form__inner .form__hint {
  margin-top: 8px;
  font-size: 13px;
}
.ask-form .form__inner .form__hint a {
  color: #0a71f5;
}
.ask-form .form__error {
  width: 100%;
  text-align: left !important;
  margin: 20px 0 0 !important;
}
.ask-form .form__error:empty {
  margin: 0 !important;
}
.ask-form .form__success {
  display: none;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  padding: 50px 0;
}
.ask-form .form__col.last .btn {
  margin-top: 15px;
  width: auto;
}

.pagenav {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  gap: 20px;
}
.pagenav__button {
  text-align: center;
  border-radius: 50%;
  transition: all 200ms linear;
  color: #0a71f5;
}
.pagenav__button_current {
  color: #3c3e5a;
  cursor: default;
  text-decoration: none !important;
}
.pagenav__arr {
  background: url(../img/arr_black_17x6.svg);
  background-size: contain;
}
.pagenav__arr.pagenav__arr_prev {
  margin-right: 10px;
  width: 27px;
  height: 12px;
  transform: scale(-1, 1);
}
.pagenav__arr.pagenav__arr_next {
  margin-left: 10px;
  width: 27px;
  height: 12px;
}
.pagenav__arr:hover {
  opacity: 0.8;
}
.pagenav__arr.disabled {
  opacity: 0.1;
  pointer-events: none;
}

.blog-pagenav {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
}
.blog-pagenav > br {
  display: none;
}

.tgbanner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 100px;
  padding: 70px 0 50px 80px;
  color: #fff;
  background: linear-gradient(93.75deg, #0583ee 0.79%, #5aabe0 92.43%);
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tgbanner:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 368px;
  height: 123px;
  background: url(../src/assets/images/tg_shark.svg) 100% 100% no-repeat;
  background-size: auto 100%;
  border-radius: 0 0 0 20px;
}
.tgbanner:after {
  content: "";
  position: absolute;
  right: 54px;
  bottom: 0;
  width: 420px;
  height: 407px;
  background: url(../src/assets/images/tg_phone.png) no-repeat 0 100%;
  background-size: auto 100%;
  border-radius: 0 0 20px 0;
  pointer-events: none;
}
.tgbanner .tgbanner__title {
  font-weight: 700;
  margin: 0 0 7px;
  font-size: 30px;
  line-height: 38px;
  color: #fff;
}
.tgbanner p {
  font-weight: 300;
  font-size: 21.4px;
}
.tgbanner .tgbanner__btn-container {
  width: 100%;
  max-width: 545px;
  margin: 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.tgbanner .btn_white {
  background: #fff;
  color: #0583ee;
  border-color: #fff;
}
.tgbanner .btn_white:hover {
  background: transparent;
  color: #fff;
}

.tgbanner.tariff {
  margin: 0 0 80px;
  padding: 40px 0 30px 80px;
}
@media (max-width: 767px) {
  .tgbanner.tariff {
    margin: 0 0 40px;
    padding: 20px;
  }
}
@media (max-width: 400px) {
  .tgbanner.tariff {
    padding: 20px 20px 80px;
  }
}
.tgbanner.tariff:after {
  content: none;
}
.tgbanner.tariff:before {
  left: auto;
  right: 0;
  transform: scale(-1, 1);
  width: 518px;
  height: 163px;
}
@media (max-width: 767px) {
  .tgbanner.tariff:before {
    width: 200px;
    height: 80px;
    background-position: right bottom;
  }
}
.tgbanner.tariff .banner__text {
  width: 100%;
  max-width: 530px;
  text-align: center;
}
@media (max-width: 767px) {
  .tgbanner.tariff .banner__text {
    text-align: left;
  }
}
.tgbanner.tariff .banner__title {
  margin: 0 0 24px;
  font-size: 30px;
}
@media (max-width: 400px) {
  .tgbanner.tariff .banner__title {
    font-size: 20px;
  }
}

.main-tgbanner {
  margin: 0 0 50px;
}
@media (max-width: 767px) {
  .main-tgbanner {
    margin: 0 0 30px 0 !important;
    padding: 20px !important;
  }
}
@media (max-width: 400px) {
  .main-tgbanner {
    padding-bottom: 80px !important;
  }
}
.main-tgbanner:after {
  content: none;
}
.main-tgbanner:before {
  left: auto;
  right: 0;
  transform: scale(-1, 1);
  width: 418px;
  height: 153px;
}
@media (max-width: 767px) {
  .main-tgbanner:before {
    height: 73px;
  }
}
.main-tgbanner .tgbanner__btn-container {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .main-tgbanner .tgbanner__btn-container {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  .main-tgbanner .tgbanner__btn-container .btn {
    width: 250px;
  }
}

.blog__video {
  position: relative;
  width: 100%;
  height: 450px;
  margin: 40px 0;
}
.blog__video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.blog__carousel {
  margin: 0 0 48px;
}
.blog__carousel img {
  margin: 0 0 20px;
}
.blog__carousel .slick-dots li {
  margin: 0 5px !important;
  width: auto;
  height: auto;
}
.blog__carousel .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  background: #dbedfe;
}
.blog__carousel .slick-dots li button:before {
  content: none;
}
.blog__carousel .slick-dots li.slick-active button {
  background: #009be1;
}
.blog__carousel .slick-arrow {
  z-index: 10;
  -webkit-transform: none;
  transform: none;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  background: #f3fbfe url(../src/assets/images/arr_black_6x10.svg) 50% no-repeat;
  background-size: auto 8px !important;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.blog__carousel .slick-arrow:before {
  content: none;
}
.blog__carousel .slick-arrow.slick-prev {
  left: 10px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.blog__carousel .slick-arrow.slick-next {
  right: 10px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media (max-width: 767px) {
  body {
    font-size: 15px;
  }
  .block_padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .block_padding_top {
    padding-top: 25px;
  }
  .block_padding_bottom {
    padding-bottom: 25px;
  }
  .colgroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .col_right {
    margin: 20px 0 0;
  }
  .col_aside {
    width: 100%;
  }
  .col_body {
    width: 100%;
    max-width: none;
  }
  .header .header__contacts {
    display: none;
  }
  .header .block {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .header .footer__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    width: 100%;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .header .footer__left > * {
    margin: 0 0 20px;
  }
  .header .footer__left .footer__social {
    display: flex;
  }
  .header .footer__left .footer__social img {
    height: 40px;
  }
  .header .footer__pay {
    display: none;
  }
  .header .footer__phone {
    margin: 0 0 5px;
  }
  .header .footer__address,
  .header .footer__copy,
  .header .shark,
  .header .footer__logo {
    display: none;
  }
  .header__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 50px;
    margin: -10px -10px -10px 0;
  }
  .header__toggle span {
    position: relative;
    display: block;
    width: 30px;
    height: 3px;
    background: #3c3e5a;
    border-radius: 3px;
  }
  .header__toggle span:after {
    width: 100%;
    height: 3px;
    background: #3c3e5a;
    position: absolute;
    left: 0;
    content: "";
    border-radius: 3px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: top 0.3s 0.6s, -webkit-transform 0.3s;
    transition: top 0.3s 0.6s, -webkit-transform 0.3s;
    transition: top 0.3s 0.6s, transform 0.3s;
    transition: top 0.3s 0.6s, transform 0.3s, -webkit-transform 0.3s;
    top: -7px;
  }
  .header__toggle span:before {
    width: 100%;
    height: 3px;
    background: #3c3e5a;
    position: absolute;
    left: 0;
    content: "";
    border-radius: 3px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: top 0.3s 0.6s, -webkit-transform 0.3s;
    transition: top 0.3s 0.6s, -webkit-transform 0.3s;
    transition: top 0.3s 0.6s, transform 0.3s;
    transition: top 0.3s 0.6s, transform 0.3s, -webkit-transform 0.3s;
    top: 7px;
  }
  .header__container {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: calc(100% - 70px);
    height: 100vh;
    margin: 0;
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    will-change: transform;
    background: #3c3e5a;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    visibility: hidden;
  }
  .header__container a {
    color: #fff;
  }
  .header__menu {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .header__menu .menu__list {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .header__menu .menu__entry {
    margin: 0;
    padding: 0;
  }
  .header__menu .menu__entry:first-child .menu__lnk {
    padding-top: 30px;
  }
  .header__menu .menu__entry:last-child .menu__lnk {
    padding-bottom: 20px;
  }
  .header__menu .menu__entry .menu__lnk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 30px;
  }
  .header__menu .menu__entry_submenu .menu__lnk:after {
    background: url(../src/assets/images/svg/arr_white_6x10.svg) no-repeat;
    background-size: contain;
  }
  .header__menu .submenu {
    position: static;
    width: 100%;
    padding: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.2);
  }
  .header__menu .submenu .submenu__part {
    width: 100%;
  }
  .header__menu .submenu .submenu__part:first-child {
    margin-bottom: 20px;
  }
  .header__menu .submenu:before {
    content: none;
  }
  .header__menu .submenu:after {
    content: none;
  }
  .header__menu .submenu__entry {
    margin: 15px 0 0;
  }
  .header__menu .submenu__lnk br {
    display: none;
  }
  .header__buttons {
    margin: 0;
    padding: 25px 30px;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .header__buttons .btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: transparent;
    border-color: #fff;
  }
  .header__buttons .btn:nth-child(2) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .header__buttons .btn-o {
    color: #fff !important;
  }
  .header__lang {
    margin-top: 0;
    top: 7px;
  }
  .header__lang .lang__lnk:after {
    background: url(../src/assets/images/svg/arr_white_6x10.svg);
  }
  .header__lang .lang__dropdown:before {
    content: none;
  }
  .header__lang .lang__dropdown:after {
    content: none;
  }
  .header__contacts {
    text-align: left;
    padding: 25px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .header__contacts .contacts__phone {
    color: #fff;
  }
  .header__contacts .contacts__callback {
    margin: 10px 0 0;
    color: hsla(0, 0%, 100%, 0.7);
  }
  .footer .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .footer .footer__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin: 10px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid rgba(60, 62, 90, 0.1);
  }
  .footer .footer__left .shark {
    order: -1;
  }
  .footer .footer__left br {
    display: none;
  }
  .footer .footer__logo {
    grid-column: 1;
    grid-row: 4;
    margin: 0;
    width: calc(100% - 150px);
    height: 33px;
  }
  .footer .footer__phone {
    font-size: 20px;
    line-height: 1;
  }
  .footer .footer__email {
    margin: 0;
    line-height: 1;
  }
  .footer .footer__address {
    margin: 0;
  }
  .footer .footer__address br {
    display: none;
  }
  .footer .footer__copy {
    margin: 0;
    width: 100%;
  }
  h2 {
    font-size: 40px;
  }
  h3 {
    font-size: 24px;
    margin: 0 0 15px;
  }
  .popup .popup-overlay {
    padding: 0;
  }
  .popup .popup-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .popup .popup__close {
    right: 10px;
    top: 10px;
  }
  .popup .popup__title {
    font-size: 20px;
    line-height: 26px;
  }
  #popup-callback .popup-container {
    padding: 35px 15px 15px;
  }
  #popup-callback .popup__title {
    font-size: 25px;
    border: none;
    padding: 0 !important;
    margin: 0 0 20px;
    text-align: center;
  }
  #popup-callback .btn {
    width: 100%;
  }
  #popup-callback .form__caption {
    font-weight: 500;
    font-size: 14px;
  }
  #popup-consult .popup-container {
    padding: 35px 15px 15px;
  }
  #popup-consult .popup__title {
    font-size: 25px;
    border: none;
    padding: 0 !important;
    margin: 0 0 20px;
    text-align: center;
  }
  #popup-consult .btn {
    width: 100%;
  }
  #popup-consult .form__caption {
    font-weight: 500;
    font-size: 14px;
  }
  #popup-request .popup-container {
    padding: 35px 15px 15px;
  }
  #popup-request .popup__title {
    font-size: 25px;
    border: none;
    padding: 0 !important;
    margin: 0 0 20px;
    text-align: center;
  }
  #popup-request .btn {
    width: 100%;
  }
  #popup-request .form__caption {
    font-weight: 500;
    font-size: 14px;
  }
  #popup-login .popup-container {
    max-width: none;
    display: block;
  }
  #popup-free .popup-container {
    max-width: 400px;
    margin: auto;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f4f4ff;
  }
  #popup-free .popup-container .popup__img {
    position: relative;
    width: 100%;
    height: 230px;
    background: #fff;
    border-radius: 15px;
  }
  #popup-free .popup-container .img-desk {
    display: none;
  }
  #popup-free .popup-container .img-mob {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 300px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #popup-free .popup-container .popup__text {
    padding: 60px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #popup-free .popup-container .popup__text .btn {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15;
  }
  #popup-free .popup-container .popup__title {
    font-size: 24px;
    line-height: 30px;
  }
  #popup-free .popup-container .popup__title + p {
    display: none;
  }
  #popup-free .popup-container .popup__subtitle {
    font-size: 18px;
    line-height: 1.3;
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .main-title {
    font-size: 35px;
  }
  .main-title strong {
    font-size: 40px;
  }
  .main-title span {
    font-size: 40px;
  }
  .main-title.row {
    font-size: 35px;
    line-height: 42px;
  }
  .main-title.row strong {
    font-size: 35px;
    line-height: 42px;
  }
  .main-subtitle {
    margin: 0 0 20px;
  }
  .vis-desk {
    display: none;
  }
  .totop {
    right: auto;
    left: 10px;
    bottom: 10px;
  }
  .btn_lg {
    padding: 15px 30px 13px;
  }
  .form__container {
    margin: 0;
  }
  .form__caption {
    font-weight: 500;
    font-size: 14px;
  }
  .form__label {
    margin: 0 0 10px;
  }
  .form__label_lg {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .form__label_md {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .form__label_sm {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .form__label_xs {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .chkbox__custom {
    font-size: 14px;
  }
  .page-head + .block_padding_30 {
    padding-top: 0;
  }
  .main .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .main .main__text {
    text-align: center;
  }
  .main .main__title {
    margin: 0 0 30px;
  }
  .main .main__title strong {
    line-height: 1.1 !important;
    font-size: 34px !important;
  }
  .main .main__products {
    margin: 30px auto 0 !important;
    width: 100%;
    height: 490px;
  }
  .main .main__cards picture {
    width: 165px;
  }
  .main .main__apps {
    padding: 4px 4px 0 6px;
    width: 213px;
    height: 433px;
    left: auto;
    right: 30px;
    top: 0;
  }
  .main .main__apps:before {
    width: 218px;
    height: 440px;
  }
  .main .main-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .main .main-btn p {
    margin: 20px 0 0;
  }
  .main .main__award {
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .main.vis .main__cards {
    display: block;
  }
  .main.vis .main__cards .card__red {
    -webkit-transform: translate(39px, 102px) rotate(-32deg);
    transform: translate(39px, 102px) rotate(-32deg);
  }
  .main.vis .main__cards .card__purple {
    -webkit-transform: translate(80px, 48px) rotate(-24deg);
    transform: translate(80px, 48px) rotate(-24deg);
  }
  .main.vis .main__cards .card__black {
    -webkit-transform: translate(140px, 10px) rotate(-9deg);
    transform: translate(140px, 10px) rotate(-9deg);
  }
  .main.vis .main__apps {
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
  }
  .solutions .main-subtitle {
    padding: 20px 0;
    border-top: 1px solid rgba(60, 62, 90, 0.15);
    border-bottom: 1px solid rgba(60, 62, 90, 0.15);
  }
  .platform__container {
    height: auto;
    margin: 25px -10px 10px;
    padding: 15px 20px;
    border-radius: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .platform__entry {
    width: 100%;
    margin: 10px 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .platform__entry_cards img {
    width: 40%;
    margin-left: 20px;
  }
  .platform__entry_cards picture {
    width: 40%;
    margin-left: 20px;
  }
  .platform__entry_app .apps__list {
    top: auto;
    margin: auto;
  }
  .platform__entry_shop img {
    width: 50%;
  }
  .platform__entry_shop picture {
    width: 50%;
  }
  .abilities {
    margin-top: 0;
    padding: 10px 0 190px;
  }
  .abilities .main-title {
    margin: 0 0 30px;
  }
  .abilities:before {
    content: none;
  }
  .abilities__entry:not(.ispay) {
    margin: 0 0 40px;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .abilities__entry:not(.ispay) .entry__img {
    width: 100%;
  }
  .abilities__entry:not(.ispay) .entry__text {
    width: 100%;
    margin: 0 0 20px;
  }
  .abilities__entry:not(.ispay) .entry__text p {
    font-size: 1em;
  }
  .abilities__entry_order .entry__img {
    height: auto;
  }
  .abilities__entry_order .entry__img:before {
    content: none;
  }
  .abilities__entry_order .order__video {
    position: static;
  }
  .abilities__entry_order .order__video .video__inner {
    overflow: hidden;
  }
  .abilities__entry_order .order__video video::-webkit-media-controls {
    display: block;
  }
  .crm__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .crm__video {
    background: transparent;
    width: 100%;
    height: 300px;
    padding-top: 15px;
    padding-left: 57px;
  }
  .crm__video:before {
    left: 0;
    top: 0;
    width: 480px;
    height: 299px;
  }
  .crm__video .video__inner {
    width: 372px;
    height: 243px;
  }
  .crm__video video {
    width: 372px;
    height: 243px;
  }
  .crm__title {
    font-size: 26px;
    line-height: 32px;
  }
  .integrations__list {
    margin: 0 -5px 15px;
  }
  .integrations__entry {
    width: calc(33.33333% - 10px);
    height: 80px;
    margin: 5px;
  }
  .integrations__entry img {
    max-width: 80%;
    max-height: 80%;
  }
  .reviews .main-title {
    margin: 0 0 25px;
  }
  .reviews .block {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .reviews .slick-list {
    padding-right: 10%;
  }
  .reviews .slick-track {
    display: block;
  }
  .reviews .reviews__list {
    width: calc(100% + 10px);
    margin-right: -10px;
  }
  .reviews .reviews__entry {
    border-radius: 10px;
    margin-right: 10px;
    padding: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .reviews .reviews__entry .entry__photo {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto auto;
    grid-column-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
  .reviews .reviews__entry .entry__photo .entry__name {
    grid-column: 2;
  }
  .reviews .reviews__entry .entry__photo p {
    grid-column: 2;
  }
  .reviews .reviews__entry .entry__photo img {
    width: 80px;
    margin: 0;
    grid-row: 1/3;
    grid-column: 1;
  }
  .reviews .reviews__entry .entry__text {
    padding: 0 0 20px;
  }
  .reviews .reviews__entry .entry__title {
    margin: 0 0 17px;
    font-size: 22px;
    line-height: 27px;
  }
  .test {
    padding-top: 40px;
  }
  .test .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 0;
    padding-bottom: 40px;
  }
  .test .block:before {
    width: 460px;
    height: 460px;
    left: 0;
    top: auto;
  }
  .test .main-subtitle {
    text-align: center;
  }
  .test .main-title {
    text-align: center;
  }
  .test .btn {
    padding: 12px 20px;
  }
  .test__left {
    text-align: center;
    margin: 0 0 20px;
  }
  .test__img {
    width: 80%;
    margin: 0 auto;
  }
  .mainpage .blog .blog__list {
    margin: 0 0 48px;
  }
  .mainpage .blog__entry {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0 0 15px !important;
  }
  .mainpage .blog__entry:only-child {
    width: 100% !important;
  }
  .mainpage .blog__entry .entry__info {
    padding: 20px;
  }
  .mainpage .blog__entry .entry__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 20px;
  }
  .mainpage .blog__entry .entry__date {
    margin: 0 0 10px;
  }
  .mainpage .blog__entry .entry__tags {
    text-align: left;
  }
  .mainpage .blog__entry .entry__tags .tags__lnk {
    margin: 0 8px 3px 0;
  }
  .tariff__tabs {
    margin: 0 0 25px;
  }
  .tariff__tabs .tabs__list {
    border-radius: 25px;
  }
  .tariff__tabs .tabs__lnk {
    border-radius: 25px;
    padding: 15px 15px 10px;
  }
  .tariff__tabs .tabs__lnk strong {
    font-size: 18px;
    line-height: 22px;
  }
  .tariff__tabs .tabs__lnk small {
    font-size: 12px;
  }
  .tariff__tabs-current {
    border-radius: 25px;
  }
  .tariff__types {
    margin: 0 -10px 30px 0 !important;
  }
  .tariff__types .slick-list {
    padding-right: 15%;
  }
  .tariff__types .tariff__entry {
    margin: 0 10px 0 0;
  }
  .tariff__compare {
    padding-bottom: 40px;
  }
  .tariff__packages {
    margin: 0 0 40px;
  }
  .tariff__packages .packages__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    margin: 0;
  }
  .tariff__packages .packages__entry {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 15px;
    border-radius: 20px;
    margin: 0 0 15px;
    box-sizing: border-box;
  }
  .tariff__packages .packages__entry .entry__cell {
    width: 100% !important;
    min-height: 51px;
    padding: 0 0 15px;
  }
  .tariff__packages .packages__entry .entry__cell br {
    display: none;
  }
  .tariff__packages .packages__entry .entry__cell:first-child {
    padding: 0 0 15px;
  }
  .tariff__tbl td {
    vertical-align: top;
    padding: 5px 3px !important;
    font-size: 12px !important;
  }
  .tariff__tbl td a:not([class]):after {
    content: none;
  }
  .tariff__tbl th {
    vertical-align: top;
    padding: 5px 3px !important;
    font-size: 12px !important;
  }
  .tariff__tbl th a:not([class]):after {
    content: none;
  }
  .tariff__tbl .btn {
    padding: 7px 10px 5px;
    font-size: 10px;
    height: auto;
    font-weight: 400;
  }
  .tariff__tbl .btn span {
    display: none;
  }
  .tariff__tbl .btn:not(.js-request) {
    background: transparent;
    color: #0a71f5;
  }
  .tariff__tbl thead th {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
  }
  .tariff__tbl .tariff__preferable:before {
    right: -2px;
    top: -6px;
    width: 15px;
    height: 14px;
    background: url(../src/assets/images/svg/preferable_mob.svg) no-repeat;
    background-size: contain;
  }
  .tariff__tbl .round {
    margin-top: 2px;
  }
  .tariff__tbl .tariff__title {
    font-size: 14px;
    line-height: 16px;
  }
  .tariff__tbl small {
    font-size: 10px;
    margin-top: 0;
  }
  .tariff__tbl .tariff__price {
    font-size: 14px;
    line-height: 14px;
    white-space: nowrap;
  }
  .tariff__turbo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 40px -10px 0;
    padding: 30px;
    border-radius: 0;
  }
  .tariff__turbo .turbo__price {
    margin: 0 0 15px;
  }
  .tariff__turbo .turbo__right {
    width: 100%;
    margin: 20px 0 0;
  }
  .tariff__turbo .turbo__right p br {
    display: none;
  }
  .calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .calc > * {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .calc .calc__overall {
    margin: 0;
  }
  .calc .calc__comment {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .calc .calc__comment .text__text:after {
    right: -92px;
    -webkit-transform: rotate(107deg) scaleX(-1);
    transform: rotate(107deg) scaleX(-1);
    top: -10px;
  }
  .calc .calc__comment .calc__comment-text:before {
    top: auto;
    bottom: 10px;
  }
  .registry {
    height: 100%;
    min-height: 0;
  }
  .registry .form__policy {
    margin: 20px 0;
  }
  .registry__container {
    width: 100%;
    padding: 25px 15px 40px;
  }
  .registry__container .btn {
    padding: 15px 60px 14px;
    font-size: 16px;
  }
  .registry__title {
    margin: 0 40px 10px 0;
    font-size: 24px;
    line-height: 27px;
  }
  .registry__business .business__entry {
    width: calc(50% - 24px);
  }
  .registry__business .business__entry p {
    font-size: 15px;
    font-weight: 500;
  }
  .registry__btn-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .registry__btn-container .btn_blue {
    width: 100%;
    margin: 0;
  }
  .registry__left {
    display: none;
  }
  .registry__docs {
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .registry__docs a {
    width: 100%;
    margin: 0 0 15px;
  }
  .registry__docs a:last-child {
    margin: 0;
  }
  .content-head + div {
    padding-top: 30px;
  }
  .content__main-slider {
    bottom: auto;
    margin: 0 auto;
  }
  .content-feature .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .content-feature .block img {
    margin: 0;
    max-width: 150px;
    max-height: none;
  }
  .content-feature .feature__text {
    padding: 30px 0;
  }
  .content-feature .feature__video {
    width: 100%;
    margin: 0;
  }
  .content h2 {
    font-size: 30px;
  }
  .shoppage .main-title strong {
    font-size: 40px !important;
  }
  .shoppage .main-title span {
    font-size: 40px !important;
  }
  .shoppage .main .block {
    padding-bottom: 50px;
  }
  .shoppage .main__description {
    margin: 0 0 30px;
    font-size: 17px;
  }
  .shoppage .main__shop-img {
    margin-top: 20px;
  }
  .shop__sell .sell__container {
    height: 320px;
    border-radius: 20px;
    margin-bottom: 0;
  }
  .shop__sell .sell__phone {
    width: 140px;
    top: 25px;
    left: 10px;
  }
  .shop__sell .sell__tablet {
    width: 270px;
    right: 10px;
  }
  .shop__features .features__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 60px;
  }
  .shop__features .features__entry {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .shop__features .features__entry .entry__img {
    width: 100%;
  }
  .shop__features .features__entry .entry__text {
    width: 100%;
    margin: 20px 0 0;
  }
  .shop__examples {
    padding-bottom: 0;
  }
  .shop__examples .examples__entry {
    width: 50%;
  }
  .rstrn .main-title {
    font-size: 26px;
    line-height: 34px;
  }
  .rstrn .main-title strong {
    font-size: 26px;
    line-height: 34px;
  }
  .rstrn .main-title span {
    font-size: 26px;
    line-height: 34px;
  }
  .rstrn .blog .blog__entry:only-child {
    width: 100% !important;
  }
  .rstrn__main .main__right {
    width: 100%;
    overflow: hidden;
  }
  .rstrn__main .main__right img {
    margin-left: -50px;
  }
  .rstrn__products .products__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
  .rstrn__products .products__entry {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .rstrn__products .products__entry .entry__photo {
    border-radius: 30px 30px 0 0;
  }
  .rstrn__features .features__entry {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .rstrn__features .entry__photo {
    width: 100%;
  }
  .rstrn__tech .tech__list {
    margin-right: -10px;
  }
  .rstrn__tech .tech__list .slick-list {
    padding-right: 15%;
  }
  .rstrn__reviews .reviews__list {
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .rstrn__reviews .reviews__entry {
    width: 45%;
  }
  .rstrn__try .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .rstrn__try .try__left {
    width: 100%;
  }
  .flmenu .block {
    padding-left: 10px;
  }
  .blog__list {
    margin: 0;
  }
  .blog__entry {
    margin: 0 0 24px;
    width: 100%;
  }
  .blog__entry .entry__title {
    font-size: 20px;
    line-height: 1.2;
  }
  .blog__entry p {
    font-size: 14px;
    line-height: 1.4;
  }
  .blog__more-btn {
    margin: 24px 0;
  }
  .blog-container > .blog__list:first-child .blog__entry:first-child {
    width: 100%;
  }
  .blog-container > .blog__list:first-child .blog__entry:first-child .entry__top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .blog-container > .blog__list:first-child .blog__entry:first-child .entry__tags {
    margin: 0 0 0 16px;
  }
  .blog-page ul li {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  .blog-page h1 {
    font-size: 32px;
    line-height: 1.2 !important;
  }
  .blog-page h1 + p {
    font-size: 16px;
  }
  .blog-page h2 {
    font-size: 22px;
  }
  .blog-page p {
    font-size: 14px;
    line-height: 1.5 !important;
  }
  .blog-page .tgbanner {
    margin-top: 32px;
  }
  .blog-page .col_right {
    margin-left: 0;
    margin-top: 16px;
    padding-top: 26px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
  }
  .ask-form {
    padding: 32px 0;
  }
  .ask-form form .main-title {
    font-size: 32px;
    line-height: 26px;
    margin: 0 0 24px;
  }
  .ask-form .form__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ask-form .form__inner .form__col {
    width: 100% !important;
    margin: 0 !important;
  }
  .ask-form .form__inner .form__input_textarea {
    height: 150px;
  }
  .ask-form .form__inner .form__hint {
    margin-top: 20px;
  }
  .ask-form .form__inner .form__hint br {
    display: none;
  }
  .tgbanner {
    padding: 35px 40px;
    margin-top: 0;
  }
  .tgbanner:before {
    width: 200px;
  }
  .tgbanner p {
    font-size: 17px;
  }
}
@media (min-width: 767px) {
  .header__menu .menu__entry:hover .submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header__buttons .btn-o:hover {
    color: #fff !important;
    background: #009be1 !important;
  }
  .main.vis .main__products.hover .main__cards .card__red {
    -webkit-transform: translate(-131px, 33px) rotate(-18deg);
    transform: translate(-131px, 33px) rotate(-18deg);
  }
  .main.vis .main__products.hover .main__cards .card__purple {
    -webkit-transform: translate(-70px, 10px) rotate(-9deg);
    transform: translate(-70px, 10px) rotate(-9deg);
  }
  .main.vis .main__products.hover .main__cards .card__black {
    -webkit-transform: translate(-10px, 10px) rotate(5deg);
    transform: translate(-10px, 10px) rotate(5deg);
  }
  .main.vis .main__products.hover .main__apps {
    -webkit-transform: translate(-10px, -10px) rotate(10deg) !important;
    transform: translate(-10px, -10px) rotate(10deg) !important;
  }
  .rstrn__products .products__entry:hover .entry__photo {
    background: #eaeaf5;
  }
  .rstrn__products .products__entry:hover .entry__photo img {
    -webkit-transform: scale(1.1) translateY(1%);
    transform: scale(1.1) translateY(1%);
  }
  .rstrn__products .products__entry:hover .entry__more {
    text-decoration: underline;
  }
  .vis_lg {
    display: block;
  }
}
@media (min-height: 770px) {
  .registry-step#step-0 .registry__btn-container {
    margin-top: 0;
  }
}
@media (max-width: 1405px) {
  .main .main__apps {
    left: -10px;
  }
  .main.vis .main__cards .card__red {
    -webkit-transform: translate(-111px, 62px) rotate(-17deg);
    transform: translate(-111px, 62px) rotate(-17deg);
  }
  .main.vis .main__cards .card__purple {
    -webkit-transform: translate(-50px, 28px) rotate(-9deg);
    transform: translate(-50px, 28px) rotate(-9deg);
  }
  .main.vis .main__cards .card__black {
    -webkit-transform: translate(10px, 10px) rotate(5deg);
    transform: translate(10px, 10px) rotate(5deg);
  }
}
@media (max-width: 1315px) {
  h1 {
    font-size: 50px;
    line-height: 50px;
  }
  .main .main__title {
    font-size: 40px;
  }
  .main .main__title strong {
    font-size: 50px;
    line-height: 50px;
  }
  .main .main__products {
    margin-right: 60px;
  }
}
@media (max-width: 1200px) {
  .header__buttons .btn:nth-child(2) {
    display: none;
  }
}
@media (max-width: 1200px) and (max-width: 767px) {
  .header__buttons .btn:nth-child(2) {
    display: inline-flex;
  }
}
@media (max-width: 1180px) {
  .calc {
    grid-row-gap: 15px;
  }
  .calc .calc__options {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .calc .entry__title {
    line-height: 20px;
  }
}
@media (max-width: 1100px) {
  h2 {
    font-size: 48px;
  }
  .main-title {
    font-size: 32px;
  }
  .main-title.row strong {
    font-size: 40px;
  }
  .main .main__products {
    width: 300px;
    margin-top: 80px;
  }
  .main.vis .main__cards {
    display: none;
  }
  .abilities__entry .entry__title {
    font-size: 26px;
    line-height: 34px;
  }
  .crm__video {
    margin-right: 10px;
  }
  .tariff__turbo {
    padding-left: 350px;
  }
  .tariff__turbo img {
    width: 300px;
  }
  .shop__features .features__entry .entry__title {
    font-size: 26px;
    line-height: 34px;
  }
  .tgbanner:after {
    right: 0;
  }
  .blog__video {
    height: 350px;
  }
}
@media (max-width: 1040px) {
  .tgbanner:after {
    width: 290px;
    height: 280px;
  }
}
@media (max-width: 1000px) {
  .content-feature .feature__video {
    width: 50%;
    height: 300px;
  }
}
@media (max-width: 1000px) and (max-width: 767px) {
  .content-feature .feature__video {
    width: 100%;
    height: 200px;
  }
}
@media (max-width: 1000px) and (max-width: 400px) {
  .content-feature .feature__video {
    height: 180px;
  }
}
@media (max-width: 1000px) {
  .shoppage .main .block {
    padding-bottom: 150px;
  }
  .shoppage .main__description {
    margin: 0 0 30px;
    font-size: 18px;
  }
  .shoppage .main__shop-img {
    max-width: 300px;
  }
  .rstrn .main-title {
    margin: 0 0 16px !important;
    font-size: 30px;
    line-height: 40px;
  }
  .rstrn .main-title strong {
    font-size: 30px;
    line-height: 40px;
  }
  .rstrn .main-title span {
    font-size: 30px;
    line-height: 40px;
  }
  .rstrn .main-subtitle {
    margin: 0 0 30px;
    font-size: 16px;
    line-height: 24px;
  }
  .rstrn .blog .main-title {
    margin: 0 0 16px !important;
  }
  .rstrn__main .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .rstrn__main .main__left {
    max-width: none;
    margin: 0 0 60px;
  }
  .rstrn__main .main__title {
    font-size: 32px !important;
    line-height: 40px !important;
    margin: 0 0 20px;
  }
  .rstrn__main .main__features {
    margin: 0 0 30px;
  }
  .rstrn__main .main__features li {
    font-size: 16px;
  }
  .rstrn__places .places__list {
    gap: 10px;
  }
  .rstrn__places .places__list li {
    font-size: 14px;
    line-height: 24px;
    width: calc(25% - 10px);
  }
  .rstrn__features .features__list {
    gap: 30px;
  }
  .rstrn__features .entry__photo {
    width: 300px;
  }
  .rstrn__tech .slick-track {
    gap: 10px;
  }
  .rstrn__tech .tech__entry .entry__title {
    font-size: 14px;
    line-height: 20px;
  }
  .rstrn__partners .main-title {
    margin: 0 0 16px !important;
  }
  .rstrn__partners .slick-track {
    gap: 10px;
  }
  .rstrn__partners .partners__entry {
    padding: 10px;
  }
  .rstrn__try .block {
    gap: 30px;
  }
  .rstrn__try .try__left {
    width: 400px;
  }
  .blog-page .entry__top {
    margin: 20px 0 10px;
  }
  .blog-page .tgbanner {
    margin-top: 64px;
  }
  .tgbanner {
    margin-top: 30px;
  }
}
@media (max-width: 960px) {
  .tariff__types .tariff__entry {
    padding: 25px 25px 40px;
    border-radius: 25px;
  }
  .tariff__types .tariff__entry .entry__price {
    font-size: 30px;
    line-height: 35px;
  }
  .registry__close {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 920px) {
  .tgbanner:after {
    width: 200px;
  }
}
@media (max-width: 900px) {
  .footer__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer__menu .menu__part {
    width: 100% !important;
    padding-top: 20px;
  }
  .footer__menu .menu__title {
    min-height: 0;
    margin-top: 15px;
  }
  .footer__menu .menu__title:empty {
    margin: 0;
  }
  .header__feb .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
  }
  .header__feb .block a {
    margin-top: 10px;
  }
  .main .main__title {
    font-size: 35px !important;
    line-height: 1.3 !important;
  }
  .tariff__turbo {
    padding-left: 50px;
  }
  .tariff__turbo img {
    display: none;
  }
  .content h2 {
    font-size: 36px;
  }
}
@media (max-width: 850px) {
  .shoppage .main:after {
    content: none;
  }
}
@media (max-width: 830px) {
  .tgbanner:after {
    display: none;
  }
}
@media (max-width: 767px) and (max-width: 400px) {
  .header__menu .menu__entry:first-child .menu__lnk {
    padding-top: 20px;
  }
  .header__menu .menu__entry:last-child .menu__lnk {
    padding-bottom: 10px;
  }
  .header__buttons .btn {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 20px;
  }
  .header .footer__left {
    padding: 15px;
  }
  .header .footer__email {
    font-size: 18px;
  }
  .header .footer__address {
    font-size: 14px;
  }
  .header .footer__copy {
    font-size: 14px;
  }
  .footer .footer__logo {
    grid-row: 1;
  }
  .footer .footer__phone {
    grid-row: 2;
  }
  .footer .footer__email {
    grid-column: 1;
    grid-row: 3;
  }
  .footer .footer__address {
    grid-column: 1;
    grid-row: 4;
  }
  .footer .footer__social {
    grid-row: 5;
  }
  .footer .footer__copy {
    grid-column: 1;
    grid-row: 7;
  }
  .footer .footer__copy:nth-last-child(2) {
    grid-column: 1;
    grid-row: 8;
  }
  .footer .footer__pay {
    grid-column: 1;
    grid-row: 6;
  }
  .main .main-btn p {
    margin: 10px 0 0;
  }
}
@media (max-width: 500px) {
  .main .main__products {
    height: 470px;
  }
}
@media (max-width: 400px) {
  body {
    font-size: 14px;
  }
  .block_padding_30 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .header__container {
    width: calc(100% - 60px);
  }
  .header__menu .menu__entry .menu__lnk {
    padding: 12px 15px;
  }
  .header__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 15px;
  }
  .header__buttons .btn:last-child {
    margin: 10px 0 0;
  }
  .header__contacts {
    padding: 15px;
  }
  .header__contacts .contacts__phone {
    font-size: 20px;
    line-height: 24px;
  }
  .footer__address {
    font-size: 14px;
  }
  .footer__menu .menu__title {
    margin: 15px 0 10px;
  }
  .footer__menu .menu__entry {
    margin: 10px 0 0;
  }
  h1 {
    line-height: 42px;
  }
  h2 {
    font-size: 28px;
    line-height: 32px;
  }
  h3 {
    font-size: 18px;
  }
  ul:not([class]) li:not([class]) {
    font-size: 12px;
    line-height: 17px;
  }
  .popup .popup__title {
    font-size: 18px;
    line-height: 23px;
  }
  #popup-free .popup-container {
    padding: 10px;
  }
  #popup-free .popup-container .popup__img {
    height: 140px;
  }
  #popup-free .popup-container .img-mob {
    height: 210px;
    width: auto;
  }
  #popup-free .popup-container .popup__close {
    right: 20px;
    top: 20px;
  }
  #popup-free .popup-container .popup__text {
    padding: 40px 10px 20px;
  }
  #popup-free .popup-container .popup__title {
    font-size: 20px;
    line-height: 28px;
  }
  #popup-free .popup-container .popup__subtitle {
    font-size: 16px;
  }
  .main-title {
    font-size: 22px;
  }
  .main-title strong {
    font-size: 28px;
    line-height: 32px;
  }
  .main-title span {
    font-size: 28px;
    line-height: 32px;
  }
  .main-title.row {
    font-size: 26px;
    line-height: 32px;
  }
  .main-title.row strong {
    font-size: 26px;
    line-height: 32px;
  }
  .main-subtitle {
    font-size: 16px;
    line-height: 22px;
  }
  .main-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .main-btn p {
    margin: 10px 0 0;
  }
  .chkbox__custom {
    font-size: 12px;
  }
  .page-head h1 {
    font-size: 30px;
    line-height: 1.2 !important;
  }
  .main .block {
    padding-top: 40px;
  }
  .main .main__products {
    height: 370px;
  }
  .main .main__title {
    font-size: 25px !important;
    line-height: 33px !important;
  }
  .main .main__cards {
    top: -10px;
  }
  .main .main__cards picture {
    width: 135px;
  }
  .main .main__apps {
    width: 165px;
    height: 333px;
    padding: 4px 8px 0 5px;
    border-radius: 25px;
    right: 10px;
  }
  .main .main__apps:before {
    width: 170px;
    height: 342px;
  }
  .main.vis .main__cards {
    -webkit-transform: translate(-100px);
    transform: translate(-100px);
  }
  .main.vis .main__cards .card__red {
    -webkit-transform: translate(99px, 92px) rotate(-32deg);
    transform: translate(99px, 92px) rotate(-32deg);
  }
  .main.vis .main__cards .card__purple {
    -webkit-transform: translate(120px, 48px) rotate(-24deg);
    transform: translate(120px, 48px) rotate(-24deg);
  }
  .main.vis .main__cards .card__black {
    -webkit-transform: translate(160px, 10px) rotate(-9deg);
    transform: translate(160px, 10px) rotate(-9deg);
  }
  .main.vis .main__apps {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  .solutions .block {
    padding-top: 0;
  }
  .solutions .main-subtitle {
    padding: 10px 0;
  }
  .platform__entry_cards img {
    width: 70%;
  }
  .platform__entry_cards picture {
    width: 70%;
  }
  .platform__entry_app .apps__list {
    margin: 0 0 20px;
  }
  .platform__entry_shop img {
    width: 70%;
    margin: 0 auto 20px;
  }
  .platform__entry_shop picture {
    width: 70%;
    margin: 0 auto 20px;
  }
  .platform__desc {
    width: 100%;
    text-align: center;
    margin: 0 0 20px;
  }
  .abilities {
    padding-top: 0;
  }
  .abilities__entry .entry__title {
    margin: 0 0 12px;
    font-size: 22px;
    line-height: 27px;
  }
  .abilities__entry_order .order__video {
    width: 190px;
    height: 388px;
    padding: 4px 9px 5px 8px;
    -webkit-transform: none;
    transform: none;
  }
  .abilities__entry_order .order__video:before {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 196px;
    height: 391px;
  }
  .abilities__entry_order .order__video video {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .crm__video {
    height: auto;
    margin: 0 0 20px;
    padding: 0;
  }
  .crm__video:before {
    content: none;
  }
  .crm__video .video__inner {
    width: 100%;
    height: auto;
    background: transparent;
  }
  .crm__video video {
    width: 100%;
    height: auto;
  }
  .crm__title {
    font-size: 22px;
    line-height: 28px;
  }
  .integrations {
    text-align: center;
  }
  .integrations__entry {
    width: calc(50% - 10px);
  }
  .reviews .block {
    padding-top: 30px;
    padding-bottom: 15px;
  }
  .reviews .reviews__entry {
    padding: 20px 15px;
  }
  .reviews .reviews__entry .entry__title {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 22px;
  }
  .test .block:before {
    content: none;
  }
  .test .main-title {
    font-size: 22px;
    line-height: 27px;
  }
  .test .main-title strong {
    font-size: 28px;
    line-height: 30px;
  }
  .test .main-title span {
    font-size: 28px;
    line-height: 30px;
  }
  .mainpage .blog__entry .entry__title {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 20px;
  }
  .mainpage .blog__entry p {
    font-size: 13px;
    line-height: 18px;
  }
  .tariff__tabs {
    margin: 0 0 20px;
  }
  .tariff__tabs .tabs__list {
    margin: 0 -10px;
    border-left: none;
    border-right: none;
    border-radius: 0;
    width: auto;
  }
  .tariff__tabs .tabs__lnk {
    padding: 15px 5px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 0;
  }
  .tariff__tabs .tabs__lnk strong {
    font-size: 15px;
    line-height: 15px;
  }
  .tariff__tabs .tabs__lnk small {
    font-size: 11px;
    line-height: 13px;
  }
  .tariff__tabs-current {
    border-radius: 0;
  }
  .tariff__packages .packages__list {
    margin-right: 0;
    margin-bottom: 50px !important;
  }
  .tariff__packages .slick-list {
    padding-right: 15%;
  }
  .tariff__packages .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .tariff__tbl td {
    font-size: 10px !important;
  }
  .tariff__tbl th {
    font-size: 10px !important;
  }
  .tariff__tbl .btn {
    font-size: 8px;
    padding: 3px 5px 2px;
  }
  .tariff__tbl .tariff__title {
    font-size: 9px;
    line-height: 12px;
  }
  .tariff__tbl small {
    font-size: 8px;
  }
  .calc {
    padding: 15px;
  }
  .calc .calc__entry .entry__val_points .points__input {
    padding: 7px 0;
  }
  .calc .calc__entry .entry__val_functions .functions__entry span {
    font-size: 13px;
    padding: 13px 5px;
  }
  .calc .calc__entry .entry__val_functions .functions__entry span:before {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
  .calc .calc__comment {
    margin-left: -15px;
  }
  .calc .calc__select .select__placeholder {
    padding: 5px 15px;
  }
  .content .btn {
    width: 100%;
  }
  .shoppage .main-title strong {
    font-size: 28px !important;
  }
  .shoppage .main-title span {
    font-size: 28px !important;
  }
  .shop__sell .sell__phone {
    width: 90px;
    top: 130px;
  }
  .shop__sell .sell__tablet {
    width: 220px;
  }
  .shop__features .features__entry .entry__title {
    margin: 0 0 12px;
    font-size: 22px;
    line-height: 27px;
  }
  .rstrn__main .main__right img {
    margin-left: -30px;
  }
  .flmenu .block {
    gap: 10px;
  }
  .flmenu .flmenu__lnk {
    font-size: 12px;
  }
  .blog__subtitle {
    font-size: 16px;
    line-height: 1.4;
  }
  .blog__entry .entry__date {
    font-size: 13px;
    line-height: 1.3;
  }
  .blog__entry .entry__tags .tags__lnk {
    padding: 0;
    font-size: 13px;
    line-height: 1.3;
    background: transparent;
  }
  .blog__entry .entry__title {
    font-size: 18px;
    line-height: 1.3;
  }
  .blog-page h1 {
    font-size: 22px;
    line-height: 1.2 !important;
  }
  .blog-page .entry__top .entry__tags .tags__lnk {
    padding: 0;
    font-size: 13px;
    background: transparent;
  }
  .blog-page h2 {
    font-size: 20px;
    margin: 0 0 10px;
  }
  .blog-page .blog-more .blog-more__title {
    font-size: 28px;
    line-height: 1.2;
  }
  .tgbanner {
    padding: 35px 25px;
  }
  .tgbanner:before {
    width: 170px;
  }
  .tgbanner .tgbanner__title {
    font-size: 28px;
    line-height: 36px;
  }
}
.opacity {
  position: absolute !important;
  opacity: 0 !important;
}

.app-main {
  background: #f2f2f6;
  width: 100%;
  flex-shrink: 0;
}
.app-main h1 {
  text-align: center;
}
@media (max-width: 767px) {
  .app-main h1 {
    font-size: 36px !important;
    line-height: 1.4;
  }
}
@media (max-width: 400px) {
  .app-main h1 {
    font-size: 23px !important;
    line-height: 1.2;
  }
}
.app-main .block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 100px;
}
@media (max-width: 767px) {
  .app-main .block {
    padding-top: 130px;
  }
}
@media (max-width: 400px) {
  .app-main .block {
    padding-top: 70px;
  }
}
.app-main .main__title strong {
  display: block;
  text-align: center;
}
.app-main__apps {
  height: 280px;
  margin: 80px 0 0;
  overflow: hidden;
}
.app-main__apps img {
  display: block;
  max-width: 250px;
}
@media (max-width: 767px) {
  .app-main__apps img {
    max-width: 180px;
  }
}
.app-main__apps .slick-track {
  display: flex;
  align-items: flex-start;
  gap: 80px;
}
@media (max-width: 767px) {
  .app-main__apps .slick-track {
    gap: 40px;
  }
}

.app-clients {
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  margin-top: -47px;
  padding-top: 90px;
  background: url(../src/assets/images/svg/line.svg) right top repeat-x;
}
.app-clients:not(.slick-slider) {
  display: flex;
  gap: 20px;
}
.app-clients img {
  display: block;
  max-height: 50px;
}
.app-clients .slick-track {
  display: flex;
  align-items: flex-start;
  gap: 35px;
}

.notfound {
  flex-grow: 1;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 50px 0;
}

.app-mark {
  padding: 100px 0;
}
@media (max-width: 767px) {
  .app-mark {
    display: none;
  }
}
.app-mark .main-title {
  margin: 0 0 30px;
  text-align: center;
}
.app-mark .mark__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: url(../src/assets/images/crm_bg.png) 50% no-repeat;
  background-size: contain;
}
.app-mark .mark__phone {
  position: relative;
  width: 268px;
  margin: auto;
  height: 550px;
}
.app-mark .mark__wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 268px;
}
.app-mark .mark__push {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  transition: all 200ms linear;
  width: 0;
  height: 0;
}
.app-mark .mark__push.vis {
  width: 611px;
  height: 207px;
}
.app-mark .mark__inner {
  position: relative;
  width: 243px;
  margin: auto;
  height: 546px;
  overflow: hidden;
  border-radius: 28px;
}
.app-mark .mark__inner img {
  width: 100%;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
  transition: all 200ms linear;
}
.app-mark .mark__inner img.vis {
  z-index: 9;
  opacity: 1;
}
.app-mark .mark__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
  width: 245px;
  flex-shrink: 0;
}
.app-mark .mark__list:first-child {
  text-align: right;
  align-items: flex-end;
}
.app-mark .mark__list .mark__lnk {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none !important;
}
.app-mark .mark__list .mark__lnk:hover {
  color: #3d9ce1;
}
.app-mark .mark__list .mark__lnk.active {
  color: #3d9ce1;
}
.app-mark .mark__list .mark__lnk.active:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat !important;
  pointer-events: none;
}
.app-mark .mark__list .mark__lnk.active[data-img=card]:after {
  left: 0;
  top: 30px;
  width: 377px;
  height: 81px;
  background: url(../src/assets/images/svg/line/card.svg) right top repeat-x;
}
.app-mark .mark__list .mark__lnk.active[data-img=anketa]:after {
  left: 0;
  top: 30px;
  width: 402px;
  height: 35px;
  background: url(../src/assets/images/svg/line/anketa.svg) right top repeat-x;
}
.app-mark .mark__list .mark__lnk.active[data-img=push]:after {
  left: 0;
  top: 20px;
  width: 351px;
  height: 17px;
  background: url(../src/assets/images/svg/line/push.svg) right top repeat-x;
}
.app-mark .mark__list .mark__lnk.active[data-img=gift]:after {
  left: 0;
  top: -30px;
  width: 368px;
  height: 65px;
  background: url(../src/assets/images/svg/line/gift.svg) right top repeat-x;
}
.app-mark .mark__list .mark__lnk.active[data-img=ref]:after {
  left: 0;
  top: -77px;
  width: 444px;
  height: 112px;
  background: url(../src/assets/images/svg/line/ref.svg) right top repeat-x;
}
.app-mark .mark__list .mark__lnk.active[data-img=nps]:after {
  right: 0;
  top: 30px;
  width: 333px;
  height: 83px;
  background: url(../src/assets/images/svg/line/nps.svg) right top repeat-x;
}
.app-mark .mark__list .mark__lnk.active[data-img=news]:after {
  right: 0;
  top: 30px;
  width: 357px;
  height: 35px;
  background: url(../src/assets/images/svg/line/news.svg) right top repeat-x;
}
.app-mark .mark__list .mark__lnk.active[data-img=catalog]:after {
  right: 0;
  top: 20px;
  width: 357px;
  height: 18px;
  background: url(../src/assets/images/svg/line/catalog.svg) right top repeat-x;
}
.app-mark .mark__list .mark__lnk.active[data-img=order]:after {
  right: 0;
  top: -34px;
  width: 335px;
  height: 66px;
  background: url(../src/assets/images/svg/line/order.svg) right top repeat-x;
}
.app-mark .mark__list .mark__lnk.active[data-img=delivery]:after {
  right: 0;
  top: -80px;
  width: 414px;
  height: 113px;
  background: url(../src/assets/images/svg/line/delivery.svg) right top repeat-x;
}
.app-mark .btn-container {
  margin: 40px 0 0;
}

.app-mark-mob {
  display: none;
  margin: 100px 0;
}
@media (max-width: 767px) {
  .app-mark-mob {
    display: block;
    margin: 60px 0;
  }
  .app-mark-mob .block {
    padding-right: 0;
  }
  .app-mark-mob .slick-list {
    padding-right: 6%;
  }
}
.app-mark-mob .main-title {
  text-align: center;
}
@media (max-width: 400px) {
  .app-mark-mob .main-title {
    font-size: 30px;
    line-height: 1.3;
  }
}
.app-mark-mob .mob__entry {
  position: relative;
  height: 400px !important;
  box-sizing: border-box;
  overflow: hidden;
  padding: 40px 0 0;
  background: #F4F4FF url(../src/assets/images/bg.svg) right top repeat-x;
}
@media (max-width: 767px) {
  .app-mark-mob .mob__entry {
    margin-right: 10px;
  }
}
.app-mark-mob .mob__entry:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  margin: auto;
  width: 260px;
  height: 530px;
  background: url(../src/assets/images/wrap.png) center top no-repeat;
  background-size: contain;
}
@media (max-width: 400px) {
  .app-mark-mob .mob__entry:before {
    top: 35px;
    width: 230px;
    height: 450px;
  }
}
.app-mark-mob .mob__entry img {
  display: block;
  max-width: 250px;
  margin: auto;
  border-radius: 30px;
}
@media (max-width: 400px) {
  .app-mark-mob .mob__entry img {
    max-width: 200px;
    border-radius: 20px;
  }
}
.app-mark-mob .mob__entry .entry__title {
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 10px 16px;
  font-size: 24px;
  z-index: 1;
  background: #ffffff;
  border-radius: 20px;
}

.mob__dots {
  margin: 0 0 10px;
}
.mob__dots .slick-dots {
  position: static;
  display: flex;
  gap: 8px;
}
.mob__dots .slick-dots li {
  flex: 1 0 0;
  height: 6px;
  margin: 0;
}
.mob__dots .slick-dots li button {
  padding: 0;
  width: 100%;
  height: 100%;
  background: #f4f4ff;
  border-radius: 4px;
}
.mob__dots .slick-dots li button:before {
  content: none;
}
.mob__dots .slick-dots li.slick-active button {
  background: #0a71f5;
}

.app-abilities {
  background: transparent;
  margin: 0;
  padding: 0;
}
.app-abilities:before, .app-abilities:after {
  content: none;
}
.app-abilities .main-title {
  margin: 0 0 30px;
}
.app-abilities .abilities__list {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
@media (max-width: 767px) {
  .app-abilities .abilities__list {
    gap: 40px;
  }
}
.app-abilities ul {
  margin: 0 0 30px;
}
.app-abilities .entry__stores {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 30px 0;
  gap: 10px;
}
.app-abilities .entry__stores img {
  display: block;
  width: 100%;
}
.app-abilities .abilities__entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-abilities .abilities__entry:empty {
  margin: 0;
}
.app-abilities .abilities__entry:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 767px) {
  .app-abilities .abilities__entry:nth-child(2n) .entry__text {
    margin: 0 80px 0 0 !important;
  }
}
.app-abilities .abilities__entry .entry__img {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 49%;
}
.app-abilities .abilities__entry .entry__img img {
  width: 100%;
  max-height: 600px;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.app-abilities .abilities__entry .entry__text {
  margin: 0 0 0 80px;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .app-abilities .abilities__entry .entry__text {
    margin: 0;
  }
}
.app-abilities .abilities__entry .entry__text p {
  font-size: 17px;
}
.app-abilities .abilities__entry .entry__title {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
}
.app-abilities .abilities__entry_order .entry__img {
  position: relative;
  height: 550px;
}
.app-abilities .abilities__entry_order .entry__img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 570px;
  height: 570px;
  background: url(../src/assets/images/round_bg.png) 50% no-repeat;
  background-size: contain;
  -webkit-transition: -webkit-animation 0.2s linear;
  transition: -webkit-animation 0.2s linear;
  transition: animation 0.2s linear;
  transition: animation 0.2s linear, -webkit-animation 0.2s linear;
  -webkit-animation: rotate 150s linear infinite;
  animation: rotate 150s linear infinite;
}
.app-abilities .abilities__entry_order .order__video {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 249px;
  height: 512px;
  padding: 7px 3px 10px 1px;
  border-radius: 47px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.app-abilities .abilities__entry_order .order__video:before {
  content: "";
  position: absolute;
  left: -3px;
  top: -3px;
  width: 270px;
  height: 515px;
  background: url(../src/assets/images/iphone.png) no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 20;
}
.app-abilities .abilities__entry_order .order__video video {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.app-abilities .abilities__entry_order .order__video video::-webkit-media-controls {
  display: none;
}

.app-mechanics {
  padding: 100px 0 0;
}
@media (max-width: 767px) {
  .app-mechanics {
    padding: 40px 0 0;
  }
}
.app-mechanics .inner {
  margin: 0 60px;
  padding: 60px;
  background: #f7f7f7;
  border-radius: 40px;
}
@media (max-width: 767px) {
  .app-mechanics .inner {
    margin: 0;
    border-radius: 0;
    padding: 30px 0;
  }
}
.app-mechanics .main-title {
  text-align: center;
}
.app-mechanics .main-subtitle {
  text-align: center;
}
.app-mechanics .mech__img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 0 30px;
  border-radius: 40px;
}
.app-mechanics .mech__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 0 0 35px;
}
@media (max-width: 767px) {
  .app-mechanics .mech__list {
    gap: 10px;
  }
}
@media (max-width: 400px) {
  .app-mechanics .mech__list {
    display: flex;
    flex-direction: column;
  }
}
.app-mechanics .mech__entry {
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 20px;
  border-radius: 20px;
  background: #ffffff;
}
@media (max-width: 767px) {
  .app-mechanics .mech__entry {
    padding: 12px;
    flex-direction: column;
  }
}
@media (max-width: 400px) {
  .app-mechanics .mech__entry {
    flex-direction: row;
  }
}
.app-mechanics .mech__entry img {
  display: block;
  width: 48px;
  flex-shrink: 0;
}
.app-mechanics .mech__entry p {
  margin: 0;
}

.app-reviews {
  padding: 100px 0;
}
@media (max-width: 767px) {
  .app-reviews {
    display: none;
  }
}
.app-reviews .main-title span {
  display: inline;
}
.app-reviews .reviews__list {
  margin: 0 -20px;
}
@media (max-width: 767px) {
  .app-reviews .reviews__list {
    margin: 0 -10px;
  }
}
.app-reviews .reviews__entry {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 30px;
  margin: 0 20px;
}
@media (max-width: 800px) {
  .app-reviews .reviews__entry {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .app-reviews .reviews__entry {
    margin: 0 10px;
  }
}
.app-reviews .entry__review {
  border-radius: 40px;
  padding: 40px;
  box-sizing: border-box;
}
@media (max-width: 400px) {
  .app-reviews .entry__review {
    border-radius: 20px;
    padding: 20px;
  }
}
.app-reviews .entry__review.lg {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #f4f4ff;
  padding-bottom: 0;
}
.app-reviews .entry__review.lg:first-child {
  grid-column: 1/3;
}
.app-reviews .entry__review.lg:last-child {
  grid-column: 2/4;
  grid-row: 2/3;
}
.app-reviews .entry__review.lg .entry__top {
  display: flex;
  margin: 0 0 20px;
  gap: 40px;
}
@media (max-width: 767px) {
  .app-reviews .entry__review.lg .entry__top {
    flex-direction: column;
    gap: 20px;
  }
}
.app-reviews .entry__review.lg .entry__growth {
  text-align: right;
}
@media (max-width: 767px) {
  .app-reviews .entry__review.lg .entry__growth {
    text-align: left;
  }
}
.app-reviews .entry__review.lg .entry__growth strong {
  display: block;
  font-size: 64px;
  line-height: 1;
}
@media (max-width: 767px) {
  .app-reviews .entry__review.lg .entry__growth strong {
    font-size: 30px;
  }
}
.app-reviews .entry__review.lg .entry__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.app-reviews .entry__review.lg .entry__bottom .entry__img {
  display: block;
}
@media (max-width: 767px) {
  .app-reviews .entry__review.lg .entry__bottom .entry__img {
    display: none;
  }
}
.app-reviews .entry__review.lg .entry__bottom .entry__client {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: 300px;
  margin-bottom: 40px;
}
.app-reviews .entry__review.lg .entry__bottom .entry__client img {
  display: block;
  width: 70px;
  border-radius: 50%;
}
.app-reviews .entry__review.lg .entry__bottom .entry__client .client__text strong {
  display: block;
}
.app-reviews .entry__review.sm {
  background: #f7f7f7;
}
.app-reviews .entry__review:nth-child(2) img {
  display: block;
  width: 70%;
  border-radius: 50%;
  margin: 0 auto 20px;
}
.app-reviews .entry__review:nth-child(2) .entry__client strong {
  display: block;
}
.app-reviews .entry__review:nth-child(3) {
  padding: 0;
  overflow: hidden;
}
.app-reviews .entry__review:nth-child(3) img {
  display: block;
  width: 100%;
  margin: 0 0 20px;
}
.app-reviews .entry__review:nth-child(3) .entry__title {
  padding: 0 20px 0 40px;
}
@media (max-width: 400px) {
  .app-reviews .entry__review:nth-child(3) .entry__title {
    padding: 0 20px;
  }
}
.app-reviews .entry__review:nth-child(3) .entry__client {
  padding: 0 20px 10px 40px;
  margin-top: -10px;
}
@media (max-width: 400px) {
  .app-reviews .entry__review:nth-child(3) .entry__client {
    padding: 0 20px 10px 20px;
  }
}
.app-reviews .entry__review .entry__title {
  margin: 0 0 20px;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 400px) {
  .app-reviews .entry__review .entry__title {
    font-size: 18px;
  }
}
.app-reviews .slick-arrow {
  z-index: 50;
  top: -90px;
  bottom: auto;
  -webkit-transform: none;
  transform: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #f3fbfe url(../src/assets/images/svg/arr_black_6x10.svg) 50% no-repeat;
  background-size: auto 8px !important;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 767px) {
  .app-reviews .slick-arrow {
    display: none !important;
  }
}
.app-reviews .slick-arrow:before {
  content: none;
}
.app-reviews .slick-arrow:hover {
  background: #0a71f5 url(../src/assets/images/svg/arr_white_6x10.svg) 50% no-repeat;
}
.app-reviews .slick-arrow.slick-prev {
  left: auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 80px;
}
.app-reviews .slick-arrow.slick-next {
  right: 10px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.app-reviews-mob {
  display: none;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .app-reviews-mob {
    display: block;
  }
}
.app-reviews-mob .main-title span {
  display: inline;
}
.app-reviews-mob .reviews__entry {
  margin: 0 -5px;
}
.app-reviews-mob .reviews__entry .slick-track {
  display: flex;
  gap: 10px;
}
.app-reviews-mob .entry__review {
  border-radius: 40px;
  padding: 40px;
  box-sizing: border-box;
}
@media (max-width: 400px) {
  .app-reviews-mob .entry__review {
    border-radius: 20px;
    padding: 20px;
  }
}
.app-reviews-mob .entry__review.lg {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #f4f4ff;
  padding-bottom: 0;
}
.app-reviews-mob .entry__review.lg .entry__top {
  display: flex;
  margin: 0 0 20px;
  gap: 40px;
}
@media (max-width: 767px) {
  .app-reviews-mob .entry__review.lg .entry__top {
    flex-direction: column;
    gap: 20px;
  }
}
.app-reviews-mob .entry__review.lg .entry__growth {
  text-align: right;
}
@media (max-width: 767px) {
  .app-reviews-mob .entry__review.lg .entry__growth {
    text-align: left;
  }
}
.app-reviews-mob .entry__review.lg .entry__growth strong {
  display: block;
  font-size: 64px;
  line-height: 1;
}
@media (max-width: 767px) {
  .app-reviews-mob .entry__review.lg .entry__growth strong {
    font-size: 30px;
  }
}
.app-reviews-mob .entry__review.lg .entry__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.app-reviews-mob .entry__review.lg .entry__bottom .entry__img {
  display: block;
}
@media (max-width: 767px) {
  .app-reviews-mob .entry__review.lg .entry__bottom .entry__img {
    display: none;
  }
}
.app-reviews-mob .entry__review.lg .entry__bottom .entry__client {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: 300px;
  margin-bottom: 40px;
}
.app-reviews-mob .entry__review.lg .entry__bottom .entry__client img {
  display: block;
  width: 70px;
  border-radius: 50%;
}
.app-reviews-mob .entry__review.lg .entry__bottom .entry__client .client__text strong {
  display: block;
}
.app-reviews-mob .entry__review.sm {
  background: #f7f7f7;
}
.app-reviews-mob .entry__review.sm img {
  width: 90%;
  margin: 0 auto 30px;
  border-radius: 50%;
}
.app-reviews-mob .entry__review .entry__title {
  margin: 0 0 20px;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 400px) {
  .app-reviews-mob .entry__review .entry__title {
    font-size: 18px;
  }
}
.app-reviews-mob .slick-arrow {
  z-index: 50;
  top: -90px;
  bottom: auto;
  -webkit-transform: none;
  transform: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #f3fbfe url(../src/assets/images/svg/arr_black_6x10.svg) 50% no-repeat;
  background-size: auto 8px !important;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 767px) {
  .app-reviews-mob .slick-arrow {
    display: none !important;
  }
}
.app-reviews-mob .slick-arrow:before {
  content: none;
}
.app-reviews-mob .slick-arrow:hover {
  background: #0a71f5 url(../src/assets/images/svg/arr_white_6x10.svg) 50% no-repeat;
}
.app-reviews-mob .slick-arrow.slick-prev {
  left: auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 80px;
}
.app-reviews-mob .slick-arrow.slick-next {
  right: 10px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.app-connect .main-title {
  text-align: center;
}
.app-connect .main-title span {
  display: inline;
}
.app-connect .connect__list {
  margin: 0 0 30px;
}
.app-connect .connect__list .slick-track {
  display: flex;
  gap: 20px;
}
.app-connect .connect__entry {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 40px;
  overflow: hidden;
  background: #F6F6FB;
}
.app-connect .connect__entry img {
  display: block;
  width: 100%;
}
.app-connect .connect__entry .entry__title {
  padding: 40px 10px 50px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 400px) {
  .app-connect .connect__entry .entry__title {
    padding: 20px 10px;
  }
}

.app-crm {
  margin: 0;
}

.red-alert {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  background: #ff0000;
  color: #ffffff;
  padding: 4px 0;
}
.red-alert + .header {
  top: 50px;
}
@media (max-width: 767px) {
  .red-alert + .header {
    top: 70px;
  }
}
@media (max-width: 400px) {
  .red-alert + .header {
    top: 84px;
  }
}
@media (max-width: 400px) {
  .red-alert + .header + .wrapper {
    padding-top: 120px;
  }
}
.red-alert p {
  margin: 0;
}
.red-alert .block {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 20px;
}
.red-alert .btn {
  color: #f00;
}

.line {
  display: flex;
  background: radial-gradient(#34C0FF, #009BE1);
  color: #ffffff;
  text-decoration: none !important;
  transition: all 200ms linear;
}
@media (max-width: 767px) {
  .line {
    background: #009be1;
  }
}
.line:hover {
  background-color: #0a71f5;
}
.line .block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  background: url(../img/cat.png) no-repeat right 300px top;
}
@media (max-width: 1020px) {
  .line .block {
    gap: 40px;
    background-position: right 180px top;
  }
}
@media (max-width: 900px) {
  .line .block {
    background: transparent;
  }
}
@media (max-width: 400px) {
  .line .block {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
  }
}
.line .block p {
  margin: 0;
  color: #ffffff;
}
.line .btn {
  font-size: 16px;
  padding: 8px 24px;
  color: #009be1;
  white-space: nowrap;
  flex-shrink: 0;
}
.line .btn:hover {
  background: #ffffff;
  text-decoration: none !important;
}

.wrapper {
  padding-top: 50px;
}
.wrapper.has-line {
  padding-top: 115px;
}
@media (max-width: 767px) {
  .wrapper.has-line {
    padding-top: 105px;
  }
}
@media (max-width: 400px) {
  .wrapper.has-line {
    padding-top: 128px;
  }
}

#popup-web .popup-container {
  max-width: 500px !important;
  min-height: 440px !important;
  background: transparent !important;
}

.webinar__banner {
  display: block;
  width: 100%;
  margin: 0 0 20px;
}

.webinar__btns {
  display: flex;
  align-items: center;
  /*justify-content: space-between;*/
  margin: 40px 0 15px;
  gap: 20px;
}

@media (max-width: 900px) {
  .webinar__btns {
    flex-direction: column;
    align-items: flex-start;
  }
  .webinar__btns .btn {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .webinar__btns {
    margin: 20px 0;
  }
}
.webinar__pub {
  font-size: 20px;
  text-align: right;
  color: #687381;
  margin: 0 0 50px;
}

@media (max-width: 767px) {
  .webinar__pub {
    font-size: 15px;
    margin: 0 0 25px;
  }
}
.webinar__title {
  margin: 0 0 40px !important;
  text-align: left !important;
  font-weight: 700;
  font-size: 56px;
}

@media (max-width: 767px) {
  .webinar__title,
  h1 {
    font-size: 32px !important;
    line-height: 1.1 !important;
    margin: 0 0 20px !important;
  }
}
.webinar__date {
  margin: 0 0 15px;
  font-size: 30px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .webinar__date {
    font-size: 18px;
    font-weight: 400;
  }
}
.btn_green {
  border-color: #7AAB40 !important;
  color: #ffffff;
  background: #7AAB40 !important;
}

h2 {
  font-size: 40px;
  font-weight: 700;
  /*margin: 20px 0 40px !important;*/
}

@media (max-width: 767px) {
  h2 {
    font-size: 30px;
  }
}
.webinar__speaker {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .webinar__speaker {
    align-items: flex-start;
  }
}
.webinar__speaker img {
  display: block;
  flex-shrink: 0;
  width: 120px;
  margin-right: 30px;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .webinar__speaker img {
    width: 70px;
    margin-right: 15px;
  }
}
.webinar__speaker p {
  margin: 0;
}

.popup .amoforms_iframe {
  min-height: 480px !important;
}

.popup__close {
  z-index: 100001 !important;
  top: 20px !important;
  right: 20px !important;
}

ul:not([class]) li:not([class]):before {
  top: 6px;
  background: #0a71f5;
}

.webinar__btns.margin-0 {
  margin: 0 0 20px;
}

@media (max-width: 767px) {
  .parts {
    display: none;
  }
}
.parts .main-title {
  text-align: center;
}
.parts .parts__container {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.parts .parts__phone {
  position: relative;
  width: 268px;
  margin: auto;
  height: 550px;
}
.parts .parts__wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 268px;
}
.parts .parts__inner {
  position: relative;
  width: 243px;
  margin: auto;
  height: 546px;
  overflow: hidden;
  border-radius: 28px;
}
.parts .parts__inner img {
  width: 100%;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  transition: all 200ms linear;
}
.parts .parts__list {
  position: relative;
  width: 245px;
  flex-shrink: 0;
}
.parts .parts__list:first-child .parts__entry {
  margin-right: 10px;
}
.parts .parts__list:first-child .parts__entry:first-child {
  top: 40px;
}
.parts .parts__list:first-child .parts__entry:nth-child(2) {
  top: 120px;
}
.parts .parts__list:first-child .parts__entry:nth-child(3) {
  top: 212px;
}
.parts .parts__list:first-child .parts__entry:nth-child(4) {
  top: 285px;
}
.parts .parts__list:first-child .parts__entry:nth-child(5) {
  top: 420px;
}
.parts .parts__list:first-child .parts__entry:nth-child(6) {
  bottom: 20px;
}
.parts .parts__list:first-child .parts__entry:first-child:before, .parts .parts__list:first-child .parts__entry:nth-child(2):before, .parts .parts__list:first-child .parts__entry:nth-child(3):before, .parts .parts__list:first-child .parts__entry:nth-child(6):before {
  content: "";
  position: absolute;
  top: 14px;
  left: calc(100% + 30px);
  width: 210px;
  height: 14px;
  background: url(../img/parts_1.svg) no-repeat;
  background-size: contain;
}
.parts .parts__list:first-child .parts__entry:nth-child(4):before {
  content: "";
  position: absolute;
  top: 0px;
  left: calc(100% + 30px);
  width: 210px;
  height: 43px;
  background: url(../img/parts_2.svg) no-repeat;
  background-size: contain;
}
.parts .parts__list:first-child .parts__entry:nth-child(5):before {
  content: "";
  position: absolute;
  top: 10px;
  left: calc(100% + 30px);
  width: 210px;
  height: 43px;
  background: url(../img/parts_3.svg) no-repeat;
  background-size: contain;
}
.parts .parts__list:last-child .parts__entry {
  left: auto;
  right: 0;
}
.parts .parts__list:last-child .parts__entry:first-child {
  top: 110px;
}
.parts .parts__list:last-child .parts__entry:nth-child(2) {
  top: 185px;
}
.parts .parts__list:last-child .parts__entry:nth-child(2):before {
  top: 5px !important;
}
.parts .parts__list:last-child .parts__entry:nth-child(3) {
  top: 235px;
}
.parts .parts__list:last-child .parts__entry:nth-child(4) {
  top: 365px;
}
.parts .parts__list:last-child .parts__entry:nth-child(5) {
  top: 453px;
}
.parts .parts__list:last-child .parts__entry:nth-child(5):before {
  top: 5px !important;
}
.parts .parts__list:last-child .parts__entry:first-child:before, .parts .parts__list:last-child .parts__entry:nth-child(2):before, .parts .parts__list:last-child .parts__entry:nth-child(5):before {
  content: "";
  position: absolute;
  top: 14px;
  right: calc(100% + 30px);
  width: 210px;
  height: 14px;
  background: url(../img/parts_1.svg) no-repeat;
  background-size: contain;
  transform: scale(-1, 1);
}
.parts .parts__list:last-child .parts__entry:nth-child(3):before {
  content: "";
  position: absolute;
  top: 0px;
  right: calc(100% + 30px);
  width: 210px;
  height: 43px;
  background: url(../img/parts_2.svg) no-repeat;
  background-size: contain;
  transform: scale(-1, 1);
}
.parts .parts__list:last-child .parts__entry:nth-child(4):before {
  content: "";
  position: absolute;
  top: 10px;
  right: calc(100% + 30px);
  width: 210px;
  height: 43px;
  background: url(../img/parts_3.svg) no-repeat;
  background-size: contain;
  transform: scale(-1, 1);
}
.parts .parts__list .parts__entry {
  position: absolute;
  width: 175px;
  font-size: 18px;
  font-weight: 600;
  left: 0;
}
.parts .parts__list .parts__entry small {
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.2;
  color: #9c9fac;
}
.parts .btn-container {
  margin: 40px 0 0;
}

.parts-mob {
  display: none;
  margin: 100px 0;
}
@media (max-width: 767px) {
  .parts-mob {
    display: block;
    margin: 0;
  }
  .parts-mob img {
    display: block;
    width: 100%;
    margin: 0 0 20px;
    border-radius: 8px;
  }
}
.parts-mob .main-title {
  text-align: center;
}
@media (max-width: 400px) {
  .parts-mob .main-title {
    font-size: 30px;
    line-height: 1.3;
  }
}

.admin-partners {
  padding: 10px;
}
.admin-partners .partners__entry {
  margin: 0 0 30px;
}
.admin-partners .partners__entry .entry__head {
  position: relative;
  z-index: 1;
  display: flex;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border: 1px solid #EAEDF1;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  color: #212121;
}
@media (max-width: 600px) {
  .admin-partners .partners__entry .entry__head {
    flex-direction: column;
  }
}
.admin-partners .partners__entry .entry__head * {
  color: #212121;
}
.admin-partners .partners__entry .entry__bn {
  display: block;
  width: 50%;
  object-fit: cover;
  object-position: left center;
  min-height: 180px;
}
@media (max-width: 767px) {
  .admin-partners .partners__entry .entry__bn {
    min-height: 120px;
  }
}
@media (max-width: 600px) {
  .admin-partners .partners__entry .entry__bn {
    width: 100%;
  }
}
.admin-partners .partners__entry .entry__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
}
@media (max-width: 600px) {
  .admin-partners .partners__entry .entry__text {
    width: 100%;
  }
}
.admin-partners .partners__entry .entry__top {
  font-size: 13px !important;
  margin: 0 0 10px !important;
  opacity: 0.7;
}
.admin-partners .partners__entry .entry__title {
  margin: 0 0 16px;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .admin-partners .partners__entry .entry__title {
    font-size: 20px;
    line-height: 23px;
  }
}
.admin-partners .partners__entry .admin-btn-o {
  width: 120px;
  margin: auto 0 0 auto;
}
.admin-partners .partners__entry .entry__body {
  margin-top: -15px;
  background: #fcfcfc;
  border: 1px solid #E9EDF1;
  border-radius: 8px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.5s ease;
  padding: 0 20px;
}
.admin-partners .partners__entry .entry__body.vis {
  display: block;
  padding: 40px 20px 25px;
  max-height: 1000px;
}
.admin-partners .partners__entry .entry__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0 0;
  gap: 20px;
}
.admin-partners .partners__entry .bottom__info {
  color: rgba(33, 33, 33, 0.5);
  font-size: 12px;
  line-height: 14px;
}
.admin-partners .partners__entry .bottom__info a {
  white-space: nowrap;
  color: rgba(33, 33, 33, 0.5);
}
.admin-partners .partners__entry .bottom__info a:hover {
  text-decoration: underline;
}
.admin-partners .partners__entry h3 {
  font-weight: 700;
  font-size: 16px;
}
.admin-partners .partners__entry p {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 20px;
}
.admin-partners .partners__entry ul li {
  margin: 0;
  padding: 0 0 0 10px;
}
.admin-partners .partners__entry ul li:before {
  top: 8px;
  background: #25ba9a;
}
.admin-partners .partners__entry .admin-btn-o {
  padding: 10px 16px;
  font-size: 14px;
  color: #25ba9a;
  font-weight: 400;
  border-radius: 3px;
  border: 1px solid #25BA9A;
  white-space: nowrap;
  flex-shrink: 0;
}
.admin-partners .partners__entry .admin-btn {
  padding: 10px 16px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  border-radius: 3px;
  background: #25ba9a;
  border: 1px solid #25BA9A;
  white-space: nowrap;
  flex-shrink: 0;
}

.cookie-alert {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  padding-bottom: 20px;
  z-index: 10000;
  width: 100%;
}
.cookie-alert .cookie__inner {
  display: inline-flex;
  align-items: center;
  padding: 12px;
  gap: 20px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .cookie-alert .cookie__inner {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
}
.cookie-alert p {
  font-size: 12px;
  margin: 0;
}
.cookie-alert p a {
  color: #0a71f5;
  text-decoration: underline;
}
.cookie-alert p a:hover {
  text-decoration: none;
}

#cleversite_clever_button {
  right: 15px !important;
  bottom: 15px !important;
}

.pay .line {
  display: none !important;
  background: #ffffff;
  color: #3c3e5a;
}
.pay .line p {
  color: #3c3e5a;
}
.pay .line .btn_white {
  background: #009be1;
  color: #ffffff;
}
.pay .header {
  background: transparent;
  backdrop-filter: none;
}
.pay .header.fixed {
  background: #2c8acb;
}
.pay .header__toggle span {
  background: #ffffff;
}
.pay .header__toggle span:before, .pay .header__toggle span:after {
  background: #ffffff;
}
.pay .header__logo {
  background: url(../src/assets/images/svg/logo_gmb_white.svg) no-repeat;
  background-size: contain;
}
.pay .header__menu .menu__lnk {
  color: #ffffff;
}
.pay .header__menu .menu__entry:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .pay .header__menu .menu__entry:nth-child(2) {
    display: block;
  }
}
.pay .header__menu .menu__entry_submenu .menu__lnk:after {
  background: url(../src/assets/images/svg/arr_white_6x10.svg) no-repeat;
  background-size: contain;
}
.pay .header .btn_green {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #3c3e5a;
  transition: all 200ms linear;
}
@media (max-width: 767px) {
  .pay .header .btn_green {
    flex-grow: 0;
  }
}
.pay .header .btn_green:hover {
  color: #ffffff;
  background: transparent !important;
}
.pay .header .js-login {
  display: none;
}
.pay .header .header__contacts a {
  color: #ffffff;
}
.pay-main {
  position: relative;
}
.pay-main video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0.24;
  object-fit: cover;
  object-position: center;
}
.pay-main:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #009be1;
}
.pay-main .block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 900px;
  z-index: 3;
  gap: 40px;
}
@media (max-width: 840px) {
  .pay-main .block {
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    padding-top: 100px;
  }
}
.pay-main .block img {
  display: flex;
  align-self: flex-end;
  margin-right: 60px;
  max-width: 380px;
}
@media (max-width: 1000px) {
  .pay-main .block img {
    margin-right: 0;
  }
}
@media (max-width: 840px) {
  .pay-main .block img {
    margin: auto;
  }
}
@media (max-width: 500px) {
  .pay-main .block img {
    width: 70%;
  }
}
.pay-main .main__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 840px) {
  .pay-main .main__left {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
.pay-main .main__abon {
  margin: 0 0 24px;
  padding: 8px 12px;
  color: #ffffff;
  font-size: 16px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.15);
}
.pay-main .main__title {
  color: #ffffff;
}
.pay-main .main__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1000px) {
  .pay-main .main__btns {
    gap: 12px;
  }
}
@media (max-width: 500px) {
  .pay-main .main__btns {
    justify-content: center;
  }
}
.pay-main .btn_white:hover {
  background: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.pay-compare {
  position: relative;
  z-index: 10;
  top: -30px;
  background: #ffffff;
  border-radius: 32px 32px 0 0;
}
.pay-compare .compare__container {
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  .pay-compare .compare__container {
    padding: 0px;
    box-shadow: none;
  }
}
.pay-compare .compare__container p {
  margin: 30px 0 0;
}
@media (max-width: 767px) {
  .pay-compare .compare__container p {
    margin: 10px 0 0;
  }
}
.pay-compare .compare__tbl {
  width: 100%;
  overflow: auto;
}
.pay-compare .compare__tbl table {
  width: 100%;
  border-collapse: collapse;
}
.pay-compare .compare__tbl table th, .pay-compare .compare__tbl table td {
  padding: 0;
}
@media (max-width: 767px) {
  .pay-compare .compare__tbl table th, .pay-compare .compare__tbl table td {
    font-size: 10px;
  }
  .pay-compare .compare__tbl table th img, .pay-compare .compare__tbl table td img {
    width: 45px;
  }
}
.pay-compare .compare__tbl table thead th {
  border-bottom: 1px solid #EDEFF1;
  font-weight: 400;
}
@media (max-width: 767px) {
  .pay-compare .compare__tbl table thead th span {
    padding: 0 2px;
  }
}
.pay-compare .compare__tbl table thead .blue {
  border-radius: 12px 12px 0 0;
  padding: 15px 20px;
}
@media (max-width: 767px) {
  .pay-compare .compare__tbl table thead .blue {
    padding: 6px;
  }
}
.pay-compare .compare__tbl table .blue {
  padding: 20px 20px;
  background: #F2F8FF;
}
@media (max-width: 767px) {
  .pay-compare .compare__tbl table .blue {
    padding: 10px;
    min-height: 43px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.pay-compare .compare__tbl table tbody tr:nth-child(even) th, .pay-compare .compare__tbl table tbody tr:nth-child(even) td {
  background: #f8f8f8;
}
.pay-compare .compare__tbl table tbody tr:nth-child(even) td:nth-child(2) {
  background: #E8F3FF;
}
.pay-compare .compare__tbl table tbody th, .pay-compare .compare__tbl table tbody td {
  border-bottom: 1px solid #EDEFF1;
}
.pay-compare .compare__tbl table tbody td {
  width: 125px;
}
.pay-compare .compare__tbl table tbody th {
  text-align: left;
  font-weight: 400;
  font-size: 15px;
  width: 270px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .pay-compare .compare__tbl table tbody th {
    font-size: 10px;
    width: auto;
    padding-left: 4px;
  }
}
.pay-compare .compare__tbl table tbody tr:last-child th, .pay-compare .compare__tbl table tbody tr:last-child td {
  border-bottom: none;
}
.pay-compare .compare__tbl table tbody tr:last-child .blue {
  border-radius: 0 0 12px 12px;
}
.pay-compare .compare__tbl table tbody small {
  display: block;
  font-size: 13px;
  text-align: center;
}
@media (max-width: 767px) {
  .pay-compare .compare__tbl table tbody small {
    font-size: 8px;
  }
}
.pay-numbers {
  flex-shrink: 0;
  overflow: hidden;
  width: 100%;
  background: #f8f8f8;
}
.pay-numbers .block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  .pay-numbers .block {
    flex-direction: column;
    padding-top: 50px;
  }
}
.pay-numbers .numbers__list {
  display: flex;
  gap: 100px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .pay-numbers .numbers__list {
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.pay-numbers .numbers__entry {
  text-align: center;
}
.pay-numbers .numbers__entry strong {
  font-size: 60px;
}
@media (max-width: 767px) {
  .pay-numbers .numbers__entry strong {
    font-size: 32px;
  }
}
.pay-numbers .numbers__entry strong b {
  font-size: 140px;
  line-height: 100px;
}
@media (max-width: 767px) {
  .pay-numbers .numbers__entry strong b {
    font-size: 70px;
  }
}
.pay-numbers .numbers__entry p {
  margin: 15px 0 0;
  font-size: 26px;
}
@media (max-width: 767px) {
  .pay-numbers .numbers__entry p {
    margin: 0;
    font-size: 16px;
  }
}
.pay-numbers img {
  align-self: flex-end;
  max-width: 500px;
  margin-right: -100px;
}
@media (max-width: 1500px) {
  .pay-numbers img {
    margin: 0;
    width: 450px;
  }
}
@media (max-width: 1100px) {
  .pay-numbers img {
    margin-right: -100px;
  }
}
@media (max-width: 400px) {
  .pay-numbers img {
    max-width: 100%;
  }
}
.pay-abilities .abilities__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 0 50px;
  gap: 24px;
}
@media (max-width: 1000px) {
  .pay-abilities .abilities__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .pay-abilities .abilities__list {
    display: flex;
    flex-direction: column;
  }
}
.pay-abilities .abilities__entry {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  background-image: url(../src/assets/images/svg/abilities_bg.svg);
  background-position: center 100px;
  background-repeat: no-repeat;
  background-color: #f2f8ff;
  border-radius: 24px;
}
.pay-abilities .abilities__entry:nth-child(even) {
  background-color: #f8f8f8;
}
.pay-abilities .abilities__entry .entry__text {
  padding: 32px;
}
.pay-abilities .abilities__entry .entry__title {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
}
.pay-abilities .abilities__entry p {
  font-size: 14px;
  margin: 5px 0 0;
}
.pay-abilities .abilities__entry img {
  display: block;
  margin: auto auto 0;
  max-width: 100%;
}
.pay-abilities .abilities__entry:last-child img {
  margin: 0 0 0 auto;
}
@media (max-width: 767px) {
  .pay-abilities .abilities__entry:last-child img {
    width: 80vw;
  }
}
@media (max-width: 400px) {
  .pay-abilities .abilities__entry:last-child img {
    width: initial;
    max-width: 100%;
  }
}
.pay-abilities .abilities__entry:nth-child(2):before {
  content: "";
  position: absolute;
  right: -30px;
  top: -30px;
  width: 132px;
  height: 68px;
  background-image: url(/fr/badge-fr.png);
  background-size: contain;
}
@media (max-width: 1100px) {
  .pay-abilities .abilities__entry:nth-child(2):before {
    right: 5px;
  }
}
.pay-why {
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  padding: 50px 0 120px;
}
.pay-why .why__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 100px 0;
}
@media (max-width: 1000px) {
  .pay-why .why__list {
    margin: 70px 0;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 10px;
  }
}
@media (max-width: 767px) {
  .pay-why .why__list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 50px 10px;
  }
}
.pay-why .why__entry {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  background-image: url(../src/assets/images/svg/abilities_bg.svg);
  background-position: 50px 100px;
  background-repeat: no-repeat;
  background-color: #f2f8ff;
  border-radius: 24px;
  transform: rotate(-5deg);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}
.pay-why .why__entry:nth-child(even) {
  background-color: #f8f8f8;
  z-index: 2;
}
.pay-why .why__entry:nth-child(2) {
  transform: rotate(5deg) translateY(30px);
}
@media (max-width: 767px) {
  .pay-why .why__entry:nth-child(2) {
    transform: rotate(5deg);
  }
}
.pay-why .why__entry:nth-child(3) {
  transform: rotate(-5deg) translateY(-30px);
}
@media (max-width: 767px) {
  .pay-why .why__entry:nth-child(3) {
    transform: rotate(-5deg);
  }
}
.pay-why .why__entry:last-child {
  transform: rotate(5deg) translateY(20px);
}
@media (max-width: 767px) {
  .pay-why .why__entry:last-child {
    transform: rotate(5deg);
  }
}
.pay-why .why__entry .entry__text {
  padding: 25px;
}
.pay-why .why__entry .entry__title {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
}
.pay-why .why__entry p {
  font-size: 14px;
  margin: 5px 0 0;
}
.pay-why .why__entry .entry__img {
  display: block;
  margin: auto auto 0;
}
.pay-why .why__entry .entry__icon {
  position: absolute;
  z-index: 10;
  width: 60px;
  height: 60px;
  object-fit: contain;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
@media (max-width: 767px) {
  .pay-why .why__entry .entry__icon {
    width: 50px;
    height: 50px;
  }
}
.pay-why .why__entry .entry__icon.left {
  right: calc(100% - 30px);
  top: 40%;
  transform: rotate(5deg);
}
@media (max-width: 1000px) {
  .pay-why .why__entry .entry__icon.left {
    top: 35%;
  }
}
@media (max-width: 767px) {
  .pay-why .why__entry .entry__icon.left {
    left: -25px;
    top: -25px;
  }
}
.pay-why .why__entry .entry__icon.right {
  left: calc(100% - 30px);
  top: 50%;
  transform: translateY(-50%) rotate(-5deg);
}
@media (max-width: 1000px) {
  .pay-why .why__entry .entry__icon.right {
    left: auto;
    right: calc(100% - 30px);
    top: 100%;
  }
}
@media (max-width: 767px) {
  .pay-why .why__entry .entry__icon.right {
    left: auto;
    right: -25px;
    top: auto;
    bottom: -25px;
    transform: rotate(-5deg);
  }
}
.pay-why .why__entry:last-child .entry__icon.left {
  top: 25%;
}
@media (max-width: 767px) {
  .pay-why .why__entry:last-child .entry__icon.left {
    top: -25px;
  }
}
.pay-demo {
  background: #f8f8f8;
}
.pay-demo .block {
  display: flex;
  align-items: center;
}
@media (max-width: 1000px) {
  .pay-demo .block {
    flex-direction: column;
    padding-top: 50px;
    align-items: flex-start;
  }
}
.pay-demo .pay__text {
  flex-grow: 1;
}
.pay-demo .pay__img {
  position: relative;
  align-self: flex-end;
  flex-shrink: 0;
  height: 400px;
  width: 515px;
}
@media (max-width: 1000px) {
  .pay-demo .pay__img {
    align-self: flex-start;
    width: auto;
    height: auto;
  }
}
@media (max-width: 500px) {
  .pay-demo .pay__img {
    padding-top: 50px;
  }
}
.pay-demo .pay__img .img__arr {
  position: absolute;
  left: -50px;
  top: 35px;
  width: 120px;
  font-size: 14px;
  line-height: 1.2;
}
@media (max-width: 500px) {
  .pay-demo .pay__img .img__arr {
    top: 0;
    left: 0;
  }
}
.pay-demo .pay__img .img__arr:after {
  content: "";
  position: absolute;
  left: 80px;
  top: 80%;
  width: 66px;
  height: 55px;
  background-image: url(../src/assets/images/svg/pay_arr.svg);
}
@media (max-width: 500px) {
  .pay-demo .pay__img .img__arr:after {
    left: 30%;
    top: 110%;
  }
}
.pay-demo .pay__img img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  display: block;
}
@media (max-width: 1000px) {
  .pay-demo .pay__img img {
    position: static;
    max-width: 100%;
  }
}

.it-disclosure h1 {
  font-size: 40px;
  line-height: 1.2;
}
.it-disclosure ol {
  list-style-position: outside;
  padding: 0 0 0 20px;
}
.it-disclosure a {
  color: #0a71f5;
}
.it-disclosure ul li:before {
  top: 9px !important;
  left: 7px !important;
}

.SmartCaptcha-Shield_visible {
  bottom: 0 !important;
}

.payment-security__systems {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 50px 0 80px;
  gap: 20px;
}
.payment-security a {
  color: #0a71f5;
  text-decoration: underline;
}
.payment-security a:hover {
  text-decoration: none;
}

.form__eng {
  color: #f00;
  font-size: 13px;
  display: none;
}

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