/*-------------- header --------------*/
.site-header {
  width: 100%;
  z-index: 3;
}
.wrapper {
  margin: 0 auto;
  width: 100%;
}
.header-wrap {
  max-width: 1210px;
}
.container {
  padding: 0 15px;
}
.header-row {
  padding: 60px 0 50px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-header__logo {
  max-width: 201px;
  width: 100%;
}
.hc-nav__list,
.hc-nav__sublist {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
.site-header__navigation .hc-nav__list {
  display: flex;
}
.hc-nav__sublist {
  display: none;
}
.hc-nav__list li {
  margin-right: 20px;
}
.hc-nav__list li:last-child {
  margin-right: 0px;
}
.hc-nav__list li a,
.hc-nav__sublist li a {
  font-weight: 500;
  color: white;
  text-transform: uppercase;
}
.site-header__navigation .hc-nav__list li {
  transition: all 0.2s ease-in-out;
  padding: 4px 16px;
}
.site-header__navigation .hc-nav__list li:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);
}
.site-header .hc-nav-trigger {
  right: 15px;
  top: 32px;
}
.site-header--absolute {
  position: absolute;
  top: 0px;
}
.site-header--static {
  background: #1e1e1e;
  position: static;
}
/* .site-header--static .header-row {
  padding: ;
} */
.full_vh {
  height: 100vh;
}

.hc-nav-trigger.hc-nav-1 {
  background: transparent;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
  background-color: white !important;
}
header .current-menu-item {
  border-bottom: 4px solid #a48659;
}

.flex {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 180px 0;
  box-sizing: border-box;
}
.front-title {
  font-family: "Quiche Display";
  font-weight: 700;
  font-size: 4.57rem;
  line-height: 1.25;
  text-transform: capitalize;
  color: #ffffff;
  margin-bottom: 30px;
}
.front-title span {
  color: #a48659;
}
.btn {
  border: 2px solid #ffffff;
  padding: 16px 45px;
  color: white;
  text-transform: capitalize;
  display: block;
  max-width: fit-content;
  transition: all 0.3s ease;
}

