*,
 ::before,
 ::after {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   padding: 0;
   margin: 0;
 }
 
 html,
 body {
   width: 100%;
   margin: 0 auto;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   overflow-x: hidden;
   font-family: "HelveticaRegular", sans-serif;
   background-color: #fff;
   overflow-anchor: none;
   font-size: 16px;
   scroll-behavior: smooth;
 }
 
 html.lock {
   overflow: hidden;
 }
 
 .wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: 100vh;
 }
 
 .container {
   width: 100%;
   max-width: 1140px;
   margin: 0 auto;
   padding: 0 15px;
 }
 
 img,
 svg {
   max-width: 100%;
   display: block;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
 }
 
 h2 {
   color: var(--black);
   font-size: calc(28px + 22 * (100vw / 1140));
   font-weight: 400;
   line-height: 100%;
   text-transform: uppercase;
   margin-bottom: 20px;
 }
 
 h3 {
   color: var(--black);
   font-size: 40px;
   font-size: calc(22px + 18 * (100vw / 1140));
   font-weight: 400;
   line-height: 100%;
   text-transform: uppercase;
 }
 
 a {
   text-decoration: none;
 }
 
 p {
   margin: 0;
   padding: 5px 0;
   color: #463c35;
   font-size: 14px;
   font-weight: 400;
   line-height: 145%;
 }
 
 ul,
 li,
 ol {
   list-style: none;
   padding: 0;
   margin: 0;
 }
main ul,
main ol {
  padding: 6px 0;
  margin-left: 15px;
}

main li {
  padding-left: 20px;
  margin: 5px 0;
  font-size: 15px;
  position: relative;
}

main ul li:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #131321;
}

main ol {
  list-style-type: numbers;
  padding-left: 20px;
}

