/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";
/* ------------ *Default ------------- */
/* Flex Class */
.fx-column {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-center {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;}
.fx-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.align-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.align-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.align-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.fx-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.fx-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fx-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.fx {display: -webkit-box;display: -ms-flexbox;display: flex;}
.fx-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
/* Flex Class End */

/* Reserved Class */
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.no-scroll {position: fixed;top: 0;left: 0;right: 0;}
.symbol-rub {font-family: -apple-system,system-ui,Arial,Helvetica,sans-serif;}
.text-crop {white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
/* Reserved Class End*/

/* Style Default*/
a, button, .speed {-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
button {border: 0;padding: 0;cursor: pointer;background: none;}
* {-webkit-box-sizing: border-box;box-sizing: border-box;}
* {outline: none;}
/* Style Default End */

/*

font-family: 'Inter', sans-serif;

font-family: 'Noto Sans', sans-serif;

*/

body {
  color: #852972;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Inter', sans-serif;
}

.wrapper {
  overflow: hidden;
  min-height: 100%;
}

.main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

/* Btn */

.btn-wrap {
  margin-top: 40px;
}

.btn {
  z-index: 1;
  font-size: 16px;
  padding: 0 15px;
  font-weight: 500;
  border-radius: 8px;
  text-align: center;
  position: relative;
  border: 2px solid #000;
  width: 100%;height: 58px;
  font-family: 'Inter', sans-serif;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.btn:after {
  opacity: 0;
  z-index: -1;
  background: inherit;
  border-radius: inherit;
  top: 0;left: 0;right: 0;bottom: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

.btn--small {
  height: 44px;
}

.btn:hover:after {
  opacity: 1;
}

.btn--main {
  color: #FFDB8B;
  background: -webkit-gradient(linear, left top, left bottom, from(#CD10A6), color-stop(93.75%, rgba(11, 58, 84, 0.85)));
  background: -o-linear-gradient(top, #CD10A6 0%, rgba(11, 58, 84, 0.85) 93.75%);
  background: linear-gradient(180deg, #CD10A6 0%, rgba(11, 58, 84, 0.85) 93.75%);
}

.btn--border {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn--borderViolet {
  color: #852972;
  border-color: #852972;
}

.btn--borderViolet:hover {
  color: #fff;
  background: #852972;
}

/* Title */

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

.title h1 {
  line-height: 1.25;
}

.title h2 {
  line-height: 1;
}

.title--mb {
  margin-bottom: 75px;
}

.title--yellow {
  color: #FFDB8B;
}

.title__star {
  position: relative;
  display: inline-block;
}

.title__star:after {
  margin-top: 5px;
  top: 50%;right: -66px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* Paragraph */

.paragraph {
  width: 100%;
  color: #5D6777;
  font-size: 16px;
  line-height: 1.62;
}

.paragraph p+p {
  margin-top: 15px;
}

/* List */

.list {
  font-size: 18px;
}

.list li {
  padding-left: 35px;
  position: relative;
}

.list li:not(:last-child) {
  margin-bottom: 25px;
}

.list li:before {
  width: 22px;height: 22px;
}

.list--check li:before {
  top: 0;left: 0;
  background: url(../img/svg/i-check.svg) center/contain no-repeat;
}

/* Star */

.i-star,
.title__star:after {
  z-index: -1;
  pointer-events: none;
  width: 121px;height: 121px;
  background: url(../img/svg/i-star.svg) center/contain no-repeat;
}

.i-star {
  position: absolute;
}

/* Swiper arrow */

.swiper-button-arrow {
  width: 40px;height: 10px;
}

.swiper-button-arrow:hover {
  opacity: .7;
}

.swiper-button-arrow:after {
  display: none;
}

.swiper-button-next,
.swiper-button-next-js {
  background: url(../img/icons/i-arrow-right.png) center/contain no-repeat;
}

.swiper-button-prev,
.swiper-button-prev-js {
  background: url(../img/icons/i-arrow-left.png) center/contain no-repeat;
}

.swiper-button-arrow-big {
  width: 140px;height: 140px;
}

.swiper-button-arrow-big svg {
  fill: #852972;
}

/* Swiper dots  */

.swiper-pagination-bullet {
  background: #fff;
  border-radius: 50%;
  opacity: 1 !important;
  margin: 0 5px !important;
  width: 15px;height: 15px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.swiper-pagination-bullet-active {
  background: #FFDB8B;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

/* ------------ *Header ------------- */

.header {
  z-index: 51;
  padding: 20px 0;
  position: fixed;
  background: #F9FBFF;
  top: 0;left: 0;right: 0;
  border-bottom: 1px solid rgba(133, 41, 114, 0.3);
}

/* Logo */

.logo {
  color: #852972;
  font-weight: 500;
  position: relative;
  text-align: center;
  padding: 11px 0 12px 63px;
}

.logo img {
  width: 55px;
  top: 50%;left: 0;
  position: absolute;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.logo__big,
.logo__small {
  display: block;
}

.logo__big {
  font-size: 16px;
  line-height: 1.375;
  font-style: italic;
  letter-spacing: 0.03em;
  font-family: 'Noto Sans', sans-serif;
}

.logo__small {
  font-size: 10px;
  margin-top: -2px;
  position: relative;
}

.logo__small:before {
  height: 1px;
  margin-top: 1px;
  background: #852972;
  top: 50%;left: 0;right: 0;
}

.logo__small span {
  z-index: 1;
  padding: 0 4px;
  background: #fff;
  position: relative;
}

/* Nav */

.nav__list li {
  margin: 0 20px;
}

.nav__list a {
  color: #852972;
  font-size: 16px;
  font-family: 'Noto Sans', sans-serif;
}

.nav__list a:hover {
  color: #000;
}

/* Panel */

.panel__item {
  margin-right: 15px;
  width: 30px;height: 30px;
}

.panel__item:hover {
  opacity: .7;
}

.panel__tel {
  color: #852972;
  font-size: 16px;
  font-family: 'Noto Sans', sans-serif;
}

.panel__tel:hover {
  text-decoration: underline;
}

/* Toggle */

.navbar-toggle {
  margin-left: 30px;
}

.navbar-toggle span {
  display: block;
  position: relative;
  background: #852972;
  width: 30px;height: 3px;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 5px;
}

.navbar-toggle.active span:first-child {
  top: 8px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.navbar-toggle.active span:nth-child(2) {
  opacity: 0;
}

.navbar-toggle.active span:last-child {
  top: -8px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* Scroll */

.header--scroll {
  padding: 10px 0;
}

/* -------------- *Main -------------- */

.main {
  padding-top: 96px;
}

/* ------------- *Intro -------------- */

.intro {
  z-index: 1;
  overflow: hidden;
  position: relative;
  background: #F9FBFF;
}

.intro .container {
  padding-top: 93px;
  position: relative;
  padding-bottom: 85px;
}

/* Star */

.intro__star {
  top: 93px;left: -100px;
}

/* Box */

.intro__box {
  margin-left: auto;
  margin-right: 80px;
  max-width: 442px;width: 100%;
}

.intro__box .title {
  margin-bottom: 20px;
}

.intro__box .paragraph {
  position: relative;
  padding-right: 65px;
}

.intro__box .paragraph:after {
  pointer-events: none;
  top: -16px;right: 13px;
  width: 40px;height: 40px;
  background: url(../img/svg/i-24.svg) center/contain no-repeat;
}

/* Dignity */

.dignity {
  margin-top: 40px;
  position: relative;
}

.dignity:after {
  z-index: -1;
  border-radius: 50%;
  top: 50%;right: -82px;
  width: 138px;height: 138px;
  background: -o-linear-gradient(262.92deg, #FFDB8B 3.04%, #F9FBFF 103.19%);
  background: linear-gradient(187.08deg, #FFDB8B 3.04%, #F9FBFF 103.19%);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.dignity__item {
  position: relative;
  padding-left: 80px;
}

.dignity__item:not(:last-child) {
  margin-bottom: 30px;
}

.dignity__icon {
  top: 50%;left: 0;
  position: absolute;
  border-radius: 50%;
  width: 60px;height: 60px;
  background-color: #852972 !important;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.dignity__item span {
  display: block;
  line-height: 1;
  font-size: 20px;
  font-weight: 500;
}

.dignity__item p {
  color: #5D6777;
  font-size: 14px;
  margin-top: 16px;
  line-height: 1.57;
}

/* Btn */

.intro__box .btn {
  max-width: 272px;
} 

/* Img */

.intro__img {
  position: absolute;
  top: 30px;left: 90px;
  width: 465px;height: 690px;
}

.intro__imgStar {
  right: 0;bottom: 280px;
  width: 52px;height: 52px;
}

/* ------------ *Vantage ------------- */

.vantage {
  background: #852972;
  padding: 44px 0 82px;
}

.vantage__sl {
  margin-top: 55px;
}

.vantage__sl .swiper-slide {
  height: auto;
}

.vantage__item {
  height: 100%;
  background: #fff;
  text-align: center;
  border-radius: 12px;
  padding: 25px 20px 35px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.vantage__icon {
  display: block;
  margin: 0 auto;
  border-radius: 6px;
  width: 60px;height: 60px;
  background-color: #852972 !important;
}

.vantage__item span {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-top: 30px;
  line-height: 1.44;
}

.vantage__item p {
  color: #585858;
  margin-top: 8px;
  line-height: 1.57;
}

/* ----------- *Services ------------- */

.services {
  padding-top: 70px;
  background: #F9FBFF;
}

.services .row [class*='col-'] {
  margin-bottom: 30px;
}

.services__item {
  height: 100%;
  color: #FFDB8B;
  text-align: center;
  padding: 40px 15px;
  border-radius: 12px;
  background: #852972;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.services__icon {
  display: block;
  margin: 0 auto;
  width: 150px;height: 150px;
}

.services__item span {
  display: block;
  font-size: 17px;
  margin-top: 25px;
  font-weight: 600;
  line-height: 1.44;
  text-transform: uppercase;
}

.services__item p {
  margin-top: 2px;
  line-height: 1.57;
}

/* ------------- *Skins -------------- */

.skins .services__item {
  color: #852972;
  background: #fff;
}

/* ---------- *Certificate ----------- */

.certificate {
  margin-top: 100px;
  background: #852972;
  padding: 120px 0 45px;
}

.certificate__sl {
  height: 245px;
  padding: 45px 0;
}

.certificate__sl .swiper-slide {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.certificate__sl .swiper-slide-prev {
  left: -57px;
}

.certificate__sl .swiper-slide-next {
  right: -57px;
}

.certificate__control {
  margin-top: 70px;
}

.certificate__control .swiper-button-arrow {
  margin-top: auto;
  top: auto;bottom: 0;
} 

.certificate__control .swiper-pagination {
  margin: 0 30px;
  position: static;
}

/* ------------- *Plans -------------- */

.plans {
  padding-top: 100px;
}

/* Tabs nav */

.tabs-nav__list {
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid #852972;
}

.tabs-nav__item {
  height: 46px;
  color: #171618;
  cursor: pointer;
  font-size: 16px;
  min-width: 175px;
  text-align: center;
}

.tabs-nav__item span {
  padding: 0 8px;
  font-size: 12px;
  line-height: 28px;
  margin-left: 14px;
  border-radius: 7px;
  background: #EBF1FF;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

.tabs-nav__item:hover,
.tabs-nav__item.active {
  color: #fff;
  background: #852972;
}

.tabs-nav__item:hover span,
.tabs-nav__item.active span {
  color: #171618;
}

/* Tabs */

.fx-ctr {
  justify-content: center;
}

.tabs {
  margin-top: 60px;
}

.plans__item {
  padding: 30px;
  border-radius: 12px;
  border: 1px solid #852972;
}

.plans__price {
  font-size: 38px;
  font-weight: bold;
}

.plans__price span {
  font-size: 15px;
  font-weight: 500;
  margin-left: 8px;
  text-decoration: line-through;
}

.plans__name,
.plans__item .paragraph,
.plans__item .list {
  margin-top: 30px;
}

.plans__name {
  font-size: 24px;
  font-weight: bold;
}

.plans__item .paragraph {
  color: #852972;
  line-height: 1.38;
}

.plans__item .list {
  padding-top: 30px;
  border-top: 1px solid #852972;
}

.plans__item--bg .list {
  border-top: 1px solid #fff;
}

.plans__btn {
  margin-top: 30px;
}


/* Bg */

.plans__item--bg {
  color: #fff;
  background: #852972;
}

.plans__item--bg .paragraph {
  color: #fff;
}

.plans__item--bg .list--check li:before {
  background: url(../img/svg/i-check-white.svg) center/contain no-repeat;
}

.plans__item--bg .btn {
  color: #852972;
  background: #fff;
  border-color: #fff;
}

.plans__item--bg .btn:hover {
  color: #fff;
  background: #852972;
}

/* ------------ *Reviews ------------- */

.reviews {
  margin-top: 68px;
  background: #F9FBFF;
  padding: 75px 0 70px;
}

.reviews__slider {
  position: relative;
}

.reviews__sl {
  max-width: 810px;
  margin: 100px auto 0;
  padding-bottom: 100px;
}

.reviews__item {
  height: auto;
  background: #fff;
  border-radius: 10px;
  padding: 11px 10px 14px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.reviews__item .paragraph {
  color: #585858;
  font-size: 14px;
  line-height: 1.57;
}

.rating {
  margin-top: 15px;
}

.rating__title {
  color: #852972;
  line-height: 1.57;
}

.rating__star {
  margin-left: 3px;
  position: relative;
}

.rating__star i {
  width: 20px;height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.rating__star i:not(:last-child) {
  margin-right: 2px;
}

.rating__static i {
  background: url(../img/icons/i-star-off.png) center/contain no-repeat;
}

.rating__dinamic i {
  background: url(../img/icons/i-star-on.png) center/contain no-repeat;
}

.rating__dinamic {
  top: 0;left: 0;
  overflow: hidden;
  position: absolute;
}

.rating__name {
  margin-top: 6px;
  line-height: 1.57;
  font-weight: bold;
}

/* SL control */

.reviews__sl .swiper-pagination-bullet {
  background: #852972;
}

.reviews__sl .swiper-pagination-bullet-active {
  background: #FFDB8B;
}

.reviews__slider .swiper-button-arrow {
  position: absolute;
  top: calc(50% - 50px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.reviews__slider .swiper-button-prev-1 {
  left: 0;
}

.reviews__slider .swiper-button-next-1 {
  right: 0;
}

/* ------------- *Works -------------- */

.works {
  padding-top: 55px;
}

.works__sl {
  padding: 8px;
}

.works__item {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.works__inner {
  height: 300px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  width: calc(50% - 7.5px);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.works__inner span {
  padding: 0 8px;
  color: #852972;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  border-radius: 5px;
  position: absolute;
  right: 0;bottom: 0;
  background: #FFDB8B;
}

/* ----------- *Contacts ------------- */

.contacts {
  margin-top: 80px;
  padding: 100px 0;
  background: #F9FBFF;
}

.map {
  overflow: hidden;
  border-radius: 5px;
  max-width: 650px;width: 100%;height: 356px;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.contacts__box {
  max-width: 400px;
  margin-left: auto;
}

.contacts__img {
  border-radius: 5px;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.contacts__img img {
  width: 100%;
  display: block;
}

.contacts__text {
  margin-top: 5px;
  font-size: 20px;
  font-weight: 500;
}

.contacts__text a {
  color: inherit;
}

.contacts__text a:hover {
  text-decoration: underline;
}

.contacts .panel {
  margin-top: 10px;
}

/* ------------ *Footer -------------- */

.footer {
  color: #fff;
  padding: 65px 0;
  font-size: 14px;
  font-weight: bold;
  background: #852972;
}

/* ------------ *Default ------------- */
/* ------------ *Default ------------- */
/* ------------ *Default ------------- */
/* --------- *Before::After ---------- */
.btn:after,
.title__star:after,
.list li:before,
.logo__small:before,
.intro__box .paragraph:after,
.dignity:after {
  content: " ";
  position: absolute;
}