/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 4, 2023 */
@font-face {
    font-family: 'muliregular';
    src: url('../font/muli-webfont.woff2') format('woff2'),
         url('../font/muli-webfont.woff') format('woff'),
         url('../font/muli-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulibold';
    src: url('../font/muli-bold-webfont.woff2') format('woff2'),
         url('../font/muli-bold-webfont.woff') format('woff'),
         url('../font/muli-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulibolditalic';
    src: url('../font/muli-bolditalic-webfont.woff2') format('woff2'),
         url('../font/muli-bolditalic-webfont.woff') format('woff'),
         url('../font/muli-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'muliextralight';
    src: url('../font/muli-extralight-webfont.woff2') format('woff2'),
         url('../font/muli-extralight-webfont.woff') format('woff'),
         url('../font/muli-extralight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'muliextralightitalic';
    src: url('../font/muli-extralightitalic-webfont.woff2') format('woff2'),
         url('../font/muli-extralightitalic-webfont.woff') format('woff'),
         url('../font/muli-extralightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'muliregularitalic';
    src: url('../font/muli-italic-webfont.woff2') format('woff2'),
         url('../font/muli-italic-webfont.woff') format('woff'),
         url('../font/muli-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulilight';
    src: url('../font/muli-light-webfont.woff2') format('woff2'),
         url('../font/muli-light-webfont.woff') format('woff'),
         url('../font/muli-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulilightitalic';
    src: url('../font/muli-lightitalic-webfont.woff2') format('woff2'),
         url('../font/muli-lightitalic-webfont.woff') format('woff'),
         url('../font/muli-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulisemibold';
    src: url('../font/muli-semibold-webfont.woff2') format('woff2'),
         url('../font/muli-semibold-webfont.woff') format('woff'),
         url('../font/muli-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mulisemibolditalic';
    src: url('../font/muli-semi-bolditalic-webfont.woff2') format('woff2'),
         url('../font/muli-semi-bolditalic-webfont.woff') format('woff'),
         url('../font/muli-semi-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html { scroll-behavior: smooth;}
body{background: #eee;font-family: 'muliregular';}
header{background: #fff;position: fixed;z-index: 99;width: 75%;box-shadow: 0 3px 6px rgba(0, 0, 0, .12);}
header img{width: 15px; margin-right: 4px;}
a:hover{text-decoration: none;}
.navbar-nav .nav-item{border-left: 1px solid #cecece;padding:20px 13px;}
section{background: #fff;padding: 30px;margin: 1% 1% 0 0;}
/*.main-section{padding-top: 55px;}*/
.overview, .price, .floorplan, .amenities, .gallery, .location, .virtualtour{position: relative;}
.sec-header{;position: absolute; top: 65px; right: 2%; color: #044b2d;font-size: 2.5vw; /*font-size: 50px;*/font-weight:300;writing-mode: vertical-rl; text-orientation: mixed;}
.sec-content{margin: 0 5% 0 0;}
p{text-align: justify;font-family: 'muliregular';}
.dwnld-btn{text-shadow: 0 3px 6px #02180f;  background-color: #044b2d;  background: linear-gradient( -45deg, #044b2d, #97bdad, #FAF2B3, #044b2d);  background-size: 400% 400%;  -webkit-animation: Gradient 3s ease infinite;  -moz-animation: Gradient 3s ease infinite;  animation: Gradient 3s ease infinite; color: #fff !important;  border: none;padding: 7px 20px; display: inline-block;border-radius: 3px;color: #fff !important;margin-top: 10px; font-weight: 400; text-align: center; vertical-align: middle;border: 1px solid transparent;font-size: 16px !important;line-height: 1.5;border-radius: 0.25rem; padding-left: 30px; padding-right: 30px;}
.effetMoveGradient,.effetMoveGradient:hover {
text-shadow: 0 3px 6px #032718;
background: linear-gradient( -45deg,  #97bdad, #FAF2B3, #044b2d);
background-size: 400% 400%;
-webkit-animation: Gradient 3s ease infinite, rocking 3s ease infinite;
animation-delay: 2s;
-moz-animation: Gradient 3s ease infinite, rocking 3s ease infinite;
animation-delay: 2s;
animation: Gradient 3s ease infinite, rocking 3s ease infinite;
animation-delay: 2s;
color: #000;
border: none;
}
.navbar-nav .nav-link{font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #000 !important;padding: 0 !important;}
h2{/*font-size: 45px;*/ font-size: 2vw;font-weight: 500;;}
table th, table td{font-size: 16px;font-family: 'Roboto', sans-serif;color: #5F5F5F;
text-align: center;}
.floorplan img{border: 1px solid #044b2d; padding: 10px;position: relative;}
.floorplan h4{position: absolute; width: 100%;  top: 50%; left: 0;text-align: center;color: #c5c2bd; font-size: 20px;font-family: 'Roboto', sans-serif; font-weight: 500;}
.floorplan h5{background: #044b2d;font-size: 20px;font-family: 'Roboto', sans-serif; font-weight: 500;color: #fff;text-align: center;padding:7px;position: absolute; margin-bottom: 0; width: 100%; left: 0;}
.amenities h6{color: #044b2d; font-size: 16px;font-family: 'Roboto', sans-serif; font-weight: 400;margin-top: 20px;}
/* .gallery .carousel-control-next { right: -50px;}
.gallery .carousel-control-prev { left: -50px;} */
.gallery .carousel-control-next,.gallery  .carousel-control-prev{opacity: 1;}
.location ul{padding: 0;}
.location ul li{font-family: 'Roboto', sans-serif;font-size: 14px;color: #7C8893;margin-bottom: 3px;display:block;}
.overlay {position: absolute;width: 100%;  height: 35vh;  top: 35px;transform: translateY(35%);left: 0;right: 0; bottom: 0;background-color: rgba(0,0,0,0.5); z-index: 2;cursor: pointer;text-align: center;padding: 20px 0;color: #fff;
transition: all .3s ease;
}
/* .virtualtour p{font-family: 'Roboto', sans-serif;font-weight: 400; font-size: 20px;text-align: center;margin-bottom: 0;color: #fff;text-transform: uppercase;margin-top: 10px;} */
.virtualtour p {
    font-family: 'muliregular';
    text-align: left;
    margin-bottom: 0;
}
.virtualtour h3{font-size: 40px;;font-weight: 500;}
.footer{background: #fff;padding: 20px 0;margin-top: 1%;margin-right: 1%;}
.footer p{font-size: 11px; font-family: 'Inter', sans-serif;font-weight: 200;color: #000000;}
/*left side form*/
.form-section{height: 100vh;background: #fff;margin-bottom: 10px;padding: 0 15px;position: fixed; right: 0; }
.top-btn{background-image: linear-gradient(142deg, #444444, #0E0E0E); padding: 7px; border-radius:0 0 15px 15px;color: #fff;font-family: 'Roboto', sans-serif; font-size: 13px;text-align: center;height: 46px;}
.top-btn img{width: 20px;}
.top-btn a{color: #fff;}
.gold-bg{background: #044b2d;}
.form-offer-sec h6{font-size: 18px;;font-weight: 600;margin: 20px 0 10px 0;color: #565f65;}
::-webkit-input-placeholder {font-family: 'Roboto', sans-serif;font-size: 14px;color: #A1A1A1;}
::-moz-placeholder {font-family: 'Roboto', sans-serif; font-size: 14px; color: #A1A1A1;}
:-ms-input-placeholder {font-family: 'Roboto', sans-serif; font-size: 14px; color: #A1A1A1;}
:-moz-placeholder {font-family: 'Roboto', sans-serif; font-size: 14px; color: #A1A1A1;}
select{font-family: 'Roboto', sans-serif; font-size: 14px !important;color: #A1A1A1 !important;}
.form-control{padding-left: 7px;border-radius: 0; border: transparent; border-bottom: 1px solid #A1A1A1;padding-bottom: 7.5px;padding-right: 0;}
.form-control:focus{box-shadow: none;border-bottom: 1px solid #A1A1A1;}
/*.float-btn a{background: #044b2d; color: #044b2d; padding: 7px; border-radius: 50%; display: block; width: 50px; height: 50px; margin-bottom: 10px;  text-align: center;}*/
.float-btn a{background: #b53d38; color: #044b2d; padding: 12px; border-radius: 50%; display: block; width: 50px; height: 50px; margin-bottom: 10px;  text-align: center;}
.float-btn i{font-size: 25px; margin-top: 5px;}
.info-div{/*margin-top: 50%;*/position: absolute; bottom: 10px; width: 100%;}
.form-section .dwnld-btn{padding: 7px 20px;font-size: 14px;color: #000;}
.form-group{margin-bottom: .5rem;}
.navbar-brand img{width: 200px;}
.highlight-div{ 
    border-radius: 10px;
    color: black;
    top: 75px !important;
    left: 24px;
    width: 320px;
    position: absolute;
    top: 65px; 
    background-color: white;
   }
.gold-strip{text-shadow: 0 3px 6px #044b2d;  background-color: #044b2d;  background: linear-gradient( -45deg, #044b2d, #97bdad, #FAF2B3, #044b2d); background-size: 400% 400%; -webkit-animation: Gradient 3s ease infinite; -moz-animation: Gradient 3s ease infinite; animation: Gradient 3s ease infinite;color:#fff;   border: none;color: #000;margin-top: 10px;text-align: center;color: #fff;padding: 5px 0;}
.gold-strip p{color: #fff !important;text-align: center;margin-bottom: 0;}
.highlight-div li{color: black;font-size: 16px; font-weight: 300;}
.highlight-div h6{display: block;text-transform: uppercase; text-shadow: 0 1px 2px #fff; color: #000000;  font-weight: bold;}
.bg-blck{background: #bdb9b9;padding: 10px 0;}
.highlight-div p{text-transform: capitalize;font-family: 'Roboto'!important;margin:0;animation-duration: 3s; display: block; padding: 2px;  font-size: 14px!important; text-align: center;font-weight: bold;}
.blink p{animation: bouncein 3s infinite;}
@keyframes bouncein {         
	0%, 20%, 40%, 60%, 80%, 100% {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
	0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);   }
	20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1);}
	40% {  -webkit-transform: scale3d(0.9, 0.9, 0.9);   transform: scale3d(0.9, 0.9, 0.9);}
	60% { opacity: 1;  -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}
	80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);  transform: scale3d(0.97, 0.97, 0.97);}
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes Gradient {
    0% {background-position: 0 50%}
    50% {background-position: 100% 50%}
    100% { background-position: 0 50%}
}
@-moz-keyframes Gradient {
    0% {background-position: 0 50%}
    50% {background-position: 100% 50%}
    100% { background-position: 0 50%}
}
@keyframes Gradient {
    0% {background-position: 0 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0 50%}
}
@keyframes rocking {
0% {transform: rotate(0);}
25% {transform: rotate(0);}
50% {transform: rotate( 2deg);}
75% {transform: rotate( -2deg);}
100% {transform: rotate(0);}
}
.table-hover tbody tr:hover { background-color: #FFF4E0;}
.modal h2{font-size: 30px;color: #044b2d;text-align: center;margin-top: 10px;}
.close{z-index: 999;opacity: .7;  position: absolute;  right: 0;  margin: 10px;  top: -12px;}
.promise-div span{display: block;font-size: 13px; color: #044b2d;margin-top: 10px;margin-bottom: 20px;}
.modal p{color: #565F65;text-align: center;font-size: 15px;}
.floorplan img;before {  background: #0000006b;  display: block;  width: 100%;  height: 100%;  left: 0;  top: 0;  background: aliceblue;  transform: scale(0); z-index: 9;}
.floor-data:hover img:before {  transform: scale(1);}
.overlay1 { position: absolute;  bottom: 0;  background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.5); color: #f1f1f1;  height: 100%; width: 100%; transition: .5s ease; opacity:0;color: white; font-size: 20px; padding: 20px; text-align: center;left: 0;top: 0;}
.floorplan .plan-div:hover .overlay1 { opacity: 1;}
.plan-div{cursor: pointer;position: relative;}
.plan-div img {
    filter: blur(3px);
}
.overlay1 .dwnld-btn{position: absolute; width: 90%;  top: 40%; left: 50%; transform: translate(-50%, -40%);}
/*.dwnld-btn:hover{ color:#044b2d;border:1px solid #044b2d;background: #fff;}*/
.modal-content{border-radius: 0;}
.price-div{background: #ffffff;padding: 20px 10px;}
.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E);
}
.navbar-light .navbar-toggler{border-color: #044b2d;color: #044b2d;}
.modal .gold-strip{background-image: linear-gradient(90deg, #044b2d, #97bdad, #FAF2B3, #044b2d);
    background-color: #6eaf1f;
    text-shadow: #6b9682;
    text-align: center;padding:15px 0;margin-top:15px;/*background-image: linear-gradient(101deg, #044b2d, #d6aaa9;)*/}
.call-btn{color: #fff !important;}
label.error { color: red; font-family: inherit;  font-size: 11px;  font-weight: bolder; letter-spacing: .5px;}
.vl {
    border-left: 2px solid rgb(255, 255, 255);
    height: 40px;
  }

ul.myUL {
    text-align: left;
  }
.border-4{
    border-style: dashed !important;
}
.bg-grey{
    background-color: #e9e9e9;
}
.highlight {
    animation: bouncein 3s infinite;
}

.header-form{
    top: 8px;
}

.btn{
    text-shadow: 0 3px 6px #044b2d;  background-color: #044b2d;  background: linear-gradient( -45deg, #044b2d, #97bdad, #FAF2B3, #044b2d);  background-size: 400% 400%;  -webkit-animation: Gradient 3s ease infinite;  -moz-animation: Gradient 3s ease infinite;  animation: Gradient 3s ease infinite; color: #fff !important;  border: none;padding: 7px 20px; border-radius: 3px;text-align: center; vertical-align: middle;border: 1px solid transparent;
}
h1.overview-title {
    font-size: 22px;
}

.checkbox label.error {
    margin: 35px 0 0 50px;
    width: 150px;
    display: none;
}