main ol li {
  padding: 0;
  list-style-type: decimal;
}

 
 input,
 button,
 textarea {
   font: inherit;
   border: none;
   outline: none;
   margin: 0;
   padding: 0;
   background: none;
   min-width: 10px;
 }
 
 label {
   margin: 0;
   padding: 0;
   font-size: 12px;
 }
 
 select {
   outline: none;
   border: none;
   background: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
 section {
   padding: 50px 0;
 }
 
 .main {
   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-flex: 1;
       -ms-flex: 1 1 auto;
           flex: 1 1 auto;
 }
 
 :root {
   --brown: #78695f;
   --brown-light: #d1c7bc;
   --black: #1e1e1e;
   --white: #fff;
 }

.wpcf7 form .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 0;
    border: none;
}
 
 .header {
   background-color: var(--white);
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 5;
 }
 
 .header-fixed .header-content {
   padding: 5px 0;
 }

 .header-content {
   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: 15px 0;
 }
 
 .header-content__wrapper {
   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;
   width: 100%;
 }

 .custom-logo-link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 40px;
 }
 
 .navigation__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 
 .navigation__list li {
   white-space: nowrap;
   margin-left: 15px;
 }
 
 .navigation__list li:first-child {
   margin-left: 0;
 }
 
 .navigation__list li a {
   color: var(--black);
   font-family: Helvetica;
   font-size: 13px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-transform: uppercase;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 .navigation__list li a:hover {
   color: var(--brown);
 }
 
 /*-- social --*/
 
 .social {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 
 .social__item {
   margin-left: 9px;
 }
 
 .social__item:first-child {
   margin-left: 0;
 }
 
 .social__link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 34px;
   height: 34px;
   border: 0.5px solid var(--brown);
   background-color: var(--white);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 .social__link:hover {
   background-color: var(--brown);
 }
 
 .social__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   height: 100%;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   color: var(--brown);
 }

 .social__link:hover .social__wrap {
   color: var(--white);
 }
 
 .social__wrap_fb {
   width: 9px;
   height: 16px;
 }
 
 .social__wrap_inst {
   width: 16px;
   height: 16px;
 }
 
 .social__wrap_in {
   width: 16px;
   height: 16px;
 }
 
 .phone {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 
 .phone__icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 14px;
   height: 14px;
   margin-right: 7px;
 }
 
 .phone__svg {
   width: 100%;
   height: 100%;
   color: var(--brown);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }
 
 .phone__text {
   color: var(--black);
   font-size: 15px;
   font-weight: 400;
   line-height: 120%;
   white-space: nowrap;
 }
 
 .lang {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 
 .lang__icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 17px;
   height: 17px;
   margin-right: 7px;
   color: var(--brown);
 }
 
 .lang__svg {
   width: 100%;
   height: 100%;
   color: var(--brown);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }
 
 .lang li a {
   color: var(--black);
   font-size: 13px;
   font-style: normal;
   font-weight: 400;
   line-height: 120%;
   text-transform: uppercase;
 }

 .lang .pll-parent-menu-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   position: relative;
 }

 .lang .sub-menu {
   position: absolute;
   top: 20px;
   right: 0;
   border: 1px solid var(--brown);
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 .lang .sub-menu:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 6px;
   top: -6px;
   left: 0;
 }
 
 .lang .sub-menu li {
   padding: 4px 12px;
   width: 100%;
   background-color: var(--brown);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 .lang .sub-menu li:hover {
   background-color: var(--white);
 }

 .lang .sub-menu li:hover a {
   color: var(--brown);
 }

 .lang .sub-menu li a {
   color: var(--white);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 .lang .pll-parent-menu-item:hover .sub-menu {
   opacity: 1;
   visibility: visible;
 }

 .section-hero {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   height: 100vh;
   min-height: 650px;
 }
 
 .section-hero__bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 
 .section-hero__bg img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 .section-hero__bg:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(59, 59, 59, 0.35);
 }
 
 .hero {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   position: relative;
   z-index: 2;
   height: 100%;
   max-width: 715px;
   margin: -33px auto 0;
 }
 
 .hero__title {
   color: var(--white);
   text-align: center;
   font-size: calc(30px + 22 * (100vw / 1140));
   font-weight: 400; 
   line-height: 100%;
   text-transform: uppercase;
 }

h1 {
   color: var(--black);
   font-size: calc(30px + 22 * (100vw / 1140));
   font-weight: 400; 
   line-height: 100%;
   text-transform: uppercase;
}
 
 .hero__subtitlle {
   margin-top: 10px;
   color: var(--white);
   text-align: center;
   font-size: 16px;
   font-weight: 400;
   line-height: 125%;
   text-transform: uppercase;
 }
 
 .hero__btn {
   margin-top: 25px;
 }
 
 .custom-font {
   font-family: "bickhamscriptthree", sans-serif;
   margin-right: 15px;
 }
 
 .main-btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 
 .main-btn__link {
   color: var(--black);
   font-size: 14px;
   font-weight: 400;
   line-height: 125%;
   text-transform: uppercase;
   padding: 15px 30px;
   background: var(--brown-light);
   cursor: pointer;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }
 
 .main-btn__link:hover {
   background: var(--brown);
   color: var(--white);
 }
 
 .section-about {
   background: #f0edeb;
 }
 
 .about {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 
 .about__img-wrapper {
   padding: 25px;
   position: relative;
   width: 50%;
   aspect-ratio: 16/9;
   margin-right: 30px;
 }
 
 .about__img-wrapper:after {
   content: "";
   position: absolute;
   top: auto;
   bottom: 0;
   left: 0;
   width: 60%;
   aspect-ratio: 10/10;
   background: var(--brown-light);
 }
 
 .about__img {
   overflow: hidden;
 }
 
 .about__img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
   position: relative;
   z-index: 1;
 }
 
 .about__text {
   width: 50%;
 }
 
 .section-projects {
   position: relative;
 }
 
 .section-projects:before {
   content: "";
   width: 100%;
   height: 38%;
   position: absolute;
   top: 0;
   left: 0;
   background: #f0edeb;
 }
 
 .projects-content {
   position: relative;
 }
 
 .project {
   overflow: hidden;
   position: relative;
 }
 
 .project__title {
   padding-left: 25%;
   position: relative;
   color: var(--black);
   font-size: 15px;
   font-weight: 400;
   line-height: 120%;
 }
 
 .project__title:after {
   content: "";
   position: absolute;
   top: 15px;
   left: 0;
   width: 20%;
   height: 0.5px;
   background: #000;
 }
 
 .project-thumb {
   overflow: hidden;
   position: relative;
   aspect-ratio: 16/11;
 }
 
 .project-thumb__img {
   width: 100%;
   height: 100%;
 }

 .project-thumb__img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 .project-thumb .swiper-button-prev,
 .project-thumb .swiper-button-next {
   position: absolute;
   top: 50%;
   -webkit-transform: translate(0, -50%);
       -ms-transform: translate(0, -50%);
           transform: translate(0, -50%);
   width: 30px;
   height: 30px;
   border-radius: 100px;
   background-color: #f8f8f8;
   z-index: 2;
 }
 
 .project-thumb .swiper-button-prev {
   left: 15px;
 }
 
 .project-thumb .swiper-button-next {
   right: 15px;
 }
 
 .swiper-navigation {
   margin-top: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 
 .swiper-button-next,
 .swiper-button-prev {
   position: relative;
   width: 30px;
   height: 30px;
   border-radius: 50px;
   background: #f8f8f8;
   cursor: pointer;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   z-index: 1;
   left: auto;
   right: auto;
   margin-top: auto;
 }
 
 .swiper-button-next:after,
 .swiper-button-prev:after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-30%, -50%);
       -ms-transform: translate(-30%, -50%);
           transform: translate(-30%, -50%);
   width: 8px;
   height: 12px;
   background: url("../img/svg/arrow.svg") no-repeat center top/cover;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }
 
 .swiper-button-next:hover,
 .swiper-button-prev:hover {
   background: #d1c7bc;
 }
 
 .swiper-button-next:hover:after,
 .swiper-button-prev:hover:after {
   background: url("../img/svg/arrow-white.svg") no-repeat center top/cover;
 }
 
 .swiper-button-prev:after {
   -webkit-transform: translate(-70%, -50%) rotate(180deg);
       -ms-transform: translate(-70%, -50%) rotate(180deg);
           transform: translate(-70%, -50%) rotate(180deg);
 }
 
 .swiper-button-disabled {
   opacity: 0.5;
   background: #f8f8f8;
 }
 
 .swiper-button-disabled:hover {
   background: #f8f8f8;
 }
 
 .swiper-button-disabled:hover:after {
   background: url("../img/svg/arrow.svg") no-repeat center top/cover;
 }
 
 .swiper-pagination {
   position: relative;
   top: auto !important;
   bottom: auto !important;
   width: auto !important;
   padding: 0 15px;
   z-index: 1;
 }
 
 .swiper-pagination {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 
 .swiper-pagination-bullet {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 10px;
   height: 10px;
   background-color: #ebf4ff;
   border-radius: 100px;
   margin-left: 8px;
   opacity: 1;
   cursor: pointer;
 }
 
 .swiper-pagination-bullet-active {
   background-color: var(--brown);
 }
 
 .swiper-pagination-current,
 .swiper-pagination-total {
   padding: 0 7px;
 }
 
 .section-services {
   position: relative;
   padding: 100px 0;
 }
 
 .section-services__bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 
 .section-services__bg img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 .services__block {
    height: 100%;
 }
 
 .services-content {
   position: relative;
   z-index: 2;
   
 }
 
 .services__content {
   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;
   padding: 35px 25px;
   background: rgba(255, 255, 255, 0.9);
   height: 100%;
 }
 
 .services__upper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 
 .services__icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   min-width: 45px;
   max-width: 45px;
   height: 45px;
   background-color: var(--white);
   border-radius: 100px;
   margin-right: 20px;
 }
 
 .services__icon-inner {
   width: 29px;
   height: 29px;
 }
 
 .services__btn {
   margin-top: 25px;
 }
 
 .services .swiper-navigation {
   display: none;
 }
 
 .services .main-btn__link {
   width: 100%;
   text-align: center;
 }
 
 .section-reviews {
   background-color: #f0edeb;
 }
 
 .reviews {
   position: relative;
   overflow: hidden;
 }
 
 .reviews__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 20px;
   background-color: var(--white);
 }
 
 .reviews__text {
   width: 50%;
 }
 
 .reviews__title {
   color: #463c35;
   font-size: 16px;
   font-weight: 400;
   line-height: 125%;
   text-transform: uppercase;
   margin-bottom: 15px;
 }
 
 .reviews__star-rating {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin-bottom: 15px;
 }
 
 .reviews__star-rating img {
   width: 15px;
   height: 15px;
   margin-left: 7px;
 }
 
 .reviews__star-rating img:first-child {
   margin-left: 0;
 }
 
 .reviews__img {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 50%;
   aspect-ratio: 16/10;
   overflow: hidden;
   margin-left: 30px;
 }
 
 .reviews__img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 .section-avantages {
   position: relative;
 }
 
 .section-avantages:before {
   content: "";
   width: 100%;
   height: 50%;
   position: absolute;
   top: 0;
   left: 0;
   background: #f0edeb;
 }
 
 .avantages-content {
   position: relative;
   z-index: 2;
 }
 
 .avantages {
   position: relative;
   overflow: hidden;
 }

 .avantages__slide {
   height: auto;
 }
 
 .avantages__content {
   background: #d1c7bc;
   height: 100%;
 }
 
 .avantages__img {
   overflow: hidden;
   aspect-ratio: 16/7;
 }
 
 .avantages__img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 .avantages__text-body {
   padding: 15px;
 }
 
 .avantages p {
   color: #463c35;
   text-align: center;
   font-size: 14px;
   font-weight: 400;
   line-height: 125%;
 }
 
 .contact-form-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 
 .contact-form-content__right {
   width: 50%;
   background: #f0edeb;
   padding: 50px 45px;
   margin-right: 7px;
 }
 
 .contact-form-content__right p {
   max-width: 340px;
 }
 
 .contact-form-content__social {
   padding: 10px 0 20px;
 }
 
 .contact-form-content__left {
   margin-left: 7px;
   width: 50%;
   aspect-ratio: 10/10;
   overflow: hidden;
 }
 
 .contact-form-content__left img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 .form {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   max-width: 340px;
   margin-top: 25px;
 }
 
 .form__label {
   border-bottom: 1px solid var(--brown-light);
   margin-bottom: 10px;
 }
 
 .form__label:last-child {
   margin-bottom: 0;
 }
 
 .form__input {
   padding: 8px 0;
 }
 
 .section-contacts {
   position: relative;
 }
 
 .section-contacts__bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 
 .section-contacts__bg img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 .contacts-wrapper {
   position: relative;
   z-index: 2;
 }
 
 .contacts {
   width: 100%;
   max-width: 450px;
   background: rgba(255, 255, 255, 0.9);
   padding: 25px 35px;
 }

 .contacts__list {
	margin-left: 0!important;	
 }
 
 .contacts__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin-bottom: 15px;
	 padding-left: 0px!important;
 }

