@font-face { font-family: "Playfair"; src: url('../empirefonts/PLAYFAIRDISPLAY-VARIABLEFONT_WGHT.TTF')}
@font-face { font-family: "Playfair"; src: url('../empirefonts/PLAYFAIRDISPLAY-VARIABLEFONT_WGHT.TTF'); }
body { font-size: 15px; font-family: 'Raleway', sans-serif !important; color: #2d2d2d; font-weight: 500; }
.container { max-width: unset; width: 84%; }
section { position: relative; }
.section-head { font-family: 'Playfair', sans-serif; color: #af7724; font-size: 30px; position: relative; }
.headingborder { border: 1px solid #af7724; width: 12%; opacity: 1;  }
.headingborder1 { border: 1px solid #af7724; width: 9%; opacity: 1;  }
#lock { display: none; }
/* ==================== Overview Start ==================== */
.innerHighlights { border-right: 1px solid #af7724; padding: 10px; }
.innerHighlights p { margin-bottom: 0px; }
#Overview .pricepop {
  padding: 0px !important;
  text-decoration: unset;
  color: #7c1746;
  border-radius: 5px;
}
.carousel-control-next, .carousel-control-prev

{
filter:invert !important;
}

.overviewtexture{
 /* position: absolute;
 bottom: 3%; */

}
.texture{
  /* position: relative; */
  background-image:linear-gradient(to right, #ffffff91, #ffffff91), url(../img/overviewtextturenew.png);
  background-repeat: no-repeat;
  background-position: center;

}

/* ==================== Overview End ==================== */
/* ==================== Configuration Start ==================== */
.innerconfiguration { background-color: #af7724; padding-bottom:12.5rem !important; }
.innerconfiguration .section-head { color: #fff; }
.innerconfiguration .headingborder1 { border-color: #fff; }
.Configurationbox { background-color: #fff; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); margin: 15px; padding: 35px 30px; }
.Configurationbox:hover {
  -webkit-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
  transform: translateY(-15px);
  transition: ease all 0.5s;
}  
.configareasection { position: absolute; left: 51%; transform: translateX(-50%); }
.innerconfiguration { margin-bottom: 17%; }
.configUnit{ color: #af7724; font-weight: 600; }
.Configurationbox .hoverBtn{ border: 1px solid #af7724; background: #fff; }
.Configurationbox .hoverBtn:hover { background: #af7724; }
.pricepop { padding: 5px 20px; text-decoration: unset; color: #7c1746; border-radius: 5px; }
.Configurationbox .pricepop { color: #af7724 !important; }
.Configurationbox .hoverBtn:hover .pricepop { color: #fff !important; }
.Configurationbox .pricepop span{ font-size: 18px; }
/*.largeh5 { font-family: 'Merriweather', sans-serif; }*/
/* ==================== Configuration End ==================== */
/* ==================== Amenities Start ==================== */
.swiper-slide a:hover .overlay { background-color: rgba(0, 0, 0, 0.7); }
.swiper-slide a .overlay { border: 1px solid #fff; margin: 7px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; }
.swiper-slide a:hover .overlay > img { opacity: 1; }
.swiper-slide a .overlay > img { left: 45%; opacity: 0; position: absolute; top: 45%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; border: none !important; width: 11%; }
.caption {
    position: absolute;
    z-index: 9;
    bottom: 0;
    height: 28px;
    text-align: left;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 59%, rgba(83, 33, 122, 0.10127801120448177) 90%);
    color: #ffffff;
    padding: 5px 50px 5px 20px;
    font-size: 15px;
}
.swiper-slide { transform: translate(0%, 0) scale(.8) !important; }
.swiper-slide.swiper-slide-active { transform: translate(0%, 0) scale(1) !important; }
.swiper-button-next, .swiper-button-prev { 
  position: relative; 
  cursor: pointer;
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 25px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {  height: 23px; color: #af7724; margin: 0px 15px; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { height: 23px; color: #af7724; margin: 0px 15px; }
.swiper-button-prev:hover { color: #af7724; }
.swiper-button-next:hover { color: #af7724; }
.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: 23px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; font-weight: 700; }
#amenities2{
  background-color: #af7724;
  color: #fff;
}
.amerightbtn{
  font-size: 50px;
  color: #af7724;
}
.ameleftbtn{
  font-size: 50px;
  color: #af7724;
}
/* ==================== Amenities End ==================== */
/* ==================== Floorplan Start ==================== */
.innerFloorplan .owl-carousel a .overlay { margin: 0px; }
.innerFloorplan .swiper-slide a .overlay { border: 1px solid #ebd256; margin: 0px; }
/* .blurimage { filter: blur(1px); } */
.innerFloorplan .swiper-slide { transform: translate(0%, 0) scale(1) !important; }
.img-blurimg {
  border: 2px solid #2d2e33;
  /* filter: blur(4px); */
}

.floore-img a:hover .overlay {
  background-color: rgba(0, 0, 0, 0.7);
}
.floore-img{
  position: relative;
}

.floore-img a .overlay {
  border: 2px solid #fff;
  margin:1px 0px;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.floore-img a:hover .overlay>img {
  opacity: 1;
}

.floore-img a .overlay>img {
  left: 45%;
  opacity: 0;
  width: 45px !important;
  position: absolute;
  top: 45%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  border: none !important;
  width: 11%;
}


.floore-option ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;

}

#flooreplan li {
  padding-right: 20px;
  font-size: 20px;
}

.innerflooreplan .nav-link:hover {
  font-weight: unset !important;
}

#flooreplan .container {
  position: relative;
  margin-top: 20px;
}
#flooreplan .section-head{
  color: #fff !important;
}
#Floorplan .section-head{
  color:#fff;
}
#Floorplan .headingborder1{
  border-color:#fff !important;
}


.innerflooreplan {
  background: #af7724;
}

.floore-img a {
  position: relative;
  display: block;
}

#Floorplan .nav-item {
  margin: 0px 10px;
  width: 17%;
  text-align: center;
}

#Floorplan .nav-link {
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 0px;
}
.floorbtn{
  font-size: 50px;
  color: #fff;
}
.floorunitbtn{
  font-size: 50px;
  color: #fff;
}


#Floorplan .nav-link.active {
  background: #fff !important;
  color: #af7724 !important;
}

.floortab {
  cursor: pointer;
}

/* #floorplan .gelbox {
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

#floorplan .gelbox.active {
  height: auto !important;
  opacity: 1 !important;
  padding-top: 30px;
  visibility: visible !important;
  transition: all 2s !important;
} */

.floore-img img {
  border: 2px solid #000;
}
/* ==================== Floorplan End ==================== */
/* ==================== AboutUs Start ==================== */
.innerAboutUs { background: #af7724; color: #fff; }
.innerAboutUs .section-head { color: #fff; }
.innerAboutUs .headingborder1 { border-color: #fff; }
/* ==================== AboutUs End ==================== */
/* ==================== ContactUs Start ==================== */
#ContactForm{ background-color: #fff; padding: 20px 20px; border: 1px solid #af7724; height: 100%;}
#submitf {
    background-color: #af7724;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #af7724;
    padding: 6px 30px;
}
iframe {
    border: 1px solid #af7724 !important;
}
.ContactUsbox { border-style: double; padding: 20px; }
.form-control { border-radius: 0px; }
.clientlogo { width: 20%; filter: invert(1); margin: 0px auto; }
/* ==================== ContactUs End ==================== */
/* ==================== Address Start ==================== */
.innerAddress { background: #af7724; color: #fff; }
.siteaddress { border-right: 1px dotted #fff; }
/* ==================== Address End ==================== */
/* ==================== Disclaimer Start ==================== */
.innerDisclaimerbox p { font-size: 10px; }
.innerDisclaimerbox h6, .innerDisclaimer a { color: #af7724; }
.address { border-right: 1px solid #af7724; }
/* ==================== Disclaimer End ==================== */
/* ==================== Footer Form Start ==================== */
.errorcheckbox { color: #ff0000; }
label.error { color: #ff0000; font-size: 12px; }
#inquiryForm { background-color: #af7724; bottom: 0px; -webkit-box-shadow: 0 -1px 3px rgb(0 0 0 / 33%); -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.33); box-shadow: 0 -1px 3px rgb(0 0 0 / 33%); padding: 5px 0; position: fixed; width: 100%; border-top: 1px solid #fff; z-index: 3; }
.formheading h5 { color: #fff; align-items: center; margin-top: 5px; text-align: center; }
#inquiryForm .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; color: #fff; margin: 0px 0px; }
.form-check-label label.error:after { content: " "; position: absolute; left: 1px; top: -9px; border-top: none; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid black; }
.modal-checkbox .form-check-label label.error:after { border-bottom: 8px solid #fff; }
.form-check-label { position: relative; }
.form-check-label label.error { position: absolute; top: 17px; background: #fff; padding: 5px; border: 1px solid #af7724; z-index: 99; left: -4px; }
.form-check-label2 label.error:after { content: " "; position: absolute; left: 1px; top: -9px; border-top: none; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid black; }
.modal-checkbox .form-check-label2 label.error:after  { border-bottom: 8px solid #fff; }
.form-check-label2 { position: relative; }
.form-check-label2 label.error { position: absolute; top: 17px; background: #fff; padding: 5px; border: 1px solid #af7724; z-index: 99; left: -4px; }
.iti__flag-container { height: 38px; }
input.form-control {
    border: none;
    border-bottom: 1px solid #af7724;
}
.footer-form{
  background-color: #af7724;
  color: #fff;
}
/* ==================== Footer Form End ==================== */
/* ========================== Popup Form Start ========================== */
button.btn-close { position: absolute; right: 10px; top: 10px; opacity: 1; }
/* .input-group{
  position: relative;
}
.input-group label.error {
  color: #ff0000;
  text-align: left;
  margin-top: 5px;
  position: absolute;
  bottom: -15px;
} */
#price .modal-header { padding: 0px; border: none; }
#price .modal-header img { width: 20%; }
#price .input-group input { width: 100% !important; border-radius: 0px;  color: #000;}
#price .input-group input::placeholder { color: #000; }
#price .input-group { padding: 5px 0px; }  
#price .iti.iti--allow-dropdown { width: 100% !important; }
#price .modal-dialog { max-width: unset; width: 65%; }
#price .modal-body { background: #fff; border-style: double; border-color: #af7724; color: #000; }
/* #price .btn-close { filter: invert(1); } */
/* ========================== Popup Form End ========================== */
/* ========================== Project Enquiry Start ========================== */
.boxEnquiry { border: 4px solid #c3985a; padding: 20px; }
.Enquirybox { border: 1px solid #c3985a; display: grid; align-items: center; }
.input-group label {
  position: relative;
  display: block;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  text-align: left;
}
#projectEnquiry .input-group input {
  width: 100% !important;
  border: none;
  border-bottom: 1px solid #262626;
  border-radius: 0px;
}
#projectEnquiry .iti.iti--allow-dropdown { width: 100% !important; }
button#submitf { background: #af7724; color: #fff; }
.iti.iti--allow-dropdown { width: 100%; }
/* ========================== Project Enquiry End ========================== */

.scrollup {
  background: #af7724;
  text-align: center;
  padding: 0px;
  width: 41px;
  height: 40px;
  position: fixed;
  bottom: 6%;
  right: 3%;
  cursor: pointer;
  color: #fff;
  border-radius: 50px;
  z-index: 9999999;
  display: none;
}
i.fa.fa-arrow-circle-up { font-size: 36px; padding: 2px; }

/* .innerAmenitiesIcons{
  position: relative;
}
 .ametexture{
  position: absolute;
  bottom: 0;
  transform: translate(50%);
  z-index: -2;
} */
 /* .innerAmenitiesIcons{
  background-image: url(../img/texture.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
 } */
  #Features{
    background-color: #af7724;
    color: #fff;
  }
  #Features .section-head{
    color: #fff;
  }
  #Features .headingborder1{
    border-color: #fff;
  }
  .cardcontent{
    display: flex;
    align-items: center;
  }
  .iconcard{
    margin: 15px auto;
    background: #af7724;
    color: #fff;
    /* border: 2px solid #0b120e; */
    box-shadow: 1px 1px 4px 3px #22222259;
    transition: all ease-in-out 0.5s;
}
.cardcontent{
   padding: 8px;
}
  .cardcontent p{
   
    margin: unset;
  }

  .iconcard:hover{
    transform: translateY(-10px);
    transition: all ease-in-out 0.5s;
  }
  

  .ami-iconholder {
    text-align: center;
    border: 4px solid #d5ba6d;
    height: 149px;
    /* margin: 30px; */
    transition: ease all 0.5s;
    -moz-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.5);
    transform: translateY(-10px);
    background: #fff;
}
.ami-iconholder img {
    margin-top: 20px;
    width: 60px !important;
    filter: brightness(1) invert(0);
}

/*.ami-iconholder:hover img {
    filter: brightness(0) invert(1);
}*/

.ami-iconholder p {
    line-height: 19px;
    margin-top: 5px;
    font-size: 15px;
    max-width: 10px 0;
    font-weight: 700;
    color: #8d5a10;
}
/* .ami-iconholder:hover p { 
    color: #fff;
} */
.ami-iconholder:hover {
    -webkit-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    transform: translateY(-20px);
    transition: ease all 0.5s;
    /* background: #af7724;
    color: #fff; */
}
.cardbox {
  margin: 15px;
}
input:focus::placeholder{
color: transparent !important ;
 }