*{margin:0;padding:0;text-decoration:none!important;outline:none!important;box-sizing:border-box}
div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,input,select,legend,table,caption,tbody,tfoot,thead,tr,th,td,input{margin:0;padding:0;border:0;font-family:'inter',Sans-serif; box-sizing: border-box; text-decoration: none;}
.no-overflow{overflow:hidden}
.left{float:left}
.right{float:right}
.clear:after{display:block;content:"";clear:both}
.show{display:block}
.hide{display:none}
.inline{display:inline-block}
.ucase{text-transform:uppercase}
.calign{text-align:center}
.ralign{text-align:right}
.malign{vertical-align:middle}
.justify{text-align:justify}
.box{box-sizing:border-box}
.relative{position:relative}
.maxwidth{padding:0 100px!important;width:100%}
.container-box{padding:50px 150px}
.mauto{margin:auto}
.pro-title p{font-size:18px !important;color:#fff;}
.mwidth{max-width:100%;height:auto;margin:auto}
.relpar{height:0;width:100%;position:relative}
.dswitch{}
.mswitch{display:none}
.lheight{line-height:1.5}
h1,h2,h3,h4,h5,h1 span,h2 span,h3 span,h4 span,h5 span{font-family:'factor',sans-serif !important; font-weight:700}
p{font-family:'inter',sans-serif;line-height:1.75}
small{font-size:.7em}
.bigger{font-size:1.25em}
.bigtxt{font-size:3em;line-height:2}
blockquote{font-size:1em;font-style:normal;color:#666;line-height:1.6;position:relative}
.breakthrough{text-decoration:line-through;padding:0 10px}
.consec{line-height:3}
.white{color:#fff}
.black{color:#000}
.gray{color:#888}
/* VLPL Brand Colors */
.gold{color:#C8A96B}
.blue{color:#003357}
.ivory{color:#F8F5EF}
.stone{color:#D9D6D0}
/* Legacy color aliases mapped to brand */
.orange{color:#C8A96B}
.green{color:#C8A96B}
.red{color:#e52c58}
.bg-white{background:#fff}
.bg-gray{background:#F8F5EF}
.bg-gray-bottom{background:#fff url(images/bottom-bg.png) center top no-repeat; min-height: 202px}
.bg-black{background:#222}
.bg-blue{background:#003357}
.bg-bluel{background:#0079ce}
.bg-bluelr{background:#1787d5}
.bg-green{background:#003357;}
.bg-red{background:#e52c58}
.bg-orange{background:#C8A96B}
.bg-smtrpb{background:rgba(0,0,0,0.1)}
.bg-ivory{background:#F8F5EF}
.bg-stone{background:#D9D6D0}
.gradient-gb{background: linear-gradient(0deg, #003357 0%, #C8A96B 100%) !important;}
.title-border-center,.title-border{padding-bottom:15px;margin-bottom:15px;position:relative;display:inline-block}
.title-border-center:after{width:30%;height:3px;background:#C8A96B;position:absolute;bottom:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);left:50%;content:""}
.title-border:after{width:30%;height:3px;background:#C8A96B;position:absolute;bottom:0;left:0;content:""}
.nowrap{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.row{padding: 0 !important; margin: 0 !important}
.ofit{object-fit: cover}
.con-img i{font-size: 3em; margin: 10px}
.visuallyhidden{position:absolute;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(0px 0px 99.9% 99.9%);clip-path:inset(0px 0px 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}
/*header*/
/* NEW */
header{position:absolute;z-index:99;left:0;right:0;width:100%;background:#003357;box-shadow:0 10px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.2);}
header .mainhead{background:transparent;box-shadow:none;-webkit-box-shadow:none;padding:0 150px;}
header.sticky{position:fixed;top:0;transition:all .2s}
header.sticky .mainhead{margin-top: 0}
header .logo img{height:60px;width:auto;padding:5px 0;display:block}
header .contact, header .contact a{font-size:1.25em;line-height:60px;padding:0 15px; cursor:pointer; transition:all .3s ease;display: flex;display: -webkit-flex;gap:8px;}
header .tquery{font-size:1.5em;line-height:60px;padding:0 15px; border-left: 1px solid #D9D6D0; cursor:pointer; transition:all .3s ease;}
header .contact:hover, header .tquery:hover{color: #C8A96B; }
header .menu{padding:0 15px;cursor:pointer;border-left:1px solid #D9D6D0; border-right:1px solid #D9D6D0}
header .menu i{font-size:2em;line-height:60px;color:#fff;}
.menu-overlay{position:fixed;content:'';width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);display:none}
.menu-wrp{background:#001f3f;position:fixed;right:0;top:0;color:#fff;height:100%;padding:3em;display:flex;flex-direction:column;justify-content:space-between;transform:translateX(100%);transition:all 1s ease;z-index:1001}
.menu-wrp.active{transform:translateX(0%);overflow-y:auto!important}
.menu-wrp .menuclose{position:absolute;top:2em;right:2em;cursor:pointer}
.menu-wrp .tpr-logo{width: 100px; height: auto; display: block;}
.menu-wrp ul{display:block;list-style:none; text-transform: uppercase;}
.menu-wrp ul li{display:block}
.menu-wrp ul li a{line-height:2;color:#fff;font-weight:600;text-decoration:none; display:inline-block; line-height:34px !important}
.menu-wrp ul li a i{font-size: .8em; padding: 0 5px}
.menu-wrp .submenu{background:rgba(0,0,0,.05) !important; padding: 1em}
.menu-wrp .submenu li{font-size: .8em}
.menu-wrp .bottom-wrp {padding: 0 0 20px 0; display: flex; justify-content: space-between; font-size: 1.5em;}
.menu-wrp .bottom-wrp a,.menu-wrp .bottom-wrp a:hover {color: #fff}
.menu-wrp .bottom-wrp a strong{font-family:sans-serif}
.line-anim{position:relative}
.line-anim:after{content:'';display:block;left:0;bottom:0;width:0;height:2px;transition:all .3s ease; background: rgba(255,255,255,1);}
.line-anim:hover:after,.line-anim.active:after{width:100%}
/*banner*/
.clsfix{height:670px; width: 100% !important}
.w-100{height:100%;}
/*call to action*/
.ctabtn{border:2px solid #fff!important;background-color:transparent}
.ctalink{font-size:.9em;font-weight:700;line-height:30px;display:block;padding:0 15px;cursor:pointer;text-transform:uppercase;position:relative;color:#fff;border:0;background-color:transparent}
.ctalink:hover{color:#fff}
.ctalink:before{font-family:'icomoon';font-size:1.25em;position:absolute;right:20px;content:'\e903';color:#fff}
.transparentbtn{position:relative;width:100%;cursor:pointer;color:#C8A96B;border:2px solid #C8A96B;background-color:transparent}
.titlebtn{cursor:pointer; font-size:.6em; font-weight:700; margin: 0 0 0 25px; padding:2px 0; border-bottom:1px solid #C8A96B; color:#C8A96B}
.titlebtn:hover{color: #C8A96B}
.white.calign{display: flex;display: -webkit-flex;align-items: center;justify-content: center;flex-direction: column;}
.linkbtn{position:relative;width:auto; cursor:pointer; font-size:.9em; line-height:30px; background: #fff; border:1px solid #003357; display:inline-block; margin:25px 15px 15px 0; padding:0 35px 0 10px; color: #003357}
.linkbtn:hover{color:#003357}
.linkbtn:hover:after{color:#003357}
.linkbtn:after{font-family:'icomoon';font-size:1em;position:absolute;right:10px;content:'\e903'}
.bcta{position:relative;width:auto; border-radius: 2px; border:none; cursor:pointer; line-height:40px; display: block; padding:0 40px 0 15px; background: #003357; color:#fff}
.bcta:before{position: absolute; right:10px; top:0; content:"\e90f"; font-family: 'icomoon'}
.connectivity ul li em{display: flex;display: -webkit-flex;width:28px;height:28px}
.connectivity ul li em img{width:100%;height:100%;}
.dwldbtn{position:relative;width:auto; border:none; border-radius:2px; cursor:pointer; font-size:1.25em; padding: 0 20px 0 20px; line-height:50px; display:inline-block; margin:20px auto; color: #fff; background:#C8A96B; box-shadow: 0 2px 10px rgba(0,0,0,.5)}
.dwldbtn:hover{color:#fff}
/*overview*/
@font-face{font-family:'factor';src:local("Factor A Bold"),local("FactorA-Bold"),url(fonts/FactorABold.woff2) format("woff2"),url(fonts/FactorABold.woff2) format("woff");font-weight:700;font-display:swap}
.overview{padding:0 250px 100px; position: relative;}
.overview p {font-weight: 700; font-size:2.5em; line-height: 1.5; text-align: center; font-family: 'factor' !important}
/*page css*/
.stats-title h2 span{font-weight:100 !important}
.corousel .slox{background:#003357; padding: 20px; margin:20px; color: #D9D6D0; height: 200px; position: relative;}
.corousel .slox span{color: #fff; font-size: 1.75em}
.corousel .slox hr{position: absolute; bottom: 20px; left: 20px; height: 2px; width: 100px; background: #C8A96B; z-index: 2; border: none; opacity: 1}
.breadcrumb{position: absolute; top:70px; padding:0 5px; left:150px; text-shadow: 1px 1px 2px rgba(0,0,0,.8); z-index: 2; font-size: .8em;}
.breadcrumb ul{display: block; list-style: none}
.breadcrumb ul li{list-style: none; position: relative; padding-right: 20px; float: left; color: #fff}
.breadcrumb ul li a{color: #fff}
.breadcrumb ul li:after{position: absolute; content: "›"; right: 10px; top: 0}
.breadcrumb ul li:last-child:after{content: ""}
/*projects page title*/
.cta{position:absolute;left:0;right:0;top:0;bottom:0;background: rgb(0 0 0 / 59%);}
.pro-title{position: absolute; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); left: 50%; top: 50%; width: 75%; text-align: center;}
.pro-title h1,.pro-title h2{font-size: 2.5em; line-height:1 !important; display: inline-block;}
.pro-title p{font:2.5em 'DM Serif Display', serif; display: inline-block; margin-left: 15px; padding-left: 15px; border-left: 1px solid #fff; letter-spacing: 3px}
.cta2{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.pro-title2{position: absolute; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); left: 50%; top: 50%; background: rgb(0,0,0,.75); padding: 4em}
.pro-title2 h2{font-size: 2em; line-height:1 !important}
.highpro { display: block; list-style: none; margin-top: 50px; position: relative; }
.close.text-white.pointer{cursor:pointer;}
.highpro:before { width: 125px; height: 3px; background: #C8A96B; position: absolute; top: -25px; left: 0; content: ""}
.highpro li { display: block; list-style: none; font: 1em 'inter', sans-serif !important; position: relative; color: #fff; padding: 5px 0 5px 25px}
.highpro li i { position: absolute; color: #fff; position: absolute; left: 0; top: 8px; font-size: .8em}
.ititle .suptitle{display: block; position: relative; letter-spacing: 1px; margin-left: 5em; font-size: .5em; text-transform:uppercase; font-family: 'inter', sans-serif !important; -webkit-transform: scaleX(1) !important; -webkit-transition-delay: 200ms; -webkit-transform-origin: left; -webkit-transition: 800ms cubic-bezier(.15,.75,.5,1); transform: scaleX(1) !important; transition-delay: 200ms;  transform-origin: left;transition: 800ms cubic-bezier(.15,.75,.5,1);}
.ititle .suptitle:before{content: ""; width: 4em; margin: 0; position: absolute; top: 50%; left: -5em; border-style: solid; border-width: 1px 0 0}
.ititle .mtitle{font-family: 'DM Serif Display', serif !important; font-weight: normal; font-size:1.5em; margin:25px 0 35px; letter-spacing: 2px}
.ititle .subtitle{font-size: .5em; margin-bottom:35px}
#overview .ititle .mtitle{margin-bottom: 0}
.protxt{padding: 2em}
.provideo{position: absolute; z-index: 3; color: #fff; left: 175px; vertical-align: middle; bottom:20px; display: block; padding: 10px 15px 10px 50px; background: rgba(0,0,0,.5); font:.8em 'inter', sans-serif !important;}
.provideo:before{position: absolute; left: 10px; top: 12px; content: '\e92e'; font-size: 2.3em; font-family: 'icomoon'}
.provideo:hover{color: #fff}
.proquery{margin: 2em; padding:2em; display: block; position: relative;}
.proquery:before{position: absolute; left: -25px; top:-25px; z-index: 3; background:#003357; content:"\e95a"; line-height: 50px; text-align: center; color: #fff; font-size: 24px; font-family: 'icomoon'; height:50px; width:50px; border-radius: 50%; -webkit-animation:pulsing 1s infinite;animation:pulsing 1s infinite}
.proquery .form-control{border:1px solid rgba(255,255,255,.5) !important; background:none; color: #fff}
.proquery label{color: #fff}
.probtn{width: 100% !important; background:#C8A96B; border:none; border-radius: 0; line-height: 58px; padding: 0 !important;}
.stats{display:block;font-size:1em;list-style:none; margin: 1em 0 0}
.stats li{width:25%; list-style: none; display:block; float: left; position: relative; font-family: 'DM Serif Display', serif !important; font-size:1.75em; color:#003357;}
.stats li span{display:inline-block;font-size:.5em; padding:10px 0; margin-top:10px; color: #222; border-top: 2px solid #003357; min-width:30%}
.stats li:after{position: absolute; content: ""; width: 1px; top: 20px; bottom:20px; right: 1px; background: #D9D6D0}
.stats li:last-child:after{display: none;}
.bg-facts{background: url(images/bg-facts.jpg); background-size: cover; box-shadow:5px 5px 15px rgba(0,0,0,.5)}
.pfacts{padding:3em 2em; background:#ffffff;}
.pfacts .plogo{margin: auto; max-height: 75px; display: block;}
.facts{display:block;font-size:1em;list-style:none}
.facts li{width:25%; list-style: none; text-align: center; position: relative; display: block; float: left; font-family: 'DM Serif Display', serif !important; font-size:3em; line-height: 1; color:#003357}
.facts li span{display:inline-block;font-size:16px; padding:10px 0; margin-top:10px; color: #D9D6D0; border-top: 2px solid #003357}
.facts li:after{position: absolute; content: ""; width: 1px; top: 20px; bottom:20px; right: 1px; background: #D9D6D0}
.facts li:last-child:after{display: none;}
.amebox em{display:inline-block;width:64px;height:64px;}
.amebox em img{width:100%;height:100%;}
.highlights li{min-height:60px; position: relative;font-size: 1.1em; line-height:1.4 !important; margin:10px 0; list-style: none; border-bottom:1px solid #D9D6D0;display: flex;display: -webkit-flex;align-items: center;gap:15px;}
.highlights li em{display: inline-block;width:48px;height:48px;min-width:48px;}
.highlights li em img{width:100%;height:100%;}
.highlights li:after{position: absolute; width: 0%; height: 2px; background:#003357; left: 0; bottom: -1px; content: ''; -webkit-transition:all .75s ease; transition:all .75s ease;}
.highlights li:hover:after{width: 100% !important}
.features li{height: 65px; position: relative; padding:5px 0 5px 70px; font-size: 1.2em; line-height:1.4 !important; margin-bottom: 15px; list-style: none; border-bottom:1px solid #D9D6D0}
.features li .iconity{position: absolute; left: 0; top: 0; text-align: center; width: 50px; height: 50px; border-radius: 50px; background:#003357}
.features li .iconity i{color: #fff; position: relative; font-size: 1.4em; line-height:50px; padding-top: 10px}
.features li .iconity:before{content:''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; transform: scale(0.0); transform-origin: center; transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); background: #C8A96B}
.features li:hover .iconity:before{transform: scaleX(1.0);}
.features li:after{position: absolute; width: 0%; height: 2px; background:#003357; left: 0; bottom: -1px; content: ''; -webkit-transition:all .75s ease; transition:all .75s ease;}
.features li:hover:after{width: 100% !important}
/*campaign banner*/
.campaign{display: block; padding: 1em}
.campaign img{width: 100%; height: auto}
.oxylist{margin: 10px 0}
.oxylist li{position: relative; padding:0 0 0 30px; font-size: 1.1em; line-height:3 !important; list-style: none; border-bottom:1px solid #D9D6D0}
.oxylist li:before{position: absolute; left: 0; top: 0; color: #C8A96B; font-size: 1.0em; text-align: center; content:'\e91f'; font-family: 'icomoon'}
.amenities li{width: 25%; display: block; float: left; line-height:1.2 !important; list-style: none; color: #F8F5EF}
.amenities li .amebox{margin:0 2em 2em 0; padding:2em; display: block; min-height: 270px; position: relative;}
.amenities li .ametop{text-align: right}
.amenities li .ametop i{font-size: 4em; padding-bottom: 1em; display: block;}
.amenities li .amebot{text-align: left; margin-top: 50px; font-size: 1.5em; font-family: 'DM Serif Display', serif !important; position: absolute; right: 32px; left: 32px; bottom: 32px}
.amenities li:nth-child(1) .amebox{background: #003357}
.amenities li:nth-child(2) .amebox{background: #fff; color: #003357}
.amenities li:nth-child(3) .amebox{background: #003357}
.amenities li:nth-child(4) .amebox{background: #fff; color: #003357}
.amenities li:nth-child(5) .amebox{background: #fff; color: #003357}
.amenities li:nth-child(6) .amebox{background: #003357}
.amenities li:nth-child(7) .amebox{background: #fff; color: #003357}
.amenities li:nth-child(8) .amebox{background: #003357}
.floorplans{margin:10px 30px !important; position: relative; overflow: hidden}
.floorplans img{display: block; width: 100%; height: auto; background: #fff}
.floorplans .planinfo{position: absolute; left: 50px; right: 0; bottom:-60px; padding:2em; border-left:5px solid #003357; background:#fff; text-align: center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.floorplans:hover .planinfo{bottom: 0}
.planinfo .bhk-info{font-family: 'DM Serif Display', serif !important; font-size:1.75em;}
.nomar{margin: 0 !important}
.wowfactor{background:#C8A96B; padding: 2em}
.wowfactor h4{font-size: 1.5em; font-family: 'DM Serif Display', serif !important;}
.topgrid {display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: repeat(6, 1fr);grid-column-gap: 15px;grid-row-gap: 15px;height: 700px}
.topgrid img{width: 100%; height: 100%; object-fit: cover}
.tg1 { grid-area: 1 / 1 / 7 / 4; position: relative;}
.tg2 { grid-area: 1 / 4 / 4 / 7; position: relative;}
.tg3 { grid-area: 4 / 4 / 7 / 7; position: relative;}
.progallery{display: flex;display: -webkit-flex;gap:15px;}
.progallery img{width: 100%; height: 100%; object-fit: cover}
.pic1 { grid-area: 1 / 1 / 3 / 2; position: relative;}
.pic2 { grid-area: 3 / 1 / 6 / 2; position: relative;}
.pic3 { grid-area: 4 / 2 / 6 / 3; position: relative;}
.pic4 { grid-area: 1 / 2 / 4 / 3; position: relative;}
.pic5 { grid-area: 1 / 3 / 3 / 4; position: relative;}
.pic6 { grid-area: 3 / 3 / 6 / 4; position: relative;}
.gtitle{position: absolute; left: 0; right: 0; bottom: 0; line-height: 30px; font-size: 1.5em; font-family: 'DM Serif Display', serif !important; text-align: center; padding: 10px; color: #fff; background-color:rgba(0,0,0,.7);}
.my-table{border:none;border-collapse:separate; border-spacing:0; width:100%;max-width:100%;white-space:nowrap;background:#fff}
.my-table td,.my-table th{padding:15px; border-bottom:1px solid #D9D6D0;border-right:1px solid #D9D6D0}
.my-table td{border-right:1px solid #F8F5EF}
.my-table thead th{color:#fff;background:#003357; border-top:1px solid #D9D6D0;}
.my-table td:first-child{border-left:1px solid #D9D6D0; font-weight: bold;}
@media (max-width: 767px) {
.my-table{display:block;width:100%}
.my-table thead,.my-table tbody,.my-table thead th{display:block; border-right: none;}
.my-table thead th:last-child{border-bottom:none}
.my-table thead{float:left}
.my-table tbody{width:auto;position:relative;overflow-x:auto}
.my-table td,.my-table th{padding:20px .625em .625em;height:60px;vertical-align:middle;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;width:120px; text-overflow:ellipsis}
.my-table thead th{text-align:left;border-bottom:1px solid #F8F5EF}
.my-table tbody tr{display:table-cell}
.my-table tbody td{display:block}
}
.accordion{margin:0 auto 100px;border-top:1px solid #D9D6D0}
.accordion li{border-bottom:1px solid #D9D6D0;position:relative; list-style: none;}
.accordion li p{display:none;padding:10px 0 ;color:#444}
.accordion a{width:100%;display:block;cursor:pointer;font-weight:600;line-height:3}
.accordion a:after{width:8px;height:8px;border-right:1px solid #003357;border-bottom:1px solid #003357;position:absolute;right:10px;content:" ";top:17px;transform:rotate(-45deg);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.accordion p{font-size:13px;font-size:.8125rem;line-height:2;padding:10px}
a.active:after{transform:rotate(45deg);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.pox-50{padding: 50px}
.connectivity{ border:5px solid #fff; padding:1.5em; left:-150px; right: 0; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.2)}
.loclist{display:block;font-size:1em;list-style:none}
.loclist li{width:48%; list-style: none; display: block; float: left; text-align: center; font-family: 'DM Serif Display', serif !important; font-size:14px; color:#000;display: flex;display: -webkit-flex;width:100%;margin-bottom:7px;border-bottom: 1px dashed #F8F5EF;padding-bottom:7px;align-items: center;text-align: left;gap:8px;}
.loclist li span{display:block; color: #222; font-size: .7em; font-family: 'inter', sans-serif}
.loclist li i{font-size:2em; padding-bottom: 10px; color: #003357}
.location img{object-fit: contain;}
.cupdate{background: url(images/construction-update.jpg); background-size: cover; position: relative;  min-height: 500px}
.cupdate .pro-update{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.pro-update .play{width: 100px; height: 100px; border-radius: 100px; margin:0 auto 25px auto; text-align: center; display: block; background:#003357}
.pro-update .play i{font-size: 2em; line-height: 100px; color: #fff}
.pro-update h3{font-family: 'DM Serif Display', serif !important; font-size:2.5em; text-transform: uppercase; font-weight: normal}
/*scroll down*/
.down-arrow{ position:absolute; left:0; right:0; margin:auto; bottom:20px; text-align:center; z-index:2;}
.down-arrow a{ width:100px; color:#fff; font-size:.8em; text-shadow:0 1px 2px rgba(0,0,0,.5)}
.down-arrow .scroll{ background:#fff; width:30px; height:50px; display:inline-block; border-radius:20px; text-align:center; position:relative; box-shadow:0 0 5px rgba(0,0,0,.5)}
.line{ border-left:2px solid #C8A96B; height:10px; width:2px; margin-top:5px; margin-left:-1px; position:absolute;}
.down-arrow  strong{ width:100%; float:left;}
.line {animation: bounce 2s infinite; opacity:1; }
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(10px);}
 40% {transform: translateY(30px);}
 60% {transform: translateY(15px);}
}
.pulsing-heart {position: relative; padding-left:50px; white-space: nowrap}
.pulsing-heart::before{content:"";position:absolute;top:-5px;left:0;background:url(images/heart.svg) no-repeat;background-size:contain;height:40px;width:50px;-webkit-animation:pulsing 1s infinite;animation:pulsing 1s infinite}
@-webkit-keyframes pulsing {
0%{transform:scale(1)}
50%{transform:scale(.7)}
100%{transform:scale(1)}
}
@keyframes pulsing {
0%{transform:scale(1)}
50%{transform:scale(.7)}
100%{transform:scale(1)}
}
.prop-category .catone,.prop-category .catthree,.prop-category .cattwo{width:33.33%; min-height:350px; position: relative; overflow:hidden;}
.incat{position: absolute; left:25px; top:25px; right:25px; bottom:25px; background:#fff; border-radius: 10px; transition:all .3s ease; padding: 20px;}
.incat:hover{left:20px; top:20px; right:20px; bottom:20px; -webkit-box-shadow:2px 2px 5px rgba(163,163,163,.37); box-shadow:2px 2px 5px rgba(163,163,163,.37)}
.incat .catico{border-radius: 50px; height:100px; width: 100px; text-align: center;}
.incat .catico i{line-height: 100px; font-size: 4em; display: inline-block;}
.incat a{color: #888 !important}
.incat a:hover{color: #888 !important}
.incat .cat-title{margin-top:60px; font-size: 1.2em; position: relative;}
.incat .cat-title:before{position: absolute; content: ""; top: -20px; height: 3px; width: 50px; background:#D9D6D0;}
.opaq{opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.incat:hover .opaq{opacity: 1}
.catbtn{position: absolute; line-height: 40px; padding:0 15px; border-radius: 50px 0 0 50px; top: 40px; right: 0; border: 10px solid #F8F5EF; border-right: none;}
/*projects boxed*/
.projects-box{width:33.33%; position:relative; padding:25px; transition:all .3s ease; float: left;}
.projects-box .project-info{background:#fff; padding-bottom: 10px; -webkit-box-shadow:2px 2px 7px rgba(163,163,163,.37); box-shadow:2px 2px 7px rgba(163,163,163,.37)}
.projects-box .project-info a{color: #003357; text-decoration: none;}
.projects-box2{width:50%; position:relative; padding:25px; transition:all .3s ease; float: left;}
.projects-box2 .project-info{background:#fff; padding-bottom: 10px; -webkit-box-shadow:2px 2px 7px rgba(163,163,163,.37); box-shadow:2px 2px 7px rgba(163,163,163,.37)}
.projects-box2 .project-info a{color: #003357}
.projects-head{padding:20px 0 0; text-align: center;}
.projects-head .protitle,.projects-head h4,.projects-head h3{font-size:1.3rem;text-transform:uppercase;width:100%; margin-bottom: 5px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.projects-head p{font-weight:400; color: #222; font-size: .85em; margin-bottom: 10px}
.pricing{margin:0 15px -24px 15px; text-align: center; display: flex; z-index: 2; position: relative; list-style:none; background: linear-gradient(0deg, #003357 0%, #C8A96B 100%) !important; box-shadow:0 0 1px rgba(0,0,0,.8)}
.pricing li{display:block; font-size:.9em; list-style:none; flex:1; -ms-flex:1; padding:5px 0; line-height:1.3!important; color: #fff}
.pricing li:first-child{border-right:1px solid rgba(255,255,255,.25)}
.pricing li small{font-size: .8em; font-weight: 700}
.rera{position:absolute;left:0;right:0;padding:10px 25px;bottom:0;background:rgba(0,0,0,.7);font-size:.75em;color:#fff}
.details{padding:15px 25px; font-size: .8em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #222}
/*homevideo*/
.homevideo{position: relative;}
.homevideo:after{position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.75); z-index: 2}
.homevideo img{display: block; width: 100%; height: auto;}
.homevideo .playbtn{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 3; color: #fff}
.homevideo .playbtn i{font-size: 6em}
.homevideo .playbtn:hover{color: #C8A96B}
/*awards & accolades*/
.award{margin:25px !important; text-align: center;}
.award i{font-size: 11em; display: block; margin:25px auto; color:#C8A96B;}
.award p{text-align: center; font-weight: 400; color: #C8A96B}
.award p span{font-weight: 400 !important; font-size: .8em; color: #222; margin-top: 10px}
/*commitment*/
.commitment-bg{background:#003357 url(images/bg-sub.png) no-repeat center center; background-size: cover;}
.commitment .comgroup{display: block;}
.commitment .combox{width: 16%; margin:50px 0; text-align: center; float: left;}
.commitment .combox i{font-size: 5em; margin:20px 0; display: block; color: #C8A96B}
.commitment .combox p{color: #fff; font-size: .9em}
/*testimonials*/
.teslide{margin: 25px !important}
.teslide img{width:100%; height: auto; border:0px solid #fff; box-shadow:0 10px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.2)}
.mylist{display:block;list-style:none;font-size:1em;margin:15px 0 0}
.mylist li{position:relative;list-style:none;display:block;line-height:2;padding-left:25px}
.mylist li:before{content:"\e90f";font-family:"icomoon";position:absolute;left:0;top:2px;font-size:.8em;color:#C8A96B}
/*home form*/
.iform{-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.2); box-shadow:0 10px 10px rgba(0,0,0,0.2)}
.iform .iheader{position:absolute;top:-100px; font-size: 1.2em; left:0; right: 0; text-align: center; line-height:36px;padding:0 2.5em;font-weight:700;color:#000}
.iform .iheader i{font-size: 2em}
.iform .txtboxes,.iform .btnbox{width:25%;padding:1.5em;float:left}
.iform .btnbox{border-radius: 0 15px 15px 0;}
.iform .ihead{font-size:1em;padding-bottom:.5em;text-transform:uppercase}
.iform .ihead span{white-space:pre;font-weight:500;color:rgba(255,255,255,.4);}
.iform .itext,.iform .subutton{font-size:1.2rem;display:block;width:100%;height:2.1875rem;margin:auto;color:#fff;border:0;border-bottom:solid 1px #fff;border-radius:0;outline:0;background-color:transparent}
.iform .subutton{text-align:center;background:#fff;border-radius:2em;font-weight:700; color: #C8A96B}
.iform input::-webkit-input-placeholder{color:#fff!important}
.iform input:-moz-placeholder,.iform input::-moz-placeholder{color:#fff!important}
.iform .form-field input:-ms-input-placeholder{color:#fff!important}
.iform input:-webkit-autofill,.iform input:-webkit-autofill:hover,.iform input:-webkit-autofill:focus,.iform input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0;-webkit-text-fill-color:#fff!important}
.form-floating {width: 90%; margin:0 5%; border-radius: 0}
.form-control{border-radius: 0}
.switch{display:block}
.mswitch{display:none}
/*form modals*/
.modal-header{background-color:#003357;background-image:linear-gradient(315deg,#003357 0%,#C8A96B 74%);color:#fff;margin:-2em 2em 0;border-radius:5px;padding:.5em 1em}
.form-col{margin:1em;box-sizing:border-box;position:relative}
.form-col p{font-size:.75em}
.textbox{background:#fff;border:none;border-bottom:2px solid #D9D6D0;font-size:1em;padding:0;line-height:40px;width:100%;color:#444}
.btn-spl{padding:0 1em!important;line-height:36px;border-radius:20px;border:2px solid #fff;box-shadow:rgba(0,0,0,0.15) 0 2px 8px!important;background:#003357;color:#fff!important}
.col-80{width:80%}
.col-75{width:75%}
.col-70,.col-7x{width:70%}
.col-65{width:65%}
.col-60{width:60%}
.col-50{width:50%}
.col-40{width:40%}
.col-35{width:35%}
.col-33{width:33.333%}
.col-30,.col-3x{width:30%}
.col-25{width:25%}
.col-20{width:20%}
.row-100{height:100vh}
.row-50{height:50vh}
.gallery{display:block}
.gallery img{display:block;width:100%;height:auto}
/*tables*/
.shake{animation:shake 1.5s cubic-bezier(0.36,0.07,0.19,0.97) both infinite}
@keyframes shake {
5%,45%{transform:translate3d(-1px,0,0)}
10%,40%{transform:translate3d(2px,0,0)}
15%,25%,35%{transform:translate3d(-2px,0,0)}
20%,30%{transform:translate3d(2px,0,0)}
50%{transform:translate3d(0,0,0)}
100%{transform:translate3d(0,0,0)}
}
/* fixed form */
.fixed-form{width:100%; position:fixed; bottom:0; z-index:99; display:none}
.formnew{display:block; padding:1em 5em; text-align:center}
.enqt{font-size:1.5em; font-family:'DM Serif Display', serif !important; line-height:40px}
.tbox{background:rgba(255,255,255,.9); border:none; font-size:1em; padding:0 0 0 10px; line-height:40px; width:100%; color:#444}
.ibox{position:absolute; display:none; left:0; right:0; bottom:0; font-size:15px; line-height:20px; background:rgba(0,0,0,.8); z-index: 8}
.ibox .iquery, .ibox .iwhatsapp{width: 50%;padding: 10px 0 25px 0;font-weight: bold;line-height: 20px;font-weight: 1em;float: left;text-align: center;box-shadow: 1px 0 0 rgba(255, 255, 255, .3);display: flex;justify-content: center;gap: 27px;}
.white{display:flex;}
.ibox .iquery i, .ibox .iwhatsapp i{font-size:20px}
.ibox .iphon{width:50px; height:50px; text-align:center; border-radius:50%; background:rgba(255,255,255,1); position: absolute; left:50%; top:-25px; transform:translateX(-50%); -webkit-transform:translateX(-50%); background:#003357; border:2px solid #fff}
.ibox .iphon i{font-size:1.2em; line-height:50px}
.ibox a,.ibox a:hover{display:block; color:#fff; text-decoration:none; font-weight:bold}
@media screen and (min-width: 240px) and (max-width: 1024px){
	.ibox{display:block}
	.formnew{display:none}
	.down_arrow{display:none}
}
.getintouch{margin:25px auto}
.myform{display:block}
.myform .formtitle{font-size:2em}
.form-section{width:47%;margin:0 3% 3% 0;position:relative}
.form-section2{width:100%;margin:0 0 15px;position:relative}
.form-section3{width:22%;margin:0 3% 3% 0;position:relative}
.form-section i,.form-section2 i,.form-section3 i{position:absolute;left:10px;top:0;line-height:40px;font-size:1em;color:#3444}
input.error,textarea.error,select.error,.textbox.error{border:2px solid #ff6969!important;color:#fff}
input.error:focus,textarea.error:focus,select.error:focus,.textbox.error:focus{border:0;color:#fff}
.inputxt::-webkit-input-placeholder{color:#444}
.inputxt:-moz-placeholder{color:#444}
.inputxt::-moz-placeholder{color:#444}
.inputxt:-ms-input-placeholder{color:#444}
footer{background:#003357; width: 100%; padding: 50px 0}
.footer-contacts{display: box; list-style: none; margin: 25px 0}
.footer-contacts li{width: 33%; float: left; list-style: none; margin: 25px 0; padding:0 25px 0 75px; position: relative; font-size: 1.15em; line-height: 1.25 !important}
.footer-contacts li a{color: #fff}
.footer-contacts li a i{position: static; font-size: 1.25em; display: inline-block; color: #fff}
.footer-contacts li i{position: absolute; left: 0; top:0; font-size: 3em; padding: 10px 10px 0 0; color: #C8A96B}
.contacts-us{display: box; list-style: none; margin: 25px 0; color: #000}
.contacts-us li{width: 100%; float: left; list-style: none; margin: 25px 0; padding:0 25px 0 75px; position: relative; font-size: 1.15em; line-height: 1.25 !important}
.contacts-us li a{color: #000}
.contacts-us li i{position: absolute; left: 0; top:0; font-size: 3em; padding: 10px 10px 0 0; color: #C8A96B}
.table tr{border-top: 1px solid rgba(105,102,103,0.7);}
/*slick slider*/
.slider{width:100%;margin:auto}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block; overflow:hidden;}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:pointer}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:""}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;margin:0;min-height:1px}
[dir="rtl"] .slick-slide{float:right}
.slick-slide .stitle{position: absolute; left: 0; right: 0; bottom: 0; line-height: 30px; font-size: 1.5em; font-family: 'DM Serif Display', serif !important; text-align: center; padding: 10px; color: #fff; background-color:rgba(0,0,0,.7);}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(images/load.gif) center center no-repeat}
.prev{right:-50px}
.next{left:-50px}
.prev,.next{font-size:2em;position:absolute; top:50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); cursor:pointer;line-height:1;background: #fff; border:none; z-index:1;color:#003357;padding:5px 10px;background:none}
.slick-dots{position:absolute;bottom:-20px; height: 14px; z-index:2;list-style:none;display:block;text-align:center; width:100%}
.slick-dots li{position:relative;display:inline-block; width:20px;cursor:pointer}
.slick-dots li button{border:0;background:transparent;display:block;outline:none;color:transparent;cursor:pointer}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"";width:8px; height:8px; border-radius:10px; background:#D9D6D0; transition: all .25s ease;}
.slick-dots li.slick-active button:before{background:#C8A96B; height:14px; width:14px; top:-3px; left: -3px}
/* Price Section */
#price{padding:80px 0;background:#F8F5EF;}
.price-wrapper{display:flex;justify-content:center;margin-top:40px;}
.price-box{background:#fff;border-radius:10px;padding:40px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.08);max-width:380px;width:100%;}
.price-box h3{font-size:22px;margin-bottom:15px;}
.price-size{font-size:16px;margin-bottom:10px;color:#555;}
.price-area{font-size:15px;margin-bottom:20px;color:#777;}
.price-amount{font-size:30px;margin-bottom:25px;}
.price-amount span{font-size:28px;font-weight:700;color:#003357;}
.price-btn{display:inline-block;background:#C8A96B;color:#fff;padding:12px 28px;border-radius:5px;text-decoration:none;font-weight:600;}
.price-btn:hover{background:#b8965a;}
.price-note{text-align:center;margin-top:20px;font-size:13px;color:#777;}
/* FAQ */
.faq-section{padding:60px 20px;background:#F8F5EF;font-family:Arial, sans-serif;}
.faq-title{text-align:center;font-size:32px;margin-bottom:40px;}
.faq-item{margin-bottom:10px;border-bottom:1px solid #D9D6D0;}
.faq-question{width:100%;text-align:left;background:#fff;border:none;padding:15px;font-size:18px;cursor:pointer;font-weight:600;}
.faq-question:hover{background:#F8F5EF;}
.faq-answer{display:none;padding:15px;background:#fff;font-size:16px;line-height:1.6;}
/* Desktop Menu */
#header{width:100%;position:relative;}
/* NEW */
.mainhead{width:100%;max-width:100%;margin:0 auto;padding:0 60px;display:flex;align-items:center;justify-content:space-between;}
.desktop-menu{display:flex;align-items:center;}
.desktop-menu ul{display:flex;list-style:none;margin:0;padding:0;}
.desktop-menu ul li{margin:0 18px;}
/* NEW */
.desktop-menu ul li a{text-decoration:none;font-size:16px;color:#fff !important;font-weight:500;}
.desktop-menu ul li a:hover{color:#C8A96B;}
.menu{display:none;}
@media(max-width:991px){
.desktop-menu{display:none;}
.menu{display:block;}
}
/* Tables */
th{background-color:#003357;font-family:sans-serif;color:white;font-size:18px;}
th, td{border:1px solid #D9D6D0;padding:10px;text-align:center;font-family:sans-serif;}
.footer-contacts.clear.white{flex-wrap: wrap !important;}
.mobHide{display: block;}
/* WhatsApp sticky */
.whatsapp-sticky{position: fixed;bottom: 90px;right: 20px;width: 340px;z-index: 9999;cursor: pointer;}
.whatsapp-sticky img{width: 100%;height: auto;display: block;}
@media(max-width:768px){
.whatsapp-sticky{width: 260px;bottom: 120px;right: 10px;}
}
.contact a,.contact a i{color: #ffffff !important;}
/* Mobile overrides */
@media screen and (max-width:540px){
.mobHide{display: none;}
.clsfix{height:480px;}
.amenities li .ametop{padding-bottom:80px;}
.connectivity ul li em{min-width:28px;}
.loclist li{display:flex;align-items:center;}
}
@media screen and (min-width: 240px) and (max-width: 1024px) {
header{top:0; left:0; right:0}
header.sticky{padding:0}
header .logo img{padding:10px; height: 60px}
header .mainhead{margin-top: 0; border-radius: 0; padding: 0}
header .contact span{display: none;}
header.sticky .mainhead{border-radius:0}
.breadcrumb{left: 0; top: 65px; font-size: .7em}
.pro-title{width:100%; text-align: center; padding-top: 50px}
.pro-title h1{font-size: 1.5em; display: block;}
.pro-title p{display: block; margin-left: 0; padding-left: 0; border:none; font-size:1.25em !important}
.cta2{position: static !important}
.pro-title2{position:static !important; padding: 2em !important; transform: none; background:#000;}
.maxwidth{padding:0 1em !important;width:100%}
.container-box{padding:2em 1em}
.stats-title p{font-size: 1.2em}
.projects-box,.projects-box2{width:100%; position:relative; padding:1em !important}
.prop-category .catone,.prop-category .catthree,.prop-category .cattwo{width:100%; padding:3% 0; min-height:300px}
.incat{position: static}
.incat .opaq{opacity: 1}
.ititle .mtitle{font-size:1.2em; margin:15px 0 15px}
.progallery{flex-wrap: wrap;}
.topgrid{display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(6, 1fr);height: 50vh !important;}
.tg1 { grid-area: 1 / 1 / 4 / 5; }
.tg2 { grid-area: 4 / 1 / 7 / 3; }
.tg3 { grid-area: 4 / 3 / 7 / 5; }
.overview{padding:2em 1em}
.overview p{font-size: 1.5em}
.overview::after{display: none;}
.commitment .combox{width: 33.33%; margin: 10px 0}
.commitment .combox i{font-size: 3em}
.commitment .combox p{font-size: .8em; height: 50px}
.headline-parent{padding:1em !important}
.page-headline{position: static}
.corousel .slides{margin:15px 10px !important}
.corousel .slides i{font-size:4em;line-height:65px; margin-bottom: 10px}
.corousel .slides p{font-size:1em}
.title-border-center,.title-border{padding-bottom:10px;margin-bottom:10px}
.prev,.next{background:#fff !important; height:50px; width: 40px; border-radius:5px; font-size: 1.5em}
.prev{border-radius:50px 0 0 50px; right: -16px !important}
.next{border-radius:0 50px 50px 0; left: -16px !important}
.teslide{margin: 25px !important}
.stats{font-size:1.25em;list-style:none;color:#fff}
.stats li{width:50%;padding:15px 0;float:left;display:block;line-height:1.5;position:relative;box-sizing:border-box}
.col-80,.col-75,.col-70,.col-65,.col-60,.col-50,.col-40{width:100%}
.col-35,.col-30,.col-25,.col-20{width:50%}
.col-33{width:100%}
.slick-dots{bottom:-20px !important}
.award i{font-size: 4em; margin:15px auto;}
.dswitch{display:none}
.mswitch{display:block}
.pulsing-heart{padding-left: 40px}
.pulsing-heart::before{top:-10px;left:0; height:30px;width:40px}
.protxt{padding: 1em}
.proquery{margin: 0; padding:1em}
.stats li{font-size:1em; width: 50%}
.stats li span{font-size: 12px}
.stats li:after{display: none;}
.pfacts{padding:1em}
.pfacts .plogo{margin:0 auto 20px; max-height: 50px; display: block;}
.facts{display:box}
.facts li{width:50%; font-size:2em; margin-bottom: 10px}
.facts li span{font-size:14px}
.facts li:after{display: none}
.amenities li{width:50%}
.amenities li .amebox{margin:1em; padding:1em; min-height: 100px; position: relative;}
.amenities li .ametop i{font-size: 4em; padding-bottom: 1em; display: block;}
.amenities li .amebot{text-align: left; margin-top: 50px; font-size: 1em; font-family: 'DM Serif Display', serif !important; position: absolute; bottom: 32px}
.highlights li{height:auto; position: relative;font-size:.9em}
.highlights li:before{font-size: 1.5em; line-height: 35px; width:40px; height:40px}
.gtitle,.stitle{line-height: 20px; font-size:.9em}
.features li{height: auto; min-height: 55px; padding:0 0 10px 60px; font-size: .9em}
.features li .iconity{position: absolute; left: 0; top: 0; width: 40px; height: 40px}
.features li .iconity i{line-height:40px; padding-top: 10px}
.oxylist li{font-size: 1em; line-height:2 !important}
.connectivity{position: static; border:5px solid #fff; padding:1em; margin-top: 25px}
.loclist{display:block}
.loclist li{width:100%; display:block; font-size:1em; float: left; margin-bottom: 15px}
.loclist li span{display:block; color: #222; font-size: .7em; font-family: 'inter', sans-serif}
.loclist li i{font-size:3em; padding-bottom: 10px; color: #003357}
.pox-50{padding: 1em}
.cupdate{min-height: 40vh}
.pro-update h3{font-size:1.5em}
footer{padding-top:25px}
.footer-contacts li{width: 100%; margin: 10px 0}
.iform{left: 15px; right: 15px; bottom: 0}
.iform .txtboxes{width:100%;padding:1em;float:none; border-radius: 0}
.iform .btnbox{width:100%;padding:1em;float:none; border-radius: 0 0 15px 15px}
.iform .ihead{font-size:.7em;padding-bottom:.5em;}
.iform .ihead span{white-space:pre;font-weight:500;color:#000}
.ibox{display:block}
.formnew{display:none}
.price-wrapper{flex-direction: column;align-items: center;gap: 20px;padding: 0 1rem;}
.price-box{max-width: 100%;width: 100%;padding: 24px 20px;}
.mainhead{padding: 0 15px !important;}
.container-box{padding: 2em 1em !important;}
.pox-50{padding: 1em !important;}
.proquery{margin: 0 !important;}
.formnew{padding: 1em !important;}
.footer-contacts{flex-wrap: wrap;padding: 0 1rem;}
.footer-contacts li{width: 100%;padding: 0 0 0 50px;}
}
@media screen and (max-width: 480px) {
.topgrid{height: 40vh !important;grid-column-gap: 6px;grid-row-gap: 6px;}
.clsfix{height: 380px !important;}
.stats{overflow: hidden;}
.stats li{word-break: break-word;}
}
html, body{overflow-x: hidden;max-width: 100%;}
*{max-width: 100%;box-sizing: border-box;}
.whatsapp-sticky{right: 10px !important;max-width: calc(100vw - 20px);}

/* ===== ICOMOON FONT ===== */
@font-face{font-family:'icomoon';src:url(fonts/icomoon.eot?gxdhmw);src:url(fonts/icomoon.eot?gxdhmw#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?gxdhmw) format("truetype"),url(fonts/icomoon.woff?gxdhmw) format("woff"),url(fonts/icomoon.svg?gxdhmw#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-power:before{content:"\e95c"}.icon-cinema:before{content:"\e95d"}.icon-ampt:before{content:"\e95e"}.icon-coffee:before{content:"\e95f"}.icon-escalator:before{content:"\e960"}.icon-cook:before{content:"\e905"}.icon-butler:before{content:"\e906"}.icon-gym:before{content:"\e900"}.icon-golf:before{content:"\e92f"}.icon-ekey:before{content:"\e930"}.icon-polo:before{content:"\e931"}.icon-deck:before{content:"\e932"}.icon-pool:before{content:"\e933"}.icon-security:before{content:"\e934"}.icon-cctv:before{content:"\e935"}.icon-jogging:before{content:"\e937"}.icon-service:before{content:"\e938"}.icon-car:before{content:"\e939"}.icon-shopping:before{content:"\e93a"}.icon-cart:before{content:"\e93b"}.icon-premium:before{content:"\e93c"}.icon-touch:before{content:"\e93d"}.icon-smarthome:before{content:"\e93e"}.icon-bathtub:before{content:"\e93f"}.icon-balcony:before{content:"\e940"}.icon-kitchen:before{content:"\e941"}.icon-modular-kitchen:before{content:"\e942"}.icon-study:before{content:"\e943"}.icon-pet:before{content:"\e944"}.icon-bed:before{content:"\e945"}.icon-dining:before{content:"\e946"}.icon-toilet:before{content:"\e947"}.icon-fork:before{content:"\e948"}.icon-helpline:before{content:"\e949"}.icon-kids-play:before{content:"\e94a"}.icon-movie:before{content:"\e94b"}.icon-fashion:before{content:"\e94c"}.icon-floor:before{content:"\e94d"}.icon-ac:before{content:"\e94e"}.icon-alexa:before{content:"\e94f"}.icon-bowling:before{content:"\e950"}.icon-spa:before{content:"\e951"}.icon-school:before{content:"\e952"}.icon-hall:before{content:"\e953"}.icon-garden:before{content:"\e954"}.icon-kids-park:before{content:"\e955"}.icon-park:before{content:"\e956"}.icon-cricket:before{content:"\e957"}.icon-tennis-court:before{content:"\e958"}.icon-av-room:before{content:"\e959"}.icon-mail:before{content:"\e95a"}.icon-dropdown:before{content:"\e91c"}.icon-trophy:before{content:"\e928"}.icon-diamond:before{content:"\e929"}.icon-partner:before{content:"\e92a"}.icon-sandclock:before{content:"\e924"}.icon-quality:before{content:"\e92c"}.icon-train:before{content:"\e925"}.icon-airport:before{content:"\e926"}.icon-eway:before{content:"\e927"}.icon-city:before{content:"\e923"}.icon-money:before{content:"\e91d"}.icon-rupee:before{content:"\e920"}.icon-first:before{content:"\e921"}.icon-second:before{content:"\e91e"}.icon-commercial:before{content:"\e90a"}.icon-hkey:before{content:"\e915"}.icon-floor-plan:before{content:"\e917"}.icon-house:before{content:"\e918"}.icon-plan:before{content:"\e922"}.icon-maps:before{content:"\e91b"}.icon-bar:before{content:"\e95b"}.icon-rera:before{content:"\e91a"}.icon-menu:before{content:"\e901"}.icon-prev:before{content:"\e902"}.icon-next:before{content:"\e903"}.icon-brochure:before{content:"\e904"}.icon-file:before{content:"\e907"}.icon-launch:before{content:"\e908"}.icon-key:before{content:"\e909"}.icon-map-location:before{content:"\e92b"}.icon-map:before{content:"\e90c"}.icon-whatsapp:before{content:"\e90d"}.icon-facebook:before{content:"\e90e"}.icon-twitter:before{content:"\e910"}.icon-youtube:before{content:"\e911"}.icon-instagram:before{content:"\e913"}.icon-linkedin:before{content:"\e914"}.icon-status:before{content:"\e936"}.icon-close:before{content:"\e90b"}.icon-check:before{content:"\e91f"}.icon-pointer:before{content:"\e919"}.icon-gift:before{content:"\e916"}.icon-headphone:before{content:"\e90f"}.icon-call:before{content:"\e92d"}.icon-location:before{content:"\e912"}.icon-play:before{content:"\e92e"}

@media screen and (max-width: 1024px) {
    #location .row {
        display: flex;
        flex-direction: column;
    }
    #location .col-sm-6 {
        width: 100%;
    }
    #location .col-sm-6:first-child {
        order: 2;
    }
    #location .col-sm-6:last-child {
        order: 1;
    }
}