*, ::after, ::before {-webkit-box-sizing: border-box;box-sizing: border-box;}
article,aside,canvas,figure,figcaption,footer,header,nav,section,audio,video,h1,h2,h3,h4,h5,h6,ul,ol,p {margin: 0;padding: 0;border: 0;}
a,button,input[type="submit"] {-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;text-decoration: none;font-style: normal;}
img {max-width: 100%;height: auto; vertical-align: top;}
ul {list-style: none;}
a:hover { text-decoration: none;}

body  { margin: 0; padding:0; min-height: 100%; font-size: 16px; font-family: 'Pacaembu'; font-weight: 300;}
.page_container { width: 100%; max-width: 1036px; margin: 0 auto;}
.page_row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.column_4 {width: 33.333%;min-width: 33.333%;max-width: 33.333%;}
.column_6 {width: 50%;min-width: 50%;max-width: 50%;}
.column_8{width:66.66666667%; min-width: 66.66666667%;max-width: 66.66666667%;}
.column_12 {width: 100%;min-width: 100%;max-width: 100%;}
.text-center{text-align: center;}
.button-hover {background-size: 500px;background-repeat: no-repeat;background-position: 0%;-webkit-transition: background 300ms ease-in-out;transition: background 300ms ease-in-out;}
.button-hover:hover {background-position: 100%;color: #dcd9d2;background-image: -webkit-linear-gradient(30deg, #dcd9d2 50%, transparent 50%);background-image: linear-gradient(30deg, #dcd9d2 50%, transparent 50%);}
h1, h2, h3, h4, h5{font-family: 'Pacaembu'; font-weight: normal;}
/*header*/

header{background-color: #ffffff; padding: 20px 0;}

/*header*/

/* .footer_right iframe{height: 600px !important;} */
.banner_form iframe #_builder-form label{font-size: 14px;}


/*banner*/

.banner { position: relative;}
.banner .page_container{max-width: 1120px; width: 100%;}
.banner_img img { width: 100%;}
.banner_img picture { width: 100%; display: block;}
.banner_caption { position: absolute; left: 0; top: 0; bottom: 0; width: 100%;}
.banner_caption .page_container {position: relative; height: 100%;}
.banner_left {width: 100%; position: absolute; bottom: 0; display: flex; justify-content: space-between; align-items: flex-end;}
.b_logo {padding-top: 50px; text-align: center;}
.b_logo img{width: 220px;}
.banner_left h1 {font-size: 28px; color: #ffffff; margin-bottom: 15px; letter-spacing: 0.5px; text-transform:uppercase;}
.banner_left h1 span{font-weight: 300;}
.banner_left p{font-size: 20px; line-height: 26px; font-weight: 700; color: #ddd6ca;}
.banner_cta {display: inline-block; padding: 14px 36px; border: 2px solid #ddd6ca; color: #ddd6ca; text-transform: uppercase; letter-spacing: 2px; font-size: 18px; text-decoration: none; background: #67676769; transition: all 0.3s ease; font-family: 'Pacaembu'; font-weight: 300;}
.banner_cta:hover {background: transparent; color: #ddd6ca;}

.custom-popup, .custom-popup2, .custom-popup3{
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
}

.popup-overlay, .popup-overlay2, .popup-overlay3{
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
}

.popup-content, .popup-content2, .popup-content3{
    position: relative;
    max-width: 475px;
    width: 90%;
    margin: 25px auto;
    background: #fff;
    padding: 0;
    border-radius: 8px;
    animation: popupFade 0.3s ease;
}

.popup-close, .popup-close2, .popup-close3{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    right: -14px;
    top: -16px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    transition: .5s;
    color: #1d1d1d;
    border: 0;
    z-index: 1;
}

@keyframes popupFade {
    from {
        opacity: 0;
        transform: translateY(-15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.banner_right .banner_form{width: 420px;}
.banner_text {
    position: relative;
    bottom: 100px;
}

.banner_form { width: 100%; background-color: transparent;}
.banner_form h3 {text-align: center; font-size: 18px; color: #737361;text-transform: uppercase; margin-bottom: 20px; font-weight: normal;}
.text_box { display: block; width: 100%; background-color: transparent; border: 1px solid #6f6f6f; height: 40px; border-radius: 6px; outline: none; -webkit-box-shadow: none; box-shadow: none; line-height: 40px; padding: 0 15px; font-size: 15px; color: #6f6f6f; font-family: 'Pacaembu'; font-weight: 300;}
.banner_code_row{width: 100% !important; display: flex; margin-bottom: 10px; justify-content: space-between;}
.banner_code_row .code_group{width: 32% !important;}
.banner_code_row .f_groupe{width: 65% !important;}
.code_row{width: 50%; display: flex;}
.code_row .code_group{width: 40% !important; padding: 0 7px;}
.code_row .f_groupe{width: 60% !important;}
.banner_form .f_groupe:last-child { margin-bottom: 0;}
.f_groupe { margin-bottom: 10px;width: 100%;}
.text_box::-webkit-input-placeholder {color: #6f6f6f;opacity: 1; font-family: 'Pacaembu'; font-weight: 300;}
.text_box::-moz-placeholder {color: #6f6f6f;opacity: 1; font-family: 'Pacaembu'; font-weight: 300;}
.text_box::-ms-input-placeholder {color: #6f6f6f;opacity: 1; font-family: 'Pacaembu'; font-weight: 300;}
.text_box::placeholder {color: #6f6f6f;opacity: 1; font-family: 'Pacaembu'; font-weight: 300;}
textarea.text_box {padding: 0 15px; height: 42px; line-height: 40px; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Pacaembu'; font-weight: 300;}
select.text_box { padding: 0 12px; color: #6f6f6f; font-family: 'Pacaembu'; font-weight: 300;}
select.text_box option{color: #6f6f6f; font-family: 'Pacaembu'; font-weight: 300;}
.form_text{padding-top: 5px; margin-bottom: 20px; text-align: center;}
form p{margin: 0; font-size: 14px; color: #6f6f6f; font-family: 'Pacaembu'; font-weight: 100; margin-top: 10px;}
.submit_btn { display: block; width: 100%; height: 40px; background-color: #737361; color: #fff; font-size: 18px; font-family: 'Pacaembu'; font-weight: 300; text-transform: uppercase; border: 0; border-radius: 6px; outline: none; -webkit-box-shadow: none; box-shadow: none;}
.submit_btn:hover { background-color: #737361;}

/*banner*/

.section_space{padding: 80px 0;}
.section_heading{font-size: 32px; color: #737361; text-transform: uppercase;margin-bottom: 15px;}
.section_heading br{display: none;}
.section_para{font-size: 18px; line-height: 28px; color: #77776e; margin-top: 20px; font-family: "Poppins", sans-serif; font-weight: 400;}
.position-relative{position: relative;}
.section_btn{font-size: 18px; letter-spacing: 2px; color: #eeeae8; font-family: 'Pacaembu'; font-weight: normal; background-color: #737361; padding: 12px 50px; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; text-transform: uppercase; display: inline-block; margin: 0 auto;}
.mobile{display: none;}

.collection_image img, .living_image img, .swimingpool_image img{width: 100%;}

/* youtube */

.youtube{
  background-image: url("../images/youtube-back.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* version */

.version{background-color: #fff8f4;}
.version_btn{margin-top: 50px;}

/* book now */

.book_now{background-color: #fff8f4;}
.book_now img{width: 100%;}
.booknow_image{margin-top: 50px;}


/* interiors */

.interiors{background-color: #fff8f4;}
#interiorsSwiper{margin-top: 50px;}

/* experiences */

.experiences{
  background-color: #fff8f4;
}

#experiencesSwiper{margin-top: 50px}
.slider_area{position: relative;}
.swiper-button-prev{left: 41px;}
.swiper-button-next{right: 41px;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.experience_item{position: relative;}
.elevate_logo{position: absolute; top: 30px; left: 125px;}
.experience_text{position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto;}
.experience_text h3{font-size: 25px; color: #ffffff; text-align: center;}

.overlay {
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,.85);
  z-index: 99;
}
.overlay, .pop_box, .pop_box_brochure {
  position: fixed;
  display: none;
  width: 100%;
}
.pop_box{background-color: #fff; padding: 20px;}
.pop_box, .pop_box_brochure {
  top: 50%;
  max-width: 475px;
}
.pop_box, .pop_box_brochure, .pop_box_map {
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 999;
  border-radius: 10px;
}
.cross, .cross_brochure, .cross_map {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
  position: absolute;
  right: -14px;
  top: -16px;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  transition: .5s;
  color: #1d1d1d;
}

/* other_poperties */

.other_poperties{background-color: #d4d4d4;}
.other_poperties .page_container{max-width: 100%;}
.other_poperties .poperty_images{margin-top: 50px;}
.other_poperties .poperty_images{display: flex; width: 100%; gap: 20px;}
.other_poperties .poperty_images img{width: 100%;}
.other_poperties .poperty_image_left, .other_poperties .poperty_image_middle, .other_poperties .poperty_image_right{width: 33%;}

/* map */

.map_container iframe{vertical-align: top; width: 100%;}


/*footer*/
.main_footer { background-color: #000000;}
.main_footer h3 {font-size: 22px;color: #e3e3e3;font-weight: 600;font-family: "Poppins", sans-serif; margin-bottom: 20px;}
.main_footer .footer_left p{color: #e3e3e3; font-family: "Poppins", sans-serif; font-weight: 500; font-size: 19px; line-height: 25px;}
.footer_contact{padding-top: 30px;}
.footer_contact a{font-size: 19px; color: #e3e3e3; font-family: "Poppins", sans-serif; font-weight: normal; margin-top: 5px;}
.footer_contact a:first-child{margin-top: 0;}
.footer_form .f_row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;margin: 0 -7px;}
.footer_form .f_groupe { padding: 0 7px; width: 50%; min-width: 50%;}
.footer_form .f_groupe {margin-bottom: 12px;}
.footer_form .text_box { background-color: #e3e3e3; border-radius: 0; height: 45px; line-height: 45px; font-size: 16px;font-family: "Poppins", sans-serif;color: #6f6f6f; border: 0;}
.footer_form  .f_groupe_12 { width: 100%; min-width: 100%;}
.footer_form .text_box::-webkit-input-placeholder {color: #6f6f6f;opacity: 1; font-family: "Poppins", sans-serif; font-weight: 400;}
.footer_form .text_box::-moz-placeholder {color: #6f6f6f;opacity: 1; font-family: "Poppins", sans-serif; font-weight: 400;}
.footer_form .text_box::-ms-input-placeholder {color: #6f6f6f;opacity: 1; font-family: "Poppins", sans-serif; font-weight: 400;}
.footer_form .text_box::placeholder {color: #6f6f6f; opacity： 1; font-family： "Poppins", sans-serif; font-weight: 400;}
.footer_form textarea.text_box {line-height: normal;padding: 12px 16px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.footer_form select.text_box {color: #6f6f6f; font-family: "Poppins", sans-serif; font-weight: 400;}
.footer_form select.text_box option{color: #6f6f6f; font-family: "Poppins", sans-serif; font-weight: 400;}
.footer_form_text{width: 100%; display: block; padding: 0 0 10px 10px;}
.footer_form_text p{color: #000000; font-size: 18px; text-transform: uppercase; font-weight: 500;}
.footer_form .submit_btn {width: 178px;height: 42px;border-radius: 0;font-size: 18px;font-family: "Poppins", sans-serif; font-weight: 600; letter-spacing: 0.5px; background-color: #ffffff; color: #000000; margin-top: 30px;}
/*footer*/


.thanku_banner .thankyou_text {padding-top: 0;max-width: inherit;width: 100%; text-align: center; padding: 50px 0; background-color: #00000096; position: static;}
.thanku_banner .thankyou_text h1{font-size: 40px; color: #fff;}
.thanku_banner .thankyou_text p{ font-size: 20px; color: #fff;}
.thanku_banner .banner_caption { bottom: inherit; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}


#experiencesSwiper .swiper-wrapper, #interiorsSwiper .swiper-wrapper {
  height: auto;
}