.contacts__item:before {
	display: none;
}
 
 .contacts__item:last-child {
   margin-bottom: 0;
 }
 
 .contacts__icon {
   width: 26px;
   height: 26px;
   margin-right: 20px;
 }
 
 .contacts__svg {
   width: 100%;
   height: 100%;
 }
 
 .contacts__text {
   color: #252525;
   font-size: 15px;
   font-weight: 400;
   line-height: 125%;
 }
 
 .popup-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   overflow-y: auto;
   z-index: 10;
   opacity: 0;
   visibility: hidden;
 }
 
 .popup-wrapper:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(68, 63, 60, 0.75);
   opacity: 0;
   visibility: hidden;
 }
 
 .popup-wrapper.open {
   opacity: 1;
   visibility: visible;
 }
 
 .popup-wrapper.open:after {
   opacity: 1;
   visibility: visible;
 }
 
 .mobile-menu.open .menu-mobile {
   left: 0;
 }
 
 .mobile-menu.open .menu-mobile__header {
   left: 0;
 }
 
 .mobile-menu.open .popup__close-link {
   left: 20px;
 }
 
 .mobile-menu.open .popup__close-link:before,
 .mobile-menu.open .popup__close-link:after {
   left: 0px;
 }
 
 .menu-mobile {
   position: fixed;
   top: 0;
   left: -100%;
   width: 100%;
   max-width: 520px;
   height: 100%;
   background-color: #fff;
   z-index: 10;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   overflow-y: auto;
 }
 
 .menu-mobile__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   position: fixed;
   top: 0;
   left: -100%;
   width: 100%;
   max-width: 520px;
   background-color: #fff;
   z-index: 10;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   z-index: 5;
   padding: 30px 20px;
 }
 
 .menu-mobile__body {
   padding: 80px 0;
 }
 
 .menu-mobile__title {
   position: relative;
   z-index: 2;
   text-align: center;
 }
 
 .menu-mobile .popup__close-link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   position: fixed;
   top: 25px;
   left: -100%;
   width: 25px;
   height: 25px;
   z-index: 6;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }
 
 .menu-mobile .popup__close-link:after {
   content: "";
   position: absolute;
   top: 50%;
   left: -100%;
   width: 100%;
   height: 1px;
   background: var(--brown);
   -webkit-transform: translate(0, -50%) rotate(45deg);
       -ms-transform: translate(0, -50%) rotate(45deg);
           transform: translate(0, -50%) rotate(45deg);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }
 
 .menu-mobile .popup__close-link:before {
   content: "";
   position: absolute;
   top: 50%;
   left: -100%;
   width: 100%;
   height: 1px;
   background: var(--brown);
   -webkit-transform: translate(0, -50%) rotate(-45deg);
       -ms-transform: translate(0, -50%) rotate(-45deg);
           transform: translate(0, -50%) rotate(-45deg);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }
 
 .popup-callback__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 100%;
   height: 100%;
   padding: 20px;
 }
 
 .callback {
   position: relative;
   z-index: 5;
   background: #f0edeb;
   width: 100%;
   max-width: 510px;
   padding: 50px;
   position: relative;
 }
 
 .callback .form {
   max-width: 100%;
 }
 
 .callback .popup__close-link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 25px;
   height: 25px;
   z-index: 6;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   position: absolute;
   left: auto;
   right: 20px;
   top: 20px;
 }
 
 .callback .popup__close-link:after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 1px;
   background: var(--brown);
   -webkit-transform: translate(-50%, -50%) rotate(45deg);
       -ms-transform: translate(-50%, -50%) rotate(45deg);
           transform: translate(-50%, -50%) rotate(45deg);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }
 
 .callback .popup__close-link:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 1px;
   background: var(--brown);
   -webkit-transform: translate(-50%, -50%) rotate(-45deg);
       -ms-transform: translate(-50%, -50%) rotate(-45deg);
           transform: translate(-50%, -50%) rotate(-45deg);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }
 
 /*-- styles footer --*/
 
 .footer {
   background: #f0edeb;
   padding: 80px 0;
 }
 
 .footer-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   padding-bottom: 45px;
 }
 
 .footer-content__left {
   width: 40%;
 }
 
 .footer-content__subtitle {
   margin-top: 20px;
   color: #463c35;
   font-size: 13px;
   font-weight: 400;
   line-height: 125%;
 }
 
 .footer-content__contacts {
   margin-left: 20px;
   width: 33.333%;
   max-width: fit-content;
 }
 
 .footer-content__menu {
   width: 100%;
   max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content;
   position: relative;
 }
 
 .footer-content__menu:after {
   display: none;
   content: "";
   position: absolute;
   right: 0;
   top: 10px;
   width: 12px;
   height: 6px;
   background: url("../img/svg/arrow-wh.svg") no-repeat center top/cover;
   -webkit-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
 }
 
 .footer-content__menu.active:after {
   -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
 }
 
 .footer-content__title {
   color: #463c35;
   font-size: 18px;
   font-weight: 400;
   line-height: 125%;
   text-transform: uppercase;
 }
 
 .footer-content__list {
   margin-top: 25px;
 }
 
 .footer-content__list li {
   margin-bottom: 15px;
 }
 
 .footer-content__list li:last-child {
   margin-bottom: 0;
 }
 
 .footer-content__list li a,
 .footer-content__list li div {
   color: #74655b;
   font-size: 15px;
   font-weight: 400;
   line-height: 125%;
 }
 
 .footer-menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
 
 .footer-menu li {
   width: 50%;
 }
 
 .footer .social {
   margin-top: 20px;
 }
 
 .footer-bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
 }
 
 .footer-bottom__body,
 .footer-bottom__body a {
   color: #463c35;
   text-align: right;
   font-size: 12px;
   font-weight: 400;
   line-height: 125%;
 }

 .page-error .main-btn {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
 }
 
 .page-error {
   padding: 50px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }

 .error {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
      -ms-flex-direction: column;
            flex-direction: column;
   text-align: center;
}

.error h1 {
   margin-bottom: 50px;
}