@font-face { font-family: "Merriweather"; src: url('../fonts/Merriweather-Regular.ttf'); }
@font-face { font-family: "Raleway"; src: url('../fonts/Raleway-Regular.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: 'Merriweather', sans-serif; color: #000; font-size: 30px; position: relative; }
.headingborder { border: 1px solid #000; width: 12%; opacity: 1;  }
.headingborder1 { border: 1px solid #000; width: 9%; opacity: 1;  }
#lock { display: none; }
.pulse { background: #000; text-align: center; animation: animate-pulse 2s linear infinite; }
@keyframes animate-pulse {
  0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); }
  40% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); }
}
/* ==================== Overview Start ==================== */
.innerHighlights { border-right: 1px solid #000; padding: 10px; }
.innerHighlights p { margin-bottom: 0px; }
/* ==================== Overview End ==================== */
/* ==================== Configuration Start ==================== */
.innerconfiguration { background-color: #000; padding-bottom:8.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: 30px; 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: #000; font-weight: 600; }
.Configurationbox .hoverBtn{ border: 1px solid #000; background: #fff; }
.Configurationbox .hoverBtn:hover { background: #000; }
.pricepop { padding: 5px 20px; text-decoration: unset; color: #7c1746; border-radius: 5px; }
.Configurationbox .pricepop { color: #000 !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 #ebd256; margin: 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; }
.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: inline-block;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 25px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {  height: 23px; color: #000; margin: 0px 15px; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { height: 23px; color: #000; margin: 0px 15px; }
.swiper-button-prev:hover { color: #b98e33; }
.swiper-button-next:hover { color: #b98e33; }
.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; }
/* ==================== Amenities End ==================== */
/* ==================== Gallery Start ==================== */
.innerGallery { background: #000; }
.innerGallery .section-head { color: #fff; }
.innerGallery .headingborder1 { border-color: #fff; }
/*.innerGallery .swiper-slide a .overlay { margin: 0px; }*/
.innerGallery .swiper-button-prev, .swiper-rtl .swiper-button-next { color: #fff; }
.innerGallery .swiper-button-next, .swiper-rtl .swiper-button-prev { color: #fff; }
.innerGallery .swiper-button-prev:hover { color: #b98e33; }
.innerGallery .swiper-button-next:hover { color: #b98e33; }
/* ==================== Gallery 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; }
/* ==================== Floorplan End ==================== */
/* ==================== Location Start ==================== */
.locdetails { border-right: 1px solid #b98e33; padding: 10px; margin: 10px 0px; }
.locdetails h6 { font-weight: 600; color: #b98e33; }
.locdetails p { margin-bottom: 0px; }
.accordion-button:not(.collapsed) { background: #000; color: #fff; }
.accordion-button:not(.collapsed)::after { filter: invert(1); }
.locationicon { width: 30px; margin-right: 20px; }
.accordion-button:not(.collapsed) .locationicon { filter: invert(1); }
/* ==================== Location End ==================== */
/* ==================== AboutUs Start ==================== */
.innerAboutUs { background: #000; 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 #000; }
#submitf {
    background-color: #b98e33;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b98e33;
    padding: 6px 40px;
}
iframe {
    border: 1px solid #000 !important;
}
.ContactUsbox { border-style: double; padding: 20px; }
.form-control { border-radius: 0px; }
.clientlogo { width: 20%; filter: invert(1); margin: 0px auto; }
.iti__country-list { z-index: 999; }
/* ==================== ContactUs End ==================== */
/* ==================== Address Start ==================== */
.innerAddress { background: #000; color: #fff; }
.siteaddress { border-right: 1px dotted #fff; }
/* ==================== Address End ==================== */
/* ==================== Disclaimer Start ==================== */
.innerDisclaimerbox p { font-size: 10px; }
.innerDisclaimerbox h6, .innerDisclaimer a { color: #000; }
.address { border-right: 1px solid #b98e33; }
/* ==================== Disclaimer End ==================== */
/* ==================== Footer Form Start ==================== */
.errorcheckbox { color: #ff0000; }
label.error { color: #ff0000; font-size: 12px; }
#inquiryForm { background-color: #000; 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 { position: relative; }
.form-check-label label.error { position: absolute; top: 17px; background: #fff; padding: 5px; border: 1px solid #000; z-index: 99; left: -4px; }
.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; }
.form-check-label2 { position: relative; }
.form-check-label2 label.error { position: absolute; top: 17px; background: #fff; padding: 5px; border: 1px solid #000; 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; }
#price .modal-checkbox .form-check-label label.error:after { border-bottom: 8px solid #fff; }
#price .modal-checkbox .form-check-label2 label.error:after  { border-bottom: 8px solid #fff; }
.iti__flag-container { height: 38px; }
input.form-control {
    border: none;
    border-bottom: 1px solid #b98e33;
}
/* ==================== Footer Form End ==================== */
/* ========================== Popup Form Start ========================== */
button.btn-close { position: absolute; right: 10px; top: 10px; }
#price .modal-header { padding: 0px; border: none; }
#price .modal-header img { width: 20%; }
#price .input-group input { width: 100% !important; border-radius: 0px; background: #000; color: #fff;}
#price .input-group input::placeholder { color: #ffffffb5; }
#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: #000; border-style: double; border-color: #fff; color: #fff; }
#price .btn-close { filter: invert(1); }
#price .iti__country-list { background-color: #000 !important; color: #fff !important; z-index: 999; }
/* ========================== 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: #b98e33; color: #fff; }
.iti.iti--allow-dropdown { width: 100%; }
/* ========================== Project Enquiry End ========================== */
#pageloader { background: rgba(255, 255, 255, 0.9); display: none; height: 100%; position: fixed; width: 100%; z-index: 9999999; top: 0; }
#pageloader img { left: 50%; width: 100px; margin-left: -32px; margin-top: -32px; position: absolute; top: 50%; }
#infinite-indicator { position: absolute; top: 45%; left: 45%; }
.scrollup { background: #000; text-align: center; font-color: #fff; padding: 2px; width: 30px; height: 30px; position: fixed; bottom: 6%; right: 3%; cursor: pointer; color: #fff; border-radius: 30px; z-index: 9999999;display: none; }
i.fa.fa-arrow-circle-up { font-size: 27px; }
