@font-face {
  font-family: 'PTSans';
  src: url("../fonts/PTSans-Regular.woff");
  src: local("../fonts/PTSans-Regular"), local("PTSans-Regular"), url("../fonts/PTSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PTSans Bold';
  src: url("../fonts/PTSans-Bold.woff");
  src: local("../fonts/PTSans-Bold"), local("PTSans-Bold"), url("../fonts/PTSans-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.heart {
  width: 15px;
  height: 15px;
  transition: all .35s;
}

.heart.active {
  fill: #00acec;
}

.search {
  width: 14px;
  height: 14px;
  fill: #dbdcdd;
}

.phone {
  width: 22px;
  height: 22px;
  fill: #00acec;
}

.instagram {
  width: 19px;
  height: 19px;
  fill: #f078a4;
}

.telegram {
  width: 26px;
  height: 21px;
  fill: #039be5;
}

.facebook {
  width: 20px;
  height: 20px;
  fill: #3b5998;
}

.question {
  width: 18px;
  height: 18px;
  fill: #77cbba;
}

.info {
  width: 19px;
  height: 19px;
}

.settings {
  width: 27px;
  height: 23px;
}

.case {
  width: 25px;
  height: 22px;
}

.projector {
  width: 22px;
  height: 22px;
}

.news-icon {
  width: 23px;
  height: 20px;
}

.location {
  width: 20px;
  height: 23px;
}

.next, .prev {
  width: 18px;
  height: 17px;
  fill: #a5a7a9;
}

.hospital {
  width: 78px;
  height: 78px;
  fill: #00a5ef;
}

.bad {
  width: 95px;
  height: 67px;
  fill: #77cbba;
}

.hospital-2 {
  width: 77px;
  height: 77px;
  fill: #ceda42;
}

.doctor {
  width: 79px;
  height: 87px;
  fill: #00a5ef;
}

.brain {
  width: 75px;
  height: 83px;
  fill: #c67ced;
}

.online {
  width: 62px;
  height: 62px;
}

.trophy {
  width: 60px;
  height: 64px;
}

.health {
  width: 60px;
  height: 70px;
}

.hospital-3 {
  width: 53px;
  height: 53px;
}

.doctor-2 {
  width: 88px;
  height: 78px;
}

.award {
  width: 60px;
  height: 70px;
}

.desk {
  width: 64px;
  height: 64px;
}

.attach {
  width: 20px;
  height: 20px;
  fill: #77cbba;
}

.vicecode {
  width: 105px;
  height: 30px;
  fill: #00acf4;
  transition: all .35s;
}

.vicecode:hover {
  cursor: pointer;
  fill: #0088c1;
}

.hand {
  width: 55px;
  height: 53px;
}

.interface {
  width: 49px;
  height: 44px;
}

.list {
  width: 48px;
  height: 48px;
}

.tools {
  width: 57px;
  height: 57px;
}

.business {
  width: 57px;
  height: 56px;
}

.file {
  width: 52px;
  height: 52px;
}

.man {
  width: 46px;
  height: 47px;
  fill: #00acec;
}

.prof {
  width: 40px;
  height: 40px;
  fill: #77cbba;
}

.game {
  width: 48px;
  height: 48px;
  fill: #e6a430;
}

.avatar {
  width: 45px;
  height: 47px;
  fill: #ceda42;
}

.marker {
  width: 41px;
  height: 41px;
  fill: #fff;
  transition: all .35s;
}

* {
  box-sizing: border-box;
  outline: none;
}

*:focus {
  outline: none;
}

a, button, input, input:focus, li, textarea {
  border: none;
  text-decoration: none;
  color: inherit;
  outline: none;
  list-style: none;
}

a:hover, button:hover {
  cursor: pointer;
}

body, html {
  height: 100%;
}

body {
  margin: 0;
  overflow-x: hidden;
  font-family: 'PTSans', sans-serif;
}

input, textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0 20px;
  color: #000000;
  font-family: 'PTSans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  border-radius: 25px;
  background-color: #eef6f9;
}

input::placeholder, textarea::placeholder {
  color: #000000;
  font-family: 'PTSans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

textarea {
  padding: 20px;
}

input[type="submit"] {
  appearance: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="file"] {
  background: none;
}

.submit-button input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.swiper-pagination-bullet {
  margin-right: 7px !important;
}

.swiper-pagination-bullet:last-child {
  margin-right: 0;
}

textarea {
  resize: none;
}

h1, h2, h3, h4, h5, h6, p, ul {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  border: none;
  outline: none;
}

.swiper-slide:hover {
  cursor: pointer;
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 194px;
  height: 40px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  border-radius: 20px;
  background-color: #77cbba;
  transition: all .35s;
}

.button:hover {
  background: #5dc1ad;
}

.title {
  text-align: center;
  color: #000000;
  font-size: 45px;
  font-weight: 400;
}

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 576px) {
  .container {
    width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1134px;
  }
}

.menu-link {
  position: relative;
  display: none;
  width: 35px;
  height: 35px;
  margin-left: 3px;
  background: transaprent;
  border-radius: 4px;
  transition: 0.4s;
}

.menu-link_active .menu-lines {
  background: transparent;
}

.menu-link_active .menu-lines:after {
  top: 0;
  transform: rotate(-135deg);
}

.menu-link_active .menu-lines:before {
  top: 0;
  transform: rotate(135deg);
}

.menu-lines, .menu-lines:before, .menu-lines:after {
  position: absolute;
  width: 25px;
  height: 2.5px;
  background-color: #77cbba;
  transition: 0.4s;
}

.menu-lines {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu-lines:before {
  content: '';
  top: -7px;
}

.menu-lines:after {
  content: '';
  top: 7px;
}

.menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sub-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 30px;
  z-index: -1;
  min-width: 485px;
  padding-top: 0px;
  opacity: 0;
  transition: all .35s;
  box-shadow: 0 5px 30px rgba(142, 146, 161, 0.34);
  border: 2px solid #d9f0f9;
}

.sub-menu:after {
  content: '';
  position: absolute;
  left: 60px;
  top: -15px;
  z-index: 4;
  width: 20px;
  height: 20px;
  transform: rotate(45deg) translateY(50%);
  background: #71bbac;
}

.sub-menu li {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  background: #ffffff;
  transition: all .35s;
}

.sub-menu li a {
  display: block;
  width: 100%;
  height: 100%;
  height: 50px;
  min-height: 70px;
  padding: 0 10px 0 30px;
  color: #000000;
  transition: all .35s;
}

.sub-menu li:hover {
  background: #71bbac;
}

.sub-menu li:hover a {
  color: #ffffff;
}

.menu-item-has-children {
  position: relative;
  z-index: 4;
  padding-bottom: 16px;
  transform: translatey(8px);
}

@media (min-width: 992px) {
  .menu-item-has-children:hover .sub-menu {
    display: block;
    opacity: 1;
  }
}

.menu-item-has-children span .carret {
  display: none;
}

.home .header {
  position: relative;
  z-index: 5;
  padding-bottom: 90px;
  background: transparent url(../img/done-block-bg.png) bottom no-repeat;
}

.header .logo-wrapper {
  min-width: 164px;
}

.header-wrapper {
  position: relative;
  z-index: 21;
  padding-top: 15px;
  min-height: 36px;
  background: url(../img/header/header-bottom-bg-7.png) center no-repeat;
}

.header__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header__top-wrapper {
  position: fixed;
  left: 0;
  top: 0px;
  z-index: 20;
  min-height: 36px;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 9px;
  background: #ffffff;
}

.header__top-wrapper_fixed {
  top: -5px;
  padding-bottom: 30px;
  background: transparent url(../img/header-fixed-bg-6.png) center bottom -10px no-repeat;
  background-size: 120%;
}

.header__top-wrapper_fixed .sub-menu {
  left: -28px;
}

.header__bottom {
  position: relative;
  z-index: 3;
  top: 10px;
  transition: all .35s;
}

.header__bottom_mobile {
  display: none;
}

.header__bottom-wrapper {
  position: relative;
  z-index: 3;
  min-height: 47px;
  margin-top: 90px;
  display: flex;
  align-items: center;
  padding-bottom: 40px;
  transition: all .35s;
}

.header__bottom-wrapper .header__social img:last-child {
  width: 20px;
}

.header__menu {
  min-height: 47px;
  display: flex;
  align-items: center;
}

.header__menu li {
  font-size: 16px;
  font-weight: 400;
  transition: all .35s;
}

.header__menu li a {
  display: flex;
  align-items: center;
}

.header__menu li a span {
  margin-left: 9px;
}

.header__menu li:hover {
  color: #00acec;
}

.header__menu-icon {
  fill: #00acec;
}

.header__right {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-left: 22px;
  margin-top: 4px;
}

.header__right-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.header__search {
  position: relative;
  align-self: flex-start;
}

.header__search .search {
  position: absolute;
  right: 21px;
  top: 28%;
  z-index: 2;
  width: 15px;
  height: 15px;
  transform: translatey(-50%);
  cursor: pointer;
  transition: all .35s;
}

.header__search .search:hover {
  fill: #00acec;
}

.header__search input {
  width: 291px;
  height: 40px;
  padding: 0 20px;
  color: #a6a8aa;
  font-family: 'PTSans', sans-serif;
  font-size: 16px;
  line-height: 20px;
  border-radius: 20px;
  border: 2px solid #ebebeb;
}

.header__search input::placeholder {
  font-style: italic;
  color: #a6a8aa;
  font-family: 'PTSans', sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.header__search input:focus + .search {
  right: 45px;
}

.header__col {
  display: flex;
  flex-direction: column;
}

.header__social {
  display: flex;
  align-items: center;
}

.header__social span {
  margin-right: 12px;
  color: #a6a8aa;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.header__social-icons {
  display: flex;
  align-items: center;
}

.header__social-icons img {
  margin-right: 4px;
  cursor: pointer;
}

.header__tel {
  display: flex;
  align-items: center;
  margin: 13px 83px 20px 0;
  color: #00acec;
  font-size: 18px;
  font-family: 'PTSans Bold', sans-serif;
  line-height: 20px;
}

.header__tel span {
  margin-left: 7px;
}

.header__tel:hover {
  color: #0096cd;
}

.header__tel:hover .phone {
  fill: #0096cd;
}

.header__tel .phone {
  transition: all .35s;
}

.header__button {
  margin-top: 6px;
  margin-bottom: 8px;
  transition: none;
}

.header__request {
  display: flex;
  align-items: center;
}

.header__request span {
  margin-left: 5px;
  color: #77cbba;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  transition: all .35s;
  cursor: pointer;
}

.header__request span:hover {
  text-decoration: underline;
  color: #59c0ab;
}

.header__slider {
  position: relative;
  z-index: 1;
  top: -31px;
  margin-bottom: -31px;
}

.header__item {
  min-height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.header__item-text {
  display: flex;
  justify-content: center;
  padding-top: 150px;
}

.header__text {
  display: inline-block;
  padding: 10px 13px 13px 13px;
  text-align: center;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 4px;
}

.header__text h1 {
  font-size: 50px;
  font-family: 'PTSans Bold', sans-serif;
  line-height: 1;
}

.header__text p {
  font-size: 40px;
  font-weight: 400;
}

.header .slide-prev, .header .slide-next {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 81px;
  height: 180px;
  transform: translatey(-50%);
  background: url(../img/header/slider-arrow-bg.png) center no-repeat;
  cursor: pointer;
}

.header .slide-next {
  left: auto;
  right: 0;
  transform: translatey(-50%) rotate(180deg);
}

.header .swiper-pagination {
  bottom: -4px;
}

.header .swiper-pagination-bullet {
  margin-right: 9px;
}

.header__top-wrapper_fixed .header__request, .header__top-wrapper_fixed .header__search {
  display: none;
}

.header__top-wrapper_fixed .header__right {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 0;
  padding-bottom: 15px;
  padding-top: 8px;
}

.header__top-wrapper_fixed .header__right-top {
  align-items: center;
  margin-bottom: 13px;
}

.header__top-wrapper_fixed .header__tel, .header__top-wrapper_fixed .header__button {
  margin: 0;
}

.header__top-wrapper_fixed .header__bottom {
  margin-top: 0;
  min-height: auto;
}

.header__top-wrapper_fixed .header__button {
  height: auto;
  width: auto;
  font-size: 14px;
  font-weight: 700;
  color: #77cbba;
  padding: 0;
  border-bottom: 1px dashed #77cbba;
  border-radius: 0px;
  background: none;
}

.header__top-wrapper_fixed .header__menu-icon {
  display: none;
}

.header__top-wrapper_fixed .header__menu li span {
  margin-left: 0;
}

.header__top-wrapper_fixed .header__col-first {
  width: 60%;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.swiper-pagination {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-pagination-bullet {
  width: 35px;
  height: 8px;
  margin-right: 0px;
  margin-bottom: 21px;
  border-radius: 4px;
  background-color: #ffffff;
  opacity: 1;
}

.swiper-pagination-bullet:last-child {
  margin-right: 0;
}

.swiper-pagination-bullet-active {
  margin-bottom: 0;
  height: 29px;
  border-radius: 4px 4px 0 0;
}

.news {
  margin-top: 35px;
  margin-bottom: 23px;
}

.news__title {
  margin-bottom: 12px;
  font-size: 25px;
  font-weight: 400;
  line-height: 20px;
}

.news-wrapper {
  display: flex;
  justify-content: space-between;
}

.news__item {
  position: relative;
  width: 100%;
  max-width: 358px;
  min-height: 180px;
  padding: 22px;
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border-radius: 6px;
  border: 2px solid #d9f0f9;
  background-color: #ffffff;
  cursor: pointer;
  transition: all .35s;
}

.news__item-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.news__item-title {
  margin-bottom: 10px;
  font-size: 18px;
  font-family: 'PTSans Bold', sans-serif;
  line-height: 20px;
  color: #000000;
  transition: all .35s;
}

.news__item-text {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
  transition: all .35s;
}

.news__item-date {
  color: #a6a8aa;
  font-size: 12px;
  font-weight: 400;
  transition: all .35s;
}

.news__item:hover {
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border-radius: 6px;
  background-color: rgba(97, 182, 165, 0.87);
  color: #ffffff;
}

.news__item:hover .news__item-title, .news__item:hover .news__item-text, .news__item:hover .news__item-date {
  color: #ffffff;
}

.resolve {
  position: relative;
  z-index: 2;
  margin-top: 31px;
  margin-bottom: 150px;
  background: url(../img/resolve-bg.png) right 200px bottom no-repeat;
}

.resolve__title {
  margin-bottom: 67px;
}

.resolve-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.resolve__item {
  position: relative;
  width: 100%;
  max-width: 253.8px;
  min-height: 253.8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 120px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}

.resolve__item:nth-child(3), .resolve__item:nth-child(5) {
  margin-right: 0;
}

.resolve__item:nth-child(4), .resolve__item:nth-child(5) {
  transform: translateY(-50px);
}

.resolve__item-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border: 4px solid #d6f0eb;
  background-color: #ffffff;
  border-radius: 4px;
  transition: all .5s ease-in-out;
}

.resolve__item-text {
  position: absolute;
  left: 50%;
  top: 45%;
  width: 100%;
  transform: translate(-50%, -50%);
}

.resolve__item-title {
  max-width: 235px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 900;
}

.resolve__item-icon {
  margin-bottom: 12px;
}

.resolve__item:nth-child(2) .resolve__item-icon {
  margin-bottom: 20px;
}

.resolve__item:nth-child(5) .resolve__item-icon {
  margin-bottom: 40px;
  transform: translatey(30px);
}

.resolve__item:hover .resolve__item-bg {
  box-shadow: 0 25px 30px rgba(195, 200, 221, 0.65);
  background-color: #e6a430;
  border: none;
}

.resolve__item:hover .resolve__item-title {
  color: #ffffff;
}

.resolve__item:hover .resolve__item-icon {
  fill: #fff;
}

.page-block.page-block-resolve {
  background: transparent url(../img/done-block-bg.png) bottom no-repeat;
  background-size: auto;
}

.resolve-block-bg {
  background: url(../img/resolve-header-bg.png) top 50px center no-repeat;
}

.resolve-block-bg .crumbs {
  margin-top: 0;
  padding-top: 60px;
}

.page-block.page-block-resolve-2 {
  background: url(../img/page-bg.png) bottom 40px center no-repeat;
}

.company {
  position: relative;
  min-height: 542px;
  overflow: hidden;
}

.company .container {
  margin-left: auto;
}

.company-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 43.9%;
  height: 542px;
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 4px;
}

.company-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}

.company__right {
  max-width: 58%;
  margin-left: 26px;
  margin-top: 68px;
}

.company__title {
  max-width: 400px;
  margin-bottom: 31px;
  text-align: left;
}

.company__title span {
  color: #fa263f;
}

.company__text {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.more-button {
  display: flex;
  align-items: center;
  color: #77cbba;
  font-size: 18px;
  font-weight: 600;
  font-family: 'PTSans Bold', sans-serif;
  line-height: 20px;
  border: none;
  background: none;
  transition: all .35s;
}

.more-button:hover {
  color: #5dc1ad;
}

.more-button:hover .next {
  transform: translateX(10px) rotate(180deg);
}

.more-button .next {
  margin-left: 4px;
  fill: #77cbba;
  transform: rotate(180deg);
  transition: all .35s;
}

.features {
  position: relative;
  top: -20px;
  z-index: 3;
  min-height: 735px;
  padding: 140px 0;
  background: url(../img/features-bg-2.png) top no-repeat;
  background-size: cover;
}

.features-wrapper {
  display: flex;
  justify-content: space-between;
}

.features__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.features__item-icon {
  height: 65px;
  margin-bottom: 9px;
}

.features__item-icon svg {
  fill: #9cd1c6;
}

.features__item-title {
  max-width: 150px;
  min-height: 51px;
  margin-bottom: 52px;
  text-align: center;
  color: #000000;
  font-size: 15px;
  font-weight: 400;
}

.features__item-number {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 130px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.features__item-number span {
  transform: translatey(-23px);
  font-size: 25px;
  font-family: 'PTSans Bold', sans-serif;
  color: #ffffff;
}

.features__item-number:before {
  content: '';
  position: absolute;
  left: 49.25%;
  top: 0;
  width: 2px;
  height: 51px;
  transform: translatey(-100%);
  background: linear-gradient(to bottom, #fff, #75d9d1);
}

.features__item:nth-child(2n) {
  flex-direction: column-reverse;
  transform: translatey(123px);
}

.features__item:nth-child(2n) .features__item-icon {
  margin-bottom: 0;
}

.features__item:nth-child(2n) .features__item-title {
  margin-bottom: 9px;
}

.features__item:nth-child(2n) .features__item-number:before {
  content: '';
  position: absolute;
  left: 49.25%;
  top: auto;
  bottom: 47px;
  width: 2px;
  height: 51px;
  transform: translatey(100%);
  background: linear-gradient(to bottom, #78d4c7, #fff);
}

.features__item:nth-child(2) .features__item-number:before, .features__item:nth-child(6) .features__item-number:before {
  background: linear-gradient(to bottom, #78d4c7, #fff);
}

.features__item:nth-child(4) .features__item-number:before {
  background: linear-gradient(to bottom, #78d4c7, #fff);
}

.feedback {
  /*padding-top: 80px;*/
  padding-bottom: 106px;
}

.feedback-wrapper {
  max-width: 1033px;
  margin: 0 auto 19px auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.feedback__title {
  width: 100%;
  text-align: left;
}

.feedback .slide-count {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.feedback .slide-count .line {
  margin: 0 10px;
  color: #e8e8e8;
  font-size: 25px;
  font-weight: 400;
}

.feedback .slide-count .all-slide {
  color: #a6a8aa;
  font-size: 16px;
  font-family: 'PTSans Bold', sans-serif;
}

.feedback .slide-count .current-slide {
  color: #000000;
  font-size: 25px;
  font-family: 'PTSans Bold', sans-serif;
}

.feedback .swiper-slide {
  z-index: 1;
  border-radius: 6px;
  padding-bottom: 30px;
}

.feedback__item {
  position: relative;
  z-index: 3;
  display: flex;
  max-width: 1020px;
  min-height: 480px;
  margin: 7px auto 0 auto;
  padding: 35px 30px;
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border-radius: 6px;
  background-color: #ffffff;
}

.feedback__left {
  max-width: 530px;
  margin-right: 50px;
}

.feedback__right {
  width: 392px;
  height: 393px;
}

.feedback__img {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.feedback__item {
  position: relative;
}

.feedback__item:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -29px;
  width: 100%;
  height: 30px;
  background: url(../img/feedback-after-3.png) center no-repeat;
  background-size: 103%;
  opacity: .5;
}

.feedback__item-name {
  margin-bottom: 10px;
  color: #32bcad;
  font-size: 25px;
  font-family: 'PTSans Bold', sans-serif;
}

.feedback__item-pos {
  margin-bottom: 26px;
  color: #a6a8aa;
  font-size: 18px;
  font-weight: 400;
}

.feedback__item-text {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}

.feedback__item-button {
  width: 266px;
  height: 53px;
  font-size: 18px;
  font-weight: 400;
  border-radius: 25px;
}

.slide-prev-feedback, .slide-next-feedback {
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 67px;
  height: 149px;
  transform: translate(0, -50%);
  cursor: pointer;
}

.slide-prev-feedback .next, .slide-prev-feedback .prev, .slide-next-feedback .next, .slide-next-feedback .prev {
  transition: all .35s;
}

.slide-next-feedback {
  left: auto;
  right: 5px;
  transform: translatey(-50%);
  background: url(../img/recom-arrow.png) -35px center no-repeat;
}

.slide-next-feedback .next {
  transform: rotate(180deg) translate(0px, 5px);
}

.slide-next-feedback:hover .next {
  fill: #61c3af;
}

.slide-prev-feedback {
  background: url(../img/recom-arrow-left.png) -15px center no-repeat;
}

.slide-prev-feedback .prev {
  transform: translate(5px, -5px);
}

.slide-prev-feedback:hover .prev {
  fill: #61c3af;
}

.offer {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.offer .container {
  display: flex;
  justify-content: flex-end;
}

.offer-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 858px;
}

.offer__right {
  width: 100%;
  max-width: 714px;
  min-height: 740px;
  padding: 23px 28px;
  box-shadow: 0 5px 30px rgba(72, 79, 104, 0.34);
  border-radius: 6px;
  background-color: #ffffff;
}

.offer__title {
  margin-bottom: 2px;
  font-size: 40px;
  font-weight: 400;
  white-space: pre-wrap;
}

.offer__subtitle {
  margin-bottom: 13px;
  color: #77cbba;
  font-size: 25px;
  font-family: 'PTSans Bold', sans-serif;
}

.offer__form {
  width: 100%;
  max-width: 100%;
  padding: 20px 31px;
  border-radius: 6px;
  border: 2px dashed #77cbba;
}

.offer__form-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.offer__form-title {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.offer form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.offer form > span {
  width: 591px;
  height: 53px;
  margin-bottom: 17px;
}

.offer .input-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  margin-bottom: 17px;
}

.offer .input-wrapper span {
  width: 100%;
  max-width: 287px;
  height: 53px;
}

.offer textarea {
  max-height: 103px;
  margin-bottom: 31px;
}

.offer .input-file {
  width: auto;
  height: auto;
  max-width: 100%;
  margin-bottom: 0;
  color: #000000;
  font-family: "PT Sans";
  font-size: 16px;
  font-family: 'PTSans Bold', sans-serif;
  line-height: 20px;
}

.offer .input-file label {
  margin-left: 5px;
  vertical-align: top;
  cursor: pointer;
  border-bottom: 3px dashed  #c3c6c9;
  font-family: 'PTSans Bold', sans-serif;
  transition: all .35s;
}

.offer .input-file label:hover {
  color: #77cbba;
  border-color: #77cbba;
}

.offer .input-file input {
  height: 0;
  width: 0;
}

.offer .submit-button {
  max-width: 100%;
}

.offer .submit-button input {
  width: 287px;
  height: 53px;
  max-width: 100%;
  box-shadow: 0 15px 15px rgba(170, 120, 33, 0.5);
  border-radius: 25px;
  background-color: #e6a430;
  font-size: 18px;
  font-family: 'PTSans Bold', sans-serif;
  line-height: 20px;
  color: #ffffff;
  transition: all .35s;
}

.offer .submit-button input:hover {
  background: #dd961b;
}

.offer small {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.footer {
  padding-top: 82px;
  padding-bottom: 65px;
}

.footer-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 45px;
}

.footer__right .header__button {
  font-weight: 400;
  font-size: 15px;
}

.footer__menu {
  width: 100%;
  max-width: 580px;
  margin-left: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer__menu li {
  width: 50%;
  margin-bottom: 9px;
  color: #77cbba;
  font-size: 16px;
  font-weight: 400;
  transition: all .35s;
}

.footer__menu li:hover {
  color: #368d7b;
}

.footer__copy {
  display: flex;
  align-items: center;
  margin-right: 80px;
}

.footer__copy span {
  margin-right: 6px;
  color: #a6a8aa;
  font-size: 16px;
  font-weight: 400;
}

.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 23px;
}

.footer__bottom-left {
  display: flex;
  align-items: center;
}

.footer__pol {
  color: #77cbba;
  font-size: 16px;
  font-weight: 400;
  transition: all .35s;
}

.footer__pol:hover {
  color: #52bda7;
  text-decoration: underline;
}

.footer small {
  color: #ced1d5;
  font-size: 13px;
  font-weight: 400;
}

.page__bg {
  margin-bottom: 30px;
}

.page__img {
  width: 1135px;
  height: 505px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
}

.page-block {
  padding-bottom: 55px;
  background: url(../img/page-bg.png) bottom no-repeat;
  background-size: 91%;
}

.page-block__title {
  margin-bottom: 20px;
}

.page-block__text {
  padding: 18px;
  box-shadow: 0 5px 30px rgba(72, 79, 104, 0.19);
  border-radius: 6px;
  background: #ffffff;
}

.page-block__text p {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 400;
}

.page-block__text p:last-child {
  margin-bottom: 0;
}

.page-block-wrapper {
  padding: 20px;
  border-radius: 6px;
  border: 2px dashed #77cbba;
  background: #ffffff;
}

.page-block__button {
  display: block;
  width: 277px;
  margin: 50px auto 0 auto;
  height: 50px;
  box-shadow: 0 15px 15px rgba(170, 120, 33, 0.5);
  border-radius: 25px;
  background-color: #e6a430;
  font-size: 16px;
  font-family: 'PTSans Bold', sans-serif;
  transition: all .35s;
}

.page-block__button:hover {
  background: #d8931a;
}

.crumbs {
  margin: 60px 0 45px 0;
}

.crumbs ul {
  display: flex;
  align-items: center;
}

.crumbs ul li {
  position: relative;
  margin-right: 30px;
  color: #a6a8aa;
  font-size: 15px;
  font-weight: 400;
  border-bottom: 2px dashed #a6a8aa;
  transition: all .35s;
}

.crumbs ul li a {
  cursor: default;
}

.crumbs ul li:not(:last-child):hover {
  color: #77cbba;
  border-color: #77cbba;
}

.crumbs ul li:not(:last-child):hover a {
  cursor: pointer;
}

.crumbs ul li:after {
  content: '/';
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translatey(-50%);
  margin: 0 9px;
  color: #e8e8e8;
  font-size: 15px;
  font-weight: 400;
  border: none;
}

.crumbs ul li:last-child {
  margin-right: 0;
  color: #000000;
  font-size: 15px;
  font-weight: 400;
  border: none;
}

.crumbs ul li:last-child:after {
  display: none;
}


.map {
  margin-bottom: 115px;
  /*height: 481px;*/
}

.page-section {
  position: relative;
  z-index: 3;
  padding: 140px 0;
  padding-top: 150px;
  background: #F6F7FB url(../img/section-bg.jpg) center/cover no-repeat;
}

.page-section-bg {
  background: url(../img/page-section-bg-2.png) center no-repeat;
}

.page-section-wrapper {
  display: flex;
}

.page-section__left {
  max-width: 550px;
  margin-top: 31px;
}

.page-section h2 {
  margin-bottom: 12px;
  color: #000000;
  font-size: 37px;
  font-weight: 400;
}

.page-section p {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
}

.page-section p:last-child {
  margin-bottom: 0;
}

.page-section__right {
  width: 549px;
  height: 387px;
  margin-left: 43px;
  border-radius: 6px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.private {
  margin-bottom: 88px;
  padding-top: 100px;
}

.private__title {
  margin-bottom: 70px;
}

.private-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.private__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 357px;
  margin-bottom: 43px;
  cursor: pointer;
}

.private__item-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 91px;
  height: 88px;
  margin-bottom: 15px;
  border-radius: 6px;
  background-color: #00acec;
}

.private__item-icon svg {
  fill: #fff;
}

.private__item-title {
  max-width: 326px;
  text-align: center;
  font-size: 23px;
  font-weight: 400;
}

.private__item-block {
  position: absolute;
  left: 50%;
  bottom: 40px;
  z-index: -1;
  transform: translate(-50%, 0%);
  width: 384px;
  min-height: 210px;
  padding: 21px;
  opacity: 0;
  box-shadow: 0 3px 7px rgba(143, 155, 159, 0.22);
  background: #ebf6f9;
  transition: all .35s;
}

.private__item-block:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%) rotate(45deg);
  width: 14px;
  height: 14px;
  background: #ebf6f9;
}

.private__item-text {
  padding: 20px 27px;
  color: #436978;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  border-radius: 6px;
  border: 2px dashed #77cbba;
}

.private__item:hover .private__item-block {
  z-index: 2;
  opacity: 1;
}

.projects {
  padding: 30px 0;
  background: url(../img/projects-bg.png) center no-repeat;
}

.projects__title {
  margin-bottom: 15px;
}

.projects__slider {
  position: relative;
  margin: 0 67px;
  padding: 0 15px;
  padding-bottom: 86px;
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border-radius: 6px;
  background-color: #ffffff;
}

.projects__slider .swiper-container {
  margin-left: 3px;
  margin-right: 3px;
}

.projects__slider:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -29px;
  width: 100%;
  height: 30px;
  background: url(../img/feedback-after-3.png) center no-repeat;
  background-size: 103%;
  opacity: .5;
}

.projects-slider__item {
  max-width: 454px;
  padding: 30px 15px;
  box-sizing: content-box;
}

.projects-slider__img {
  width: 100%;
  height: 301px;
  margin-bottom: 50px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.projects-slider__title {
  margin-bottom: 12px;
  font-size: 25px;
  font-family: 'PTSans Bold', sans-serif;
  line-height: 20px;
}

.projects-slider__text {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
}

.projects .slide-prev-feedback, .projects .slide-next-feedback {
  transform: translate(-100%, -50%);
}

.projects .slide-next-feedback {
  right: 2px;
  transform: translate(100%, -50%);
}

.projects .slide-next-feedback .next {
  transform: rotate(180deg) translate(8px, 5px);
}

.projects .swiper-pagination {
  bottom: 25px;
}

.projects .swiper-pagination-bullet {
  margin-right: 8px;
  background-color: #e9ecf3;
}

.projects .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

.integration-bg {
  margin-bottom: 100px;
  background: url(../img/integration-bg.png) bottom no-repeat;
}

.integration__title {
  margin-bottom: 20px;
}

.integration-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 30px;
}

.integration-wrapper .page-block__text {
  max-width: 552px;
  box-shadow: 0 5px 30px rgba(72, 79, 104, 0.19);
  border-radius: 6px;
}

.integration-wrapper .page-block__text p {
  position: relative;
  margin-left: 30px;
}

.integration-wrapper .page-block__text p:before {
  content: '';
  position: absolute;
  left: -30px;
  top: 4px;
  width: 17px;
  height: 17px;
  margin-right: 15px;
  background: url(../img/check.png) center/contain no-repeat;
}

.integration__img {
  width: 549px;
  height: 387px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.integration .page-block__text {
  padding: 19px;
}

.integration .page-block-wrapper {
  padding: 22px;
}

.map {
  position: relative;
}

.maps__title {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
  font-size: 40px;
  font-weight: 400;
}

.page-block-integration {
  background: none;
}

.map-integration {
  height: 567px;
  margin-bottom: 140px;
}

.feedback-integration {
  padding-top: 80px;
  padding-bottom: 127px;
  background: #f6f7fa;
}

.feedback-integration .feedback__item {
  max-width: 1040px;
  margin: 0 auto;
}

.feedback-integration .slide-next-feedback {
  top: 57%;
  right: 9px;
  width: 76px;
  background: url(../img/recom-arrow.png) center no-repeat;
}

.feedback-integration .slide-prev-feedback {
  top: 57%;
  left: -23px;
  width: 76px;
}

.product {
  position: relative;
  top: -30px;
  min-height: 714px;
  margin-bottom: -30px;
  background: url(../img/product-bottom-bg.png) bottom -40px center no-repeat;
  background-size: 100%;
}

.product-wrapper {
  display: flex;
}

.product__left {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  max-width: 680px;
}

.product__img {
  position: absolute;
  right: 0;
  top: 0;
  width: 43.23%;
  height: 714px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #F6F7FA;
}

.product .crumbs {
  margin-top: 49px;
  margin-bottom: 66px;
}

.product h1 {
  margin-bottom: 25px;
}

.product .page-block {
  max-width: 100%;
  padding-bottom: 0;
  background: none;
}

.product .page-block__text, .product .page-block-wrapper {
  padding: 22px;
}

.product .page-block__button {
  width: 293px;
  height: 53px;
  margin-left: 0;
}

.map-product {
  padding: 10px 0 20px 0;
  background: url(../img/map-bg.png) center no-repeat;
}

.map-product .map {
  margin-bottom: 0;
}

.map__title {
  margin-bottom: 40px;
}

.page-block-product {
  background: none;
  margin-top: 55px;
}

.page-section-product {
  padding: 120px 0 160px 0;
  background: url(../img/page-section-bg-2.png) center 92px no-repeat;
}

.offer-product {
  position: relative;
  top: 0px;
  background-position: center;
  background-repeat: no-repeat;
}

.advantages {
  padding: 140px 0;
  min-height: 1342px;
  background: url(../img/advantages-bg.png) center no-repeat;
}

.advantages__title {
  margin-bottom: 30px;
}

.advantages-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.advantages__item {
  width: 100%;
  max-width: 553px;
  min-height: 502px;
  margin-bottom: 20px;
  padding: 30px 25px;
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border-radius: 6px;
  border: 2px solid #cbfcf7;
  background: #fff;
}

.advantages__item-top {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.advantages__item-title {
  margin-left: 10px;
  font-size: 25px;
  font-family: 'PTSans Bold', sans-serif;
  line-height: 30px;
}

.advantages__item-text p {
  position: relative;
  margin-bottom: 20px;
  margin-left: 30px;
}

.advantages__item-text p:last-child {
  margin-bottom: 0;
}

.advantages__item-text p:before {
  content: '';
  position: absolute;
  left: -30px;
  top: 7px;
  width: 17px;
  height: 17px;
  margin-right: 15px;
  background: url(../img/check.png) center/contain no-repeat;
}

.advantages__item:nth-child(1) {
  border-color: #77cbba;
}

.advantages__item:nth-child(1) .advantages__item-title {
  color: #77cbba;
}

.advantages__item:nth-child(2) {
  border-color: #00acec;
}

.advantages__item:nth-child(2) .advantages__item-title {
  color: #00acec;
}

.advantages__item:nth-child(3) {
  border-color: #e6a430;
}

.advantages__item:nth-child(3) .advantages__item-title {
  color: #e6a430;
}

.advantages__item:nth-child(4) {
  border-color: #ceda42;
}

.advantages__item:nth-child(4) .advantages__item-title {
  color: #ceda42;
}

.project-block {
  background: none;
}

.project-block__img {
  width: 185px;
  height: 65px;
  margin-bottom: 25px;
}

.project-block__title {
  margin-bottom: 29px;
  color: #32bcad;
  font-size: 25px;
  font-family: 'PTSans Bold', sans-serif;
}

.project-block__subtitle {
  margin-bottom: 40px;
  color: #77cbba;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.project-block__subtitle:hover {
  text-decoration: underline;
}

.project-block__text {
  max-width: 100%;
}

.project-block__text p {
  margin-bottom: 13px;
}

.project-block__text p:last-child {
  margin-bottom: 0;
}

.project-block .product__img {
  width: 39.23%;
  height: 564px;
  top: auto;
  bottom: -7px;
}

.project-block .page-block__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 270px;
  height: 53px;
  margin-top: 34px;
}

.page-block-project {
  padding: 100px 0 106px 0;
  background: #f6f7fa url(../img/page-block-project-bg.png) top 200px left 60px no-repeat;
}

.offer-project {
  position: relative;
  top: -20px;
  min-height: 642px;
  margin-bottom: -50px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.offer-project-wrapper {
  display: flex;
  justify-content: flex-end;
  padding-top: 90px;
}

.offer-project-block {
  width: 100%;
  max-width: 683px;
  min-height: 433px;
  padding: 56px 30px;
  box-shadow: 0 5px 30px rgba(160, 161, 155, 0.34);
  border-radius: 6px;
  background: #ffffff;
}

.offer-project__title {
  margin-bottom: 25px;
  text-align: left;
}

.offer-project__text {
  margin-bottom: 24px;
  font-size: 25px;
  font-weight: 400;
}

.offer-project__small {
  margin-bottom: 30px;
  color: #a6a8aa;
  font-size: 20px;
  font-weight: 400;
}

.offer-project__button {
  width: 295px;
  height: 53px;
  box-shadow: 0 15px 15px rgba(170, 120, 33, 0.5);
  border-radius: 25px;
  background-color: #e6a430;
  transition: all .35s;
}

.offer-project__button:hover {
  background: #d8931a;
}

.task {
  padding-top: 100px;
  min-height: 1019px;
  background: url(../img/task-bg.png) top no-repeat;
  background-size: cover;
}

.task__title {
  margin-bottom: 30px;
}

.task-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 90px;
}

.task__item {
  max-width: 552px;
}

.task__item .page-block__text p {
  position: relative;
  margin-left: 28px;
}

.task__item .page-block__text p:before {
  content: '';
  position: absolute;
  left: -35px;
  top: 3px;
  width: 17px;
  height: 17px;
  margin-right: 15px;
  background: url(../img/check.png) center/contain no-repeat;
}

.page-project .feedback__left {
  padding-top: 23px;
}

.page-project .feedback__item {
  justify-content: space-between;
  max-width: 100%;
  min-height: 362px;
  padding: 30px 30px 30px 80px;
}

.page-project .feedback__item:after {
  display: none;
}

.page-project .feedback__item-text {
  position: relative;
}

.page-project .feedback__item-text:before {
  content: '';
  position: absolute;
  left: -18px;
  top: 0;
  width: 40px;
  height: 31px;
  transform: translateX(-100%);
  background: url(../img/quote.png) center no-repeat;
}

.page-project .feedback__right {
  width: 389px;
  height: 302px;
}

.done {
  position: relative;
  margin-bottom: 100px;
  padding-bottom: 70px;
}

.done-bg {
  position: absolute;
  right: 0;
  top: -21px;
  width: 62%;
  height: 100%;
  background: #F6F7FA url(../img/done-bg-2.png) top 0px center no-repeat;
  background-size: cover;
  overflow: hidden;
}

.done__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 40.6%;
  height: 915px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f6f7fa;
}

.done-wrapper {
  display: flex;
  justify-content: flex-end;
}

.done__right {
  max-width: 70%;
  padding-top: 92px;
}

.done__title {
  margin-bottom: 35px;
  text-align: left;
}

.done__item {
  position: relative;
  width: 100%;
  max-width: 649px;
  margin-bottom: 30px;
  padding: 22px;
  border-radius: 6px;
  border: 2px dashed #77cbba;
}

.done__item-wrapper {
  padding-left: 70px;
}

.done__item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-100%, -50%);
  width: 75px;
  height: 55px;
  background: url(../img/check-icon.png) center no-repeat;
}

.number__title {
  margin-bottom: 80px;
}

.number-wrapper {
  display: flex;
  justify-content: space-between;
}

.number-wrapper-first {
  margin-bottom: 20px;
}

.number__left {
  min-width: 455px;
  margin-right: 29px;
}

.number__right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}

.number__right .number__item:nth-child(1) {
  border: 2px solid #ffe8c4;
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
}

.number__right .number__item:nth-child(1) .number__item-title {
  color: #fba51a;
}

.number__right .number__item:nth-child(1) .number__item-count {
  border: 2px dashed #fba51a;
}

.number__right .number__item:nth-child(1) .number__item-count-bg {
  background-color: #fba51a;
}

.number__right .number__item:nth-child(2) {
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border: 2px solid #cbfcf7;
}

.number__right .number__item:nth-child(2) .number__item-title {
  color: #32bcad;
}

.number__right .number__item:nth-child(2) .number__item-count {
  border: 2px dashed #32bcad;
}

.number__right .number__item:nth-child(2) .number__item-count-bg {
  background-color: #32bcad;
}

.number__right .number__item:nth-child(3) {
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border: 2px solid #eef59a;
}

.number__right .number__item:nth-child(3) .number__item-title {
  color: #c1ce24;
}

.number__right .number__item:nth-child(3) .number__item-count {
  border: 2px dashed #ceda42;
}

.number__right .number__item:nth-child(3) .number__item-count-bg {
  background-color: #ceda42;
}

.number__right .number__item:nth-child(4) {
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border: 2px solid #dbdcdd;
}

.number__right .number__item:nth-child(4) .number__item-title {
  color: #bbbbbb;
}

.number__right .number__item:nth-child(4) .number__item-count {
  border: 2px dashed #dbdcdd;
}

.number__right .number__item:nth-child(4) .number__item-count-bg {
  background-color: #dbdcdd;
}

.number__right .number__item:nth-child(4) .number__item-count-bg span {
  color: #9da1a5;
  font-weight: 700;
}

.number__right .number__item-count {
  transform: translatey(-36%) rotate(45deg);
}

.number__right .number__item-bottom {
  margin-top: -10px;
  width: 100%;
}

.number__item {
  position: relative;
  width: 100%;
  max-width: 311px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 28px;
  margin-bottom: 52px;
  padding: 0 16px;
  padding-bottom: 30px;
  border-radius: 6px;
}

.number__item:nth-child(2n) {
  margin-right: 0;
}

.number__item-count {
  width: 88px;
  height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8.5px;
  border: 2px dashed #0073bb;
  transform: rotate(45deg);
}

.number__item-count-bg {
  width: 100%;
  height: 100%;
  background-color: #00adef;
}

.number__item-count-bg span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
}

.number__item-title {
  margin-bottom: 11px;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}

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

.number__left .number__item_big {
  max-width: 455px;
  min-height: 584px;
  padding: 60px 30px 10px 30px;
  padding-bottom: 140px;
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border: 2px solid #d9f0f9;
  background: url(../img/number-item-bg.png) bottom 35px center no-repeat;
}

.number__left .number__item_big .number__item-title {
  color: #0aaeef;
  font-size: 25px;
}

.number__left .number__item_big .number__item-count {
  margin-bottom: 55px;
}

.number__left .number__item_big .number__item-bottom {
  width: 100%;
}

.number-wrapper-second .number__item-left {
  max-width: 455px;
}

.number-wrapper-second .number__item-right {
  max-width: 650px;
  min-height: 239px;
}

.director {
  padding-bottom: 95px;
  background: #f6f7fa url(../img/director-bg.png) center no-repeat;
}

.director-wrapper {
  display: flex;
  justify-content: space-between;
}

.director__left {
  min-width: 439px;
  min-height: 439px;
  margin-right: 110px;
}

.director__img {
  width: 439px;
  height: 439px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.director__right {
  padding-top: 85px;
}

.director__item-name {
  margin-bottom: 3px;
  color: #32bcad;
  font-size: 25px;
  font-family: 'PTSans Bold', sans-serif;
}

.director__item-pos {
  margin-bottom: 20px;
  color: #a6a8aa;
  font-size: 18px;
  font-weight: 400;
}

.director__item-text {
  position: relative;
}

.director__item-text:before {
  content: '';
  position: absolute;
  left: -15px;
  top: 0;
  width: 54px;
  height: 42px;
  transform: translateX(-100%);
  background: url(../img/quote.png) center no-repeat;
  background-size: cover;
}

.director__item-text p {
  margin-bottom: 15px;
}

.director__item-text p:last-child {
  margin-bottom: 0;
}

.about-company {
  padding-bottom: 95px;
  background: url(../img/about-company-bg.png) top no-repeat;
}

.about-company__title {
  margin-bottom: 19px;
}

.features-company {
  background: none;
  padding: 0;
  min-height: auto;
  padding-bottom: 150px;
}

.features-company__title {
  margin-bottom: 45px;
}

.director-company {
  position: relative;
  min-height: 615px;
  padding-bottom: 0;
  background: url(../img/company-director-bg-2.png) center repeat-x;
  background-size: contain;
  overflow: hidden;
  z-index: 1;
}

.director-company:after {
  content: '';
  position: absolute;
  right: -70px;
  top: -320px;
  z-index: -1;
  width: 650px;
  height: 650px;
  background: url(../img/ellipse.png) center no-repeat;
  background-size: cover;
}

.director-company .director-wrapper {
  align-items: flex-end;
}

.director-company .director__img {
  width: 655px;
  height: 615px;
  border-radius: 0;
}

.director-company .director__left {
  margin-left: -128px;
}

.director-company .director__right {
  max-width: 565px;
  padding-top: 30px;
  padding-bottom: 30px;
  align-self: center;
}

.director-company .director__title {
  margin-bottom: 10px;
  text-align: left;
}

.about-company-block {
  background: url(../img/company-block-bg.png) left 100px top no-repeat;
}

.about-company-block .company-bg {
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  width: 44.5%;
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
}

.about-company-block .company__left {
  max-width: 650px;
  padding-top: 47px;
  margin-right: auto;
  padding-bottom: 25px;
}

.about-company-block .company__title {
  max-width: none;
  margin-bottom: 39px;
  font-size: 37px;
  font-weight: 400;
}

.about-company-block .company__text {
  margin-bottom: 27px;
}

.offer-about {
  background-position: top left;
  background-repeat: no-repeat;
}

.offer-about .offer__subtitle {
  margin-bottom: 21px;
  color: #0aaeef;
}

.offer-about__title {
  margin-bottom: 8px;
  text-align: left;
}

.offer-about .offer__right {
  min-height: 689px;
}

.offer-about .offer__form {
  padding-top: 20px;
  border: 2px dashed #e6a430;
}

.offer-about .offer__form-title {
  font-size: 25px;
}

.offer-about textarea {
  margin-bottom: 20px;
}

.license {
  padding: 120px 0 167px 0;
}

.license__title {
  margin-bottom: 15px;
  text-align: left;
}

.license__subtitle {
  margin-bottom: 40px;
}

.license-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.license__left {
  display: flex;
}

.license__item {
  width: 100%;
  max-width: 345px;
  margin-right: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 30px;
}

.license__item:last-child {
  margin-right: 0;
}

.license__item-img {
  margin-bottom: 24px;
  box-shadow: 0 5px 30px rgba(72, 79, 104, 0.19);
}

.license__item-button {
  width: 283px;
  height: 50px;
  box-shadow: 0 15px 15px rgba(170, 120, 33, 0.5);
  border-radius: 25px;
  background-color: #e6a430;
  font-size: 17px;
  font-family: 'PTSans Bold', sans-serif;
  transition: all .35s;
}

.license__item-button:hover {
  background-color: #d8931a;
}

.license__right {
  width: 100%;
  max-width: 457px;
  min-height: 419px;
  border-radius: 6px;
  border: 2px dashed #00adef;
  background: url(../img/license-bg.png) center no-repeat;
}

.license__right-title {
  max-width: 100%;
}

.license__right-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 421px;
  padding: 90px 40px 20px 40px;
}

.license__right-item img {
  margin-bottom: 43px;
}

.clients {
  position: relative;
  top: -10px;
  padding: 150px 0 87px 0;
  min-height: 1032px;
  background: url(../img/clients-bg.png) center no-repeat;
  background-size: cover;
}

.clients-map {
  width: 100%;
  height: 100%;
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: contain;
}

.clients-map__button {
  display: none;
}

.clients-map-wrapper {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
  height: 1389px;
}

.clients-map-wrapper .clients-map__item[data-target="tab-3"] {
  display: none;
}

.clients-map-wrapper .container {
  width: 100%;
  height: 100%;
}

.clients-map-wrapper__title {
  display: none;
  margin-bottom: 40px;
}

.clients-map__item {
  position: absolute;
  display: inline-block;
}

.clients-map__item .clients-projects__left,
.clients-map__item .clients-projects__right {
  display: none;
}

.clients-map__item.c-1 {
  left: 951px;
  top: 766px;
}

.clients-map__item.c-2 {
  left: 975px;
  top: 743px;
}

.clients-map__item.c-3 {
  left: 916px;
  top: 770px;
}

.clients-map__item.c-4 {
  left: 955px;
  top: 705px;
}

.clients-map__item.c-5 {
  left: 1005px;
  top: 705px;
}

.clients-map__item.c-6 {
  left: 1081px;
  top: 808px;
}

.clients-map__item.c-7 {
  left: 1094px;
  top: 748px;
}

.clients-map__item.c-8 {
  left: 1085px;
  top: 999px;
}

.clients-map__item.c-9 {
  left: 1055px;
  top: 941px;
}

.clients-map__item.c-10 {
  left: 1159px;
  top: 915px;
}

.clients-map__item.c-11 {
  left: 936px;
  top: 800px;
}

.clients-map__item.c-12 {
  left: 1179px;
  top: 667px;
}

.clients-map__item.c-13 {
  left: 1010px;
  top: 775px;
}

.clients-map__item.c-14 {
  left: 1122px;
  top: 957px;
}

.clients-map__item.c-15 {
  left: 184px;
  top: 133px;
}

.clients-map__item.c-16 {
  left: 580px;
  top: 85px;
}

.clients-map__item.c-17 {
  left: 694px;
  top: 226px;
}

.clients-map__item.c-18 {
  left: 472px;
  top: 141px;
}

.clients-map__item.c-19 {
  left: 469px;
  top: 737px;
}

.clients-map__item.c-20 {
  left: 1481px;
  top: 1050px;
}

.clients-map__item.c-21 {
  left: 1060px;
  top: 711px;
}

.clients-map__item.c-22 {
  left: 1627px;
  top: 975px;
}

.clients-map__item.c-23 {
  left: 1330px;
  top: 1166px;
}

.clients-map__item.c-24 {
  left: 1025px;
  top: 798px;
}

.clients-map__item.c-25 {
  left: 1575px;
  top: 900px;
}

.clients-map__item-text {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  visibility: hidden;
  transform: translate(-50%, -100%);
  width: 100%;
  min-width: 387px;
  min-height: 162px;
  padding: 20px;
  box-shadow: 0 3px 22px rgba(143, 155, 159, 0.36);
  border-radius: 6px;
  background: #ffffff;
  transition: all .35s;
}

.clients-map__item-text:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translate(-50%, 50%) rotate(45deg);
  width: 16px;
  height: 16px;
  background: #ffffff;
}

.clients-map__item-title {
  padding: 30px 26px;
  border-radius: 6px;
  border: 2px dashed #e6a430;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.clients-map__item-icon {
  position: relative;
  cursor: pointer;
}

.clients-map__item-icon img {
  position: absolute;
  left: 50%;
  top: 2px;
  z-index: 0;
  transform: translateX(-50%);
  cursor: pointer;
}

.clients-map__item-icon img:hover .clients-map__item-text {
  z-index: 1;
  opacity: 1;
  visibility: visible;
}

.clients-map__item-icon img:hover .marker {
  fill: #e0a132;
}

.clients-map__item-icon:hover .clients-map__item-text {
  z-index: 1;
  opacity: 1;
  visibility: visible;
}

.clients-map__item-icon:hover .marker {
  fill: #e0a132;
}

.clients-map__tabs {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 25px;
}

.clients-map__tabs button {
  min-width: 150px;
  padding: 0 10px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 8px 8px 8px;
  background: transparent;
  border: 1px solid #77cbba;
  border-radius: 4px;
  color: #77cbba;
  font-family: 'PTSans Bold', sans-serif;
  transition: all .35s;
}

.clients-map__tabs button:not(.active):hover {
  color: #ffffff;
  background: #aee0d6;
}

.clients-map__tabs button.active {
  background: #77cbba;
  color: #ffffff;
}

.clients__title {
  margin-bottom: 24px;
}

.clients__subtitle {
  max-width: 1012px;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
}

.clients__slider {
  min-height: 530px;
  margin: 0 52px;
  padding: 50px 30px;
}

.clients__slider-title {
  margin-bottom: 43px;
  text-align: center;
  font-size: 25px;
  font-family: 'PTSans Bold', sans-serif;
}

.clients .projects-slider__item {
  max-width: 301px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.clients .projects-slider__img {
  height: 238px;
  margin-bottom: 20px;
}

.clients .projects-slider__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}

.clients .slide-prev-feedback {
  transform: translate(-98%, -52%) rotate(180deg);
}

.clients .slide-prev-feedback .prev {
  transform: translate(5px, -5px) rotate(180deg);
}

.clients .slide-next-feedback {
  transform: translate(98%, -50%);
}

.clients .slide-prev-feedback, .clients .slide-next-feedback {
  background: url(../img/clients-slider-arrow.png) center no-repeat;
}

.clients .swiper-pagination {
  bottom: 24px;
}

.clients .swiper-pagination-bullet {
  background-color: #e9ecf3;
}

.clients__button {
  width: 283px;
  height: 50px;
  margin: 40px auto 0 auto;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 15px 15px rgba(170, 120, 33, 0.5);
  border-radius: 25px;
  background-color: #e6a430;
  transition: all .35s;
}

.clients__button:hover {
  background: #d8931a;
}

.clients-projects {
  padding: 120px 0;
  background: #fff url(../img/clients-projects-bg.png) top no-repeat;
  background-size: cover;
}

.clients-projects__title {
  margin-bottom: 20px;
  text-align: left;
}

.clients-projects__left {
  width: 548px;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.clients-projects__right {
  margin-left: 35px;
  max-width: 551px;
  padding: 24px 30px 30px 0;
}

.clients-projects__item {
  display: flex;
  min-height: 284px;
  margin-bottom: 28px;
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border-radius: 6px;
  background-color: #ffffff;
  transition: all .35s;
}

.clients-projects__item:hover {
  background: whitesmoke;
}

.clients-projects__item-title {
  margin-bottom: 16px;
  font-family: 'PTSans Bold', sans-serif;
  font-size: 25px;
  font-weight: 700;
}

.clients-projects__item-subtitle {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
}

.clients-projects__item-text {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}

.clients-projects__item-small {
  margin-bottom: 30px;
  color: #a6a8aa;
  font-size: 16px;
  font-weight: 400;
}

.vacancy {
  padding: 150px 0 80px 0;
  background: url(../img/vacancy-bg.png) top 200px left 10px no-repeat;
  background-size: 100%;
}

.vacancy__title {
  margin-bottom: 20px;
  text-align: left;
}

.vacancy__subtitle {
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: 400;
}

.vacancy__subtitle span {
  color: #a6a8aa;
}

.vacancy__subtitle a {
  color: #71bbac;
}

.vacancy__text {
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 400;
}

.vacancy__col:last-child {
  margin-left: 8px;
}

.vacancy__item {
  min-height: 138px;
  margin-bottom: 15px;
  padding: 30px;
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border-radius: 6px;
  background-color: #ffffff;
  cursor: pointer;
}

.vacancy__item:last-child {
  margin-bottom: 0;
}

.vacancy__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
}

.vacancy__top-title {
  margin-bottom: 11px;
  color: #000000;
  font-size: 25px;
  font-family: 'PTSans Bold', sans-serif;
}

.vacancy__top-subtitle {
  max-width: 530px;
  line-height: 25px;
}

.vacancy .more-button {
  color: #32bcad;
  transition: all .35s;
}

.vacancy .more-button .next {
  fill: #32bcad;
}

.vacancy .more-button.active .next {
  transform: rotate(90deg);
}

.vacancy__bottom {
  margin-top: 30px;
  line-height: 25px;
}

.vacancy__bottom .exp {
  margin-bottom: 27px;
}

.vacancy__bottom .exp span {
  color: #a2a6b1;
}

.vacancy__bottom p {
  max-width: 1023px;
  margin-bottom: 26px;
}

.vacancy__bottom-wrapper {
  display: flex;
  justify-content: space-between;
}

.vacancy__bottom-item {
  margin-bottom: 29px;
}

.vacancy__bottom-title {
  margin-bottom: 10px;
  font-family: 'PTSans Bold', sans-serif;
  font-weight: 900;
}

.vacancy__bottom li {
  position: relative;
  margin-left: 19px;
  margin-bottom: 7px;
  line-height: 1.1;
}

.vacancy__bottom li:last-child {
  margin-bottom: 0;
}

.vacancy__bottom li:before {
  content: '';
  position: absolute;
  left: -21px;
  top: 50%;
  transform: translatey(-50%);
  width: 14px;
  height: 14px;
  margin-right: 15px;
  background: url(../img/check.png) center/contain no-repeat;
}

.contact {
  position: relative;
  z-index: 1;
  min-height: 471px;
  overflow: hidden;
}

.contact .map {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 49.84%;
  height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.contact__right {
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 39.5%;
  margin-right: auto;
  padding-top: 50px;
  text-align: left;
}

.contact__right:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 345px;
  height: 345px;
  transform: translate(112%, -39%);
  background: url(../img/contact-after.png) center no-repeat;
}

.contact__title {
  font-size: 38px;
  font-weight: 800;
  font-family: 'PTSans Bold', sans-serif;
  text-align: left;
  line-height: 1;
}

.contact__subtitle {
  margin-bottom: 23px;
  font-size: 18px;
  font-weight: 500;
}

.contact__tel {
  margin-bottom: 17px;
  margin-left: 0px;
  color: #77cbba;
  font-family: 'PTSans Bold', sans-serif;
  font-size: 26px;
  font-weight: 700;
  transition: all .35s;
}

.contact__tel .phone {
  width: 17px;
  height: 17px;
  fill: #77cbba;
  transition: all .35s;
}

.contact__tel:hover {
  color: #61c3af;
}

.contact__tel:hover .phone {
  fill: #61c3af;
}

.contact__form-title {
  margin-bottom: 9px;
  font-size: 18px;
  font-family: 'PTSans Bold', sans-serif;
}

.contact__form .input-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.contact__form span {
  width: 100%;
  max-width: 218px;
}

.contact__form span input {
  width: 100%;
  height: 45px;
  padding-left: 18px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px 3px 3px;
  border: 1px solid #77cbba;
  background: #ffffff;
}

.contact__form span input::placeholder {
  font-size: 14px;
  font-weight: 500;
}

.contact__form textarea {
  width: 100%;
  height: 105px;
  margin-bottom: 7px;
  padding: 10px 10px 10px 18px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  background: #ffffff;
  border-radius: 5px 3px 3px;
  border: 1px solid #77cbba;
  resize: none;
}

.contact__form textarea::placeholder {
  padding-top: 30px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

.contact__form .submit-button {
  width: 190px;
  margin-right: 20px;
}

.contact__form .submit-button input {
  width: 100%;
  height: 45px;
  border-radius: 22.5px;
  line-height: 1;
  border-radius: 20px;
  background-color: #77cbba;
  color: #ffffff;
  font-size: 16px;
  font-family: 'PTSans Bold', sans-serif;
  line-height: 20px;
}

.contact__form small {
  display: block;
  max-width: 288px;
  font-size: 12px;
  font-weight: 300;
  vertical-align: middle;
}

.contact__form-bottom {
  display: flex;
  align-items: center;
}

.block-404 {
  min-height: 868px;
  padding-top: 180px;
  background: url(../img/404-bg.png) center no-repeat;
}

.block-404-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.block-404__img {
  margin-bottom: 40px;
}

.block-404__title {
  margin-bottom: 44px;
  color: #434c5d;
  font-size: 28px;
  font-weight: 400;
}

.block-404__button {
  width: 248px;
  height: 50px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  box-shadow: 0 15px 15px rgba(170, 120, 33, 0.5);
  border-radius: 25px;
  background-color: #e6a430;
  transition: all .35s;
}

.block-404__button:hover {
  background: #d8931a;
}

.article__title {
  margin-bottom: 50px;
}

.article__left {
  width: 370px;
  height: 310px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.article__right {
  max-width: 63%;
  margin-left: 50px;
}

.article__item {
  display: flex;
  margin-bottom: 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ededed;
}

.article__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.article__item-title {
  margin-bottom: 10px;
  font-size: 23px;
  color: #77cbba;
  font-family: 'PTSans Bold', sans-serif;
  line-height: 1.5;
  cursor: pointer;
  transition: all .35s;
}

.article__item-title:hover {
  color: #59c0ab;
}

.article__item-wrapper {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #ededed;
}

.article__item-date, .article__item-like {
  position: relative;
  margin-right: 15px;
  font-size: 14px;
  color: #8c99a9;
}

.article__item-date:after, .article__item-like:after {
  content: '|';
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  right: -10px;
  font-size: 20px;
  color: #8c99a9;
}

.article__item-like {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all .35s;
}

.article__item-like span {
  margin-left: 3px;
}

.article__item-like:hover {
  color: #00acec;
}

.article__item-like:hover .heart {
  fill: #00acec;
}

.article__item-like_active {
  color: #00acec;
}

.article__item-like_active .heart {
  fill: #00acec;
}

.article__text {
  margin: 15px 0;
}

.article__text p {
  margin-bottom: 10px;
  color: #8c99a9;
}

.article__text p:last-child {
  margin-bottom: 0;
}

.article .more-button .next {
  width: 14px;
  height: 14px;
}

.share-buttons-title {
  text-align: center;
  font-family: 'PTSans Bold', sans-serif;
  margin: 20px 0;
}

.single-article {
  padding: 0;
}

.single-article .article__title {
  font-size: 30px;
  text-align: left;
}

.single-article .article__item {
  flex-direction: column;
  align-items: flex-start;
}

.single-article .article__left {
  width: 100%;
  height: auto;
  min-height: 330px;
  background-size: contain;
  background-position: left;
}

.single-article .article__right {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-top: 15px;
}

.share-buttons-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.st-custom-button {
  min-width: 120px;
  box-sizing: border-box;
  transition: opacity 0.2s ease-in, top 0.2s ease-in;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  height: 32px;
  line-height: 32px;
  margin: 4px;
  padding: 0 8px;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: top;
  white-space: nowrap;
}

.st-custom-button span {
  transition: all 0.2s ease-in;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 0.5px;
  min-width: 60px;
  opacity: 1;
  padding: 0 6px;
  position: relative;
  vertical-align: top;
  color: #ffffff;
}

.st-custom-button img {
  height: 16px;
  width: 16px;
}

.st-custom-button[data-network='facebook'] {
  background: #4267B2;
}

.st-custom-button[data-network='whatsapp'] {
  background: #25d366;
}

.st-custom-button[data-network='vk'] {
  background: #4c6c91;
}

.st-custom-button[data-network='telegram'] {
  background: #0088cc;
}

.popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
}

.popup.flex {
  z-index: 23;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup.flex .popup__content {
  transform: perspective(800px) translate(0, 0%) rotatex(0deg);
  opacity: 1;
}

.popup-clients.flex .popup__content {
  transform: perspective(0px) translate(0, 0%) rotatex(0deg);
  opacity: 1;
}

.popup-clients .popup__content {
  max-height: 90%;
  overflow-y: auto;
}

.popup-clients .clients-projects__item:not(:first-child) {
  margin-top: 20px;
}

.popup__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1134px;
  min-height: 405px;
  padding: 58px 30px;
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border-radius: 6px;
  background-color: #ffffff;
  opacity: 0;
  transform: perspective(800px) translate(0, -60%) rotatex(45deg);
  transition: all .35s;
}

.popup__content-call {
  width: 100%;
  max-width: 807px;
  padding-bottom: 20px;
  min-height: 366px;
}

.popup__close {
  position: absolute;
  right: 20px;
  top: -14px;
  cursor: pointer;
  font-size: 62px;
  font-weight: 300;
}

.popup__title {
  margin-bottom: 35px;
  font-size: 40px;
  text-align: center;
}

.popup__form {
  width: 100%;
}

.popup__form-wrapper {
  width: 100%;
  max-width: 746px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 19px 30px 30px;
  border-radius: 6px;
  border: 2px dashed #77cbba;
}

.popup__form-wrapper .input-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.popup__form-wrapper .input-wrapper:first-child {
  margin-bottom: 20px;
  padding-right: 13px;
}

.popup__form-wrapper .input-wrapper span input {
  width: 326px;
  height: 50px;
  border-radius: 25px;
  background-color: #eef6f9;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  padding-left: 19px;
}

.popup__form-wrapper .submit-button input {
  width: 326px;
  height: 50px;
  font-size: 18px;
  font-family: 'PTSans Bold', sans-serif;
  color: #ffffff;
  box-shadow: 0 15px 15px rgba(170, 120, 33, 0.5);
  border-radius: 25px;
  background-color: #e6a430;
}

.popup__form-wrapper small {
  width: 100%;
  max-width: 340px;
  font-size: 14px;
  line-height: 20px;
}

.popup-thank .popup__content {
  min-height: 302px;
  display: flex;
  align-items: center;
}

.popup-thank .popup__title {
  margin-bottom: 0;
}

.popup-thank .popup__form-wrapper {
  padding: 49px 35px;
}

.popup .clients-projects__item {
  min-height: auto;
  margin-bottom: 0;
  box-shadow: 0 5px 30px rgba(195, 200, 221, 0.34);
  border-radius: 6px;
  background-color: #ffffff;
}

.popup .clients-projects__left {
  max-width: 548px;
  height: 284px;
}

.popup .clients-projects__right {
  max-width: 491px;
}

@media (max-width: 1800px) {
  .product {
    background: none;
    overflow: hidden;
  }
  .product__img {
    top: auto;
    bottom: -5px;
  }
  .product__left {
    max-width: 56%;
  }
  .task {
    background: #f6f7fa;
  }
  .done {
    overflow: hidden;
  }
  .done-bg {
    display: none;
  }
  .done__img {
    top: -8px;
  }
  .done__img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #ffffff;
  }
  .about-company-block {
    background: none;
  }
}

@media (max-width: 1750px) {
  .marker {
    width: 32px;
    height: 32px;
  }
  .clients-map-wrapper {
    max-width: 1200px;
    height: 950px;
  }
  .clients-map__item-icon img {
    max-width: 15px;
  }
  .clients-map__item.c-1 {
    left: 688px;
    top: 518px;
  }
  .clients-map__item.c-2 {
    left: 704px;
    top: 497px;
  }
  .clients-map__item.c-3 {
    left: 660px;
    top: 520px;
  }
  .clients-map__item.c-4 {
    left: 686px;
    top: 475px;
  }
  .clients-map__item.c-5 {
    left: 721px;
    top: 485px;
  }
  .clients-map__item.c-6 {
    left: 771px;
    top: 556px;
  }
  .clients-map__item.c-7 {
    left: 780px;
    top: 512px;
  }
  .clients-map__item.c-8 {
    left: 771px;
    top: 681px;
  }
  .clients-map__item.c-9 {
    left: 752px;
    top: 646px;
  }
  .clients-map__item.c-10 {
    left: 825px;
    top: 616px;
  }
  .clients-map__item.c-11 {
    left: 672px;
    top: 545px;
  }
  .clients-map__item.c-12 {
    left: 835px;
    top: 457px;
  }
  .clients-map__item.c-13 {
    left: 720px;
    top: 533px;
  }
  .clients-map__item.c-14 {
    left: 798px;
    top: 649px;
  }
  .clients-map__item.c-15 {
    left: 164px;
    top: 85px;
  }
  .clients-map__item.c-16 {
    left: 432px;
    top: 65px;
  }
  .clients-map__item.c-17 {
    left: 512px;
    top: 151px;
  }
  .clients-map__item.c-18 {
    left: 340px;
    top: 90px;
  }
  .clients-map__item.c-19 {
    left: 358px;
    top: 502px;
  }
  .clients-map__item.c-20 {
    left: 1041px;
    top: 714px;
  }
  .clients-map__item.c-21 {
    left: 761px;
    top: 481px;
  }
  .clients-map__item.c-22 {
    left: 1139px;
    top: 665px;
  }
  .clients-map__item.c-23 {
    left: 943px;
    top: 791px;
  }
  .clients-map__item.c-24 {
    left: 731px;
    top: 552px;
  }
  .clients-map__item.c-25 {
    left: 1103px;
    top: 612px;
  }
}

@media (max-width: 1700px) {
  .company-bg {
    width: 45%;
  }
  .company__right {
    max-width: 54%;
  }
  .page-block {
    background: none;
  }
  .page-block-project {
    background: #f6f7fa;
  }
  .done {
    background: none;
  }
  .done__right {
    max-width: 58%;
  }
  .about-company-block .company__left {
    max-width: 636px;
  }
  .director-company {
    background: #f6f7fa;
  }
  .director-company:after {
    display: none;
  }
}

@media (max-width: 1199px) {
  .title {
    font-size: 40px;
  }
  .home .header {
    background: none;
    padding-bottom: 60px;
  }
  .header {
    background: none;
  }
  .header__slider {
    top: -35px;
  }
  .header__item-text {
    padding-top: 180px;
  }
  .header__tel {
    margin-right: 30px;
  }
  .header__bottom {
    padding-top: 0;
    margin: 8px 0;
  }
  .header__bottom-wrapper {
    background: none;
  }
  .header__top-wrapper_fixed {
    background-size: auto;
  }
  .news__item {
    max-width: 320px;
    padding: 15px;
  }
  .resolve__item {
    max-width: 235px;
    min-height: 235px;
  }
  .company {
    min-height: 450px;
    display: flex;
    align-items: center;
  }
  .company-bg {
    height: 450px;
  }
  .company__right {
    margin-top: 0;
  }
  .company__title, .company__text {
    margin-bottom: 25px;
  }
  .company__title {
    line-height: 1.2;
  }
  .features {
    padding-top: 80px;
    padding-bottom: 200px;
    min-height: auto;
  }
  .features__item-title {
    font-size: 14px;
  }
  .feedback-wrapper {
    max-width: 900px;
  }
  .feedback__right {
    width: 320px;
    height: 320px;
  }
  .feedback__item {
    max-width: 870px;
  }
  .feedback .slide-prev-feedback,
  .feedback .slide-next-feedback {
    width: 50px;
    height: 127px;
  }
  .feedback .slide-next-feedback {
    right: 7px;
    background: url(../img/recom-arrow.png) -51px center no-repeat;
  }
  .feedback .slide-next-feedback .next {
    transform: rotate(180deg) translate(6px, 5px);
  }
  .offer-wrapper {
    min-height: 750px;
  }
  .offer__right {
    min-height: auto;
  }
  .offer__title {
    font-size: 35px;
  }
  .offer__subtitle {
    font-size: 22px;
  }
  .offer__form-title {
    font-size: 18px;
  }
  .offer__form form > span {
    margin-bottom: 10px;
  }
  .offer textarea {
    margin-bottom: 20px;
  }
  .page__img {
    width: 100%;
    height: 460px;
  }
  .private {
    padding-top: 0;
  }
  .private__item {
    max-width: 323px;
  }
  .page-section__left {
    margin-top: 0;
  }
  .integration-wrapper .page-block__text, .integration-wrapper .page-block-wrapper {
    padding: 15px;
  }
  .integration-wrapper .page-block__text {
    max-width: 470px;
  }
  .integration-wrapper .page-block__text p {
    margin-left: 17px;
    font-size: 15px;
  }
  .integration-wrapper .page-block__text p:before {
    left: -25px;
  }
  .integration__img {
    width: 475px;
    height: 320px;
  }
  .feedback-integration .feedback__item {
    max-width: 850px;
  }
  .feedback-integration .slide-next-feedback {
    right: 11px;
    background-size: cover;
    background: url(../img/recom-arrow.png) -48px center no-repeat;
  }
  .feedback-integration .slide-prev-feedback {
    left: 11px;
    background-size: cover;
    background: url(../img/recom-arrow-left.png) -20px center no-repeat;
  }
  .product {
    min-height: auto;
    padding-bottom: 75px;
  }
  .product .crumbs {
    /*margin: 20px 0;*/
  }
  .product h1 {
    margin-bottom: 15px;
  }
  .product .page-block__text, .product .page-block-wrapper {
    padding: 16px;
    font-size: 15px;
  }
  .product .page-block__button {
    margin-top: 20px;
  }
  .advantages {
    padding: 80px 0;
    background: #f6f7fa;
  }
  .advantages__item {
    max-width: 480px;
    padding: 25px 20px;
  }
  .advantages__item-title {
    font-size: 23px;
  }
  .advantages__item-top svg {
    max-width: 40px;
    max-height: 45px;
  }
  .map-product {
    padding-top: 80px;
    margin-bottom: 0;
  }
  .map-product .map {
    margin-bottom: 0;
  }
  .page-block-product {
    padding-bottom: 80px;
  }
  .page-section-product {
    padding: 80px 0;
  }
  .project-block .product__img {
    display: none;
  }
  .project-block .crumbs {
    margin: 40px 0;
  }
  .task {
    background: #f6f7fa;
  }
  .task__item {
    max-width: 49%;
  }
  .done {
    min-height: auto;
    padding-bottom: 0;
  }

.clients-map-wrapper {
  display: none;
}

  .done-bg {
    display: none;
  }
  .done__img {
    display: none;
  }
  .done-wrapper {
    justify-content: center;
  }
  .done__title {
    text-align: center;
  }
  .done__right {
    max-width: 100%;
  }
  .done__item:last-child {
    margin-bottom: 0;
  }
  .number__left {
    min-width: 329px;
  }
  .number__left .number__item_big {
    padding: 50px 20px 10px;
    background: none;
  }
  .number__left .number__item_big .number__item-title {
    font-size: 23px;
  }
  .number__item {
    width: 285px;
  }
  .number__item-title {
    font-size: 20px;
  }
  .number__item-text {
    font-size: 15px;
  }
  .number__item-count {
    width: 80px;
    height: 80px;
  }
  .number__item-count-bg span {
    font-size: 21px;
  }
  .number__item_big {
    width: 320px;
  }
  .number-wrapper-second .number__right {
    width: 100%;
  }
  .number-wrapper-second .number__item-left {
    width: 100%;
    max-width: 329px;
  }
  .number-wrapper-second .number__item-right {
    width: 100%;
    max-width: 612px;
  }
  .director {
    background: #F6F7FA;
  }
  .director__left {
    min-height: auto;
    min-width: auto;
  }
  .director__img {
    width: 339px;
    height: 339px;
    margin-right: 10px;
  }
  .director__right {
    padding-top: 20px;
  }
  .offer-clients {
    background-image: url(../img/offer-bg.jpg) !important;
  }
  .offer-project {
    min-height: 492px;
  }
  .offer-project-wrapper {
    padding-top: 60px;
    justify-content: center;
    text-align: center;
  }
  .offer-project-block {
    padding: 30px 20px;
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .offer-project__title {
    text-align: center;
  }
  .offer-project__text {
    font-size: 22px;
  }
  .about-company {
    padding-bottom: 90px;
  }
  .director-company {
    min-height: auto;
  }
  .director-company .director__left {
    position: relative;
    margin-right: 55px;
    margin-left: 0;
  }
  .director-company .director__img {
    width: 400px;
    height: 372px;
  }
  .license {
    padding-bottom: 100px;
  }
  .license__item {
    max-width: 255px;
  }
  .license__item-button {
    width: 100%;
    height: 45px;
    font-size: 15px;
  }
  .license__right {
    max-width: 380px;
  }
  .about-company-block .company__title {
    margin-bottom: 20px;
  }
  .about-company-block .company__left {
    padding-top: 0;
    max-width: 540px;
  }
  .clients {
    padding: 90px 0;
    background: #F6F7FA;
  }
  .clients .projects-slider__item {
    max-width: 260px;
  }
  .vacancy {
    padding: 90px 0;
    background: none;
  }
  .contact__right {
    max-width: 46.5%;
  }
  .article__left {
    width: 300px;
    height: 260px;
  }
  .article__right {
    margin-left: 35px;
  }
  .article__item-title {
    font-size: 22px;
  }
  /*.clients-projects {
    display: none;
    padding: 90px 0;
    background: #f6f7fa;
  }*/
  .clients-projects__item-subtitle {
    font-size: 18px;
  }
  .popup__content {
    max-width: 940px;
    padding: 40px 20px;
  }
  .popup .clients-project__right {
    padding: 15px 30px 15px 0;
  }
  .projects__slider .swiper-container {
    margin-left: 0px;
    margin-right: 0px;
  }
  .block-404 {
    padding-top: 100px;
    padding-bottom: 60px;
    min-height: auto;
  }
  .block-404__img {
    max-width: 600px;
  }
  .clients-map {
    background: none !important;
  }
  .clients-map__button {
    display: flex;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 40px 0 60px 0;
  }
  .clients-map-wrapper {
    height: auto;
  }
  .clients-map-wrapper .container {
    max-width: 970px;
  }
  .clients-map-wrapper__title {
    display: block;
  }
  .clients-map__tabs {
    display: flex;
  }
  .clients-map__item {
    position: static;
    display: none;
  }
  .clients-map__item[data-target="tab-1"] {
    display: flex;
  }
  .clients-map__item .clients-projects__left,
  .clients-map__item .clients-projects__right {
    display: block;
  }
  .clients-map__item-icon {
    display: none;
  }
  .integration-bg {
    margin-bottom: 0;
    background: none;
  }
  .maps__title {
    font-size: 35px;
  }
  .popup-thank .popup__content {
    min-height: auto;
  }
  .resolve-block-bg {
    background: none;
  }
  .page-block.page-block-resolve {
    background: none;
  }
}

@media (max-width: 991px) {
  .header__search .search{
    top: 35%;
  }
  .menu {
    text-align: center;
  }
  .menu li a {
    height: auto;
    justify-content: center;
  }
  .menu-item-has-children {
    position: relative;
    overflow: hidden;
  }
  .menu-item-has-children .carret {
    position: absolute;
    right: -23px;
    top: 5px;
    z-index: 5;
    width: 15px;
    height: 15px;
    background: url(../img/triangle.png) center no-repeat;
    transform: rotate(90deg);
    background-size: contain;
  }
  .menu-item-has-children .carret_active {
    transform: rotate(180deg);
  }
  .menu-item-has-children span {
    position: relative;
  }
  .menu-item-has-children span .carret {
    display: block;
  }
  .header__bottom .menu .sub-menu {
    position: relative;
    top: -200px;
    min-width: auto;
    display: none;
    flex-direction: column;
    align-items: center;
    opacity: 1;
    box-shadow: none;
    border: none;
  }
  .header__bottom .menu .sub-menu_active {
    top: 0;
  }
  .header__bottom .menu .sub-menu:after {
    display: none;
  }
  .header__bottom .menu .sub-menu_active {
    display: flex;
    transition: all .35s;
  }
  .header__bottom .menu .sub-menu li {
    background: none;
    color: inherit;
    font-size: inherit;
  }
  .header__bottom .menu .sub-menu li:first-child {
    margin-top: 10px;
  }
  .header__bottom .menu .sub-menu li:last-child {
    margin-bottom: 0;
  }
  .header__bottom .menu .sub-menu li a {
    min-height: auto;
    color: inherit;
    font-size: inherit;
  }
  body:not(.home) {
    margin-top: 62px;
  }
  .crumbs {
    margin: 50px 0;
  }
  .resolve-block-bg .crumbs {
    margin: 50px 0;
    padding-top: 0;
  }
  .menu-link {
    display: block;
  }
  .logo-wrapper {
    display: flex;
  }
  .logo-wrapper img {
    max-width: 120px;
  }
  .menu-item-has-children {
    padding-bottom: 0;
    transform: none;
  }
  .margin {
    margin-bottom: 75px;
  }
  .title {
    margin-bottom: 30px;
    font-size: 34px;
  }
  .home .header {
    padding-bottom: 50px;
  }
  .logo-wrapper img {
    height: 40px !important;
  }
  .header {
    padding-bottom: 0;
  }
  .header__menu-icon {
    display: none;
  }
  .header__slider {
    top: 0;
    margin-top: 61px;
    margin-bottom: 0;
  }
  .header__item-text {
    padding-top: 160px;
  }
  .header-wrapper {
    padding: 0;
    min-height: auto;
    background: none;
  }
  .header__right {
    margin-top: 0;
    margin-left: 0;
  }
  .header__right-top {
    justify-content: flex-end;
    align-items: center;
  }
  .header__right-top > .header__search, .header__right-top > .header__search + div {
    display: none;
  }
  .header__col {
    align-items: center;
  }
  .header__button {
    margin: 0;
  }
  .header__tel {
    margin-right: 0;
    color: #ffffff;
  }
  .header__tel .phone {
    fill: #fff;
  }
  .header__request {
    display: none;
  }
  .header-wrapper {
    max-height: 60px !important;
  }
  .header__top {
    max-height: 40px;
  }
  .header__top-wrapper {
    padding: 10px 0;
    margin-bottom: 0;
    max-height: 60px !important;
    background: #ffffff;
  }
  .header__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -100vw;
    z-index: 20;
    width: 100vw;
    height: 100vh;
    margin-top: 61px;
    padding-bottom: 61px;
    background-color: rgba(0, 0, 0, 0.9);
    transition: all 0.5s;
  }
  .header__bottom_active {
    right: 0;
  }
  .header__bottom_active .header__menu-icon {
    display: none;
  }
  .header__bottom_active .header__menu li {
    color: #ffffff;
    overflow: visible;
  }
  .header__bottom_active .header__menu li a span {
    margin-left: 0;
  }
  .header__bottom_mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .header__bottom-wrapper {
    padding: 0;
    margin: 0;
    min-height: auto;
  }
  .header__bottom .menu {
    flex-direction: column;
    align-items: center;
    height: auto;
  }
  .header__bottom .menu li {
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 19px;
  }
  .header__text h1 {
    font-size: 42px;
  }
  .header__text p {
    font-size: 33px;
  }
  .header__slider .slide-next,
  .header__slider .slide-prev {
    display: none;
  }
  .header__item {
    min-height: 420px;
  }
  .news__title {
    text-align: center;
  }
  .news-wrapper {
    flex-direction: column;
  }
  .news__item {
    max-width: 100%;
    margin-bottom: 15px;
    min-height: auto;
    padding: 30px 20px;
  }
  .news__item:last-child {
    margin-bottom: 0;
  }
  .news__item-img {
    display: none;
  }
  .resolve {
    margin-top: 0;
    background: none;
  }
  .resolve__item {
    max-width: 215px;
    min-height: 200px;
    margin-right: 17px;
    margin-bottom: 17px;
  }
  .resolve__item:nth-child(4), .resolve__item:nth-child(5) {
    margin-bottom: 0;
    transform: none;
  }
  .resolve__item:nth-child(5) .resolve__item-icon {
    margin-bottom: 15px;
    transform: translatey(10px);
  }
  .resolve__item-title {
    font-size: 15px;
  }
  .resolve__item-icon {
    max-width: 50px;
    max-height: 60px;
    margin-bottom: 15px;
  }
  .resolve__item-title {
    font-size: 13px;
  }
  .resolve__item-title br {
    display: none;
  }
  .resolve__item-text {
    padding: 10px 15px;
  }
  .resolve__item-bg {
    transform: rotate(0);
  }
  .company {
    min-height: auto;
  }
  .company-bg {
    display: none;
  }
  .company__right {
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .features {
    padding: 55px 0;
    background: #f6f7fb;
  }
  .features-wrapper {
    flex-direction: column;
  }
  .features__item {
    max-width: 500px;
    margin: 0 auto;
    flex-direction: row;
  }
  .features__item:nth-child(2n) {
    flex-direction: row;
    transform: translatey(0%);
  }
  .features__item-title {
    max-width: 100%;
    width: 250px;
    margin-bottom: 0;
    margin-left: 10px;
    text-align: left;
  }
  .features__item-icon {
    width: 65px;
    height: auto;
    margin-bottom: 0;
  }
  .features__item-icon svg {
    max-width: 60px;
    max-height: 65px;
  }
  .features__item .features__item-number {
    background-image: none;
  }
  .features__item .features__item-number span {
    font-size: 21px;
  }
  .features__item .features__item-number:before {
    display: none;
  }
  .feedback {
    padding-bottom: 0;
    padding-top: 75px;
  }
  .feedback-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .feedback__title {
    text-align: center;
  }
  .feedback .slide-count {
    justify-content: center;
  }
  .feedback .slide-count .current-slide {
    font-size: 20px;
  }
  .feedback .slide-count .line {
    font-size: 15px;
  }
  .feedback .slide-count .all-slide {
    font-size: 14px;
  }
  .feedback .slide-next-feedback,
  .feedback .slide-prev-feedback {
    display: none;
  }
  .feedback__right {
    width: 220px;
    height: 200px;
  }
  .feedback__item {
    min-height: auto;
    padding: 20px 15px;
    box-shadow: none;
  }
  .feedback__item:after {
    display: none;
  }
  .feedback__item-name {
    font-size: 23px;
  }
  .feedback__item-pos {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .feedback__item-text {
    font-size: 14px;
  }
  .feedback__item-button {
    width: 200px;
    height: 43px;
    font-size: 14px;
  }
  .offer {
    background: none !important;
  }
  .offer-product {
    padding-top: 60px;
  }
  .offer-clients {
    padding-top: 60px;
  }
  .offer-wrapper {
    min-height: auto;
  }
  .offer__right {
    padding: 50px 30px;
  }
  .offer__title {
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
  }
  .offer__subtitle {
    font-size: 19px;
    text-align: center;
  }
  .offer__form {
    padding: 18px 26px;
  }
  .offer__form-title {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.25;
  }
  .offer__form .input-wrapper {
    margin-bottom: 8px;
  }
  .offer__form .input-wrapper span {
    max-width: 49%;
    height: 47px;
  }
  .offer__form form > span {
    width: 100%;
    height: 47px;
    margin-bottom: 8px;
  }
  .offer__form form > span input {
    font-size: 15px;
  }
  .offer__form form > span input::placeholder {
    font-size: 15px;
  }
  .offer__form .submit-button input {
    width: 220px;
    height: 42px;
    font-size: 15px;
  }
  .footer {
    padding-top: 0;
  }
  .footer__menu {
    display: none;
  }
  .page-block {
    padding-bottom: 0;
    background: none;
  }
  .page__img {
    height: 380px;
  }
  .private__item {
    max-width: 360px;
  }
  .private__item-title {
    font-size: 21px;
  }
  .map {
    height: 420px;
  }
  .page-section {
    padding: 90px 0;
  }
  .page-section h2 {
    font-size: 34px;
  }
  .page-section__right {
    width: 480px;
    height: 310px;
    margin-left: 20px;
  }
  .page-section p {
    font-size: 15px;
  }
  .projects {
    padding: 90px 0;
  }
  .projects__slider {
    margin: 0;
    padding: 0 10px 60px 10px;
  }
  .projects__slider:after {
    display: none;
  }
  .projects-slider__item {
    max-width: 400px;
    padding: 20px 10px;
  }
  .projects-slider__img {
    height: 200px;
    margin-bottom: 30px;
  }
  .projects-slider__title {
    margin-bottom: 10px;
    font-size: 22px;
  }
  .projects-slider__text {
    font-size: 15px;
  }
  .projects .slide-next-feedback,
  .projects .slide-prev-feedback {
    display: none;
  }
  .integration-bg {
    margin-bottom: 75px;
    background: none;
  }
  .integration__img {
    background-size: contain;
  }
  .integration .page-block__text, .integration .page-block-wrapper {
    padding: 15px;
  }
  .integration-wrapper {
    flex-direction: column;
  }
  .integration-wrapper .page-block__text, .integration-wrapper .integration__img {
    width: 100%;
    max-width: 100%;
  }
  .integration-wrapper .page-block__text {
    margin-bottom: 30px;
  }
  .feedback-integration {
    margin-bottom: 0;
    padding-bottom: 75px;
  }
  .product__img {
    display: none;
  }
  .product h1 {
    text-align: center;
  }
  .product-wrapper {
    justify-content: center;
  }
  .product__left {
    max-width: 600px;
    align-items: center;
  }
  .product .page-block__button {
    margin-left: auto;
  }
  .product .crumbs ul {
    justify-content: center;
  }
  .advantages__item {
    max-width: 356px;
    margin-bottom: 10px;
    padding: 20px 15px;
  }
  .advantages__item-top {
    margin-bottom: 10px;
  }
  .advantages__item-top svg {
    max-width: 35px;
    max-height: 40px;
  }
  .advantages__item-title {
    font-size: 21px;
  }
  .advantages__item-text p {
    font-size: 15px;
  }
  .page-section-product .page-section__right {
    background-position: right;
  }
  .project-block__img {
    width: 165px;
    height: 55px;
    margin-bottom: 20px;
  }
  .project-block__title {
    margin-bottom: 20px;
    text-align: center;
    font-size: 24px;
  }
  .project-block__subtitle {
    margin-bottom: 20px;
  }
  .page-block-product {
    margin-top: 80px;
  }
  .task {
    padding: 80px 0;
  }
  .task-wrapper {
    flex-direction: column;
  }
  .task__item {
    max-width: 100%;
    margin-bottom: 25px;
  }
  .task__item:last-child {
    margin-bottom: 0;
  }
  .page-project .feedback__right {
    width: 329px;
    height: 270px;
  }
  .page-project .feedback__left {
    margin-right: 15px;
  }
  .page-project .feedback__item {
    min-height: auto;
    padding: 20px;
  }
  .page-project .feedback__item-text:before {
    display: none;
  }
  .number__title {
    margin-bottom: 90px;
  }
  .number-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .number__left {
    min-width: auto;
    width: 100%;
    margin-right: 0;
    display: flex;
    justify-content: center;
  }
  .number__left .number__item_big {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: auto;
    margin-right: 0;
    width: 100%;
    max-width: 400px;
    margin-bottom: 85px;
    padding: 20px 15px;
  }
  .number__left .number__item_big .number__item-title {
    font-size: 20px;
  }
  .number__left .number__item_big .number__item-count {
    margin-bottom: 0;
    transform: rotate(45deg) translate(-50%, -50%);
  }
  .number__left .number__item_big .number__item-bottom {
    margin-top: -10px;
  }
  .number__right {
    flex-direction: column;
    align-items: center;
  }
  .number__right .number__item {
    padding: 20px 15px;
    width: 100%;
    max-width: 400px;
    margin-right: 0;
    margin-bottom: 85px;
  }
  .number__right .number__item:last-child {
    margin-bottom: 0;
  }
  .number__right .number__item-count {
    transform: rotate(45deg) translate(-50%, -50%);
  }
  .number-wrapper-first .number__item:last-child {
    margin-bottom: 85px;
  }
  .number-wrapper-second .number__item-right {
    min-height: auto;
  }
  .page-block-project {
    padding: 70px 0;
  }
  .director {
    padding: 70px 0;
  }
  .director__img {
    width: 250px;
    height: 250px;
    margin-right: 0;
  }
  .director__left {
    margin-right: 40px;
  }
  .director__item-text:before {
    display: none;
  }
  .director__item-name {
    font-size: 23px;
  }
  .director__item-pos {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .director__item-text {
    font-size: 15px;
  }
  .offer-project {
    top: 0;
    padding: 70px 0;
  }
  .offer-project-wrapper {
    padding: 0;
  }
  .offer-project-block {
    padding: 25px 18px;
  }
  .offer-project__text {
    font-size: 20px;
  }
  .done__right {
    padding-top: 70px;
  }
  .features-company {
    background: none;
  }
  .director-company {
    padding: 70px 0;
  }
  .director-company .director-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .director-company .director__img {
    position: absolute;
    left: 50%;
    bottom: -4px;
    transform: translateX(-50%);
    width: 372px;
    height: 350px;
    object-fit: cover;
  }
  .director-company .director__left {
    width: 100%;
    min-height: 350px;
    margin-right: 0;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .director-company .director__right {
    padding: 0;
  }
  .director-company .director__title {
    text-align: center;
  }
  .director-company .director__item-name, .director-company .director__item-pos {
    text-align: center;
  }
  .license {
    padding: 80px 0;
  }
  .license__item {
    margin-right: 15px;
  }
  .license__item-button {
    height: 40px;
    font-size: 14px;
  }
  .license__right {
    max-width: 320px;
    margin-left: 20px;
    min-height: auto;
    background: none;
  }
  .license__right-item {
    padding: 20px 10px;
    min-height: auto;
  }
  .about-company-block {
    padding-bottom: 70px;
  }
  .about-company-block .company__title {
    font-size: 32px;
  }
  .clients {
    min-height: auto;
  }
  .clients__slider {
    min-height: 450px;
    margin: 0 75px;
    padding: 30px 15px;
  }
  .clients .projects-slider__img {
    height: 200px;
  }
  .vacancy {
    padding: 80px 0;
  }
  .vacancy__subtitle {
    margin-bottom: 30px;
    font-size: 16px;
  }
  .vacancy__text {
    font-size: 23px;
  }
  .vacancy__item {
    padding: 15px 20px;
    min-width: 100px;
  }
  .vacancy__top-title {
    font-size: 22px;
  }
  .vacancy__top-subtitle {
    font-size: 15px;
  }
  .vacancy .more-button {
    font-size: 16px;
  }
  .offer-about {
    padding: 0;
    padding-bottom: 80px;
    background: none;
  }
  .offer-about__title {
    text-align: center;
  }
  .offer-about .offer__right, .offer-about .offer-wrapper {
    min-height: auto;
  }
  .contact {
    display: flex;
    flex-direction: column-reverse;
    padding: 60px 0;
  }
  .contact__right {
    max-width: 450px;
    min-height: auto;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    padding: 0;
    overflow: hidden;
    text-align: center;
  }
  .contact__title {
    font-size: 32px;
  }
  .contact__subtitle {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .contact__tel {
    margin-bottom: 5px;
    font-size: 23px;
  }
  .contact__form {
    width: 100%;
  }
  .contact__form-title {
    margin-bottom: 8px;
    font-size: 17px;
  }
  .contact__form-bottom {
    flex-direction: column;
    align-items: center;
  }
  .contact__form .submit-button {
    margin-right: 0;
    margin-bottom: 8px;
  }
  .contact .map {
    position: static;
    width: 100%;
    max-width: 100%;
    height: 400px;
  }
  .article__left {
    width: 250px;
    height: 200px;
  }
  .article__right {
    margin-left: 25px;
  }
  .article__item-title {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 1.3;
  }
  .article__item-wrapper {
    padding-bottom: 10px;
  }
  .article__text {
    margin: 10px 0;
  }
  .article .more-button {
    font-size: 15px;
  }
  .article .more-button .next {
    width: 10px;
    height: 10px;
  }
  .single-article .article__left {
    min-height: 290px;
  }
  .clients-projects {
    padding: 80px 0;
  }
  .clients-projects__left {
    width: 440px;
    height: 250px;
  }
  .clients-projects__right {
    margin-left: 15px;
    padding: 20px 20px 20px 0;
  }
  .clients-projects__item {
    min-height: auto;
  }
  .clients-projects__item-title {
    margin-bottom: 10px;
    font-size: 22px;
  }
  .clients-projects__item-subtitle {
    font-size: 18px;
  }
  .clients-projects__item-text {
    font-size: 15px;
  }
  .clients-projects__item-small {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .clients-projects .more-button {
    font-size: 14px;
  }
  .clients-projects .more-button .next {
    width: 13px;
    height: 13px;
  }
  .popup__content {
    max-width: 98%;
  }
  .popup-thank .popup__content {
    padding-top: 43px;
  }
  .popup__title {
    font-size: 35px;
  }


  .popup__form-form {
    padding: 20px;
  }
  .popup__form .input-wrapper {
    width: 100%;
  }
  .popup__form .input-wrapper span {
    width: 100%;
    max-width: 49%;
  }
  .popup__form .input-wrapper span input {
    width: 100%;
    height: 48px;
  }
  .popup__form .input-wrapper:nth-child(1) {
    padding-right: 0;
  }
  .popup__form .submit-button {
    width: 100%;
    max-width: 49%;
    margin-top: 20px;
  }
  .popup__form .submit-button input {
    width: 100%;
    height: 48px;
  }
  .popup__form small {
    max-width: 49%;
    font-size: 13px;
  }
  .block-404 {
    padding-top: 100px;
  }
  .block-404__img {
    max-width: 550px;
  }
  .block-404__title {
    font-size: 24px;
  }
  .block-404__button {
    width: 220px;
    height: 45px;
    font-size: 17px;
  }
  .maps__title {
    font-size: 32px;
  }
  .projects-slider__item{
    /* padding-bottom: 100px !important; */
  }
  .projects .swiper-pagination {
    position: relative !important;
    margin-top: 20px;
  }
  .projects__slider {
    padding: 0 10px 10px 10px;
  }
}

@media (max-width: 767px) {
  body:not(.home) {
    margin-top: 56px;
  }
  .crumbs {
    margin: 40px 0;
  }
  .crumbs ul li, .crumbs ul li:last-child {
    font-size: 14px;
  }
  .resolve-block-bg .crumbs {
    margin: 40px 0;
  }
  .title {
    font-size: 31px;
  }
  .margin {
    margin-bottom: 70px;
  }
  .logo-wrapper img {
    max-width: 105px;
  }
  .header__bottom {
    margin-top: 56px;
    padding-bottom: 56px;
  }
  .header__button {
    width: 170px;
    height: 32px;
    font-size: 14px;
  }
  .header__text h1 {
    margin-bottom: 7px;
    font-size: 34px;
  }
  .header__text p {
    font-size: 17px;
  }
  .header__item {
    min-height: 340px;
  }
  .header__item-text {
    padding-top: 130px;
  }
  .home .header {
    padding-bottom: 40px;
  }
  .resolve__item:nth-child(2n) {
    margin-right: 0;
  }
  .resolve__item:nth-child(3) {
    margin-right: 17px;
  }
  .resolve__item:nth-child(4) {
    margin-bottom: 17px;
  }
  .feedback-integration {
    padding: 65px 0;
  }
  .feedback__left {
    max-width: 100%;
    margin-right: 0;
  }
  .feedback__right {
    margin-bottom: 15px;
  }
  .feedback__item {
    flex-direction: column-reverse;
    align-items: center;
  }
  .feedback__item-name {
    margin-bottom: 5px;
    font-size: 19px;
    text-align: center;
  }
  .feedback__item-pos {
    text-align: center;
  }
  .feedback__item-button {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .offer-product {
    padding-top: 20px;
  }
  .offer-integration {
    padding: 0;
  }
  .offer__form .input-wrapper {
    flex-direction: column;
  }
  .offer__form .input-wrapper span {
    max-width: 100%;
  }
  .offer__form .input-wrapper span:first-child {
    margin-bottom: 8px;
  }
  .offer small {
    font-size: 13px;
    text-align: center;
  }
  .offer__right {
    padding: 40px 25px;
  }
  .footer {
    padding-bottom: 40px;
  }
  .footer-wrapper {
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }
  .footer .logo-wrapper {
    margin-bottom: 10px;
  }
  .footer__bottom {
    align-items: center;
    flex-direction: column-reverse;
  }
  .footer__bottom-left {
    flex-direction: column-reverse;
    align-items: center;
  }
  .footer__pol, .footer .header__social {
    margin-bottom: 5px;
  }
  .footer__copy {
    margin-right: 0;
  }
  .footer small {
    display: block;
    font-size: 11px;
    text-align: center;
  }
  .page__img {
    height: 310px;
  }
  .page-block-wrapper {
    padding: 15px;
  }
  .page-block__text {
    margin-bottom: 35px;
    padding: 15px;
  }
  .page-block__text p {
    font-size: 15px;
  }
  .page-block__button {
    margin-top: 40px;
    font-size: 15px;
  }
  .private {
    margin-top: 70px;
  }
  .private__item {
    max-width: 270px;
  }
  .private__item-icon {
    width: 86px;
    height: 80px;
  }
  .private__item-icon svg {
    max-width: 47px;
    max-height: 42px;
  }
  .private__item-title {
    font-size: 20px;
  }
  .private__item-block {
    width: 290px;
    padding: 12px;
    min-height: auto;
  }
  .private__item-text {
    padding: 14px;
    text-align: center;
  }
  .map {
    height: 380px;
  }
  .page-section {
    padding: 70px 0;
    background: none;
  }
  .page-section-wrapper {
    flex-direction: column;
  }
  .page-section h2 {
    font-size: 29px;
    text-align: center;
  }
  .page-section__right {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .page-block.margin {
    margin-bottom: 0;
  }
  .projects {
    padding: 70px 0;
    background: none;
  }
  .projects__slider {
    margin: 0 100px;
  }
  .projects__slider:after {
    display: none;
  }
  .projects-slider__item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
  }
  .projects-slider__img {
    height: 180px;
    margin-bottom: 20px;
  }
  .projects-slider__title {
    margin-bottom: 18px;
    font-size: 20px;
  }
  .projects-slider__text {
    font-size: 14px;
  }
  .projects .more-button {
    justify-content: center;
    text-align: center;
  }
  .feedback-integration {
    margin-bottom: 0;
  }
  .feedback-integration .feedback__item {
    background: #f6f7fa;
    box-shadow: none;
  }
  .advantages {
    padding: 70px 0;
  }
  .advantages__item {
    max-width: 100%;
    min-height: auto;
    padding: 30px 20px;
  }
  .advantages__item-text p:before {
    left: -25px;
  }
  .map-product {
    padding-top: 70px;
  }
  .page-section-product {
    background: none;
  }
  .page-block-product {
    margin-bottom: 0;
  }
  .page-block-product .page-block__text {
    margin-bottom: 0;
  }
  .project-block .page-block__button {
    width: 222px;
    height: 44px;
  }
  .task__item .page-block__text {
    margin-bottom: 0;
  }
  .task-wrapper {
    margin-bottom: 60px;
  }
  .done__item {
    padding: 15px;
    font-size: 15px;
  }
  .done__item-wrapper {
    padding-left: 50px;
  }
  .done__item:before {
    width: 50px;
    height: 40px;
    background-size: contain;
  }
  .director-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .director__left {
    margin-right: 0;
  }
  .offer-project {
    padding-top: 0;
    min-height: auto;
    background: #f6f7fa;
    background-image: none !important;
  }
  .offer-project__title {
    margin-bottom: 20px;
  }
  .offer-project__text {
    font-size: 18px;
  }
  .offer-project__small {
    font-size: 16px;
  }
  .offer-project__button {
    width: 100%;
    height: 48px;
  }
  .page-project .feedback__item {
    background: none;
    padding: 0;
  }
  .page-project .feedback__item-text {
    margin-bottom: 0;
  }
  .director-company .director__left {
    min-height: 250px;
  }
  .director-company .director__img {
    width: 259px;
    height: 250px;
  }
  .license {
    padding: 70px 0;
  }
  .license-wrapper {
    flex-direction: column-reverse;
    align-items: center;
  }
  .license__right {
    margin-left: 0;
    margin-bottom: 15px;
    max-width: 100%;
  }
  .license__left {
    width: 100%;
    justify-content: space-between;
  }
  .license__title {
    text-align: center;
  }
  .clients .slide-next-clients,
  .clients .slide-prev-clients {
    display: none;
  }
  .clients-map__tabs button {
    font-size: 13px;
  }
  .vacancy__item {
    min-height: auto;
    padding-right: 10px;
  }
  .vacancy__top {
    padding-right: 0;
  }
  .vacancy__top-title {
    margin-bottom: 7px;
    font-size: 20px;
  }
  .vacancy__top-subtitle {
    font-size: 14px;
    line-height: 1.2;
  }
  .vacancy .more-button {
    font-size: 14px;
  }
  .vacancy .more-button .next {
    width: 13px;
    height: 13px;
  }
  .vacancy__bottom {
    font-size: 14px;
  }
  .contact__form .submit-button input {
    height: 40px;
    font-size: 14px;
  }
  .article__left {
    width: 250px;
    height: 200px;
  }
  .article__right {
    max-width: 100%;
    margin-left: 0px;
    margin-top: 20px;
  }
  .article__item {
    flex-direction: column;
    margin-bottom: 40px;
    padding-bottom: 20px;
  }
  .article__item-title {
    font-size: 19px;
  }
  .single-article .article__left {
    min-height: 240px;
  }
  .clients-projects {
    padding: 70px 0;
    width: 100%;
  }
  .clients-projects__left {
    width: 100%;
    min-width: 100%;
    height: 300px;
  }
  .clients-projects__item {
    flex-direction: column;
  }
  .clients-projects__item-title {
    font-size: 21px;
  }
  .clients-projects__item-subtitle {
    font-size: 17px;
  }
  .clients-projects__item-text {
    font-size: 14px;
  }
  .clients-projects__item-small {
    font-size: 13px;
  }
  .clients-projects .more-button {
    font-size: 13px;
  }
  .clients-projects .more-button .next {
    width: 12px;
    height: 12px;
  }
  .block-404 {
    padding-top: 90px;
    padding-bottom: 60px;
  }
  .block-404__img {
    margin-bottom: 30px;
    max-width: 500px;
  }
  .block-404__title {
    margin-bottom: 20px;
    font-size: 22px;
  }
  .about-company {
    padding-bottom: 70px;
  }
  .clients-map-wrapper .container {
    max-width: 540px;
  }
  .popup__title {
    margin-bottom: 30px;
    font-size: 30px;
  }
  .popup__content-call {
    padding: 30px 15px;
  }
  .popup__form-wrapper {
    padding: 20px 10px;
  }
  .popup-thank .popup__form-wrapper {
    padding: 40px 20px;
  }
  .popup-thank .popup__title {
    font-size: 29px;
  }
  .projects__slider {
    padding: 0 10px 10px 10px;
  }
}

@media (max-width: 575px) {
  .crumbs {
    margin: 30px 0;
  }
  .crumbs ul {
    justify-content: center;
  }
  .crumbs ul li, .crumbs ul li:last-child {
    font-size: 12px;
  }
  .crumbs ul li {
    margin-right: 20px;
  }
  .crumbs ul li:after {
    right: -22px;
  }
  .resolve-block-bg .crumbs {
    margin: 30px 0;
  }
  .title {
    margin-bottom: 25px;
    font-size: 28px;
  }
  .margin {
    margin-bottom: 65px;
  }
  .container {
    padding: 0 10px;
  }
  .header__slider {
    margin-top: 56px;
  }
  .header__bottom .menu li {
    font-size: 17px;
  }
  .header__item-text {
    padding-top: 120px;
  }
  .header__text h1 {
    font-size: 30px;
  }
  .header__text p {
    font-size: 16px;
  }
  .home .header {
    padding-bottom: 30px;
  }
  .news__item {
    padding: 25px 15px;
  }
  .news__item-title {
    font-size: 16px;
  }
  .news__item-text {
    font-size: 14px;
  }
  .news__item-date {
    font-size: 11px;
  }
  .resolve__item {
    max-width: 207px;
    min-height: 170px;
  }
  .offer {
    background: #ffffff;
  }
  .offer .container {
    justify-content: center;
  }
  .offer__title {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-size: 27px;
  }
  .offer__subtitle {
    font-size: 17px;
  }
  .offer-wrapper {
    min-height: auto;
  }
  .offer__right {
    padding: 0;
    border-radius: none;
    box-shadow: none;
  }
  .offer__form {
    padding: 15px 20px;
  }
  .offer__form-title {
    font-size: 16px;
    text-align: center;
  }
  .offer__form .submit-button input {
    width: 200px;
  }
  .offer small {
    display: block;
    max-width: 350px;
    margin: 0 auto;
  }
  .company__title {
    max-width: 100%;
    text-align: center;
  }
  .features__item {
    margin-bottom: 15px;
    max-width: 100%;
  }
  .features__item:nth-child(1) .features__item-number, .features__item:nth-child(7) .features__item-number {
    background: #00aff2;
  }
  .features__item:nth-child(2) .features__item-number, .features__item:nth-child(6) .features__item-number {
    background: #26C9B9;
  }
  .features__item:nth-child(3) .features__item-number, .features__item:nth-child(5) .features__item-number {
    background: #C4DC00;
  }
  .features__item:nth-child(4) .features__item-number {
    background: #FFA700;
  }
  .features__item:last-child {
    margin-bottom: 0;
  }
  .features__item-icon {
    width: 42px;
  }
  .features__item-icon svg {
    max-width: 40px;
    max-height: 50px;
  }
  .features__item-title {
    min-height: auto;
    font-size: 14px;
  }
  .features__item-number {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-image: none !important;
  }
  .features__item-number span {
    transform: none;
  }
  .feedback {
    padding-top: 65px;
  }
  .feedback-wrapper {
    margin-bottom: 5px;
  }
  .feedback__right {
    width: 170px;
    height: 160px;
    margin-bottom: 10px;
  }
  .feedback__item {
    padding: 0;
    box-shadow: none;
    background: none;
  }
  .feedback__item-name {
    font-size: 17px;
  }
  .feedback__item-pos {
    font-size: 14px;
  }
  .feedback__item-text {
    text-align: center;
    font-size: 13px;
  }
  .footer small {
    display: block;
    text-align: center;
  }
  .page-block-wrapper {
    padding: 12px;
  }
  .page-block__text {
    padding: 12px;
  }
  .page-block__text p {
    font-size: 13px;
  }
  .page-block__button {
    width: 240px;
    height: 44px;
    margin-top: 30px;
    font-size: 14px;
  }
  .page__img {
    background-position: -143px 0;
  }
  .private-wrapper {
    max-width: 500px;
    margin: 0 auto;
  }
  .private__item {
    position: relative;
    max-width: 215px;
  }
  .private__item-icon {
    position: static;
    width: 76px;
    height: 70px;
  }
  .private__item-icon svg {
    max-width: 37px;
    max-height: 33px;
  }
  .private__item-title {
    font-size: 18px;
  }
  .private__item-text {
    font-size: 15px;
  }
  .private__item-block {
    width: 140%;
    left: 0;
    bottom: 0;
    transform: translate(0%, -50%);
  }
  .private__item-block:after {
    left: 37%;
  }
  .private__item:nth-child(2n) .private__item-block {
    left: auto;
    right: 0;
  }
  .private__item:nth-child(2n) .private__item-block:after {
    left: 64%;
  }
  .map {
    height: 350px;
  }
  .page-section {
    padding: 60px 0;
  }
  .page-section h2 {
    font-size: 26px;
  }
  .page-section p {
    font-size: 14px;
  }
  .page-section__right {
    height: 300px;
  }
  .projects {
    padding: 60px 0;
  }
  .projects__slider {
    margin: 0 auto;
    max-width: 350px;
  }
  .integration-bg {
    margin-bottom: 0;
  }
  .integration-wrapper .page-block__text p {
    font-size: 14px;
  }
  .integration .integration__img {
    background-size: cover;
  }
  .feedback-integration {
    padding: 65px 0;
  }
  .feedback-integration.margin {
    margin-bottom: 0;
  }
  .offer-integration {
    padding: 0;
  }
  .offer__form, .offer-wrapper, .offer__right {
    width: 100%;
    max-width: 100%;
  }
  .more-button {
    font-size: 16px;
  }
  .more-button .next {
    width: 15px;
    height: 15px;
  }
  .page-block-product {
    margin-bottom: 0;
    margin-top: 60px;
  }
  .product {
    padding-bottom: 65px;
  }
  .product__left {
    max-width: 100%;
  }
  .product .page-block__button {
    width: 100%;
    height: 42px;
  }
  .product .page-block__text, .product .page-block-wrapper {
    padding: 12px;
    font-size: 13px;
  }
  .advantages {
    padding: 65px 0;
  }
  .advantages__item {
    padding: 20px 10px;
  }
  .advantages__item-title {
    font-size: 18px;
  }
  .advantages__item-text p {
    margin-left: 0px;
    margin-bottom: 5px;
    font-size: 14px;
  }
  .advantages__item-text p:before {
    display: none;
  }
  .advantages__item-top {
    margin-bottom: 5px;
  }
  .advantages__item-top svg {
    max-width: 30px;
    max-height: 35px;
  }
  .map-product {
    padding-top: 60px;
  }
  .director {
    padding: 60px 0;
  }
  .director__img {
    width: 200px;
    height: 200px;
  }
  .director__item-name {
    font-size: 21px;
  }
  .director__item-pos {
    font-size: 15px;
  }
  .director__item-text {
    font-size: 14px;
  }
  .director__item-text p:last-child {
    margin-bottom: 0;
  }
  .page-block-project {
    padding: 60px 0;
  }
  .page-block-project .page-block__text {
    margin-bottom: 0;
  }
  .number__title {
    margin-bottom: 60px;
  }
  .number__item {
    min-height: auto;
    padding: 15px 10px;
  }
  .number__item-title {
    font-size: 18px;
  }
  .number__item-text {
    font-size: 15px;
  }
  .number__item-count {
    width: 60px;
    height: 60px;
    padding: 4px;
  }
  .number__item-count-bg span {
    font-size: 18px;
  }
  .number__right .number__item {
    margin-bottom: 65px;
  }
  .number__left .number__item_big {
    margin-bottom: 65px;
  }
  .number-wrapper-first .number__item:last-child {
    margin-bottom: 65px;
  }
  .done__right {
    padding-top: 60px;
  }
  .done__item-wrapper {
    padding-left: 0;
  }
  .done__item:before {
    display: none;
  }
  .task {
    padding: 60px 0;
  }
  .task__item .page-block__text p:before {
    left: -27px;
  }
  .project-block__img {
    width: 140px;
    height: 40px;
    margin-bottom: 15px;
    object-fit: cover;
  }
  .project-block__title {
    margin-bottom: 15px;
    font-size: 21px;
  }
  .project-block__subtitle {
    margin-bottom: 15px;
    font-size: 15px;
  }
  .project-block__text {
    font-size: 14px;
  }
  .license__item {
    margin-right: 0;
    max-width: 48%;
  }
  .about-company-block {
    padding-bottom: 50px;
  }
  .about-company-block .company__title {
    font-size: 29px;
  }
  .about-company-block .company__button {
    justify-content: center;
  }
  .clients {
    padding: 65px 0;
  }
  .clients__slider {
    padding: 15px 10px;
  }
  .clients__slider-title {
    margin-bottom: 25px;
    font-size: 21px;
  }
  .clients__button {
    width: 100%;
    height: 45px;
    font-size: 14px;
  }
  .clients__subtitle {
    font-size: 14px;
    text-align: left;
  }
  .vacancy {
    padding: 65px 0;
  }
  .vacancy__title {
    text-align: center;
  }
  .vacancy__text {
    font-size: 19px;
  }
  .vacancy .more-button {
    width: 80px;
    font-size: 11px;
  }
  .vacancy .more-button .next {
    width: 9px;
    height: 9px;
  }
  .vacancy__item {
    padding: 10px 5px 10px 15px;
  }
  .vacancy__top-title {
    margin-bottom: 3px;
    font-size: 18px;
  }
  .vacancy__top-subtitle {
    font-size: 13px;
  }
  .vacancy__bottom-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .vacancy__bottom .exp {
    margin-bottom: 15px;
  }
  .vacancy__bottom p {
    margin-bottom: 15px;
  }
  .vacancy__col:last-child {
    margin-left: 0;
  }
  .offer-about .offer__form-title {
    font-size: 21px;
  }
  .contact {
    padding: 50px 0;
  }
  .contact__title {
    font-size: 29px;
  }
  .contact__tel {
    font-size: 21px;
  }
  .contact__tel .phone {
    width: 15px;
    height: 15px;
  }
  .contact__form .input-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .contact__form .input-wrapper span {
    width: 100%;
    max-width: 100%;
  }
  .contact__form .input-wrapper span:first-child {
    margin-bottom: 10px;
  }
  .contact__form .input-wrapper span input {
    padding-left: 15px;
  }
  .contact__form .submit-button input {
    height: 35px;
    padding: 0;
  }
  .contact__form textarea {
    padding-left: 15px;
  }
  .article__left {
    margin-left: auto;
    margin-right: auto;
  }
  .article__item-title {
    font-size: 17px;
  }
  .article__text {
    font-size: 14px;
  }
  .single-article .article__left {
    min-height: 210px;
  }
  .popup__content {
    padding: 40px 15px 25px 15px;
  }
  .popup__close {
    right: 11px;
    font-size: 50px;
  }
  .popup .clients-projects__left {
    height: 240px;
  }
  .popup .clients-projects__right {
    box-shadow: none;
  }
  .popup__title {
    font-size: 27px;
    text-align: center;
  }
  .popup__form .input-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .popup__form .input-wrapper:nth-child(1) {
    margin-bottom: 0;
  }
  .popup__form .input-wrapper span {
    max-width: 100%;
    margin-bottom: 6px;
  }
  .popup__form .input-wrapper span input {
    padding-left: 0;
    text-align: center;
  }
  .popup__form .input-wrapper span input::placeholder {
    text-align: center;
  }
  .popup__form .submit-button {
    max-width: 100%;
    margin-bottom: 8px;
  }
  .popup__form small {
    max-width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
  }
  .popup-thank .popup__title {
    font-size: 23px;
  }
  .block-404 {
    padding: 80px 0;
  }
  .block-404__img {
    margin-bottom: 20px;
    max-width: 400px;
  }
  .block-404__title {
    margin-bottom: 15px;
    font-size: 21px;
  }
  .clients-map-wrapper .container {
    max-width: 100%;
  }
  .clients-map__button {
    margin: 25px 0 35px 0;
  }
  .clients-map__tabs button {
    min-width: 140px;
    height: 32px;
    font-size: 12px;
    margin: 0 6px 6px 6px;
  }
  .maps__title {
    font-size: 30px;
  }
  .projects__slider {
    padding: 0 10px 10px 10px;
  }
}

@media (max-width: 450px) {
  .crumbs {
    margin: 20px 0;
  }
  .crumbs ul li, .crumbs ul li:last-child {
    font-size: 10px;
  }
  .crumbs ul li {
    margin-right: 14px;
  }
  .crumbs ul li:after {
    margin: 0;
    right: -9px;
    font-size: 11px;
  }
  .resolve-block-bg .crumbs {
    margin: 20px 0;
  }
  .margin {
    margin-bottom: 55px;
  }
  .title {
    font-size: 25px;
  }
  .header .logo-wrapper {
    min-width: 107px;
    margin-right: 5px;
  }
  .header__button {
    width: 140px;
    height: 28px;
    font-size: 12px;
  }
  .header__text h1 {
    font-size: 27px;
  }
  .home .header {
    padding-bottom: 20px;
  }
  __bottom .menu li {
    font-size: 15px;
  }
  .resolve__item {
    margin-right: 0;
  }
  .resolve__item:nth-child(3) {
    margin-right: 0;
  }
  .resolve-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .features {
    padding: 50px 0;
  }
  .features__item-title {
    width: 190px;
    margin: 0 5px;
    font-size: 13px;
  }
  .features__item-icon {
    width: 35px;
  }
  .features__item-icon svg {
    max-width: 30px;
    max-height: 40px;
  }
  .features__item-number {
    width: 65px;
    height: 65px;
  }
  .features__item-number span {
    font-size: 18px;
  }
  .offer__title {
    font-size: 24px;
  }
  .offer__subtitle {
    font-size: 15px;
  }
  .offer__form {
    padding: 10px;
  }
  .offer__form-title {
    font-size: 15px;
  }
  .offer__form-bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .offer__form .input-file {
    margin-bottom: 5px;
  }
  .offer__form form > span, .offer__form .input-wrapper > span {
    height: 40px;
  }
  .offer__form form > span input, .offer__form .input-wrapper > span input {
    font-size: 14px;
  }
  .offer__form form > span input::placeholder, .offer__form .input-wrapper > span input::placeholder {
    font-size: 14px;
  }
  .offer small {
    max-width: 300px;
  }
  .footer {
    padding-bottom: 30px;
  }
  .footer__right .header__button {
    font-size: 13px;
  }
  .footer small {
    font-size: 12px;
  }
  .page-block-wrapper {
    padding: 10px;
  }
  .page-block__text {
    padding: 10px;
  }
  .page-block__text p {
    font-size: 13px;
  }
  .page-block__button {
    width: 100%;
    height: 40px;
    font-size: 13px;
  }
  .private-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .private__item {
    max-width: 100%;
  }
  .private__item-title {
    font-size: 17px;
  }
  .private__item-text {
    padding: 10px;
    font-size: 14px;
  }
  .private__item:last-child {
    margin-bottom: 0;
  }
  .private__item-block {
    bottom: -20px;
    width: 100%;
    padding: 10px;
  }
  .private__item-block:after {
    left: 50%;
  }
  .private__item:nth-child(2n) .private__item-block:after {
    left: 50%;
  }
  .map {
    height: 310px;
  }
  .page-section h2 {
    font-size: 24px;
  }
  .page-section p {
    font-size: 13px;
  }
  .page-section__right {
    height: 270px;
  }
  .projects__slider {
    padding: 20px 5px 60px 5px;
  }
  .projects-slider__item {
    max-width: 280px;
  }
  .projects-slider__title {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .projects-slider__text {
    font-size: 14px;
  }
  .integration__img {
    height: 280px;
  }
  .integration-wrapper .page-block__text p {
    margin-left: 8px;
    font-size: 13px;
  }
  .integration-wrapper .page-block__text p:before {
    left: -18px;
    width: 13px;
    height: 13px;
  }
  .feedback-integration {
    padding: 60px 0;
  }
  .page-block-product {
    margin-bottom: 0;
  }
  .task__item .page-block__text p {
    margin-left: 19px;
  }
  .task__item .page-block__text p:before {
    width: 14px;
    height: 14px;
    left: -20px;
  }
  .page-project .feedback__right {
    width: 100%;
    margin-bottom: 0;
  }
  .page-project .feedback__img {
    object-fit: contain;
  }
  .offer-project-block {
    padding: 18px 10px;
  }
  .offer-project__title {
    margin-bottom: 20px;
  }
  .offer-project__text {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .offer-project__small {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .offer-project__button {
    height: 46px;
    font-size: 13px;
  }
  .offer-about .offer__form-title {
    font-size: 19px;
  }
  .vacancy__top-title {
    font-size: 16px;
  }
  .vacancy__top-subtitle {
    font-size: 12px;
  }
  .about-company-block .company__title {
    font-size: 23px;
  }
  .license__left {
    flex-direction: column;
    align-items: center;
  }
  .license__item {
    max-width: 100%;
    margin-bottom: 25px;
  }
  .license__item:last-child {
    margin-bottom: 0;
  }
  .article__item-title {
    font-size: 16px;
  }
  .article__text {
    font-size: 13px;
  }
  .article .more-button {
    font-size: 13px;
  }
  .clients-projects {
    padding: 60px 0;
  }
  .clients-projects__left {
    height: 220px;
  }
  .clients-projects__item-title {
    font-size: 19px;
  }
  .clients-projects__item-subtitle {
    font-size: 16px;
  }
  .clients-projects__item-text {
    font-size: 13px;
  }
  .clients-projects__item-small {
    font-size: 12px;
  }
  .popup__content {
    padding: 40px 10px 15px 10px;
  }
  .popup .clients-projects__left {
    height: 220px;
  }
  .popup__title {
    font-size: 25px;
  }
  .popup__form small {
    font-size: 11px;
  }
  .block-404 {
    padding: 70px 0;
  }
  .block-404__img {
    max-width: 300px;
  }
  .block-404__title {
    font-size: 19px;
    text-align: center;
  }
  .about-company {
    padding-bottom: 60px;
  }
  .maps__title {
    font-size: 27px;
  }
  .clients-map__tabs button {
    min-width: 93px;
    height: 28px;
    margin: 0 3px 3px 3px;
    padding: 0 6px;
    font-size: 10px;
  }
  .projects__slider {
    padding: 0 10px 10px 10px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .home .header {
    background-size: 104%;
  }
  .header-wrapper {
    background-size: 105%;
  }
  .header__bottom {
    top: 16px;
  }
  .advantages, .page-section-product, .integration-bg {
    background-size: 103%;
  }
}

.notice-form {
      width: 100%;
    padding-left: 6px;
}

.contact_item {
  font-size: 20px;
  margin-bottom: 10px;
}

.clients-map__tabss {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px;
}

.clients-map__tabss button.active {
    background: #77cbba;
    color: #ffffff;
}

.clients-map__tabss button {
    min-width: 150px;
    padding: 0 10px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 8px 8px 8px;
    background: transparent;
    border: 1px solid #77cbba;
    border-radius: 4px;
    color: #77cbba;
    font-family: 'PTSans Bold', sans-serif;
    transition: all .35s;
}

.number-wrapper-second {
  flex-direction: column;
}

.wraper-search-input {
  height: 60px;
}

.wraper-search-input input[type="submit"] {
    width: 35%;
    height: 40px;
    margin: auto;
}

.review-decision {
  margin-top: 30px;
}

.popup__form .errortext {
  position: relative;
  top: 20px;
}

.popup__form .notetext {
	position: relative;
  	top: 20px;
}

@media screen and (max-width: 720px) {
  .popup__form .errortext {
    position: relative;
    top: 0px;
  }
  .popup__form .notetext {
	position: relative;
		top: 0px;
  }
}


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