@font-face {
  font-family: Domaine;
  src: url(fonts/domaine.ttf);
}

html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Montserrat', serif;    
    font-size: 13px;
    font-weight: 400;
    color: #1D1D1B;
}
.container{max-width:1200px;}
h1{font-size:4em;font-weight:700;}
h2{font-size:38px;font-weight:800;}
h6{font-size:18px;font-weight:600;line-height:2px;}
p{margin:0px;font-size:15px;}
p.title{font-family:'Domaine', sans-serif;font-size:40px;color:#E36865;line-height:1.2em;}

section {scroll-margin-top: 80px;}

.nav-item{padding:0px 15px;font-weight:500;font-size:13px;}
.nav-link{color:#fff;}
.nav-link:hover {color:#fff;}
.navbar{background:#a71c20 url('img/menu-bg.jpg') no-repeat center center !important;background-size:cover !important;padding:6px;}

.header-title{width:365px;}
.header-logo{width:300px;}
.header-btn{width:225px;}
.gallery-logo{width:100%;}

#concept-title{background:#a71c20 url('img/menu-bg.jpg') no-repeat center center !important;background-size:cover !important;padding:20px 0px;}
.concept-icon{width:115px;}

#ctcicon{z-index: 999;position: fixed;right: 10px;top: 50%;transform: translate(0%, -50%);}
#ctcicon img{width:50px;}

#concept{background: #efefef url('img/concept-bg.jpg') no-repeat top center; background-size:100%;padding:40px 0px;}

#features{background: #fff url('img/bg-02.jpg') no-repeat center center; background-size: 100%;padding:60px 0px;}
.features-icon{width:200px;}
.features-usp{font-size:14px;font-weight:600;}
#features2{background: #fff url('img/bg-03.jpg') no-repeat center center; background-size: 100%;padding:80px 0px;}
.features2-pic{width:280px;}
#sixlevels{background: #ca8579;padding:80px 0px;}
#facilities{background: #fff url('img/bg-03.jpg') no-repeat center center; background-size: 100%;padding:60px 0px;}
#siteplan{background: #f8eee5 url('img/bg-04.jpg') no-repeat center center; background-size: 100%;padding:60px 0px;}
#floorplan{background: #fff url('img/bg-08.jpg') no-repeat center center; background-size: 100%;padding:60px 0px;}
#gallery{background: #ca8579;padding:80px 0px;}
#location{background: #f8eee5 url('img/bg-05.jpg') no-repeat center center; background-size: 100%;padding:60px 0px;}
.locationspot{font-size:12px;}
#propertyplus{background: #fff url('img/bg-06.jpg') no-repeat center center; background-size: 100%;padding:80px 0px;}
.propertyplusleft{padding-right:60px;}
.propertypluslogo{width:100%;}
.propertypals-text{font-size: 14px;color:#231f20;line-height: 1.2em;}
.propertypals-title{font-size: 18px;color:#231f20;line-height: 1.2em;font-weight:700;}
.propertypals-logo{width:440px;}
.propertypals-more{width:400px;}
.propertypals-icon{width:100px;}

.propertyplus-icons{width:700px;}
.propertyplus2025-btn{width:200px;}


#salesgallery{background: #f8eee5 url('img/bg-05.jpg') no-repeat center center; background-size: 100%;padding:80px 0px;}
.text-salesgallery-title{font-size:20px;font-weight:600;}
.text-salesgallery-tel{font-size:40px;font-weight:400;}

#register{background: #efefef url('img/register-bg.jpg') no-repeat top center; background-size:100%;padding:60px 0px;}
.submitbtn{width:400px;}

#footer{background: #fff url('img/footer-bg.jpg') no-repeat top center; background-size:100%;padding:40px 0px;}
.footer{font-size: 12px;margin-bottom: 0px;font-weight: 400;}
.tiny{font-size: 10px;margin-bottom: 0px;font-weight: 300;}
.responsivealign{text-align: left;}
.infologo{padding-right:60px;}

/*--------------------- Forms -------------------------*/
.form-control{font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px;}
.mainform{padding:14px;}
.form-check-label{font-family: 'Montserrat', sans-serif;font-size: 11px !important;color: #000 !important;}
.form-check-label a{font-family: 'Montserrat', sans-serif;font-size: 11px !important;color: #000 !important;text-decoration: underline;}
.form-check-label a:hover{color: #000 !important;text-decoration: underline;}
input[type="text"], select, textarea{font-size: 14px !important;border: 0 !important;background: #fff !important;color: #58744b !important;border-radius:0px !important;padding:14px 10px;margin:8px;border:1px solid black !important;}
input::placeholder, textarea::placeholder {color: #58744b !important;}

.error_strings{font-size: 12px;color:#A71C20;font-weight: 300;text-align: left;padding-left:10px;}

.btn-register,
.btn-register:hover,
.btn-register:active,
.btn-register:visited,
.btn-register:focus {
    
    font-family: 'Gotham Black', sans-serif;
    letter-spacing: 4px;
    background-color: #fff;
    border-color: #fff;
    color: #1D1D1B;
    font-weight: 400;
    font-size: 18px;
    border-radius: 0px;
    padding:10px 10px 10px 10px;
    margin:0px;
}
.btn-register:hover{
    background-color: #975c53;
    border-color: #975c53;
    color: #fff;
}
.title-thankyou{font-size: 30px;font-weight: 500;}
.legendtitle{width:280px;}

/*--------------------- Carousell -------------------------*/
.carousel-inner img {width: 100%;height: 100%}
#carousel-gallery .carousel-indicators {position: static;margin-top: 20px}
#carousel-gallery .carousel-indicators>li {width: 100px}
#carousel-gallery .carousel-indicators li img {display: block;opacity: 0.75}
#custCarousel .carousel-indicators li.active img {opacity: 1}
#custCarousel .carousel-indicators li:hover img {opacity: 0.9}
.carousel-item img {width: 80%}
.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel-control-prev,
.carousel-control-next{
      bottom: 10%;
}
/*--------------------- Carousell -------------------------*/



.shimmer {
  color: white;
  display: inline-block;
  mask: linear-gradient(-60deg, #000 30%, #0003, #000 70%) left/350% 100%;
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  100% {
    mask-position: right
  }
}


@media only screen and (max-width: 600px) {

h1{font-size:3em;}
p{font-size:14px;}
section {scroll-margin-top: 390px;}

.header-title{width:250px;}
.header-logo{width:200px;}
.header-btn{width:225px;}
.gallery-logo{width:80%;display:block;margin-left:auto;margin-right:auto;}

#concept{background: #efefef url('img/concept-bg-mobile.jpg') repeat-y top center; background-size:100%;padding:40px 0px;}
.concept-icon{width:90px;}
.submitbtn{width:300px;}
#footer{background: #fff url('img/footer-bg-mobile.jpg') no-repeat top center; background-size:100%;padding:40px 0px;}


.visit-phone{font-size:3em;font-weight:600;}
p.title{font-family:'Domaine', sans-serif;font-size:30px;color:#E36865;line-height:1.2em;padding-bottom:10px;}
#features{background: #f9f9f9 url('img/bg-02m.jpg') no-repeat top center; background-size: 100%;padding:40px 0px;}
#features2{background: #fff url('img/bg-03m.jpg') no-repeat center center; background-size: 100%;padding:40px 0px;}
#sixlevels{background: #ca8579;padding:30px 20px;}
#gallery{background: #ca8579;padding:20px 0px;}
#floorplan{background: #fff url('img/bg-08m.jpg') no-repeat center center; background-size: 100%;padding:30px 0px;}
#facilities{background: #fff url('img/bg-03m.jpg') no-repeat center top; background-size: 100%;padding:30px 0px;}
#siteplan{background: #f8eee5 url('img/bg-04m.jpg') no-repeat center center; background-size: 100%;padding:30px 0px;}
#location{background: #f8eee5 url('img/bg-05m.jpg') no-repeat center center; background-size: 100%;padding:40px 0px;}
.legendtitle{width:95%;}
.locationspot{font-size:16px;}
#propertyplus{background: #fff url('img/bg-06m.jpg') no-repeat top center; background-size: 100%;padding:40px 0px;}
.propertyplusleft{padding:20px;}
.propertypluslogo{width:50%;display:block;margin-left:auto;margin-right:auto;}
.propertypals-logo{width:80%;}
.propertypals-more{width:100%;}
.propertypals-icon{width:40%;}
.propertyplus-icons{width:90%;}
.propertyplus2025-btn{width:200px;}
    
.responsivealign{text-align: center;}
.infologo{padding:0px 50px;}
.text-salesgallery-tel{font-size:50px;font-weight:400;}
#salesgallery{background: #f8eee5 url('img/bg-05m.jpg') no-repeat top center; background-size: 100%;padding:50px 0px;}
#register{background: #c8857b url('img/bg-07.jpg') no-repeat center center; background-size: 100%;padding:50px 0px;}


.whatsappbtn{z-index:999;height:60px;width:60px;position:fixed;bottom:10px;right:10px;}
    
}