@font-face {
  font-family: 'montserrat';
  src: url('../fonts/montserrat-v15-latin_cyrillic-700.woff2') format('woff2'),
       url('../fonts/montserrat-v15-latin_cyrillic-700.woff') format('woff');
  font-weight:700;
  font-style: normal;
}

@font-face {
  font-family: 'montserrat';
  src: url('../fonts/montserrat-v15-latin_cyrillic-800.woff2') format('woff2'),
       url('../fonts/montserrat-v15-latin_cyrillic-800.woff2') format('woff');
  font-weight:800;
  font-style: normal;
}

@font-face {
  font-family: 'montserrat';
  src: url('../fonts/montserrat-v15-latin_cyrillic-regular.woff2') format('woff2'),
       url('../fonts/montserrat-v15-latin_cyrillic-regular.woff') format('woff');
  font-weight:400;
  font-style: normal;
}

@font-face {
  font-family: 'montserrat';
  src: url('../fonts/montserrat-v15-latin_cyrillic-600.woff2') format('woff2'),
       url('../fonts/montserrat-v15-latin_cyrillic-600.woff') format('woff');
  font-weight:600;
  font-style: normal;
}

* {
  font-family: 'montserrat', sans-serif;
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul {
  list-style: none;
}

.header {
  -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 40px rgba(0, 0, 0, 0.1);
  background-color:#ffffff;
}

.container {
  max-width: 1770px;
  margin: 0px auto;
}

.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 14px;
  padding-bottom: 10.5px;
}

.header__burger {
  display: none;
}

.header__menu {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  width: 420px;
  height: 768px;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translateX(-101%);
      -ms-transform: translateX(-101%);
          transform: translateX(-101%);
  background-color: #ffffff;
  padding:155px 147px 194px 70px ;
}

.header__menu-list {
  padding-bottom: 77px;
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.header__menu-list:last-child {
  padding-bottom: 0px;
}

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

.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nav__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 600;
  font-size: 18px;
  padding-left: 2.22vw;
  padding-right: 2.26vw;
  -webkit-transform:translateY(3px) ;
      -ms-transform:translateY(3px) ;
          transform:translateY(3px) ;
}

.nav__items-link {
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  color: #333333;
  position: relative;
}

.nav__items-link:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  top: 22px;
  left: 0;
  right: 0;
  background-color: rgb(255, 255, 255);
  -webkit-transition: background-color 1s;
  -o-transition: background-color 1s;
  transition: background-color 1s;
}

.nav__items-link:hover::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  top: 22px;
  left: 0;
  right: 0;
  background-color: #ff9900;
}

.nav__items:last-child {
  padding-right: 0vw;
}