.btn:hover{
  border: 2px solid #a48659;
  background-color: #a48659;
  opacity: 1;
}
.slider-side .btn:hover{
  border: 2px solid white;
  background-color: white;
  color:#a48659 ;
  opacity: 1;
}
/* anchor-link  */
.anchor-link {
  display: block;
  background-image: url(../images/anchor.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 97px;
  height: 68px;
  margin: 0 auto;
}
.anchor-link-block {
  position: absolute;
  left: calc(50% - 43px);
  bottom: -40px;
  z-index: 2;
}
/* text */
.text-wrap {
  max-width: 1100px;
}
.text-image {
  height: 16px;
  width: 100%;
  background-image: url(../images/sm-im.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  margin-bottom: 60px;
}
.text-front {
  padding: 160px 0 140px 0;
}
.big-title {
  font-family: "Quiche Display";
  font-weight: 700;
  font-size: 4rem;
  line-height: 120%;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: 55px;
}
.text p {
  font-size: 1.21rem;
}

/* side-parts */
.side-parts {
  display: flex;
  flex-wrap: wrap;
}
.side-parts--reverse {
  flex-direction: row-reverse;
}
.side-parts .text-side,
.side-parts .swiper-side {
  width: 50%;
}
.text-side {
  background-color: #a48659;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-side-content {
  max-width: 418px;
  margin: 0 auto;
  padding: 15px 30px;
}
.white {
  color: white;
}
.black {
  color: #000000;
}
.title {
  font-family: "Quiche Display";
  font-weight: 700;
  font-size: 3.21rem;
  line-height: 1.22;
  margin-bottom: 35px;
  text-transform: capitalize;
}
.side-parts p {
  font-weight: 500;
}
.swiper--side {
  width: 100%;
  height: 810px;
}
.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
}
.swiper-pagination-bullet {
  background-image: url(../images/pag.svg) !important;
  width: 16px !important;
  height: 16px !important;
  background-color: inherit !important;
  opacity: 1 !important;
  margin: 0 5px !important;
}
.swiper-pagination-bullet-active {
  background-image: url(../images/pag-active.svg) !important;
  width: 22px !important;
  height: 22px !important;
}
.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
.swiper-featured {
  padding: 120px 0;
}
.featured-wrap {
  max-width: 1406px;
}
.swiper--featured {
  width: 100%;
  height: 880px;
}
.swiper-featured .title {
  margin-bottom: 85px;
}
.f-image {
  height: 545px;
  margin-bottom: 28px;
  position: relative;
}
.f-title {
  font-family: "Quiche Display";
  font-weight: 700;
  font-size: 2.71rem;
  line-height: 1.23;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: 20px;
}
.f-excerpt {
  font-weight: 500;
  font-size: 1.14rem;
  line-height: 1.75;
  color: #8e8e8e;
  max-width: 414px;
}

.swiper-featured .swiper-pagination {
  margin: 0px;
}
.swiper-featured .swiper-pagination-bullet {
  background-image: url(../images/pag-oth.svg) !important;
  width: 21px !important;
  height: 21px !important;
  margin: 0 6px !important;
}
.swiper-featured .swiper-pagination-bullet-active {
  background-image: url(../images/pag-oth-active.svg) !important;
  width: 27px !important;
  height: 27px !important;
}

.swiper-featured .swiper-pagination-bullet,
.swiper-featured .swiper-pagination-bullet-active {
  background-size: 100% !important;
}
.filter {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background: linear-gradient(
    0deg,
    rgba(164, 134, 89, 0.75),
    rgba(164, 134, 89, 0.75)
  );
  opacity: 0;
  transition: opacity 0.5s ease;
}
.f-image:hover .filter {
  opacity: 1;
}
/* .video */
.video {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 794px;
}
.video-start {
  width: 180px;
  height: 180px;
  background-image: url(../images/video-start.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.testimonials {
  padding: 112px 0;
}
.testimonials-wrap {
  max-width: 1065px;
}
.testimonial-title {
  font-family: "Quiche Display";
  font-weight: 700;
  font-size: 4.28rem;
  line-height: 1.23;
  margin-bottom: 55px;
}
.testimonials-swiper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.testimonials-swiper-image {
  width: 118px;
  height: 84px;
  margin-right: 25px;
  background-image: url(../images/testimonials-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.swiper--testimonials {
  width: 820px;
}

.testimonials-content {
  font-size: 1.42rem;
  line-height: 1.8;
  opacity: 0.5;
  margin-bottom: 12px;
}
.testimonials-person {
  font-family: "Playfair Display";
  font-weight: 700;
  font-size: 1.71rem;
  line-height: 1.33;
  margin-bottom: 4px;
}
.testimonials-place {
  line-height: 1.43;
  opacity: 0.6;
}
.swiper-button-prev,
.swiper-button-next {
  width: 24px !important;
  height: 24px !important;
  top: auto !important;
  bottom: 5px !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  content: "" !important;
}
.swiper-button-prev {
  background-image: url(../images/arrow-left.svg);
  left: auto !important;
  right: 86px !important;
}
.swiper-button-next {
  background-image: url(../images/arrow-right.svg);
}

footer {
  background-color: #000000;
  padding: 94px 0 0px 0;
}
.footer-wrap {
  max-width: 1270px;
}
.footer-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.facebook,
.insta,
.linkedin,
.twitter {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 24px;
  height: 24px;
}
.facebook a,
.insta a,
.linkedin a,
.twitter a {
  display: block;
  width: 100%;
  height: 100%;
}
.facebook {
  background-image: url(../images/facebook.svg);
}
.insta {
  background-image: url(../images/instagram.svg);
}
.linkedin {
  background-image: url(../images/linkedIn.svg);
}
.twitter {
  background-image: url(../images/twitter.svg);
}
.f-menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.f-menu ul li a,
.f-info a,
.f-info {
  color: white;
  font-size: 14px;
  line-height: 2.5;
}
.f-info {
  max-width: 231px;
  width: 100%;
}
.socials {
  display: flex;
  margin-top: 40px;
}
.socials > a {
  margin-right: 22px;
}
.socials > a:last-child {
  margin-right: 0px;
}
.f-copy {
  padding: 29px 0 39px 0;
  border-top: 0.3px solid rgba(157, 155, 160, 0.3);
  font-size: 13px;
  line-height: 2.15;
  color: #ffffff;
}
.footer-row {
  padding-bottom: 57px;
}
.footer-row > div {
  margin-right: 20px;
}
.footer-row > div:last-child {
  margin-right: 0px;
}
.design-parts,
.const-parts {
  display: flex;
  align-items: center;
}
.design-img {
  max-width: 43%;
  width: 100%;
  height: 100%;
  min-height: 680px;
}
.design-content {
  max-width: 640px;
  margin: 0 auto;
  padding: 30px;
}
.design-text p:last-child {
  margin-bottom: 0px;
}

.perf {
  background: #a48659;
  padding: 120px 0 100px 0;
}
.perf-wrap {
  max-width: 1080px;
}
.med-p p {
  font-weight: 500;
}
.const-image {
  height: 100%;
  min-height: 726px;
  width: 100%;
  max-width: 42.5%;
}
.const-text {
  max-width: 600px;
  width: 100%;
  padding: 30px;
  margin: 0 auto;
}
.const-parts {
  justify-content: space-between;
}
.const .title {
  margin-bottom: 45px;
}
.black-bg {
  background-color: #1e1e1e;
}
.const-text p:last-child {
  margin-bottom: 0px;
}

.projects {
  padding: 120px 0 90px 0;
}
.proj-wrap {
  max-width: 1095px;
}
.proj-items-wrap {
  max-width: 1310px;
}
.swiper--proj {
  height: 545px;
  width: 100%;
  max-width: 772px;
}
.pr-swiper{
  width: 100%;
  max-width: 772px;
}
.proj-item {
  display: flex;
  align-items: center;
}
.pr-swiper {
  padding-right: 50px;
}
.proj-items-block {
  margin-bottom: 30px;
}
.pr-info-descr {
  margin-bottom: 30px;
}
.pr-info-details {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.75;
  color: #333333;
}

.pr-swiper .swiper-pagination {
  margin-bottom: 22px;
}
.proj-items{
  padding-bottom: 80px;
}
.pr-info-descr{
  max-width: 414px;
  width: 100%;
}


.contact-wrap{
  max-width: 1220px;
}
.check-box-wrap{
  max-width: 315px;
  text-align: left;
}
.space-between{
  justify-content: space-between;
}
.contact-parts {
  padding-top: 90px;
  display: flex;
  justify-content: space-between;
}
.contact-info, .contact-info a{
  font-size: 1.42rem;
  line-height: 2;
  color: #343434;
}
.contact-info-block-sm{
  font-size: 1.21rem;
}
.contact-info-block--address, .contact-info-block-link, .cont-marg{
  margin-bottom: 30px;
}
.contact-info-block--email{
  margin-bottom: 50px;
}
.contact-info {
  max-width: 390px;
  width: 100%;
}
.contact-form {
  max-width: 660px;
  width: 100%;
  padding-left: 25px;
}
.field-wrap {
  width: 100%;
  margin-bottom: 28px;
  display: flex;
}
.field-wrap input,
.field-wrap textarea {
  max-width: 100%;
  width: 100%;
  border: 2px solid #c5a639;
  padding: 21px 44px;
  color: #343434;
  font-size: 1.42rem;
  background: transparent;
}
.field-wrap textarea {
  min-height: 275px;
  resize: vertical;
}
.field-wrap input::placeholder,
.field-wrap textarea::placeholder {
  color: #343434;
}
.contact {
  padding-bottom: 170px;
}
.reg__form-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.reg__form-checkbox + label {
  display: inline-block;
  user-select: none;
  color: #343434;
  font-size: 13px;
  line-height: 1.62;
}
.reg__form-checkbox + label::before {
  content: "";
  position: relative;
  top: 0.2rem;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0.7rem 0 0;
  border: none;
  background-image: url(../images/ch-unch.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 2px;
}
.reg__form-checkbox:checked + label::before {
  background-image: url(../images/ch-ch.svg);
}
.field-row {
  display: flex;
}
.contact input[type="submit"] , .btn-home {
  background-color: #A48659;
  color: white;
  font-weight: bold;
  padding: 20px 60px;
  font-size: 1.25rem;
  border: 0px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.contact input[type="submit"]:hover, .btn-home:hover {
    background-color: #1e1e1e;
    border: 0px;
}
.contact .submit-wrap {
  margin-left: 20px;
}
.reg__form-checkbox + label a {
  font-weight: 700;
  font-size: 13px;
  line-height: 1.62;
  text-decoration-line: underline;
  color: #343434;
}

.map {
  display: flex;
}
.map iframe {
  width: 100%;
  height: 593px;
}
.testimonials-content p{
  margin-bottom: 0px;
}
.privacy{
  padding: 100px 0;
}
.btn-center{
  margin:  0 auto;
}
.contact-info-block a:hover , .f-menu ul li a:hover , .f-info a:hover, .privacy a:hover{
  color: #A48659;
  opacity: 1;
}
.socials a:hover{
  opacity: 0.8;
}


/*for header gif small bg*/
.front-video{
  position: relative;
}
.front-video:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0px;
}
.front-video .flex{
  position: relative;
  z-index: 2;
}
.front-video__media{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}