.fri,
.fri-logo {
  display: inline-block;
  vertical-align: middle;
}
.general__title,
body,
html {
  font-family: HelveticaNeueCyr;
}

@font-face {
  font-family: 'PT Sans';
  font-weight: 400;
  font-style: italic;

  src: url(../fonts/PTSans-Italic.eot);
  src:
    url(../fonts/PTSans-Italic.eot?#iefix) format('embedded-opentype'),
    url(../fonts/PTSans-Italic.woff) format('woff'),
    url(../fonts/PTSans-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'PT Sans';
  font-weight: 700;
  font-style: italic;

  src: url(../fonts/PTSans-BoldItalic.eot);
  src:
    url(../fonts/PTSans-BoldItalic.eot?#iefix) format('embedded-opentype'),
    url(../fonts/PTSans-BoldItalic.woff) format('woff'),
    url(../fonts/PTSans-BoldItalic.ttf) format('truetype');
}

@font-face {
  font-family: 'PT Sans';
  font-weight: 400;
  font-style: normal;

  src: url(../fonts/PTSans-Regular.eot);
  src:
    url(../fonts/PTSans-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/PTSans-Regular.woff) format('woff'),
    url(../fonts/PTSans-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'PT Sans Narrow';
  font-weight: 400;
  font-style: normal;

  src: url(../fonts/PTSans-Narrow.eot);
  src:
    url(../fonts/PTSans-Narrow.eot?#iefix) format('embedded-opentype'),
    url(../fonts/PTSans-Narrow.woff) format('woff'),
    url(../fonts/PTSans-Narrow.ttf) format('truetype');
}

@font-face {
  font-family: 'PT Sans';
  font-weight: 700;
  font-style: normal;

  src: url(../fonts/PTSans-Bold.eot);
  src:
    url(../fonts/PTSans-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/PTSans-Bold.woff) format('woff'),
    url(../fonts/PTSans-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'PT Sans Narrow';
  font-weight: 700;
  font-style: normal;

  src: url(../fonts/PTSans-NarrowBold.eot);
  src:
    url(../fonts/PTSans-NarrowBold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/PTSans-NarrowBold.woff) format('woff'),
    url(../fonts/PTSans-NarrowBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Bello Pro';
  font-weight: 400;
  font-style: normal;

  src: url(../fonts/Bello-Pro.eot);
  src:
    url(../fonts/Bello-Pro.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Bello-Pro.woff) format('woff'),
    url(../fonts/Bello-Pro.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 900;
  font-style: italic;

  src: url(../fonts/HelveticaNeueCyr-BlackItalic.eot);
  src:
    url(../fonts/HelveticaNeueCyr-BlackItalic.eot?#iefix)
      format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-BlackItalic.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-BlackItalic.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 300;
  font-style: italic;

  src: url(../fonts/HelveticaNeueCyr-LightItalic.eot);
  src:
    url(../fonts/HelveticaNeueCyr-LightItalic.eot?#iefix)
      format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-LightItalic.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-LightItalic.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 700;
  font-style: normal;

  src: url(../fonts/HelveticaNeueCyr-Bold.eot);
  src:
    url(../fonts/HelveticaNeueCyr-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-Bold.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-Bold.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 400;
  font-style: normal;

  src: url(../fonts/HelveticaNeueCyr-Roman.eot);
  src:
    url(../fonts/HelveticaNeueCyr-Roman.eot?#iefix) format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-Roman.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-Roman.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 200;
  font-style: normal;

  src: url(../fonts/HelveticaNeueCyr-UltraLight.eot);
  src:
    url(../fonts/HelveticaNeueCyr-UltraLight.eot?#iefix)
      format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-UltraLight.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-UltraLight.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 500;
  font-style: normal;

  src: url(../fonts/HelveticaNeueCyr-Medium.eot);
  src:
    url(../fonts/HelveticaNeueCyr-Medium.eot?#iefix) format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-Medium.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-Medium.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 200;
  font-style: italic;

  src: url(../fonts/HelveticaNeueCyr-UltraLightItalic.eot);
  src:
    url(../fonts/HelveticaNeueCyr-UltraLightItalic.eot?#iefix)
      format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-UltraLightItalic.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-UltraLightItalic.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 500;
  font-style: italic;

  src: url(../fonts/HelveticaNeueCyr-Italic.eot);
  src:
    url(../fonts/HelveticaNeueCyr-Italic.eot?#iefix) format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-Italic.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-Italic.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 100;
  font-style: italic;

  src: url(../fonts/HelveticaNeueCyr-ThinItalic.eot);
  src:
    url(../fonts/HelveticaNeueCyr-ThinItalic.eot?#iefix)
      format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-ThinItalic.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-ThinItalic.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 300;
  font-style: normal;

  src: url(../fonts/HelveticaNeueCyr-Light.eot);
  src:
    url(../fonts/HelveticaNeueCyr-Light.eot?#iefix) format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-Light.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-Light.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 700;
  font-style: italic;

  src: url(../fonts/HelveticaNeueCyr-BoldItalic.eot);
  src:
    url(../fonts/HelveticaNeueCyr-BoldItalic.eot?#iefix)
      format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-BoldItalic.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-BoldItalic.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 100;
  font-style: normal;

  src: url(../fonts/HelveticaNeueCyr-Thin.eot);
  src:
    url(../fonts/HelveticaNeueCyr-Thin.eot?#iefix) format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-Thin.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-Thin.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 900;
  font-style: normal;

  src: url(../fonts/HelveticaNeueCyr-Black.eot);
  src:
    url(../fonts/HelveticaNeueCyr-Black.eot?#iefix) format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-Black.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-Black.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaNeueCyr;
  font-weight: 900;
  font-style: normal;

  src: url(../fonts/HelveticaNeueCyr-Heavy.eot);
  src:
    url(../fonts/HelveticaNeueCyr-Heavy.eot?#iefix) format('embedded-opentype'),
    url(../fonts/HelveticaNeueCyr-Heavy.woff) format('woff'),
    url(../fonts/HelveticaNeueCyr-Heavy.ttf) format('truetype');
}
.mb10 {
  margin-bottom: 10px;
}
.mb65 {
  margin-bottom: 65px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb7 {
  margin-bottom: 7px;
}
.mb30 {
  margin-bottom: 30px;
}
.fri-logo {
  overflow: hidden;

  width: 282px;
  height: 40px;

  background-image: url(../images/icons-scb7503cdf1.png);
  background-repeat: no-repeat;
  background-position: 0 -533px;
}
.fri-arrow-dark,
.nav__back > a:hover .fri-arrow-dark {
  overflow: hidden;
  display: inline-block;

  width: 42px;
  height: 21px;

  vertical-align: middle;

  background-image: url(../images/icons-scb7503cdf1.png);
  background-repeat: no-repeat;
}
.fri-arrow-dark {
  background-position: 0 -95px;
}
.nav__back > a:hover .fri-arrow-dark {
  background-position: 0 -69px;
}
.chistovie-logo {
  overflow: hidden;
  display: inline-block;

  width: 150px;
  height: 23px;

  vertical-align: middle;

  background-image: url(../images/icons-scb7503cdf1.png);
  background-repeat: no-repeat;
  background-position: 0 -168px;
}
.general-results-orders__icon {
  overflow: hidden;
  display: inline-block;

  width: 40px;
  height: 40px;

  vertical-align: middle;

  background-image: url(../images/icons-scb7503cdf1.png);
  background-repeat: no-repeat;
  background-position: 0 -233px;
}
.general-results-visitors__icon {
  overflow: hidden;
  display: inline-block;

  width: 45px;
  height: 37px;

  vertical-align: middle;

  background-image: url(../images/icons-scb7503cdf1.png);
  background-repeat: no-repeat;
  background-position: 0 -278px;
}
.general-results-google__icon,
.general-results-yandex__icon {
  overflow: hidden;
  display: inline-block;

  height: 32px;

  vertical-align: middle;

  background-image: url(../images/icons-scb7503cdf1.png);
  background-repeat: no-repeat;
}
.general-results-google__icon {
  width: 32px;
  background-position: 0 -196px;
}
.general-results-yandex__icon {
  width: 15px;
  background-position: 0 -320px;
}
.section__title-icon {
  overflow: hidden;
  display: inline-block;

  width: 36px;
  height: 10px;

  vertical-align: middle;

  background-image: url(../images/icons-scb7503cdf1.png);
  background-repeat: no-repeat;
  background-position: 0 -578px;
}
.arrow_1::after {
  overflow: hidden;
  display: inline-block;

  width: 51px;
  height: 33px;

  vertical-align: middle;

  background-image: url(../images/icons-scb7503cdf1.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.arrow_2::after,
.arrow_3::after {
  overflow: hidden;
  display: inline-block;

  width: 42px;
  height: 26px;

  vertical-align: middle;

  background-image: url(../images/icons-scb7503cdf1.png);
  background-repeat: no-repeat;
  background-position: 0 -38px;
}
.chistovie-wrapper .pagenavi .pagenavi__post.is-left a:hover::before,
.chistovie-wrapper .pagenavi .pagenavi__post.is-right a:hover::before {
  overflow: hidden;
  display: inline-block;

  width: 21px;
  height: 42px;

  vertical-align: middle;

  background-image: url(../images/icons-scb7503cdf1.png);
  background-repeat: no-repeat;
  background-position: 0 -121px;
}
.chistovie-wrapper .pagenavi .pagenavi__post.is-right a:hover::before {
  transform: rotate(180deg);
}
body,
html {
  height: 100%;
  margin: 0;
}
* {
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
}
body {
  font-size: 17px;
  font-weight: 300;
  color: #000;
  background-color: #fff;
}
p {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.container,
.section {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.chistovie-wrapper {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;

  min-width: 1200px;

  background-color: #fff;
}
.container {
  max-width: 1050px;
  padding: 0 20px;
}
.container::after {
  clear: both;
}
.container::before {
  content: '';
  display: table;
}
.section {
  max-width: 2560px;
}
.section_1 {
  margin-top: var(--layout-projects-header-height-desktop);
  margin-bottom: 6px;
  padding-top: 92px;
  background: radial-gradient(ellipse at 50% bottom, #feffff 0, #def4f5 50%);
}

@media only screen and (min-width: 0) and (max-width: 991px) {
  .section_1 {
    margin-top: var(--layout-projects-header-height-mobile);
  }
}
.general__logo {
  margin-bottom: 18px;
  text-align: center;
}
.general__title {
  margin-bottom: 100px;

  font-size: 38px;
  font-weight: 100;
  color: #039fa5;
  text-align: center;
}
.general__results {
  position: relative;
  width: 100%;
  height: 470px;
}
.general-results__orders {
  position: absolute;
  width: 440px;
  height: 440px;
}
.general-results-orders__big-circle {
  position: absolute;
  top: 117px;
  left: 22px;

  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 207px;
  height: 207px;

  background: url(../images/general-results-orders-big-circle.png) no-repeat;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.general-results-orders__big-circle::after,
.general-results-orders__big-circle::before {
  content: '';

  position: absolute;
  left: 50%;
  transform: translateX(-50%);

  background-color: rgba(0, 111, 168, 0.6);
}
.general-results-orders__big-circle::after {
  bottom: -32px;
  width: 2px;
  height: 32px;
}
.general-results-orders__big-circle::before {
  bottom: -42px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.general-results-orders__middle-circle {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 155px;
  height: 155px;
  border-radius: 50%;

  background-color: #4e8dae;
  background-blend-mode: multiply;
  filter: brightness(110%);

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.general-results-orders__small-circle {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100px;
  height: 100px;
  border-radius: 50%;

  background-color: #fff;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.general-results-orders__descr {
  position: absolute;
  top: 385px;
  left: 9px;

  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;

  width: 250px;
  height: 45px;

  -ms-flex-align: end;
}
.general-results-google__count,
.general-results-orders__count,
.general-results-visitors__count,
.general-results-yandex__count {
  margin-right: 12px;

  font-size: 52.58px;
  font-weight: 300;
  line-height: 0.8;
  color: #334050;
}
.general-results-google__text,
.general-results-orders__text,
.general-results-visitors__text,
.general-results-yandex__text {
  font-size: 17px;
  line-height: 1;
  color: #262424;
}
.general-results-visitors__big-circle {
  position: absolute;
  top: 138px;
  left: 207px;

  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 165px;
  height: 164px;

  background: url(../images/general-results-visitors-big-circle.png) no-repeat;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.general-results-visitors__big-circle::after,
.general-results-visitors__big-circle::before {
  content: '';

  position: absolute;
  left: 50%;
  transform: translateX(-50%);

  background-color: rgba(0, 154, 160, 0.6);
}
.general-results-visitors__big-circle::before {
  top: -26px;
  width: 2px;
  height: 26px;
}
.general-results-visitors__big-circle::after {
  top: -36px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.general-results-visitors__middle-circle {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 123px;
  height: 123px;
  border-radius: 50%;

  background-color: #039fa5;
  background-blend-mode: multiply;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.general-results-visitors__small-circle {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 80px;
  height: 80px;
  border-radius: 50%;

  background-color: #fff;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.general-results-visitors__descr {
  position: absolute;
  top: 40px;
  left: 140px;

  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;

  width: 290px;
  height: 45px;

  -ms-flex-align: end;
}
.general-results-visitors__icon {
  margin-top: -10px;
}
.general-results__image {
  position: absolute;
  top: 0;
  left: 274px;

  width: 416px;
  height: 473px;

  background: url(../images/general-results-image.png) top no-repeat;
}
.general-results-google__big-circle {
  position: absolute;
  top: 157px;
  left: 701px;

  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 132px;
  height: 132px;
  border-radius: 50%;

  background: url(../images/general-results-google-big-circle.png) no-repeat;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.general-results-google__big-circle::after,
.general-results-google__big-circle::before {
  content: '';

  position: absolute;
  left: 50%;
  transform: translateX(-50%);

  background-color: #7dd8a4;
}
.general-results-google__big-circle::after {
  bottom: -66px;
  width: 2px;
  height: 66px;
}
.general-results-google__big-circle::before {
  bottom: -76px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.general-results-google__middle-circle {
  position: relative;

  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 102px;
  height: 102px;
  border-radius: 50%;

  background-color: #65af83;
  background-blend-mode: multiply;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.general-results-google__small-circle {
  position: relative;

  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 65px;
  height: 65px;
  border-radius: 50%;

  background-color: #fff;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.general-results-google__descr {
  position: absolute;
  top: 387px;
  left: 664px;

  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;

  width: 250px;
  height: 45px;

  -ms-flex-align: end;
}
.general-results-yandex__big-circle {
  position: absolute;
  top: 172px;
  left: 820px;

  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 101px;
  height: 101px;

  background: url(../images/general-results-yandex-big-circle.png) no-repeat;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.general-results-yandex__big-circle::after,
.general-results-yandex__big-circle::before {
  content: '';

  position: absolute;
  left: 50%;
  transform: translateX(-50%);

  background-color: #dc772d;
}
.general-results-yandex__big-circle::after {
  top: -60px;
  width: 2px;
  height: 60px;
}
.general-results-yandex__big-circle::before {
  top: -70px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.general-results-yandex__middle-circle {
  position: relative;

  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 77px;
  height: 77px;
  border-radius: 50%;

  background-color: #ca5f14;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.general-results-yandex__small-circle {
  position: relative;

  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;
  border-radius: 50%;

  background-color: #fff;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.general-results-yandex__descr {
  position: absolute;
  top: 42px;
  left: 760px;

  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;

  width: 240px;
  height: 45px;

  -ms-flex-align: end;
}
.section_2 {
  height: 473px;
}
.period-text {
  margin-bottom: 71px;

  font-size: 17px;
  font-weight: 300;
  color: #262424;
  text-align: center;
  letter-spacing: 0.2px;
}
.section__title {
  position: relative;

  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;

  width: 765px;
  margin: 0 auto 20px;
}
.section__title-icon-wrapper {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;

  margin-right: 8px;
  margin-bottom: 8px;

  -ms-flex-pack: center;
}
.section__title-text-wrapper {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;

  -ms-flex-align: center;
  -ms-flex-pack: justify;
}
.section__title-left-line,
.section__title-right-line {
  width: 280px;
  height: 2px;
  background-color: #eef1f1;
}
.section__title-text {
  position: relative;
  font-size: 34px;
  font-weight: 100;
  text-align: center;
}
.section__text {
  width: 1000px;
  margin: 0 auto;

  font-size: 17px;
  line-height: 1.4;
  color: #000;
  text-align: center;
}
.client__large-text,
.client__small-text {
  font-weight: 300;
  line-height: 1;
}
.client {
  position: relative;
  width: 1332px;
  height: 335px;
  margin: 0 auto;
}
.client__grid {
  position: absolute;
  top: 20px;

  display: -ms-flexbox;
  display: flex;

  width: 100%;
  height: 201px;

  background: url(../images/client-bg.png) center no-repeat;
}
.client__left-item,
.client__right-item {
  position: absolute;
  top: 114px;

  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;

  text-align: center;

  -ms-flex-pack: center;
}
.client__left-item {
  left: 307px;
}
.client__right-item {
  left: 772px;
}
.client__small-text {
  font-size: 17px;
  color: #65b3ba;
  filter: brightness(110%);
}
.client__large-text,
.targets-grid__title {
  font-size: 38px;
  color: #65b3ba;
  filter: brightness(110%);
}
.section_3 {
  position: relative;
  height: 635px;
  background: url(../images/targets-bg.png) center 85px no-repeat;
}
.targets {
  height: 500px;
}
.targets-grid {
  position: relative;

  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  width: 840px;
  margin: 0 auto;

  -ms-flex-align: start;
  -ms-flex-pack: justify;
}
.targets-grid__item-1,
.targets-grid__item-2,
.targets-grid__item-3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;

  width: 260px;
  margin-top: 38px;

  text-align: center;

  -ms-flex-pack: center;
}
.targets-grid__item-1 {
  left: 120px;
}
.targets-grid__item-2 {
  left: 404px;
}
.targets-grid__item-3 {
  left: 686px;
}
.targets-grid__title {
  font-weight: 100;
}
.targets-grid__descr {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.2;
  color: #000;
}
.targets__image-1 {
  position: absolute;
  z-index: 1;
  top: 210px;
  left: 170px;

  width: 362px;
  height: 218px;

  background: url(../images/targets-image-1.png) no-repeat;
}
.targets__image-2 {
  position: absolute;
  z-index: 2;
  top: 175px;
  left: 294px;

  width: 463px;
  height: 279px;

  background: url(../images/targets-image-2.png) no-repeat;
}
.targets__image-3 {
  position: absolute;
  z-index: 1;
  top: 210px;
  left: 520px;

  width: 362px;
  height: 218px;

  background: url(../images/targets-image-3.png) no-repeat;
}
.targets__blur {
  position: absolute;
  z-index: 3;
  top: 275px;
  left: 150px;

  width: 159px;
  height: 145px;

  background: url(../images/targets-blur.png) no-repeat;
}
.section__title-text_seo {
  width: 100%;
}
.section_4 {
  height: 1800px;
}
.seo {
  z-index: 10;
  height: 1734px;
}
.seo-background {
  position: absolute;
  top: 405px;
  left: 0;

  width: 100%;
  height: 1395px;

  background: #f0feff;
}
.seo__catalog {
  position: absolute;
  top: 112px;
  left: 15px;

  width: 528px;
  height: 1006px;

  background: url(../images/seo-catalog.png) no-repeat;
}
.seo__descr {
  position: absolute;
  top: 117px;
  left: 625px;
  width: 385px;
}
.seo__descr-title {
  margin-bottom: 17px;
  font-size: 28px;
  font-weight: 300;
  color: #000;
}
.seo__descr-text {
  margin-bottom: 30px;
  font-size: 17px;
  font-weight: 300;
  color: #000;
}
.seo__descr-graphic {
  position: absolute;
  top: 190px;
  left: 35px;

  width: 237px;
  height: 99px;

  background: url(../images/seo-graphic.png) no-repeat;
}
.seo__queries {
  position: absolute;
  z-index: 10;
  top: 185px;
  left: 0;

  font-size: 52px;
  font-weight: 300;
  color: #334050;
}
.seo__descr-small-text {
  position: absolute;
  top: 301px;

  font-size: 15px;
  font-weight: 300;
  color: #000;
}
.seo__work-catalog {
  position: absolute;
  top: 567px;
  left: 626px;
  width: 385px;
}
.small-title {
  margin-bottom: 18px;
  font-size: 28px;
  font-weight: 300;
  color: #000;
}
.default-list li,
.default-text {
  font-size: 17px;
  font-weight: 300;
}
.default-text {
  color: #000;
}
.default-text p {
  margin-bottom: 22px;
  line-height: 1.4;
}
.default-list {
  margin-top: -2px;
  padding: 0;
  list-style-type: none;
}
.default-list li {
  position: relative;
  margin-bottom: 16px;
  padding-left: 44px;
  line-height: 1.3;
}
.arrow,
.arrow-wrapper-1,
.nav-white {
  position: absolute;
}
.default-list li::after {
  content: '';

  position: absolute;
  top: 9px;
  left: 3px;

  width: 6px;
  height: 6px;
  border-radius: 50%;

  background-color: #65b3ba;
}
.nav-white {
  height: 104px;
  padding-top: 27px;
}
.nav-white .nav__menu .nav__menu__contacts .btn {
  font-family: 'Bello Pro';
}
.nav-white .nav__menu .nav__menu__contacts .btn:hover {
  border-color: #00b6bd;
  background-color: #00b6bd;
}
.nav-white .nav__back a:hover {
  color: #00b6bd;
}
.default-link {
  font-style: normal;
  color: #4b79bb;
  text-decoration: underline;
}
.default-link:hover {
  color: #4b79bb;
  text-decoration: none;
}
.arrow {
  font-family: 'PT Sans';
  font-size: 13px;
  font-weight: 100;
  font-style: italic;
  color: #00b6bd;
  text-align: center;

  filter: brightness(100%);
}
.arrow-wrapper-1 {
  top: 1126px;
  left: 116px;
}
.arrow_1 {
  position: relative;
}
.arrow_1::after {
  content: '';
  position: absolute;
  top: -15px;
  right: -20px;
}
.arrow-wrapper-2 {
  position: absolute;
  top: 1149px;
  left: 626px;
}
.arrow_2 {
  position: relative;
}
.arrow_2::after {
  content: '';
  position: absolute;
  top: 15px;
  left: -50px;
}
.arrow-wrapper-3 {
  position: absolute;
  top: 20px;
  left: 617px;
}
.arrow_3 {
  position: relative;
  z-index: 100;
  text-align: left;
}
.arrow_3::after {
  content: '';
  position: absolute;
  top: 5px;
  left: -60px;
}
.seo-table {
  position: absolute;
  top: 1200px;
  left: 60px;

  width: 941px;
  height: 541px;

  background: url(../images/seo-table.png) no-repeat;
}
.section_5 {
  height: 2320px;
}
.technical-changes {
  position: relative;

  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;

  width: 452px;
  margin-top: 44px;
  margin-left: 17px;
}
.technical-changes .default-list {
  margin-bottom: 30px;
}
.technical-changes .small-title,
.work-with-content .small-title {
  margin-bottom: 23px;
}
.work-with-content {
  position: relative;

  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;

  width: 390px;
  margin-top: 44px;
  margin-right: 14px;
}
.work-with-content .default-list {
  margin-bottom: 29px;
}
.flex {
  display: -ms-flexbox;
  display: flex;
}
.justify-space-beetween {
  justify-content: space-between;

  -ms-flex-pack: justify;
}
.section-articles {
  position: relative;
  width: 100%;
  margin-top: -295px;
}
.articles-images {
  position: relative;
  height: 1000px;
}
.articles-image__1 {
  position: absolute;
  z-index: 10;
  top: 72px;
  left: 522px;

  width: 492px;
  height: 986px;

  background: url(../images/articles-image-1.png) no-repeat;
}
.articles-image__2,
.articles-image__3 {
  position: absolute;
  z-index: 10;
  width: 504px;
}
.articles-image__2 {
  top: 313px;
  left: 120px;
  height: 414px;
  background: url(../images/articles-image-2.png) no-repeat;
}
.articles-image__3 {
  top: 693px;
  left: 118px;
  height: 325px;
  background: url(../images/articles-image-3.png) no-repeat;
}
.section_6 {
  position: relative;
  margin-top: -95px;
  padding-bottom: 30px;
  background-color: #fafbfb;
}
.articles-blur__1,
.articles-blur__2,
.map,
.traffic {
  position: absolute;
}
.section_6 .flex {
  margin-top: 182px;
}
.articles-image__4 {
  z-index: 10;

  flex-shrink: 0;

  width: 615px;
  height: 663px;
  margin-right: 22px;
  margin-left: -32px;

  background: url(../images/articles-image-4.png) no-repeat;

  -ms-flex-negative: 0;
}
.re-linking {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;

  margin-top: 18px;

  -ms-flex-negative: 0;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0;
}
.re-linking .small-title {
  margin-bottom: 36px;
}
.re-linking .default-text {
  margin-bottom: 10px;
  line-height: 1.4;
}
.re-linking__title-blue {
  margin-bottom: 10px;

  font-size: 28px;
  font-weight: 300;
  color: #00b1b8;

  filter: brightness(100%);
}
.articles-blur__1 {
  top: 239px;
  left: -110px;

  width: 292px;
  height: 303px;

  background: url(../images/articles-blur-1.png) no-repeat;
}
.articles-blur__2 {
  top: 660px;
  right: -334px;

  width: 315px;
  height: 303px;

  background: url(../images/articles-blur-2.png) no-repeat;
}
.section_7 {
  padding-top: 73px;
  padding-bottom: 120px;
}
.section_7 .small-title {
  z-index: 10;
  margin-bottom: 20px;
}
.section_7 .default-text {
  z-index: 10;
  line-height: 1.4;
}
.section_7 .flex {
  z-index: 10;
  justify-content: center;

  -ms-flex-pack: center;
}
.map {
  z-index: -1;
  top: 80px;
  left: 280px;

  width: 495px;
  height: 274px;

  background: url(../images/map.png) no-repeat;
}
.city,
.section-7-wrapper {
  z-index: 10;
}
.text-center {
  text-align: center;
}
.city {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 110px;
  height: 42px;
  margin-right: 25px;
  padding: 0 20px;
  border-radius: 20px;

  color: #fff;

  background: #00b6be;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.city:last-child {
  margin-right: 0;
}
.other-works-image {
  width: 437px;
  height: 280px;
  background: url(../images/other-works-image.png) no-repeat;
}
.external-optimization {
  flex-shrink: 0;

  width: 440px;
  margin-right: 110px;
  margin-left: 10px;

  -ms-flex-negative: 0;
}
.external-optimization .small-title {
  margin-bottom: 23px;
}
.external-optimization .default-text {
  margin-bottom: 23px;
  line-height: 1.4;
}
.other-works {
  flex-shrink: 0;
  width: 390px;

  -ms-flex-negative: 0;
}
.other-works .small-title {
  margin-bottom: 24px;
}
.section_9 {
  padding-top: 100px;
  padding-bottom: 50px;
}
.section_9 .section__title {
  margin-bottom: 30px;
}
.section_9 .flex {
  width: 780px;
  margin: 0 auto;
}
.section_9 .flex .default-list {
  width: 300px;
  margin-right: 140px;
}
.section_9 .flex .default-list:last-child {
  margin-right: 0;
}
.section_9 .flex .default-list li {
  margin-bottom: 20px;
}
.section_10 {
  padding-top: 66px;
  padding-bottom: 50px;
  background: linear-gradient(to bottom, #f3feff 80%, #fff);
}
.section__title-text_results {
  width: 100%;
  font-size: 60px;
  font-weight: 100;
  line-height: 1;
}
.results {
  width: 909px;
  height: 580px;
  margin: 44px 50px 50px;
  background: url(../images/results.png) no-repeat;
}
.traffic {
  top: 310px;
}
.traffic__bigger-circle {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 217px;
  height: 217px;
  border-radius: 50%;

  background: url(../images/traffic-bigger-circle.png) no-repeat;
  box-shadow: -5px 0 40px 2px rgba(0, 0, 0, 0.16);

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.traffic__bigger-circle::after,
.traffic__bigger-circle::before {
  content: '';

  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  background-color: #64aed6;
}
.traffic__big-circle,
.traffic__medium-circle {
  display: -ms-flexbox;
  border-radius: 50%;

  -ms-flex-align: center;
}
.traffic__bigger-circle::after {
  right: -17px;
  width: 22px;
  height: 2px;
}
.traffic__bigger-circle::before {
  right: -27px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.traffic__big-circle {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 207px;
  height: 207px;

  background: url(images/traffic-big-circle.png) no-repeat;

  -ms-flex-pack: center;
}
.traffic__medium-circle {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 155px;
  height: 155px;

  background-color: #4e8dae;

  -ms-flex-pack: center;
}
.traffic__small-circle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 101px;
  height: 101px;
  border-radius: 50%;

  background-color: #fff;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.traffic__count {
  font-size: 36px;
  line-height: 1;
  color: #4e8dae;
}
.traffic__text {
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  color: #4e8dae;
}
.traffic__descr {
  position: absolute;
  top: 80px;
  left: 260px;

  width: 95px;

  font-size: 15px;
  line-height: 1.1;
  color: #262424;
}
.orders {
  position: absolute;
  top: 410px;
  right: 230px;
}
.orders__big-circle::after,
.orders__big-circle::before,
.orders__bigger-circle::after,
.orders__bigger-circle::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.orders__bigger-circle {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 174px;
  height: 174px;
  border-radius: 50%;

  background: url(../images/orders-bigger-circle.png) no-repeat;
  box-shadow: -5px 0 40px 2px rgba(0, 0, 0, 0.16);

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.orders__big-circle,
.orders__medium-circle {
  display: -ms-flexbox;
  border-radius: 50%;

  -ms-flex-align: center;
}
.orders__bigger-circle::after {
  left: -17px;
  width: 22px;
  height: 2px;
  background-color: #17c6cd;
}
.orders__bigger-circle::before {
  left: -27px;

  width: 10px;
  height: 10px;
  border-radius: 50%;

  background-color: #17c6cd;
}
.orders__big-circle {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 165px;
  height: 165px;

  background-color: #17c6cd;

  -ms-flex-pack: center;
}
.orders__big-circle::after {
  left: -18px;
  width: 22px;
  height: 2px;
  background-color: #17c6cd;
}
.orders__big-circle::before {
  left: -28px;

  width: 10px;
  height: 10px;
  border-radius: 50%;

  background-color: #17c6cd;
}
.orders__medium-circle {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 123px;
  height: 123px;

  background-color: #039fa5;

  -ms-flex-pack: center;
}
.orders__small-circle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 81px;
  height: 81px;
  border-radius: 50%;

  background-color: #fff;

  -ms-flex-align: center;
  -ms-flex-pack: center;
}
.orders__count {
  font-size: 36px;
  font-weight: 300;
  line-height: 1;
  color: #039fa5;
}
.orders__text {
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  color: #039fa5;
}
.orders__descr {
  position: absolute;
  top: 70px;
  left: -160px;

  width: 120px;

  font-size: 15px;
  line-height: 1.1;
  color: #262424;
  text-align: right;
}
.region-text {
  margin: 0 -50px;
}
.chistovie-wrapper .nav-white .nav__menu .nav__menu__contacts .btn {
  font-family: 'Bello Pro';
}
.chistovie-wrapper .nav-white .nav__menu .nav__menu__contacts .btn:hover {
  border-color: #00b6bd;
  color: #fff;
  background-color: #00b6bd;
}
.chistovie-wrapper .nav-white .nav__back a:hover {
  color: #00b6bd;
}
.chistovie-wrapper .nav-white {
  position: absolute;
  height: 113px;
}
.chistovie-wrapper .pagenavi .pagenavi__post a .pagenavi__cell {
  padding: 0 50px;
  font-family: HelveticaNeueCyr, Helvetica;
  font-size: 16px;
  font-weight: 300;
}
.chistovie-wrapper .pagenavi .pagenavi__post a {
  color: #000;
}
.chistovie-wrapper .pagenavi .pagenavi__post a:hover {
  border-color: #00b6bd;
  color: #00b6bd;
}
.chistovie-wrapper .link_site {
  text-align: center;
}
.chistovie-wrapper .pagenavi {
  padding-top: 0;
  padding-bottom: 80px;
}
.chistovie-wrapper .main_btn {
  display: inline-block;

  padding: 5px 30px;
  border: 2px solid #00b6bd;

  font-family: 'Bello Pro';
  font-size: 20px;
  color: #fff;

  background-color: #00b6bd;
}
.chistovie-wrapper .main_btn:hover {
  border-color: #00b6bd;
  color: #00b6bd;
  text-decoration: none;
  background-color: #fff;
}
.chistovie-wrapper .feedback {
  padding-top: 90px;
  padding-bottom: 107px;
}
.chistovie-wrapper .feedback .feedback__desktop a,
.chistovie-wrapper .feedback .feedback__desktop p,
.chistovie-wrapper .feedback__name {
  font-family: HelveticaNeueCyr, HelveticaNeueCyr;
}
.chistovie-wrapper .feedback__name {
  margin-bottom: 50px;
  font-weight: 200;
}
.chistovie-wrapper .feedback .feedback__email .form-group .btn {
  height: auto;
  padding-top: 11px;
  padding-bottom: 11px;
  border: 3px solid #464646;
  border-radius: 0;

  font-family: 'Bello Pro';
  font-size: 28px;
  color: #464646;

  background-color: transparent;
}
.chistovie-wrapper .feedback .feedback__email .form-group .btn:hover {
  border-color: #00b6bd;
  color: #fff;
  background-color: #00b6bd;
}
.chistovie-wrapper .vista {
  padding-top: 75px;
  padding-bottom: 100px;
  background-color: #00b6bd;
}
.chistovie-wrapper .vista,
.chistovie-wrapper .vista p,
.chistovie-wrapper .vista span,
.chistovie-wrapper .vista__name {
  font-family: HelveticaNeueCyr, HelveticaNeueCyr;
  color: #000;
}
.chistovie-wrapper .section__space b {
  background-color: #00b6bd;
}
.chistovie-wrapper .contacts {
  background-image: url(../images/background.jpg);
  background-size: cover;
}