.nav__btn {
  display: block;
  width: 1.65rem;
  height: 1.9rem;
  border: none;
  background-color: #ffffff;
  background-image: url(../img/Search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.6vw;
  margin-left: 3.6vw;
  -webkit-transition: background-image 1s;
  -o-transition: background-image 1s;
  transition: background-image 1s;

}

.nav__btn:hover {
  background-image: url(../img/2search.svg);

}

.banner__inner {
  padding-top: 5.9%;
  padding-left: 4.5%;
  padding-bottom: 5.17%;
  padding-right: 5%;
}

.banner__slide1 {
  background-image:url(../img/banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner__slide2 {
  background-image:url(../img/banner2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner__slide3 {
  background-image:url(../img/banner3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner__about {
  max-width: 53rem;
}

.banner__head {
  color: #ffffff;
  font-size: 70px;
  font-weight: 800;
  margin: 0px;
  line-height: 84px;
}

.banner__paragraph {
  padding-top: 2.8%;
  padding-bottom: 12%;
  color: #ffffff;
  font-size: 23px;
  font-weight: 700;
}

.banner__btn {
  border: none;
  background-color: #ff9900;
  padding: 3% 4.7%;
  color: #ffffff;
  font-size: 23px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

.banner__btn:hover {
  opacity: 0.7;
}

.about__inner {
  margin-top: 5.7%;
}

.about__text {
  max-width: 69.5%;
  margin-bottom: 2.5%;
}

.about__head {
  color: #333333;
  font-size: 48px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
}

.about__paragraph {
  margin-top: 1.9%;
  color: #413535;
  line-height: 32px;
}

.about__paragraph>img {
  -webkit-transform: translateY(2px) translateX(5px);
      -ms-transform: translateY(2px) translateX(5px);
          transform: translateY(2px) translateX(5px);
  padding-right: 0.4%;
}

.about__blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about__more {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - .9%);
          flex: 0 1 calc(50% - .9%);
  background-image: url(../img/about-more.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.more {
  padding:4.4% 7.7% 4.9% 6.3%;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.more__text {
  color: #ffffff;
  font-weight: 700;
  letter-spacing: normal;
  line-height: normal;
  line-height: 32px;
}

.more__link {
  color: #ffffff;
  font-weight: 700;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-left: 10%;
  border: 3px solid #ff9900;
  padding: 2.4% 4.8%;
  -webkit-transition: background-color 1s;
  -o-transition: background-color 1s;
  transition: background-color 1s;
}

.more__link:hover {
  cursor: pointer;
  background-color: #ff9900;
}

.about__advantages {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - .8%);
          flex: 0 1 calc(50% - .8%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;
}

.advantages__consultations {
  border: 1px solid #cacaca;
  background-image: url(../img/consultations.svg);
  background-repeat: no-repeat;
  background-position: 9.1% 45%;
}

.consultations{
  display: block;
  padding:7.5% 12% 7.7% 34.5%;
}

.consultations__head {
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.consultations__text {
  padding-top: 1%;
  color: #333333;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  font-weight: 400;
  line-height: 32px;
}

.advantages__quality {
  margin-top: 3.44%;
  border: 1px solid #cacaca;
  background-image: url(../img/quality.svg);
  background-repeat: no-repeat;
  background-position: 9.1% 38%;
}

.quality {
  display: block;
  padding:7.5% 12% 7.7% 34.5%;
}

.quality__head {
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.quality__text {
  padding-top: 1%;
  color: #333333;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  font-weight: 400;
  line-height: 32px;
}

.howwork__inner {
  margin-top: 5.6%;
  margin-bottom: 5.8%;
}

.howwork__head {
color: #333333;
font-size: 48px;
font-weight: 400;
letter-spacing: normal;
line-height: normal;
margin-bottom: 2.7%;
}

.howwork__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3.2%;
}

.howwork__items {
  margin-right:5.1%;
}

.howwork__items:last-child {
  margin-right: 0px;
}

.howwork__items__link {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  -webkit-transition: color 1s;
  -o-transition: color 1s;
  transition: color 1s;
}

.howwork__items__link:hover {
  color: #ff9900;
  cursor: pointer;
}

.howwork__about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.howwork__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 7%);
          flex: 0 1 calc(50% - 7%);
}

.howwork__text__head {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .1px;
  -webkit-transform: translateY(-9px);
      -ms-transform: translateY(-9px);
          transform: translateY(-9px);
}

.howwork__paragraph {
  color: #333333;
  letter-spacing: 0px;
  line-height: 32px;
  margin-bottom: 7.67%;
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
}

.howwork__btn {
  background-color: #ff9900;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: normal;
  line-height: normal;
  padding: 2.64% 5.2%;
  border: none;
  margin-right: 3.2%;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

.howwork__btn:hover {
  opacity: 0.7;
}

.howwork__link {
  background-color: #ffffff;
  color: #333333;
  padding: 2.64% 5.2%;
  border: 1px solid black;
  -webkit-transition: background-color 1s, border 1s , color 1s;
  -o-transition: background-color 1s, border 1s , color 1s;
  transition: background-color 1s, border 1s , color 1s;
}

.howwork__link:hover {
  background-color: #333333;
  border: 1px solid #333333;
  color: #ffffff;
}

.howwork__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48.9%;
          flex: 0 1 48.9%;
  background-image: url(../img/howwork.jpg);
  background-repeat: no-repeat;
  background-size:cover;
  background-position-y: 48%;
}

.faq__inner {
  margin-bottom: 5.45%;
}

.faq__head {
color: #333333;
font-size: 48px;
letter-spacing: normal;
line-height: normal;
padding-bottom: 2.2%;
font-weight: 400;
}

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

.faq__items {
  border-top: 1px solid #cacaca;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1.7%;
  padding-bottom: 1.9%;
}

.faq__accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ui-state-active .faq__btn::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.ui-state-active .faq__btn::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.faq__items:last-child {
  border-bottom: 1px solid #cacaca;
}

.faq__text {
  padding-left: .26%;
  padding-bottom: 0.2%;
  color: #333333;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 45px;
  -webkit-transition: color 1s;
  -o-transition: color 1s;
  transition: color 1s;
}

.faq__accordion-text {
  color: #333333;
  letter-spacing: 0px;
  line-height: 32px;
  padding-left: .26%;
  margin-top: 35px;
  margin-bottom:25px;
}

.faq__accordion-text2 {
  margin-top: 50px;
}

.faq__text:hover {
  color: #ff9900;
}

.faq__btn {
  width: 50px;
  height: 50px;
  position: relative;
  border-radius: 50%;
  background: #ececec;
  -webkit-transition: background-color 1s;
  -o-transition: background-color 1s;
  transition: background-color 1s;
}

.faq__btn:focus {
  outline: 1px solid black;
}

.faq__btn:before, .faq__btn:after {
  content: "";
  position: absolute;
  background:#6b6b6b;
}

.faq__btn:before {
  left: 48%;
  width: 3%;
  height: 62%;
  top: 17%;
}

.faq__btn:after {
  top: 48%;
  height: 2%;
  width: 63%;
  left: 18%;
}

.faq__btn:hover {
  background-color: #d2d2d2;
}

.faq__texthidden {
  display: none;
}

.footer {
  background-color: #222222;
}

.footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 2.55%;
  padding-bottom: 4%;
}

.footer__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(33% - 12.4%);
          flex: 0 1 calc(33% - 12.4%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer__list {
  padding-top: 2.5%;
}

.footer__items__link {
color: #cacaca;
font-size: 18px;
font-weight: 600;
letter-spacing: normal;
line-height: normal;
line-height: 36px;
-webkit-transition: color 1s;
-o-transition: color 1s;
transition: color 1s;
}

.footer__items__link:hover {
  color: #ff9900;
}

.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 28.4%;
}

.footer__social-link {
  margin-right: 7%;
}

.footer__social-facebook {
  background-image: url(../img/fb.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  display: block;
}

.footer__social-vk {
  background-image: url(../img/vk.svg);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: block;
  background-size: contain;
}

.footer__social-instagramm {
  background-image: url(../img/inst.svg);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: block;
  background-size: contain;
}

.footer__social-link:last-child {
  padding-right: 0px;
}

.footer__middle {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(37% - 5%);
          flex: 0 1 calc(37% - 5%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer__headform {
color: #cacaca;
font-size: 48px;
letter-spacing: normal;
line-height: normal;
font-weight: 400;
padding-top: 1.7%;
padding-bottom: 4.6%;
}

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

.footer__form-input {
  padding-top: 3.5%;
  padding-bottom: 3.5%;
  margin-bottom: 4.9%;
  background-color: #333333;
  resize: none;
  border: none;
  padding-left: 3.6%;
  color: #cacaca;
}

.footer__form-input::-webkit-input-placeholder {
  color: #cacaca;;
}

.footer__form-input::-moz-placeholder {
  color: #cacaca;;
}

.footer__form-input:-ms-input-placeholder {
  color: #cacaca;;
}

.footer__form-input::-ms-input-placeholder {
  color: #cacaca;;
}

.footer__form-input::placeholder {
  color: #cacaca;;
}

.footer__form__btn{
  background-color: #ff9900;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: normal;
  line-height: normal;
  padding: 3.4% 9%;
  border: none;
  margin-right: 5.4%;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

.footer__form__btn:hover {
  opacity: 0.5;
}

.footer__checkbox {
  margin-top: 1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__form__checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.footer__form__checkbox + label {
  position: relative;
  vertical-align: middle;
  padding: 0 0 0 17px;
  cursor: pointer;
}

.footer__form__checkbox + label:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: .8rem;
  height: .8rem;
  border: 1px solid #cacaca;
  border-radius: 1px;
}

.footer__form__checkbox:focus+label::before {
  border: 1px solid #ff9900;
}

.footer__form__checkbox:checked + label:after {
  position: absolute;
  top: 5px;
  left: 2px;
  background-image: url(../img/check.png);
  background-size: contain;
  background-repeat: no-repeat;
  width:.7em;
  height:.7rem;
}

.footer__form__checkbox + label:after {
  content: '';
  position: absolute;
}

.footer__form__checkbox-label {
  color: #cacaca;
  letter-spacing: normal;
  line-height: 32px;
}

.footer_right {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(33% - 12.44%);
          flex: 0 1 calc(33% - 12.44%);
  color: #cacaca;
  letter-spacing: normal;
  line-height: 32px;
  padding-top: 4.45%;
}

@media (max-width:1870px) {
  .container {
    margin-left: 50px;
    margin-right: 50px;
  }

  .swiper-pagination {
    display: block;
  }
}

@media (max-width:1500px) {
  .about__text {
    max-width: 100%;
  }

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

  .more {
    margin-top: 50.6%;
    padding: 3.9% 5% 4.3% 4.8%;
  }

  .more__link {
    margin-left: 17.9%;
    padding: 2.1% 4.4%;
  }

  .more__text {
    max-width: 64%;
  }

  .about__more {
    margin-bottom: 5.2%;
  }

  .consultations {
    padding: 7.5% 12% 7.7% 37.8%;
  }

  .advantages__consultations {
    background-position: 15.1% 47%;
  }

  .quality {
    padding: 7.4% 12% 7.2% 37.7%;
  }

  .advantages__quality {
    background-position: 15% 45%;
  }

  .footer_right {
    display: none;
  }

  .footer__inner {
    padding-top: 4.65%;
    padding-bottom: 7%;
  }

  .footer__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33% - 0%);
            flex: 0 1 calc(33% - 0%);
  }

  .footer__middle {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(57.9% - 0%);
            flex: 0 1 calc(57.9% - 0%);
  }

  .footer__headform {
    padding-top: 2.1%;
  }

  .footer__form-input {
    padding-top: 4.2%;
    padding-left: 4.4%;
  }

  .footer__form__btn {
    padding: 3.8% 7.1%;
    margin-right: 4.6%;
  }

  .footer__social {
    padding-top: 34.4%;
  }

  .footer__social-link {
    margin-right: 8%;
  }
}


@media (max-width:1024px) {
  .container {
    max-width: 924px;
  }

  .nav__items-link {
    display: none;
  }

  .header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(29% - 25.8%);
            flex: 0 1 calc(29% - 25.8%);
    position: relative;
    width: 1.24rem;
    height: 1.44rem;
    z-index: 11;
    cursor: pointer;
  }

  .header__burger.active::after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    bottom: 10px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  }

  .header__burger.active::before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 11px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  }

  .header__burger.active:hover::before {
    content: '';
    background-color: black;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 11px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  }

  .header__burger.active:hover::after {
    content: '';
    background-color: black;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 11px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  }

  .header__burger.active span{
    height: 0px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  }

  .header__burger::after,
  .header__burger::before {
    content: '';
    background-color: black;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

  }

  .header__burger span {
    position: absolute;
    background-color: black;
    left: 0;
    width: 100%;
    height: 2px;
    top: 10px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .header__burger::before {
    top: 0;
  }

  .header__burger:hover::before {
    top: 0;
    background-color: #ff9900;
  }

  .header__burger::after {
    bottom: 0;
  }

  .header__burger:hover span {
    width: 70%;
    left: 9px;
    background-color: #ff9900;
  }

  .header__burger:hover::after {
    width: 50%;
    left: 15px;
    background-color: #ff9900;
  }

  .header__menu.is-active {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .nav__items:last-child {
    padding-right: 0px;
  }

  .header__logo {
    margin-left: 23.4vw;
  }

  .nav__btn {
    -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
            transform: translateY(2px);
    margin-right: 0vw;
  }

  .header__logo>img {
    width: 150px;
    height: 50px
  }

  .header__inner {
    padding-bottom: 2.5%;
    padding-top: 2.59%;
  }

  .banner__about {
    max-width: 100%;
  }

  .banner__inner {
    padding-top: 17%;
    padding-left: 4.85%;
    padding-bottom: 5.17%;
    background-position-y:57% ;
  }

  .banner__head {
    font-size: 60px;
    line-height: 76px;
  }

  .banner__paragraph {
    font-size: 20px;
    padding-top: 0.8%;
    padding-bottom: 13.35%;
    max-width: 88%;
  }

  .banner__btn {
    margin-bottom: 8.2%;
    padding: 3% 5.2%;
  }

  .about__inner {
    margin-top: 6.4%;
  }

  .about__text {
    max-width: 100%;
    margin-bottom: 5.5%;
  }

  .about__paragraph {
    margin-top: 3.7%;
    -webkit-transform: translateY(-9px);
        -ms-transform: translateY(-9px);
            transform: translateY(-9px);
  }

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

  .more {
    margin-top: 50.6%;
    padding: 3.9% 5% 4.3% 4.8%;
  }

  .more__link {
    margin-left: 17.9%;
    padding: 2.1% 4.4%;
  }

  .more__text {
    max-width: 64%;
  }

  .about__more {
    margin-bottom: 5.2%;
  }

  .consultations {
    padding: 7.5% 12% 7.7% 37.8%;
  }

  .advantages__consultations {
    background-position: 15.1% 47%;
  }

  .quality {
    padding: 7.4% 12% 7.2% 37.7%;
  }

  .advantages__quality {
    background-position: 15% 45%;
  }

  .howwork__inner {
    margin-top: 6.1%;
    margin-bottom: 6.1%;
  }

  .howwork__head {
    margin-bottom: 5.4%;
    -webkit-transform: translateX(-6px);
        -ms-transform: translateX(-6px);
            transform: translateX(-6px);
  }

  .howwork__items {
    margin-right: 9.6%;
  }

  .howwork__list {
    margin-bottom: 5.95%;
  }

  .howwork__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(49% - 1.7%);
            flex: 0 1 calc(49% - 1.7%)
  }

  .howwork__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 47.3%;
            flex: 0 1 47.3%;
    background-position-x: 50%;
    background-position-y: 100%;
  }

  .howwork__paragraph {
    margin-bottom: 6.3%;
  }

  .howwork__btn {
    padding: 4.6% 8.6%;
    margin-right: 5.6%;
  }

  .howwork__link {
    padding: 4.6% 8.6%;
  }

  .faq__inner {
    margin-top: 1%;
    margin-bottom: 6.25%;
  }

  .faq__head {
    padding-bottom:4.4% ;
    -webkit-transform: translateX(-4px);
        -ms-transform: translateX(-4px);
            transform: translateX(-4px);
  }

  .faq__items {
    padding-top: 2.5%;
    padding-bottom: 2.9%;
  }

  .faq__items:first-child {
    padding-top: 5.1%;
    padding-bottom: 2.7%;
  }

  .faq__items:nth-child(3) {
    padding-top: 4.1%;
    padding-bottom: 2.7%;
  }

  .faq__items:last-child {
    padding-top: 4%;
    padding-bottom: 2.8%;
  }

  .faq__text {
    font-size: 20px;
    padding-left: 0%;
    max-width: 84%;
    padding-bottom: 0%;
    line-height: 32px;
  }

  .faq__accordion-text {
    font-size: 16px;
  }

  .about__paragraph>img {
    -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
            transform: translateY(4px)
  }

  .footer_right {
    display: none;
  }

  .footer__inner {
    padding-top: 5.05%;
    padding-bottom: 7%;
  }

  .footer__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33% - 0%);
            flex: 0 1 calc(33% - 0%);
  }

  .footer__middle {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(57.9% - 0%);
            flex: 0 1 calc(57.9% - 0%);
  }

  .footer__headform {
    padding-top: 2.1%;
  }

  .footer__form-input {
    padding-top: 4.2%;
    padding-left: 4.4%;
  }

  .footer__form__btn {
    padding: 3.8% 7.1%;
    margin-right: 4.6%;
  }

  .footer__social {
    padding-top: 34.4%;
  }

  .footer__social-link {
    margin-right: 8%;
  }
}


@media (max-width:768px) {
  .container {
    max-width: 668px;
  }

  .header__inner {
    padding-top: 0.8%;
    padding-bottom: 1.5%;
  }

  .header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(31.5% - 27%);
            flex: 0 1 calc(31.5% - 27%);
  }

  .header__logo>img {
    padding-top: 4.6%;
  }
  .banner>.container {
    max-width: 768px;
    margin: 0px;
  }

  .banner__inner  {
    max-width: 100%;
    padding-top: 25%;
    padding-left: 6.4%;
    padding-bottom: 6.17%;
    padding-right: 2%;
  }

  .banner__head {
    line-height: normal;
  }

  .header__menu {
    width: 300px;
    height: 768px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    padding:155px 85px 150px 86px ;
  }

  .banner__paragraph {
    font-size: 20px;
    padding-top: 1.6%;
    padding-bottom: 15.35%;
    max-width: 100%;
  }

  .banner__btn {
    padding: 3.6% 5.9%;
    margin-bottom: 9.7%;
  }

  .about__inner {
    margin-top: 8.9%;
  }

  .about__paragraph {
    margin-top: 5.3%;
  }

  .about__text {
    margin-bottom: 7.4%;
  }

  .more {
    margin-top: 71.5%;
    padding: 3.2% 4.4% 3.5% 4.4%;
  }

  .about__more {
    background-position-x: 50%;
    margin-bottom: 5.9%;
  }

  .more__link {
    margin-left: 5%;
    padding: 2.8% 5.8%;
  }

  .more__text {
    max-width: 70%;
  }

  .consultations {
    padding: 5.6% 5% 5.2% 26.7%;
  }

  .quality {
    padding: 5.6% 5% 5.2% 26.7%;
  }

  .advantages__quality {
    margin-top: 5.94%
  }

  .advantages__consultations {
    background-position: 5.4% 51.3%;
    background-size: 17.8%;
  }

  .advantages__quality {
    background-position: 5.4% 51.3%;
    background-size: 17.8%;
  }

  .howwork__inner {
    margin-top: 8.8%;
    margin-bottom: 8.8%;
  }

  .howwork__head {
    margin-bottom: 7.4%;
  }

  .howwork__items {
    margin-right: 0%;
  }

  .howwork__list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .howwork__list {
    margin-bottom: 6.6%;
  }

  .howwork__about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .howwork__img {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    height: 284px;
    background-position-y: 50%;
  }

  .howwork__text {
    margin-top: 7.6%;
  }

  .howwork__paragraph {
    margin-bottom: 3.8%;
  }

  .howwork__btn {
    padding: 3.1% 5.7%;
    margin-right: 3.9%;
  }

  .howwork__link {
    padding: 3.1% 5.7%;
  }

  .faq__head {
    margin-left: -2%;
    -webkit-transform: translateX(13px);
        -ms-transform: translateX(13px);
            transform: translateX(13px);
    letter-spacing: -0.82px;
    padding-bottom: 5.7%
  }

  .faq__items:first-child {
    padding-top: 5.2%;
    padding-bottom: 3.7%;
  }

  .faq__items {
    padding-top: 3.5%;
    padding-bottom: 3.9%;
  }

  .faq__items:nth-child(3) {
    padding-top: 3.6%;
    padding-bottom: 3.8%;
  }

  .faq__text {
    max-width: 77%;
  }

  .faq__text768 {
    max-width: 70%;
  }

  .faq__items:last-child {
    padding-top: 3.5%;
    padding-bottom: 3.8%;
  }

  .faq__inner {
    margin-bottom: 8.65%;
  }

  .footer__list {
    display: none;
  }

  .footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .footer__headform {
    padding-top: 3.4%;
    padding-bottom: 3.5%;
  }

  .footer__form {
    max-width: 79.9%;
  }

  .footer__form-input {
    margin-bottom: 5.1%;
  }

  .footer__logo {
    margin-top: 8.8%;
  }

  .footer__social {
    padding-top: 1.8%;
  }
  .footer__social-link {
    margin-right: 3.8%;
  }
}

@media (max-width:576px){

  .container {
    margin: 0px 15px;
  }

  .banner>.container {
    margin: 0px 15px;
  }

  .header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-top: 1.4%;
  }

  .header__nav {
    display: none;
  }

  .header__logo {
    margin-left: 0;
  }

  .header__burger {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.5% - 25%);
            flex: 0 1 calc(33.5% - 25%);
    margin-top: 1%;
  }

  .banner__inner {
    margin-left: 0px;
    max-width: 100%;
    padding-top: 11%;
    padding-left: 5%;
    padding-bottom: 5%;
    background-position-y: 63%;
  }

  .banner__head {
    font-size: 28px;
    font-weight: 800;
  }

  .banner__paragraph {
    padding: 3% 9% 11.6% 0%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3em;
  }

  .banner__btn {
    padding: 4.3% 9.7%;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 13.7%;
  }

  .about__inner {
    margin-top: 13.6%;
  }

  .about__head {
    font-size: 24px;
    font-weight: 400;
  }

  .about__paragraph {
    margin-top: 3.3%;
    font-weight: 400;
    line-height: 28px;
  }

  .about__more {
    background-image: url(../img/about\ more\ 320.png);
    background-repeat: no-repeat;
    background-size: 103.3%;
    margin-bottom: 7%;
  }

  .more {
    background-color: #ffffff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0%;
  }

  .more__text {
    color: #333333;
    max-width: 100%;
    font-weight: 400;
    line-height: 28px;
  }

  .more__link {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-left: 0;
    margin-top: 4%;
    padding: 3.7% 14.3%;
    color: #ff9900;
  }

  .footer__headform {
    font-size: 24px;
    font-weight: 400;
    padding-top: 8.5%;
    padding-bottom: 7.7%;
  }

  .footer__form {
    max-width: 100%;
  }

  .footer__form-input {
    padding: 7.1% 6.2% 7.9% 7.1%;
    margin-bottom: 8.3%;
  }

  .footer__form>textarea {
    height: 10.8em;
  }

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

  .footer__form__btn {
    margin-right: 0;
    padding: 4.2% 9.7%;
    margin-bottom: 4.2%;
  }

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

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

  .footer__logo>img {
    width: 58%;
    padding-top: 10%;
  }

  .footer__social {
    padding-top: 5.8%;
  }

  .footer__social-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 11.8%;
  }

  .footer__social-link {
    width: 45px;
  }

  .footer__social-link>a>img {
    width: 34px;
  }
}

@media (max-width:320px){
  .container {
    max-width: 290px;
    margin: 0px 15px;
  }

  .banner>.container {
    max-width: 290px;
    margin: 0px 15px;
  }

  .header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-top: 1.4%;
  }

  .header__nav {
    display: none;
  }

  .header__logo {
    margin-left: 0;
  }

  .header__logo>img {
    width: 97px;
    height: 32.4px;
  }

  .header__burger {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.5% - 25%);
            flex: 0 1 calc(33.5% - 25%);
    margin-top: 1%;
  }

  .header__menu {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 120px;
    width: 200px;
    height: 307px;
    -webkit-transform: translateX(170%);
        -ms-transform: translateX(170%);
            transform: translateX(170%);
    padding:66px 40px 80px 61px ;
  }

  .header__menu-list {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
  }

  .header__menu-list {
    padding-bottom: 19px;
  }


  .banner__inner {
    margin-left: 0px;
    max-width: 100%;
    padding-top: 11%;
    padding-left: 0px;
    padding-bottom: 0px;
    background-position-y: 63%;
    padding-right: 0px;
  }

  .banner__head {
    font-size: 20px;
    text-align: center;
    font-weight: 800;
  }

  .banner__paragraph {
    padding: 3% 9% 11.6% 9%;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    line-height: 1.3em;
  }

  .banner__btn {
    padding: 4.3% 9.7%;
    margin-left: 22.2%;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 13.7%;
  }

  .swiper-pagination {
    display: none;
  }

  .about__inner {
    margin-top: 13.6%;
  }

  .about__head {
    font-size: 24px;
    font-weight: 400;
  }

  .about__paragraph {
    margin-top: 3.3%;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
  }

  .about__more {
    background-image: url(../img/about\ more\ 320.png);
    background-repeat: no-repeat;
    background-size: 103.3%;
    margin-bottom: 7%;
  }

  .more {
    background-color: #ffffff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0%;
  }

  .more__text {
    color: #333333;
    max-width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
  }

  .more__link {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-left: 0;
    margin-top: 4%;
    padding: 3.7% 14.3%;
    color: #ff9900;
    font-size: 12px;
    font-weight: 700;
  }

  .about__text {
    margin-bottom: 1%;
  }

  .advantages__consultations {
    background-position: 0% 9.1%;
    background-size: 22%;
    border: none;
  }

  .consultations {
    padding: 29% 0% 0% 0%;
  }

  .consultations__head {
    font-size: 18px;
    font-weight: 500;
  }

  .consultations__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 0.5%;
  }

  .advantages__quality {
    background-position: 0% 1.9%;
    background-size: 22%;
    border: none;
  }

  .quality {
    padding: 24.3% 0% 0% 0%;
  }

  .quality__head {
    font-size: 18px;
    font-weight: 500;
  }

  .quality__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 1.5%;
  }

  .howwork__inner {
    margin-top: 15.8%;
    margin-bottom: 13.6%;
  }

  .howwork__head {
    font-size: 25px;
    font-weight: 400;
    padding-left: 1.9%;
    letter-spacing: -0.5px;
    margin-bottom: 12.3%;
  }

  .howwork__items__link {
    font-size: 14px;
    font-weight: 400;
  }

  .howwork__list {
    margin-bottom: 5.6%;
  }

  .howwork__img {
    height: 160px;
  }

  .howwork__text__head {
    font-size: 18px;
    font-weight: 400;
  }

  .howwork__paragraph {
    font-size: 14px;
    line-height: 28px;
    -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
            transform: translateY(-4px);
    margin-bottom: 5.5%;
  }

  .howwork__btn {
    font-size: 12px;
    font-weight: 700;
    padding: 4.4% 15.4%;
    margin-right: 1.7%;
  }

  .howwork__link {
    font-size: 12px;
    font-weight: 400;
    padding: 4.3% 10.7%;
  }

  .faq__head {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: normal;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-left: 0px;
    padding-bottom: 4.7%;
  }

  .faq__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.1px;
  }

  .faq__btn {
    height: 30px;
    width: 30px;
  }

  .faq__items:first-child {
    padding-top: 7%;
    padding-bottom: 7.8%;
  }

  .faq__items {
    padding-top: 6.5%;
    padding-bottom: 8%;
  }

  .faq__items:nth-child(3) {
    padding-top: 7.4%;
    padding-bottom: 7.8%;
  }

  .faq__text {
    max-width: 79%;
  }

  .faq__text320 {
    max-width: 77%;
  }

  .faq__text768 {
    max-width: 80%;
  }

  .faq__accordion-text p {
    font-size: 14px;
  }

  .faq__items:last-child {
    padding-top: 7.4%;
    padding-bottom: 7.8%;
  }

  .faq__inner {
    margin-bottom: 13.25%;
  }

  .footer__headform {
    font-size: 24px;
    font-weight: 400;
    padding-top: 8.5%;
    padding-bottom: 7.7%;
  }

  .footer__form {
    max-width: 100%;
  }

  .footer__form-input {
    padding: 7.1% 6.2% 7.9% 7.1%;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8.3%;
  }

  .footer__form>textarea {
    height: 10.8em;
  }

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

  .footer__form__btn {
    font-size: 12px;
    font-weight: 700;
    margin-right: 0;
    padding: 4.2% 9.7%;
    margin-bottom: 4.2%;
  }

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

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

  .footer__logo>img {
    width: 58%;
    padding-top: 10%;
  }

  .footer__social {
    padding-top: 5.8%;
  }

  .footer__social-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 11.8%;
  }

  .footer__social-facebook {
    width: 35px;
    height: 35px;
  }

  .footer__social-vk {
    width: 35px;
    height: 35px;
  }

  .footer__social-instagramm {
    width: 35px;
    height: 35px;
  }

  .footer__social-link {
    width: 45px;
  }

  .footer__social-link>a>img {
    width: 34px;
  }
}

#accordion .ui-icon { display: none; }
#accordion .ui-accordion-header a { padding-left: 0 }