@charset "UTF-8";
/**
needs bootstrap function str-replace()
 */
/**
* Метод дополняет svg-sprite.scss.
* Позволяет получить чистый урл элемента спрайта для использования в псевдоэлементах или background-image
* Example: content: url(get-svg-url('checkmark', $user-variables: (fill: 'tomato')));
* Example: background-image: url(get-svg-url('heart', $user-variables: (stroke: 'red', fill: 'pink')));
*/
/**
вертикальные отступы
для каждого цвета указываются в порядке как в $grid-breakpoints
 */
.index-block {
  display: block;
  height: auto;
  padding: 80px 0;
}
@media (min-width: 992px) {
  .index-block {
    padding: 120px 0;
  }
}
.index-block--portfolio {
  padding-top: unset;
}
.index-block--reviews {
  padding-top: unset;
}
.index-block--business-partners {
  padding-top: unset;
}
.index-block--integration {
  padding-top: unset;
}
.index-block--blog {
  padding-top: unset;
}
.index-block--faq {
  padding-top: unset;
}
.index-block--services {
  background: #f3f3f3;
}
.index-block--radar {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-bottom: 46px;
  padding-top: 132px;
}
@media (min-width: 576px) {
  .index-block--radar {
    padding-bottom: 107px;
    padding-top: 157px;
  }
}
@media (min-width: 768px) {
  .index-block--radar {
    padding-bottom: 152px;
    padding-top: 164px;
  }
}
@media (min-width: 992px) {
  .index-block--radar {
    padding-bottom: 90px;
    padding-top: 174px;
  }
}
@media (min-width: 1200px) {
  .index-block--radar {
    padding-bottom: 58px;
    padding-top: 190px;
  }
}
@media (min-width: 1800px) {
  .index-block--radar {
    padding-bottom: 168px;
    padding-top: 186px;
  }
}
.index-block__header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .index-block__header-row {
    margin-bottom: 60px;
  }
}
.index-block__header {
  width: 1150px;
  max-width: 100%;
  color: inherit;
  font-size: 30px;
  line-height: 120%;
  font-weight: 700;
  margin-bottom: 0 !important;
}
@media (min-width: 992px) {
  .index-block__header {
    font-size: 40px;
    line-height: 130%;
  }
}
.index-block__header--fullwidth {
  width: 100%;
}
.index-block__header--feedback {
  margin-bottom: 20px !important;
}
@media (min-width: 992px) {
  .index-block__header--feedback {
    margin-bottom: 32px !important;
  }
}
.index-block strong, .index-block b {
  color: #A9FFC6;
}
.index-block[data-theme=dark] {
  background-color: #404040;
  color: #fff;
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.index-block[data-theme=light] {
  background-image: none;
  color: black;
}
.index-block .portfolio-items .items {
  margin-bottom: 0;
}

.radar__header {
  position: relative;
  z-index: 2;
  margin-bottom: 24px !important;
  line-height: 1.25;
}
@media (min-width: 576px) {
  .radar__header {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 768px) {
  .radar__header {
    font-size: 56px;
  }
}
@media (min-width: 1200px) {
  .radar__header {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 1800px) {
  .radar__header {
    font-size: 80px;
    margin-bottom: 64px !important;
  }
}
.radar__services {
  position: relative;
  z-index: 2;
  width: 930px;
  max-width: 100%;
  margin-bottom: 56px;
}
@media (min-width: 400px) {
  .radar__services {
    margin-bottom: 56px;
  }
}
@media (min-width: 576px) {
  .radar__services {
    margin-bottom: 56px;
  }
}
@media (min-width: 768px) {
  .radar__services {
    margin-bottom: 56px;
  }
}
@media (min-width: 992px) {
  .radar__services {
    margin-bottom: 88px;
  }
}
@media (min-width: 1200px) {
  .radar__services {
    margin-bottom: 88px;
  }
}
@media (min-width: 1600px) {
  .radar__services {
    margin-bottom: 88px;
  }
}
@media (min-width: 1800px) {
  .radar__services {
    margin-bottom: 88px;
  }
}
.radar #radar-animation-image {
  width: 100%;
}
.radar__image {
  display: none;
  position: absolute;
  z-index: 1;
  right: -5px;
  bottom: -5px;
}
@media (min-width: 1200px) {
  .radar__image {
    display: block;
    width: 570px;
    height: 559px;
  }
}
@media (min-width: 1600px) {
  .radar__image {
    width: 770px;
    height: 759px;
  }
}
.radar__image .u-line {
  fill: none;
  stroke: white;
  stroke-width: 0;
  stroke-opacity: 0;
}
.radar__image .u-line:nth-child(32n+1) {
  -webkit-animation-delay: 0.125s;
          animation-delay: 0.125s;
}
.radar__image .u-line:nth-child(32n+2) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.radar__image .u-line:nth-child(32n+3) {
  -webkit-animation-delay: 0.375s;
          animation-delay: 0.375s;
}
.radar__image .u-line:nth-child(32n+4) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.radar__image .u-line:nth-child(32n+5) {
  -webkit-animation-delay: 0.625s;
          animation-delay: 0.625s;
}
.radar__image .u-line:nth-child(32n+6) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.radar__image .u-line:nth-child(32n+7) {
  -webkit-animation-delay: 0.875s;
          animation-delay: 0.875s;
}
.radar__image .u-line:nth-child(32n+8) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.radar__image .u-line:nth-child(32n+9) {
  -webkit-animation-delay: 1.125s;
          animation-delay: 1.125s;
}
.radar__image .u-line:nth-child(32n+10) {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.radar__image .u-line:nth-child(32n+11) {
  -webkit-animation-delay: 1.375s;
          animation-delay: 1.375s;
}
.radar__image .u-line:nth-child(32n+12) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.radar__image .u-line:nth-child(32n+13) {
  -webkit-animation-delay: 1.625s;
          animation-delay: 1.625s;
}
.radar__image .u-line:nth-child(32n+14) {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}
.radar__image .u-line:nth-child(32n+15) {
  -webkit-animation-delay: 1.875s;
          animation-delay: 1.875s;
}
.radar__image .u-line:nth-child(32n+16) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.radar__image .u-line:nth-child(32n+17) {
  -webkit-animation-delay: 2.125s;
          animation-delay: 2.125s;
}
.radar__image .u-line:nth-child(32n+18) {
  -webkit-animation-delay: 2.25s;
          animation-delay: 2.25s;
}
.radar__image .u-line:nth-child(32n+19) {
  -webkit-animation-delay: 2.375s;
          animation-delay: 2.375s;
}
.radar__image .u-line:nth-child(32n+20) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.radar__image .u-line:nth-child(32n+21) {
  -webkit-animation-delay: 2.625s;
          animation-delay: 2.625s;
}
.radar__image .u-line:nth-child(32n+22) {
  -webkit-animation-delay: 2.75s;
          animation-delay: 2.75s;
}
.radar__image .u-line:nth-child(32n+23) {
  -webkit-animation-delay: 2.875s;
          animation-delay: 2.875s;
}
.radar__image .u-line:nth-child(32n+24) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.radar__image .u-line:nth-child(32n+25) {
  -webkit-animation-delay: 3.125s;
          animation-delay: 3.125s;
}
.radar__image .u-line:nth-child(32n+26) {
  -webkit-animation-delay: 3.25s;
          animation-delay: 3.25s;
}
.radar__image .u-line:nth-child(32n+27) {
  -webkit-animation-delay: 3.375s;
          animation-delay: 3.375s;
}
.radar__image .u-line:nth-child(32n+28) {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}
.radar__image .u-line:nth-child(32n+29) {
  -webkit-animation-delay: 3.625s;
          animation-delay: 3.625s;
}
.radar__image .u-line:nth-child(32n+30) {
  -webkit-animation-delay: 3.75s;
          animation-delay: 3.75s;
}
.radar__image .u-line:nth-child(32n+31) {
  -webkit-animation-delay: 3.875s;
          animation-delay: 3.875s;
}
.radar__image .u-line:nth-child(32n+32) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.radar__image .im-mask-circles {
  -webkit-mask: url(#m-circles);
          mask: url(#m-circles);
}
.radar__waves {
  z-index: -1;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right bottom;
     object-position: right bottom;
  background: transparent;
  display: none;
}
@media (min-width: 768px) {
  .radar__waves {
    display: inline-block;
  }
}
.radar__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 576px) {
  .radar__button {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.prices-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #f3f3f3;
  padding: 16px 16px 0 16px;
}
@media (min-width: 1200px) {
  .prices-form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 60px 0 36px 60px;
  }
}
@media (min-width: 1600px) {
  .prices-form {
    padding: 60px 0 54px 60px;
  }
}
.prices-form__wrapper .container {
  position: relative;
}
@media (min-width: 1200px) {
  .prices-form__form {
    max-width: 510px;
  }
}
@media (min-width: 1600px) {
  .prices-form__form {
    max-width: 683px;
  }
}
.prices-form__image-bg {
  position: relative;
  -ms-flex-item-align: end;
      align-self: flex-end;
  right: -45px;
  bottom: -36px;
  margin-top: 130px;
}
@media (min-width: 1200px) {
  .prices-form__image-bg {
    position: absolute;
    right: -20%;
    bottom: 0;
    margin-top: unset;
  }
}
@media (min-width: 1600px) {
  .prices-form__image-bg {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.prices-form__image--seo-ad {
  position: absolute;
  right: -4px;
  bottom: 0;
}
@media (min-width: 1200px) {
  .prices-form__image--seo-ad {
    max-width: 611px;
  }
}
@media (min-width: 1800px) {
  .prices-form__image--seo-ad {
    right: -30px;
  }
}
@media (min-width: 768px) {
  .prices-form .form__field:last-of-type {
    margin-bottom: 12px;
  }
}

.index-block--feedback .prices-form {
  padding-bottom: 32px;
}
@media (min-width: 992px) {
  .index-block--feedback .prices-form {
    padding: 60px 0 36px 60px;
  }
}
@media (min-width: 1200px) {
  .index-block--feedback .prices-form {
    padding: 60px 0 54px 60px;
  }
}
.index-block--feedback .prices-form__image-bg {
  display: none;
}
@media (min-width: 992px) {
  .index-block--feedback .prices-form__image-bg {
    display: block;
  }
}
.index-block--feedback .prices-form__image {
  display: none;
}
@media (min-width: 992px) {
  .index-block--feedback .prices-form__image {
    display: block;
  }
}

.blog-index__header-button {
  display: none;
}
@media (min-width: 768px) {
  .blog-index__header-button {
    display: block;
  }
}
.blog-index__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 26px;
}
@media (min-width: 768px) {
  .blog-index__footer {
    display: none;
  }
}