@charset "utf-8";
/* CSS Document */
html { scroll-behavior: smooth;height: 100%;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
body { font-family: 'BricolageGrotesqueLight'; font-size: 16px; overflow-x: hidden;}

.inputBox .formError,.realinputBox .formError{ color: #a90000; font-weight: normal; font-size: 14px; position: absolute; left: 10px; bottom: -17px;}
@supports (-webkit-touch-callout: none) {
  select {
    border-radius: 0 !important;
  }
}
/* HEADER
========================================================================*/
header { width: 100%; position: fixed; top:0; position: fixed; z-index: 999; transition: 0.5s}
header.stickyHeader{ background: rgba(0,0,0,0.5); transition: 0.5s}
header .headerWrap{ height: 100%; }
header .headerWrap::-webkit-scrollbar{width:0;} 
header .logo{  margin: 15px 0; float: left;}
header .logo img{ width: 110px;}
.projectMenu{ margin: 23px 40px 0 10%; float: left;} 
.projectMenu > ul > li> a{ color: #ffffff; padding: 8px 25px; border: 1px solid #ffffff; border-radius: 40px; position: relative; overflow: hidden; display: block;}  
.projectMenu > ul > li> a img{ width:15px; margin-left: 30px;}
.projectMenu > ul > li > a:after, .projectMenu > ul > li > a:after{position: absolute; bottom:0; right: 0; width: 100%; height: 100%; content: ""; background: rgba(255,255,255,0.2);  border-radius: 40px; transform-origin: right; transform: scaleX(0); transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);}
.projectMenu > ul > li:hover > a:after{  width: 100%;  transform-origin: left; transform: scaleX(1);}
.projectMenu > ul > li > ul { background: #ffffff; position: absolute; visibility: hidden; width: 250px; top: 100px; z-index: -999; padding: 10px; display: block; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; transition: all 0.3s ease-in-out; opacity: 0; border-radius: 15px;}
.projectMenu > ul > li > ul > li{}
.projectMenu > ul > li > ul > li > a{ color:#000000; padding:0 10px; display: block;}
.projectMenu > ul > li:hover > ul { z-index: 999; visibility: visible; top: 70px; transition: all 0.3s ease-in-out; opacity: 1;}
.projectMenu > ul > li > ul > li > a:hover, .projectMenu > ul > li > ul > li.active > a{ color:#0159cd;}

#popup1 h3 { color: #1b1464; margin-bottom: 10px; font-family: 'BricolageGrotesqueMedium';}
#popup1 { background: #ffffff; padding: 30px; width: 380px; z-index: 9999; margin: 30px auto;max-width: 88%;}
.popup1_close.popClose { position: absolute;  right: -10px; top: -14px; cursor: pointer;}
.popup1_close.popClose img{ width:25px; height:25px;}
.popup_content .inputBox{ position:relative; margin-bottom:15px;}
.popup_content .inputBox input{width: 100%; padding: 12px 15px; border: 1px solid #cccccc; font-size: 16px; font-family: 'BricolageGrotesqueLight';}
.popup_content .inputBox select{width: 100%; padding: 12px 15px; border: 1px solid #cccccc; font-size: 16px; font-family: 'BricolageGrotesqueLight';}
.popup_content .inputBox textarea{width: 100%; padding: 12px 15px; border: 1px solid #cccccc; font-size: 16px; font-family: 'BricolageGrotesqueLight';}
.popup_content .inputSubmit{ position: relative; margin-top:10px;}
.popup_content .inputSubmit input { width: auto; padding: 12px 40px; color: #111111;background: #ffffff; border: 1px solid #0277b2; font-family: 'BricolageGrotesqueMedium'; font-size: 16px; text-transform: uppercase; transition: 0.5s;}
.popup_content .inputSubmit input:hover{ color: #ffffff; background: #0277b2; transition: 0.5s;}

.menuBtn{ width:30px; cursor: pointer; float:right;margin:25px 0 0 0;display: none;}
.menuBtn img{ width:100%;}
nav .closeMenu{ display:none;}

.mobilebottom{ position:fixed; bottom:0; left:0; width:100%; background:#ffffff;z-index: 998; display:none;}
.mobilebottom ul{ display:flex; align-items: flex-end; justify-content: space-between;padding:5px 10px 8px 10px;}
.mobilebottom ul li{ text-align:center;width: 20%;}
.mobilebottom ul li a{ display:block; color:#000000;}
.mobilebottom ul li a img{ width:28px; margin-bottom:0;}
.mobilebottom ul li a span{ font-size:8px; display:block;font-family: 'BricolageGrotesqueLight';}
.mobprojectsOpen a, .locationsOpen a { cursor: pointer;}
.mobprojectsMenu, .locationMenu{width: 65%; display: none; left: -68%; position: fixed; top: 0; height: 100%; background:#ffffffe0; z-index: 9998; transition: 0.5s;}
.mobprojectsMenu ul, .locationMenu ul{overflow-y: scroll; height: calc(100% - 65px);}
.mobprojectsMenu.active, .locationMenu.active { left: 0; transition: 0.5s;}
/* NAV
========================================================================*/
@media only screen and (min-width: 960px) {
nav { float: right; margin: 22px 0 0 0;}
nav > ul { display: flex;}
nav > ul > li { position: relative; } 
nav > ul > li > a,nav > ul > li > .nav-header  { display: block; padding: 8px 15px; font-family: 'BricolageGrotesqueRegular'; font-size: 16px; color: #ffffff; transition: 0.3s; font-family: 'BricolageGrotesqueLight'; transition: 0.5s; position: relative;}
nav > ul > li > .nav-header{ display:flex; direction: rtl; align-items: center;}
nav > ul > li > .nav-header img{ width: auto; height: 7px; margin-left:8px;}
nav > ul > li > a:after, nav > ul > li > .nav-header:after{position: absolute; bottom:0; right: 0; width: 100%; height: 100%; content: ""; background: rgba(255,255,255,0.2);  border-radius: 40px; transform-origin: right; transform: scaleX(0); transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);}
nav > ul > li.active > a:after, nav > ul > li:hover > a:after, nav > ul > li.active > .nav-header:after, nav > ul > li:hover > .nav-header:after{  width: 100%;  transform-origin: left; transform: scaleX(1);}
nav > ul > li.active > a, nav > ul > li:hover > a, nav > ul > li.active > .nav-header, nav > ul > li:hover > .nav-header{ color: #ffffff; transition: 0.5s;}
nav > ul > li > ul { background: #ffffff; position: absolute; visibility: hidden; width: 250px; top: 55px; z-index: -999; padding: 10px; display: block; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; transition: all 0.3s ease-in-out; opacity: 0; border-radius: 15px;}
nav > ul > li > ul > li{}
nav > ul > li > ul > li > a{ color:#000000; padding:5px 10px; display: block;}
nav > ul > li:hover > ul { z-index: 999; visibility: visible; top: 45px; transition: all 0.3s ease-in-out; opacity: 1;}
nav > ul > li > ul > li > a:hover, nav > ul > li > ul > li.active > a{ color:#0159cd;}
nav > ul > li> a img{ width:10px; margin-left: 5px;}
}
/* BANNER
========================================================================*/
.bannerWrap{ position: fixed; width: 100%;} 
.bannerWrap img{ width:100%;}
.bannerWrap .bannerBox{ position:relative;overflow: hidden; height: 100vh;}
.bannerWrap .bannerBox video{ width: 100%; margin-bottom: -8px;}
.bannerWrap .bannerInfo{ position: absolute; width: 40%; left: 6%; top: 55%; z-index: 9; color: #ffffff;font-family: 'BricolageGrotesqueExtraLight'; font-size: 20px; line-height: 28px;    transform: translateY(-50%);}
.bannerWrap .bannerInfo h3{ color: #ffffff; text-transform: uppercase; font-family: 'BricolageGrotesqueBold'; font-size: 70px; line-height: 74px;}
.bannerWrap .bannerInfo .config{font-family: 'BricolageGrotesqueSemiBold'; font-size: 20px; margin-bottom: 15px;}
.bannerWrap .bannerInfo .note{ font-family: 'BricolageGrotesqueMedium'; font-size: 16px; margin-top: 10px;} 
.bannerWrap .knowmore{ margin-top: 60px;}
.bannerWrap .knowmore a{   border: 1px solid #ffffff;} 
.videoOverlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background: rgba(0, 0, 0, 0.3);}

.banneradd{ position: absolute; bottom: 50px; right: 0; width: 70%; z-index: 9; }
.banneraddslider{}
.banneraddslider .box{ width: 95%; position: relative;border-radius: 15px; overflow: hidden;}
.banneraddslider .box span{ position: absolute; display: block; color: #ffffff; right: 15px; bottom: 0; font-size: 40px;font-family: 'BricolageGrotesqueBold';}
.banneraddslider .box img{ width: 100%;}

.pageData{ background:#ffffff; z-index: 99; position: relative;}
.pageData.homepagedata{margin-top:100vh;}
.knowmore{ margin-top: 40px;}
.knowmore a{ background: #ffffff; font-size: 16px; color: #111111; padding: 14px 30px; border: 1px solid #0159cd; transition: 0.5s; position: relative; }
.knowmore a span{ z-index: 9; position: relative;}
.knowmore a:hover{ color: #ffffff; border: 1px solid #0159cd; transition: 0.5s;}
.knowmore a:after{position: absolute; bottom:0; right: 0; width: 100%; height: 100%; content: ""; background: #0159cd; transform-origin: right; transform: scaleX(0); transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1); z-index: 0;}
.knowmore a:hover:after{ width: 100%; transform-origin: left; transform: scaleX(1);}

.aboutWrap{/* position: sticky; top:0; height: 100vh;*/}
.aboutWrap .aboutInner{ display: flex; padding: 60px 0; align-items: center;}
.aboutWrap .aboutLeft{ width: 50%; margin-right: 4%; padding: 130px 0; background: url("../images/aboutBg1.webp") no-repeat center; background-size: auto 100%;}
.aboutWrap .aboutLeft h3{ color: #0277b2;}
.aboutWrap .aboutLeft h2{}
.aboutWrap .aboutRight{ width: 46%; padding: 100px 4% 100px 0;}
.aboutWrap .aboutRight .knowmore{ margin-top: 50px;} 
 @media only screen and (min-width: 960px) {
.horizontal-section { position: relative; width: 100%; overflow: hidden;}
.horizontal-wrapper { display: flex;  align-items: flex-start;}
}
.panel { flex: 0 0 auto; width: 80vh; height: 100vh; display: flex; align-items: center; justify-content: center; }
.panel.imgBox img{ width:100%;}

.projectPrimeBox{ background: #f2f2f2; position: relative; height: 100%;}
.projectPrimeBox .projectprimeHeading{ background: #0159cd;color: #ffffff; padding: 100px 80px 40px 80px; font-size: 70px; line-height: 74px; font-family: 'BricolageGrotesqueBold';}
.projectPrimeBox .projectPrimedetails{ padding: 80px 80px;}
.projectPrimeBox .projectPrimedetails .knowmore{ margin-top:60px;}
.projectPrimeBox .projectPrimedetails .knowmore a{ }
.statsWrap{ position: relative; padding: 100px 0 100px 0;}
.statsWrap .statsInner{ position: relative}
.statsWrap .statsInner ul{ display: flex; justify-content: space-around;}
.statsWrap .statsInner ul li{}
.statsWrap .statsInner ul li .num{ font-size:66px; line-height: 66px; margin-bottom: 10px; font-family: 'BricolageGrotesqueExtraBold';}
.statsWrap .statsInner ul li .txt{ font-size: 20px; line-height: 24px; font-family: 'BricolageGrotesqueMedium';}

.home-projectsWrap{}
.home-projectsWrap .home-projectsInner{}
.home-projectsWrap .home-projectsInner .projectSlider{ margin-top: 30px;}
.home-projectsWrap .home-projectsInner .projectSlider .slick-track{ padding: 10px 0;}
.home-projectsWrap .projectSlider .slick-arrow{position:absolute; top:-40px; right: 15px; width:30px;height:30px;border:none;text-indent:-1000px; overflow: hidden; border-radius: 6px; }
.home-projectsWrap .projectSlider .slick-arrow.slick-disabled { opacity: 0.5; cursor: pointer;}
.home-projectsWrap .projectSlider .slick-prev.slick-arrow { background: url("../images/arrow-prev-w.svg") center no-repeat #0159cd; right: 50px;background-size: 18px;}
.home-projectsWrap .projectSlider .slick-next.slick-arrow { background: url("../images/next-button-w.svg") center no-repeat #0159cd; background-size: 18px;}
.home-projectsWrap .home-projectsBox{ width: 95%; padding-bottom: 90px; background: #0277b2; position: relative;}
.home-projectsWrap .fourbhkprojectSlider .home-projectsBox{ width: 96%; position: relative;}
.home-projectsWrap .home-projectsBox .home-projectsThumb{ overflow: hidden;}
.home-projectsWrap .home-projectsBox .home-projectsThumb video{ width: 100%; margin-bottom: -7px;}
.home-projectsWrap .home-projectsBox .home-projectsThumb img{ width: 100%;transform: scale(1);transition: 0.8s;}
.home-projectsWrap .home-projectsBox:hover .home-projectsThumb img{transform: scale(1.1); transition: 0.8s;}
.home-projectsWrap .home-projectsBox .home-projectsInfo{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px;color: #ffffff;}
.home-projectsWrap .home-projectsBox .home-projectsInfo h3{ text-transform: uppercase; font-family: 'BricolageGrotesqueSemiBold'; color: #ffffff;}
.home-projectsWrap .home-projectsBox .home-projectsInfo .config{}
.home-projectsWrap .home-projectsBox .home-projectsInfo .info{ display: flex;justify-content: space-between; align-items: center;}
.home-projectsWrap .home-projectsBox .home-projectsInfo .info ul{}
.home-projectsWrap .home-projectsBox .home-projectsInfo .info ul li{ display: flex; margin-bottom: 10px;}
.home-projectsWrap .home-projectsBox .home-projectsInfo .info ul li:last-child{ margin-bottom:0;}
.home-projectsWrap .home-projectsBox .home-projectsInfo .info ul li img{ width: 15px;}
.home-projectsWrap .home-projectsBox .home-projectsInfo .info ul li span{ display: block; padding-left: 10px;}
.home-projectsWrap .home-projectsBox .home-projectsInfo .info .knowmore{ margin-top: 0;}
.home-projectsWrap .home-projectsBox .home-projectsInfo .info .knowmore a{ background: #fff; border: 1px solid #ccc; padding: 10px 15px; color: #0277b2; transition: 0.5s;}
.home-projectsWrap .home-projectsBox .home-projectsInfo .info .knowmore a:hover{ background: #1a1a1a; color: #fff; transition: 0.5s;}
/* Shine */
.home-projectsWrap .home-projectsBox .home-projectsThumb { position: relative;}
.home-projectsWrap .home-projectsBox .home-projectsThumb:after { content: ""; position: absolute; width: 100%; left: 0; width: 100%; height: 30%;
    bottom: 0; background-image: linear-gradient(rgba(2, 19, 178, 0), rgb(2 119 178));} 
.homeRedevelopmentWrap{ position: relative;}
.homeRedevelopmentWrap .homeRedevelopmentInner{ position: relative; overflow: hidden;}
.homeRedevelopmentWrap .homeRedevelopmentInner img.desktopBg{display:block; width:100%;}
.homeRedevelopmentWrap .homeRedevelopmentInner img.mobileBg{ display:none; width:100%;}
.homeRedevelopmentWrap .homeRedevelopmentInfo{ position: absolute; width: 50%; top: 50%;color: #ffffff; left: 6%; transform: translateY(-50%);}
.homeRedevelopmentWrap .homeRedevelopmentInfo h2{ color: #ffffff;}
.homeRedevelopmentWrap .homeRedevelopmentInfo .homeRedevelopmentBtn{ margin-top: 30px;}
.homeRedevelopmentWrap .homeRedevelopmentInfo .homeRedevelopmentBtn a{ border: 1px solid #cccccc; margin-right: 15px; min-width: 150px; text-align: center;}
.homeRedevelopmentWrap .homeRedevelopmentInfo .homeRedevelopmentBtn a:hover{ }

.projectWrap{ position: relative; padding-top: 100px;}
.projectWrap .projectInner{}
.projectWrap .projectInner .projectInfo{ text-align: center; width: 60%; margin: 0 auto 40px auto;}
.projectList{ display: flex;}
.projectList .projectBox{ position: relative; width: 30%; margin: 0 2%; background: #000000;}
.projectList .projectBox img{ width: 100%; opacity: 0.75;}
.projectList .projectBox .config{ position: absolute; background:#0159cd; color: #ffffff; padding: 3px 20px; top: 40px; left: -20px; font-size: 22px;font-family: 'BricolageGrotesqueMedium';}
.projectList .projectBox .projectName{ position: absolute; text-align: center; width: 96%; left: 2%; top: 48%; z-index: 99; color: #ffffff; font-size: 37px; line-height: 40px; text-transform: uppercase; font-family: 'BricolageGrotesqueBold';}
.viewBtn{ text-align: center; margin-top: 40px;}
/*.viewBtn a{color: #111111; background: #ffffff; border: 1px solid #0277b2; padding: 7px 20px; transition: 0.5s; display: inline-block; margin-right: 15px;
    min-width: 150px; text-align: center; font-size: 18px; }
.viewBtn a:hover{color: #ffffff; background: #0277b2; transition: 0.5s;}*/

.corporateaboutWrap{ position: relative;}
.corporateaboutWrap .corporateaboutInner{ position: relative; background: #f1f2f2 url("../images/aboutBg.webp") no-repeat center/cover;}
.corporateaboutWrap .corporateaboutGroup{ padding: 50px; display: flex;}
.corporateaboutWrap .corporateaboutGroup .corporateaboutLeft{ width: 48%; margin-right: 4%; color: #ffffff; }
.corporateaboutWrap .corporateaboutGroup .corporateaboutLeft h2{ color: #ffffff; text-transform: uppercase;}
.corporateaboutWrap .knowmore{}
.corporateaboutWrap .knowmore a{}
.corporateaboutWrap .knowmore a:hover{}
.corporateaboutWrap .corporateaboutGroup .corporateaboutRight{ width: 48%;}
.corporateaboutWrap .corporateaboutGroup .corporateaboutRight .corporateaboutRightinner{}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutRight h2{ text-align:left; margin-bottom: 15px;}
.corporateaboutWrap .corporateaboutRight ul{ display: flex; flex-wrap: wrap;}
.corporateaboutWrap .corporateaboutRight ul li{ width: 46%; margin: 13px 2%; padding:50px 20px; text-align: center; background: #0277b2;}
.corporateaboutWrap .corporateaboutRight ul li .num{ color: #ffffff;font-size: 50px; line-height: 52px; font-family: 'BricolageGrotesqueExtraBold'; margin-bottom: 10px;}
.corporateaboutWrap .corporateaboutRight ul li .text{ color: #ffffff; font-size: 26px; line-height: 28px;font-family: 'BricolageGrotesqueMedium';}

.comercialWrap{ position: relative; padding: 100px 0;}
.comercialWrap h2{ text-align:center;}
.comercialWrap .comercialInner{position: relative; overflow: hidden;}
.comercialWrap .comercialInner .corporateaboutGroup{ display: flex; background: #f2f2f2;align-items: center;}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutLeft{ width: 50%;}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutLeft img{ width: 100%;}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutRight{ width: 50%; position: relative; padding: 50px 150px;}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutRight img.pbslogo{ width: 180px; position: absolute; left: -90px; top: 50%; transform: translateY(-50%);}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutRight h2{color: #0277b2;}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutRight .note{ margin-top: 20px; font-size: 18px; text-transform: uppercase; font-family: 'BricolageGrotesqueBold';}

.completedWrap{ position: relative; padding-bottom: 100px;}
.completedWrap h2{ text-align:center;}
.completedWrap .completedInner{ position: relative; width: 95%; float: right;}
.completedWrap .completedInner .completedSlider{}
.completedWrap .completedInner .completedBox{ width: 95%; background: url("../images/completedBg.webp") center no-repeat #0159cd; background-size:100% auto; padding: 30px;color: #ffffff;}
.completedWrap .completedInner .completedBox h3{font-family: 'BricolageGrotesqueBold'; color: #ffffff;}
.completedWrap .completedInner .completedBox .config{font-family: 'BricolageGrotesqueMedium';}
.completedWrap .completedInner .completedBox .location{font-family: 'BricolageGrotesqueMedium';}
.completedWrap .completedInner .slick-arrow{position:absolute; top:-40px; right: 15px; width:30px;height:30px;border:none;text-indent:-1000px; overflow: hidden; border-radius: 6px; }
.completedWrap .completedInner .slick-arrow.slick-disabled { opacity: 0.5; cursor: pointer;}
.completedWrap .completedInner .slick-prev.slick-arrow { background: url("../images/arrow-prev-w.svg") center no-repeat #0159cd; right: 50px;background-size: 18px;}
.completedWrap .completedInner .slick-next.slick-arrow { background: url("../images/next-button-w.svg") center no-repeat #0159cd; background-size: 18px;}
 
.corporatefilmWrap{ position: relative; text-align: center; padding-bottom: 100px;}
.corporatefilmWrap .corporatefilmInner{position: relative; overflow: hidden;}
.corporatefilmWrap .corporatefilmInner img{ width: 100%;}

.eventsWrap{ position: relative; padding-bottom: 100px;}
.eventsWrap h2{text-align: center;}
.eventsWrap .eventsInner{position: relative; width: 95%; float: right;} 
.eventsWrap .eventsInner .eventsGroup{ margin: 0 -1%; position: relative; display:flex;}
.eventsWrap .eventsInner .eventsGroup .eventsBox{ width: 23%; margin: 0 1%; position: relative;}
.eventsWrap .eventsInner .eventsGroup .eventsBox iframe{ width: 100%; min-height: 540px;margin-bottom:-10px;}

.eventsWrap .eventsInner .eventsSlider .slick-track{ padding: 10px 0;}
.eventsWrap .eventsInner .eventsSlider .slick-arrow{position:absolute; top:-40px; right: 15px; width:30px;height:30px;border:none;text-indent:-1000px; overflow: hidden; border-radius: 6px; }
.eventsWrap .eventsInner .eventsSlider .slick-arrow.slick-disabled { opacity: 0.5; cursor: pointer;}
.eventsWrap .eventsInner .eventsSlider .slick-prev.slick-arrow { background: url("../images/arrow-prev-w.svg") center no-repeat #0159cd; right: 50px;background-size: 18px;}
.eventsWrap .eventsInner .eventsSlider .slick-next.slick-arrow { background: url("../images/next-button-w.svg") center no-repeat #0159cd; background-size: 18px;}
.eventsWrap .eventsInner .eventsBox{ width: 95%; background: #e6e6e6; }
.eventsWrap .eventsInner .eventsBox .eventsThumb{ overflow: hidden;}
.eventsWrap .eventsInner .eventsBox .eventsThumb img{ width: 100%;transform: scale(1);transition: 0.8s;}
.eventsWrap .eventsInner .eventsBox .eventsThumb img{transform: scale(1.1); transition: 0.8s;}
.eventsWrap .eventsInner .eventsBox .eventsInfo{ padding: 20px;color: #111111;}
.eventsWrap .eventsInner .eventsBox .eventsInfo h3{ font-family: 'BricolageGrotesqueMedium'; color: #111111;}


/* Inner Pages **********************************************/
.innerbannerWrap{ position: relative;}
.innerbannerWrap img{ width: 100%;}
.innerbannerWrap .pageheading{ position: absolute; top: 50%; transform: translateY(-50%); left: 5.5%; right:0; width: 40%;  color: #ffffff;}
.innerbannerWrap .pageheading h1{ color: #ffffff; font-size: 50px; line-height: 52px; text-transform: uppercase;font-family: 'BricolageGrotesqueBold';}
.innerbannerWrap .pageheading .bannerInfo{ font-size:22px; margin-top: 20px;}
.comercialWrap.ongoingcommercialWrap{ padding:80px 0}
.ongoingWrap{ position: relative; padding: 80px 0 0 0;}
.ongoingWrap.marginbottom{padding-bottom:80px;}
.ongoingWrap .ongoingprojectGroup{ position: relative; display: flex; flex-wrap: wrap; margin: 0 -1%;}
.ongoingWrap .ongoingprojectBox{ width: 31%; margin: 10px 1%;position: relative; transition: 0.5s;}
.ongoingWrap .ongoingprojectBox:hover{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; transition: 0.5s;}
.ongoingWrap .ongoingprojectBox a{ color: #111111;}
.ongoingWrap .ongoingprojectBox .ongoingprojectImg{ position: relative;}
.ongoingWrap .ongoingprojectBox .ongoingprojectImg img{ width: 100%;}
.ongoingWrap .ongoingprojectBox .configTag{ position: absolute; top: 10px; left: 10px;}
.ongoingWrap .ongoingprojectBox .statusTag{ position: absolute; top: 14px; right: 0; font-size: 12px; line-height: 14px; background: #0071bb; color: #ffffff; padding: 5px; border-radius: 2px;}
.ongoingWrap .ongoingprojectBox .configTag span{ font-size: 12px; background: #ffffff; color: #000000; padding: 5px; border-radius: 2px;} 
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo { padding: 15px; position: absolute; bottom: 0; left: 0; width: 100%; transition: 1s;}
.ongoingWrap .ongoingprojectBox:hover .ongoingprojectInfo{ background: rgba(255, 255, 255, 0.9);/*background: #ffffff;*/ transition: 0.6s;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo h2{ font-size: 22px; line-height: 24px; margin-bottom: 5px;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .projectInfoshow{ margin-bottom: 15px;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .projectInfoshow > a { position: relative; padding-right: 70px; background: url(../images/arrow-w.webp) no-repeat right top 10px; background-size: auto 46px; display: block; transition: 0.5s;}
.ongoingWrap .ongoingprojectBox:hover .ongoingprojectInfo .projectInfoshow > a { background: url(../images/arrow-b.webp) no-repeat right top 10px; background-size: auto 46px; transition: 0.5s;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .projectInfoshow .location{ border-bottom: 1px solid #cccccc; padding-bottom: 5px; margin-bottom: 10px;  color: #ffffff;transition: 0.5s;}
.ongoingWrap .ongoingprojectBox:hover .ongoingprojectInfo .projectInfoshow .location{ color: #000000; transition: 0.5s;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .projectInfoshow h2{ color: #ffffff; transition: 0.5s;}
.ongoingWrap .ongoingprojectBox:hover .ongoingprojectInfo .projectInfoshow h2{ color: #000000; transition: 0.5s;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo{ display: flex;overflow: hidden; max-height: 0;padding: 5px 0; transition: 0.8s; opacity: 0;}
.ongoingWrap .ongoingprojectBox:hover .ongoingprojectInfo .shortprojectInfo{ max-height: 300px; transition: 0.8s;opacity: 1;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo .shortinfopoints{ width: 31%; margin: 0 1%; padding: 10px 7px; background: #ffffff; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo .shortinfopoints ul{ display: flex; height: 100%; flex-wrap: wrap; align-items: center;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo .shortinfopoints ul li{ position: relative;line-height: 18px; width: 100%;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo .shortinfopoints ul li:last-child{ margin-bottom:0;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo .shortinfopoints ul li span:first-child{ font-size: 18px; line-height: 18px; margin-right: 5px;color: #0875bd;font-family: 'BricolageGrotesqueBold';}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo .shortinfopoints ul li span:last-child{ font-size: 12px;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo .shortinfopoints ul li span{}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo .shortinfovideo{ width: 31%; margin: 0 1%; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo .shortinfovideo a{}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo .shortinfovideo a img{ width: 100%;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo .shortinfomap{ width: 31%; margin: 0 1%; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo .shortinfomap a{}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo .shortinfomap a img{ width: 100%;}

.projectoverviewWrap{ margin: 80px 0;}
.projectoverviewWrap h2{ text-align: center;}
.projectoverviewWrap .projectoverviewInner{ display: flex; background: #f1f2f2; padding: 80px;}
.projectoverviewWrap .projectoverview{ width: 48%;}
.projectoverviewWrap .reraWrap{ display: flex;align-items: flex-end; margin-top: 20px; padding-top: 20px; border-top:1px solid #999999; }
.projectoverviewWrap .reraWrap .reraqrcode{ width: 20%; margin-right: 5%;}
.projectoverviewWrap .reraWrap .reraqrcode img{ width: 100%;}
.projectoverviewWrap .reraWrap .reraUnit{ width: 75%; display: flex;}
.projectoverviewWrap .reraWrap .reraUnit .reralogo{ width: 10%; margin-right: 2%;}
.projectoverviewWrap .reraWrap .reraUnit .reralogo img{ width: 100%;}
.projectoverviewWrap .reraWrap .reraUnit .reraInfo{ width: 88%;}
.projectoverviewWrap .reraWrap .reraUnit .reraInfo .reraNum{ font-family: 'BricolageGrotesqueBold'; font-size: 22px; line-height: 26px;}
.projectoverviewWrap .reraWrap .reraUnit .reraInfo .reralink{}
.projectoverviewWrap .projectoverviewtable{ width: 48%; margin-left: 4%;}
.projectoverviewWrap .projectoverviewtable table{ width: 100%; font-size: 20px;}
.projectoverviewWrap .projectoverviewtable table tr{ border-bottom:1px solid #999999;}
.projectoverviewWrap .projectoverviewtable table tr td{ padding:15px 10px;}
.projectoverviewWrap .projectoverviewtable table tr td:first-child{ width: 50%;}
.projectoverviewWrap .projectoverviewtable table tr td:last-child{}
.projectoverviewWrap .projectstatsWrap{ display: flex; margin-top: 30px;}
.projectoverviewWrap .projectstatsWrap .projectstatsBox{ width: 33%; padding: 0 10px;}
.projectoverviewWrap .projectstatsWrap .projectstatsBox:nth-child(2){ width:50%;}
.projectoverviewWrap .projectstatsWrap .projectstatsBox .num{ font-size: 38px; line-height: 40px; margin-bottom: 15px;font-family: 'BricolageGrotesqueBold';}
.projectoverviewWrap .projectstatsWrap .projectstatsBox .txt{ font-size: 20px; line-height: 22px;}
.projectexteriorWrap{ position: relative; margin:0 0 80px 0;display: none;}
.projectexteriorWrap h2{ text-align: center;}
.projectexteriorWrap .projectexteriorInner{ margin: 0 -1%; display: flex;}
.projectexteriorWrap .projectexteriorInner img{ width: 48%; margin: 0 1%;}

.projectamenitiesWrap{ margin-bottom: 80px;}
.projectamenitiesWrap h2{ text-align: center;}
.projectamenitiesWrap .projectamenitiesInner{ background: #f1f2f2; padding:50px 80px;}
.projectamenitiesWrap .projectamenitiesInner ul{ display: flex; flex-wrap: wrap;}
.projectamenitiesWrap .projectamenitiesInner ul li{ width: 23%; margin: 20px 1%; text-align: center;}
.projectamenitiesWrap .projectamenitiesInner ul li img{ max-width: 80px; height: 70px; margin-bottom: 10px;}
.projectamenitiesWrap .projectamenitiesInner ul li span{ display: block}

.projectspecificationsWrap{ margin-bottom: 80px;}
.projectspecificationsWrap h2{ text-align: center;}
.projectspecificationsWrap .projectspecificationsInner{ display: flex; flex-wrap: wrap;}
.projectspecificationsWrap .specificationsBox{ background: #f8f8f9; padding: 30px; margin: 15px 1%; width: 48%;}
.projectspecificationsWrap .specificationsBox h4{ color: #000000; font-size: 20px; margin-bottom: 15px;font-family: 'BricolageGrotesqueSemiBold';}
.projectspecificationsWrap .specificationsBox ul{}
.projectspecificationsWrap .specificationsBox ul li{ margin-bottom: 10px; padding-left: 12px; background: url("../images/bullet.png") no-repeat left top 12px;}
.projectspecificationsWrap .specificationsBox ul li:last-child{ margin-bottom: 0;}
.downloadbrochure{ text-align: center; margin-top: 40px;}
.downloadbrochure a{ }
.sitestatusWrap{ position: relative; padding-bottom: 80px;display: none;}
.sitestatusWrap h2{ text-align: center;}
.sitestatusWrap .sitestatusSlider{ width: 95%; float: right;}
.sitestatusWrap .sitestatusBox{ width: 96%;}
.sitestatusWrap .sitestatusBox img{ width: 100%;}
.sitestatusWrap .sitestatusBox span{ display: block; font-family: 'BricolageGrotesqueSemiBold'; font-size: 20px; padding: 10px; display: none;}
.sitestatusWrap .slick-arrow{position:absolute; top:-40px; right: 15px; width:30px;height:30px;border:none;text-indent:-1000px; overflow: hidden; border-radius: 6px; }
.sitestatusWrap .slick-arrow.slick-disabled { opacity: 0.5; cursor: pointer;}
.sitestatusWrap .slick-prev.slick-arrow { background: url("../images/arrow-prev-w.svg") center no-repeat #0159cd; right: 50px;background-size: 18px;}
.sitestatusWrap .slick-next.slick-arrow { background: url("../images/next-button-w.svg") center no-repeat #0159cd; background-size: 18px;}

.projectconnectionWrap{ position: relative; padding-bottom: 80px;}
.projectconnectionWrap .projectconnectionHero{ text-align: center; margin:0 auto 40px auto; width: 80%;}
.projectconnectionWrap .projectconnectionHero h2{}
.projectconnectionWrap .connectionmapWrap{ display: flex; align-content: center;}
.projectconnectionWrap .connectionmapWrap .connectionmapLeft{ width: 60%; margin-right: 2%;}
.projectconnectionWrap .connectionmapWrap .connectionmapLeft iframe{ width: 100%; min-height: 550px; margin-bottom: -8px;}
.projectconnectionWrap .connectionmapWrap .connectionmapRight{ width: 38%; background: #f8f8f9; padding: 30px;}
.projectconnectionWrap .connectionmapRight .accordion_container{}
.projectconnectionWrap .connectionmapRight .accordion_container .accordion_head{font-family: 'BricolageGrotesqueBold'; text-transform: uppercase; font-size: 24px; border-top:1px solid #999999; padding: 15px; cursor: pointer;}
.projectconnectionWrap .connectionmapRight .accordion_container .accordion_head.noBorder{ border-top: none;}
.projectconnectionWrap .connectionmapRight .accordion_container .accordion_head img{ max-width: 40px; height: 40px; margin-right: 10px;}
.projectconnectionWrap .connectionmapRight .accordion_container .accordion_body{ padding: 0 10px 20px 50px;}
.projectconnectionWrap .connectionmapRight .accordion_container .accordion_body ul{}
.projectconnectionWrap .connectionmapRight .accordion_container .accordion_body ul li{margin-bottom: 5px; padding-left: 12px; background: url("../images/bullet.png") no-repeat left top 12px;}

.projectformWrap{ position: relative; padding: 80px 0; background: url("../images/projectformBg.webp") no-repeat center/cover; margin-bottom: 80px;}
.projectformWrap .projectformInner{}
.projectformWrap .projectformInner h2{ text-align: center; color: #ffffff;}
.projectformWrap .formWrap{ width: 80%; margin: 0 auto;}
.projectformWrap .formWrap .inputBox{ width: 48%; margin: 0 1% 25px 1%; position: relative; float: left;}
.projectformWrap .formWrap .inputBox input{ width: 100%; background: transparent; border: 1px solid #999999; padding:20px 15px; color: #ffffff; font-size: 16px;font-family: 'BricolageGrotesqueRegular';}
.projectformWrap .formWrap .inputBox select{width: 100%; background: transparent; border: 1px solid #999999; padding:20px 15px; color: #ffffff;font-size: 16px;font-family: 'BricolageGrotesqueRegular';}
.projectformWrap .formWrap .inputBox select option{ color:#111111;}
.projectformWrap .formWrap .inputSubmit{ text-align: center; margin-top: 20px;}
.projectformWrap .formWrap .inputSubmit input{ width: auto; padding: 20px 40px; text-transform: uppercase; font-size: 16px; font-family: 'BricolageGrotesqueSemiBold';}
.projectformWrap .formWrap .inputBox .formError { color: #fb6868;}

.mediaWrap{ position: relative; padding:0 0 80px 0;}
.mediaWrap .mediaInner{ position: relative; display: flex; flex-wrap: wrap;margin: 15px -1% 0 -1%;}
.mediaWrap .mediaInner .mediaBox{ background: #f2f2f2; width: 31%; margin: 15px 1%;}
.mediaWrap .mediaInner .mediaBox img{ width: 100%;}
.mediaWrap .mediaInner .mediaBox .headingBox{ padding:20px 20px;font-family: 'BricolageGrotesqueMedium'; font-size: 16px; color: #000000; font-size: 20px; line-height: 28px; min-height: 90px;}

/* Redevelopment */
.aboutWrap.redevelopmentabout .aboutInner{ padding: 20px 0;}
.statsWrap.redevelopmentstats{ padding: 0 0 100px 0}
.redevlocationWrap{ padding: 150px 0; background: url("../images/redevlocationBg.webp") no-repeat center/cover; text-align: center; color: #ffffff;}
.redevlocationWrap .redevlocationInner{}
.redevlocationWrap .redevlocationInner h2{ color: #ffffff;}
.redevlocationWrap .redevlocationInner ul{ display: flex; text-align: center;justify-content: center;}
.redevlocationWrap .redevlocationInner ul li{ color: #ffffff; font-size: 18px; padding-right: 30px; margin-right: 30px; position: relative;}
.redevlocationWrap .redevlocationInner ul li:after{ width:10px; height: 10px; content: ""; position: absolute; right: -5px; top: 12px; background: #ffffff; border-radius: 30px;}
.redevlocationWrap .redevlocationInner ul li:last-child:after{ display: none;}
.redevlocationWrap .redevlocationInner ul li:last-child{padding-right: 0; margin-right: 0;}
.redevprocessWrap{ position: relative; padding: 80px 0;}
.redevprocessWrap h2{ text-align: center;}
.redevprocessWrap .redevprocessSlider{}
.redevprocessWrap .redevprocessBox{}
.redevprocessWrap .redevprocessBox .darkgrayBg{ background: #e6e6e6;}
.redevprocessWrap .redevprocessBox .grayBg{background: #f2f2f2;}
.redevprocessWrap .redevprocessBox .headingBox{ padding:0 0  60px  60px; min-height: 250px;}
.redevprocessWrap .redevprocessBox .headingBox .num{ text-align: right; font-size: 122px; line-height: 100px; font-family: 'BricolageGrotesqueExtraBold';}
.redevprocessWrap .redevprocessBox .headingBox.darkgrayBg .num{ color: #f2f2f2;}
.redevprocessWrap .redevprocessBox .headingBox.grayBg .num{ color: #e6e6e6;}
.redevprocessWrap .redevprocessBox .headingBox h3{ font-size: 30px; line-height: 34px;font-family: 'BricolageGrotesqueExtraBold';}
.redevprocessWrap .redevprocessBox .infobox{ padding: 60px; min-height: 280px;}

.redevprocessWrap .slick-arrow{position:absolute; top:-40px; right: 15px; width:30px;height:30px;border:none;text-indent:-1000px; overflow: hidden; border-radius: 6px; }
.redevprocessWrap .slick-arrow.slick-disabled { opacity: 0.5; cursor: pointer;}
.redevprocessWrap .slick-prev.slick-arrow { background: url("../images/arrow-prev-w.svg") center no-repeat #0159cd; right: 50px;background-size: 18px;}
.redevprocessWrap .slick-next.slick-arrow { background: url("../images/next-button-w.svg") center no-repeat #0159cd; background-size: 18px;}
 

.amenitiesWrap{ position: relative; padding-bottom: 80px;}
.amenitiesWrap h2{ text-align:center;}
.amenitiesWrap .amenitiesSlider{}
.amenitiesWrap .amenitiesBox{ width: 96%; background: #f2f2f2;}
.amenitiesWrap .amenitiesBox img{ width: 100%;}
.amenitiesWrap .amenitiesBox span{ display: block; padding: 15px 15px; line-height: 20px; text-align: center; min-height: 75px;}
.amenitiesWrap .slick-arrow{position:absolute; top:-40px; right: 15px; width:30px;height:30px;border:none;text-indent:-1000px; overflow: hidden; border-radius: 6px; }
.amenitiesWrap .slick-arrow.slick-disabled { opacity: 0.5; cursor: pointer;}
.amenitiesWrap .slick-prev.slick-arrow { background: url("../images/arrow-prev.svg") center no-repeat #0159cd; right: 50px;background-size: 18px;}
.amenitiesWrap .slick-next.slick-arrow { background: url("../images/next-button.svg") center no-repeat #0159cd; background-size: 18px;}

.redevspecificationsWrap{ position: relative; padding-bottom: 80px;}
.redevspecificationsWrap h2{text-align:center;}
.redevspecificationsWrap .redevspecificationsInner{}
.redevspecificationsWrap .redevspecfullWrap{ background: #f2f2f2; padding: 30px;}
.redevspecificationsWrap .redevspecfullWrap h3{  font-family: 'BricolageGrotesqueSemiBold';}
.redevspecificationsWrap .redevspecfullWrap ul{ display: flex; flex-wrap: wrap;}
.redevspecificationsWrap .redevspecfullWrap ul li{ width: 31%; margin: 0 1% 10px 1%; padding-left: 12px; background: url("../images/bullet.png") no-repeat left top 12px;}
.redevspecificationsWrap .redevspecWrap{ display: flex; flex-wrap: wrap; margin: 15px -1% 0 -1%;}
.redevspecificationsWrap .redevspecWrap .redevspecBox{background: #f2f2f2; padding: 30px; width: 31%; margin: 10px 1%;}
.redevspecificationsWrap .redevspecBox h3{ text-transform: uppercase;font-family: 'BricolageGrotesqueSemiBold';}
.redevspecificationsWrap .redevspecBox ul{}
.redevspecificationsWrap .redevspecBox ul li{ padding-left: 12px; background: url("../images/bullet.png") no-repeat left top 12px;}

.redevprojectWrap{ position: relative; padding-bottom: 80px; }
.redevprojectWrap h2{ text-align: center;}
.redevprojectWrap .redevprojectInner{ display: flex; flex-wrap: wrap;}
.redevprojectWrap .redevprojectBox{ width: 31%; margin: 13px 1%; background: url("../images/completedBg.webp") no-repeat center/cover; padding: 30px;}
.redevprojectWrap .redevprojectBox h3{ font-family: 'BricolageGrotesqueBold'; font-size: 30px; line-height: 34px; color: #ffffff;}
.redevprojectWrap .redevprojectBox ul{ color: #ffffff;}
.redevprojectWrap .redevprojectBox ul li{ margin-bottom: 10px;}
.redevprojectWrap .redevprojectBox ul li:last-child{ margin-bottom: 0;}
.redevdocumentWrap{ position: relative; margin-bottom: 80px;background: url("../images/documentBg.webp") no-repeat center/cover;}
.redevdocumentWrap .redevdocumentInner{ padding: 80px 0;}
.redevdocumentWrap .redevdocumentInner h2{ color: #ffffff; text-align: center;}
.redevdocumentWrap .redevdocumentInner ul{color: #ffffff; display: flex; flex-wrap: wrap;}
.redevdocumentWrap .redevdocumentInner ul li{ width: 31%; margin: 0 1% 10px 1%;padding-left: 14px; background: url("../images/bullet-w.png") no-repeat left top 12px;}

/* Contact us */
.contactWrap{ position: relative; padding: 80px 0;}
.contactWrap .contactInner{ display: flex; align-items: center; flex-direction: row-reverse;background: #f1f1f1;}
.contactWrap .contactLeft{ width: 50%; padding-left: 60px;}
.contactWrap .contactLeft h3{ font-size: 30px; line-height: 34px;font-family: 'BricolageGrotesqueBold';}
.contactWrap .contactLeft h3.margintop{ margin-top: 40px;}
.contactWrap .contactLeft ul{}
.contactWrap .contactLeft ul li{ margin-bottom: 10px;}
.contactWrap .contactLeft ul li a{ color: #000000;}
.contactWrap .contactRight{ width: 50%;}
.contactWrap .contactRight iframe{ width: 100%; min-height: 450px; margin-bottom: -8px;}

.contactformWrap{ position: relative; padding-bottom: 80px;}
.contactformWrap .contactformInner{ position: relative;}
.contactformWrap .contactformHero{ text-align: center; margin-bottom: 40px;}
.contactformWrap .contactform{ position: relative; width: 60%; margin: 0 auto;}
.contactformWrap .contactform .inputBox{ position: relative; margin-bottom: 30px;}
.contactformWrap .contactform .inputBox input{ width: 100%; padding: 15px; border: 1px solid #555555; font-size: 16px;font-family: 'BricolageGrotesqueLight';}
.contactformWrap .contactform .inputBox select{width: 100%; padding: 15px; border: 1px solid #555555;font-size: 16px;font-family: 'BricolageGrotesqueLight';}
.contactformWrap .contactform .inputBox textarea{width: 100%; padding: 15px; border: 1px solid #555555;font-size: 16px;font-family: 'BricolageGrotesqueLight';}
.contactformWrap .contactform .inputSubmit{ position: relative; text-align: center;}
.contactformWrap .contactform .inputSubmit input{ width:auto; padding: 15px 40px; font-size: 18px; text-transform: uppercase; background: #000000; color: #ffffff;font-family: 'BricolageGrotesqueRegular'; transition: 0.5s;}
.contactformWrap .contactform .inputSubmit input:hover{ background: #0159cd; color: #ffffff; transition: 0.5s;}
.homeRedevelopmentWrap.contactbottomSection{ margin-bottom:80px;}

/* career */
.careerheroSection{ position: relative; padding: 80px 0 100px 0;}
.careerheroSection .careerheroSectioninner{ text-align: center;} 
.growingSection{ position: relative; padding:80px 0;}
.growingSection .growingSectioninner{ display: flex; align-items: center;}
.growingSection .growingSectionLeft{ width: 50%; padding-right: 60px;}
.growingSection .growingSectionLeft .accordion_container{ margin-top: 20px;}
.growingSection .accordion_head { cursor: pointer;  padding:25px 0; font-size: 26px; line-height: 30px; border-top:1px solid #ccc;}
.growingSection .accordion_head.bordertop{border-top:none;}
.growingSection .accordion_body { padding-bottom: 15px;}
.growingSection .growingSectionRight{ width: 50%;}
.growingSection .growingSectionRight img{ width: 100%;}
.careerpositionsWrap{ position: relative; padding:0 0 80px 0;}
.careerpositionsWrap .careerpositionsInner{ text-align: center; width: 70%; margin: 0 auto;}
.careerpositionsWrap h2{}
.careerpositionsWrap h3{ color: #000000; margin-top: 30px;}
.careerpositionsWrap .mail{}
.careerpositionsWrap .mail a{ color: #111111; font-size: 36px; line-height: 36px; font-family: 'BricolageGrotesqueBold';}
.careerbottomWrap{ position: relative; margin-bottom: 80px;}
.careerbottomWrap img{ width: 100%;} 
.careerbottomWrap h2{ position: absolute; color: #ffffff; left: 0; right: 0; text-align: center; top: 50%; transform: translateY(-50%); margin: 0 auto;}

.careerpositionsWrap .contactform{ position: relative; width: 60%; margin: 40px auto 0 auto;}
.careerpositionsWrap .contactform .inputBox{ position: relative; margin-bottom: 30px;}
.careerpositionsWrap .contactform .inputBox input{ width: 100%; padding: 15px; border: 1px solid #555555; font-size: 16px;font-family: 'BricolageGrotesqueLight';}
.careerpositionsWrap .contactform .inputBox select{width: 100%; padding: 15px; border: 1px solid #555555;font-size: 16px;font-family: 'BricolageGrotesqueLight';}
.careerpositionsWrap .contactform .inputBox textarea{width: 100%; padding: 15px; border: 1px solid #555555;font-size: 16px;font-family: 'BricolageGrotesqueLight';}
.careerpositionsWrap .contactform .inputSubmit{ position: relative; text-align: center;}
.careerpositionsWrap .contactform .inputSubmit input{ width:auto; padding: 15px 40px; font-size: 18px; text-transform: uppercase; background: #000000; color: #ffffff;font-family: 'BricolageGrotesqueRegular'; transition: 0.5s;}
.careerpositionsWrap .contactform .inputSubmit input:hover{ background: #0159cd; color: #ffffff; transition: 0.5s;}

.currentopeningsWrap{ position: relative; padding-bottom: 80px;}
.currentopeningsWrap .currentopeningsInner{ position: relative;}
.currentopeningsWrap .currentopeningsInner h2{}
.currentopeningsWrap .currentopeningsInner .accordion_container {}
.currentopeningsWrap .currentopeningsInner .accordion_head{font-size: 32px; line-height: 34px; cursor: pointer; background: #f1f1f1; padding: 20px 40px; margin-top: 15px;}
.currentopeningsWrap .currentopeningsInner .accordion_body { padding: 15px 40px; background: #f9f9f9; font-size: 18px;}
/* About */
.aboutWrap.redevelopmentabout .aboutLeft{ padding: 100px 0;}
.whtwedoWrap{ position: relative; padding-bottom: 80px;}
.whtwedoWrap .whtwedoInner{ position: relative; display: flex;}
.whtwedoWrap .whtwedoBox{ width: 31%; margin: 0 1%; position: relative;}
.whtwedoWrap .whtwedoBox img{ width: 100%;}
.whtwedoWrap .whtwedoBox .whtwedoInfowrap{ position: absolute; width: 90%; left: 5%; top: 30px; z-index: 9; color: #ffffff;}
.whtwedoWrap .whtwedoBox .num{ font-size: 74px; line-height: 70px;  color: #555555;font-family: 'BricolageGrotesqueBold'; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #555555; text-align: right;}
.whtwedoWrap .whtwedoBox .whtwedoInfo{ padding: 20px;}
.whtwedoWrap .whtwedoBox .whtwedoInfo h3{color: #ffffff; font-size: 30px; line-height: 30px; font-family: 'BricolageGrotesqueBold';}
.whtwedoWrap .whtwedoBottom{ text-align: center; margin-top: 40px;}

.aboutteamWrap{ position: relative; padding-bottom: 80px;}
.aboutteamWrap .aboutteamInner{ position: relative;}
.aboutteamWrap .aboutteamInner h2{ text-align: center;}
.aboutteamWrap .aboutteamGroup{ display: flex; margin: 0 -1%;}
.aboutteamWrap .aboutteamGroup .aboutteamBox{ position: relative; width: 23%; margin: 0 1%; background: #f7f7f7;}
.aboutteamWrap .aboutteamGroup .aboutteamBox .aboutteamImg{ position: relative; overflow: hidden;}
.aboutteamWrap .aboutteamGroup .aboutteamBox .aboutteamImg img{ width: 100%;}
.aboutteamWrap .aboutteamGroup .aboutteamBox .aboutteamInfo{ position: absolute; width: 100%; height: 100%; background: #0071bb; padding: 20px; color: #ffffff; z-index: 9; left: 0; bottom: -100%; font-size: 15px; transition: 0.5s;} 
.aboutteamWrap .aboutteamGroup .aboutteamBox:hover .aboutteamInfo{ bottom:0; transition: 0.5s; }
.aboutteamWrap .aboutteamGroup .aboutteamBox .aboutteam{ padding: 20px;}
.aboutteamWrap .aboutteamGroup .aboutteamBox .aboutteam h3{font-family: 'BricolageGrotesqueBold'; margin-bottom: 0;}
.aboutteamWrap .aboutteamGroup .aboutteamBox .aboutteam .desig{}

.adviceWrap{ position: relative; margin:120px 0 80px 0;}
.adviceWrap .adviceInner{ padding: 80px 80px; background: #f2f2f2; display: flex; align-items: center;}
.adviceWrap .adviceInner .adviceLeft{ width: 50%; margin-right: 5%;}
.adviceWrap .adviceInner .adviceLeft h2{ margin-bottom: 0;}
.adviceWrap .adviceInner .adviceLeft h2 span{ color: #0071bb;}
.adviceWrap .adviceInner .adviceRight{ width:40%; margin-left: 5%;}
.adviceWrap .adviceInner .adviceRight img{ width: 100%; margin-top: -160px; margin-bottom: -80px;}

.realStatsWrap{ position: relative; padding-bottom: 80px;}
.realStatsWrap .realStatsInner{ display: flex; position: relative;}
.realStatsWrap .realStatsInner .realStatsBox{ width: 23%; margin: 0 1%; text-align: center; background: url("../images/realstatsBg.webp") no-repeat center/cover; padding: 40px 0;}
.realStatsWrap .realStatsInner .realStatsBox .num{ font-size: 64px; line-height: 60px; color: #ffffff; font-family: 'BricolageGrotesqueExtraBold'; margin-bottom: 10px;}
.realStatsWrap .realStatsInner .realStatsBox .txt{color: #ffffff; font-size: 20px; line-height: 24px;}
.aboutWrap.realredevelopmentabout{ padding-bottom:50px;}
.aboutWrap.realredevelopmentabout .aboutInner{ align-items:flex-start;}
.aboutWrap.realredevelopmentabout .aboutLeft{ padding: 0; background: none;}
.aboutWrap.realredevelopmentabout .aboutLeft img{ width: 80%;}
.aboutWrap.realredevelopmentabout .aboutRight{padding:0 4% 0 0}

.realvideoWrap{ position: relative; padding-bottom: 80px;}
.realvideoWrap .realvideoSlider{ width: 95%; float: right;}
.realvideoWrap .realvideoBox{ width: 96%;}
.realvideoWrap .realvideoBox iframe{ width:100%; min-height:260px; margin-bottom:-10px;}
.realvideoWrap .realvideoBox a{}
.realvideoWrap .realvideoBox a img{ width: 100%;}
.realvideoWrap .slick-arrow{position:absolute; top:-40px; right: 15px; width:30px;height:30px;border:none;text-indent:-1000px; overflow: hidden; border-radius: 6px; }
.realvideoWrap .slick-arrow.slick-disabled { opacity: 0.5; cursor: pointer;}
.realvideoWrap .slick-prev.slick-arrow { background: url("../images/arrow-prev-w.svg") center no-repeat #0159cd; right: 50px;background-size: 18px;}
.realvideoWrap .slick-next.slick-arrow { background: url("../images/next-button-w.svg") center no-repeat #0159cd; background-size: 18px;}

.highlightWrap{ position: relative;  padding: 80px 0 200px 0; z-index: 8;} 
.highlightWrap .highlightInner{}
.highlightWrap .highlightInner h2{ text-align: center;} 
.highlightWrap .highlightInner .highlightLeft{ width: 38%; float: left;}
.highlightWrap .highlightInner .highlightLeft img{ width: 100%;}
.highlightWrap .highlightInner .highlightRight{ width: 62%; float: left;}
.highlightWrap .highlightInner .highlightRight{}
.highlightWrap .highlightInner .highlightRight ul{}
.highlightWrap .highlightInner .highlightRight ul li{ display:flex;align-items: center; }
.highlightWrap .highlightInner .highlightRight ul li .num{ max-width: 230px; flex: 1; color: #ffffff; background: #0071bb; text-align: center; font-size: 72px;  font-family: 'BricolageGrotesqueBold'; padding: 10px 0;}
.highlightWrap .highlightInner .highlightRight ul li .text{flex: 1; padding: 10px 20px; font-size: 25px; line-height: 28px;}
.highlightWrap .highlightInner .highlightRight ul li:nth-child(odd){ background: #f2f2f2;}
.highlightWrap .highlightInner .highlightRight ul li:nth-child(even){ background: #e4e4e4;flex-direction: row-reverse;}

.realformWrap{position: relative; background: #f1f1f1; margin-bottom: 80px;}
.realformWrap .realformInner{ display: flex;}
.realformWrap .realformLeft{width: 45%; margin-right: 5%;}
.realformWrap .realformLeft img{ max-width: 100%; width: 90%; margin-top: -117px;}
.realformWrap .realformRight{width: 50%; padding: 80px 0;}
.realformWrap .realformRight h2{ color: #000000;}
.realformWrap .realformRight h2 span{ color: #0071bb;}
.realformWrap .realformRight .realformGroup{margin-top: 30px;}
.realformWrap .realformRight .realformGroup .realinputBox{position: relative;
    margin-bottom: 25px;}
.realformWrap .realformRight .realformGroup .realinputBox input{width: 100%; border: 1px solid #0F4B8B; border-radius: 15px; padding: 15px; font-size: 16px; font-family: 'BricolageGrotesqueLight';}
.realformWrap .realformRight .realformGroup .realinputBox textarea{width: 100%; border: 1px solid #0F4B8B; border-radius: 15px; padding: 15px; font-size: 16px; font-family: 'BricolageGrotesqueLight';}
.realformWrap .realformRight .realformGroup .realinputSubmit input { background: #0F4B8B; padding: 18px 40px; font-size: 18px;  text-transform: uppercase; color: #ffffff; border-radius: 15px;}

/*Completed Project*/
.completedprojectWrap{ position: relative; padding: 80px 0;}
.completedprojectWrap h2.margintop{ margin-top:50px;}
.completedprojectWrap .completedprojectInner{ display: flex; position: relative; flex-wrap: wrap;}
.completedprojectWrap .completedBox{ width: 23%; margin: 10px 1%; background: url(../images/completedBg.webp) center no-repeat #f1f1f1; background-size: 100% auto; padding: 30px; color: #ffffff;}
.completedprojectWrap .completedBox h3{font-family: 'BricolageGrotesqueBold'; color: #ffffff;}
.completedprojectWrap .completedBox .config{ font-family: 'BricolageGrotesqueMedium';}
.completedprojectWrap .completedBox .location{font-family: 'BricolageGrotesqueMedium';}

/* FOOTER
========================================================================*/
footer{ background: #ffffff; position: relative; z-index: 99; }
footer .footerWrap{ display: flex;}
footer .footerWrap .footerBox .socialmedia{ margin: 30px 0 0 0;}
footer .footerWrap .footerBox .socialmedia ul{ }
footer .footerWrap .footerBox .socialmedia ul li{ margin: 0 2px; display: inline-block;}
footer .footerWrap .footerBox .socialmedia ul li a{display: block; }
footer .footerWrap .footerBox .socialmedia ul li a img{ width: 30px; height: 30px;}
footer .footerWrap .footerBox{ width: 25%; margin: 0 2%;}
footer .footerWrap .footerBox.aboutinfoBox{ font-size: 16px; margin-left:0;}
footer .footerWrap .footerBox.quicklinksBox{width:37%; }
footer .footerWrap .footerBox.addressBox{ width: 30%;margin-right:0;}
footer .footerWrap .footerBox img.footerLogo{ width: 150px; margin-bottom: 20px;}
footer .footerWrap .footerBox h3{ color: #0159cd; margin-bottom: 20px; font-family: 'BricolageGrotesqueBold'; text-transform: uppercase;}
footer .footerWrap .footerBox h3 span{ position: relative; display: inline-block; padding-bottom: 15px;}
footer .footerWrap .footerBox h3 span:after{ position: absolute; bottom: 0; left: 0; width: 130%; height: 2px; content: ""; background:#666; }
footer .footerWrap .footerBox ul{}
footer .footerWrap .footerBox.quicklinksBox ul { width: 50%; float: left;}
footer .footerWrap .footerBox.quicklinksBox ul li {line-height: 20px; margin-bottom:15px;}
footer .footerWrap .footerBox ul li{ margin-bottom: 10px; font-size: 16px;font-family: 'BricolageGrotesqueRegular';}
footer .footerWrap .footerBox ul li a{ color: #333333;}
footer .footerWrap .footerBox.addressBox ul li a{ font-family: 'BricolageGrotesqueBold';}
footer .footerWrap .footerBox ul li a:hover{color: #0159cd;}
.copyRight{ text-align: center; padding: 20px 0; background: #f2f2f2; margin-top: 40px;}

.thankyouWrap{ position: relative; padding: 80px 0;}
.thankyouWrap .thankyouInner{ text-align: center;}
.heighlight{font-family: 'BricolageGrotesqueBold';}
.desktopWhatsapp { position: fixed; right: 15px; bottom: 90px;z-index: 999;}
.desktopWhatsapp img { width: 40px; height: 40px;}
.desktopCall { position: fixed; right: 15px; bottom: 140px;z-index: 999;}
.desktopCall img { width: 40px; height: 40px;}
.grecaptcha-badge{ z-index:99;}

#loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: flex; justify-content: center; align-items: center; z-index: 9999; transition: opacity 0.5s ease, visibility 0.5s ease; opacity:0.95;}
.spinner { width: 50px; height: 50px; border: 6px solid #ccc; border-top: 6px solid #0073e6; border-radius: 50%; animation: spin 1s linear infinite;}
@keyframes spin {100% {transform: rotate(360deg);}}
#loader.hidden { opacity: 0; visibility: hidden;}
/* HEADINGS
========================================================================*/
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 52px; line-height: 27px; }
h2 { font-size: 50px; line-height: 60px; color: #000000; margin-bottom: 30px; font-family: 'BricolageGrotesqueBold'; text-transform: uppercase;}
h3 { font-size: 22px; line-height: 28px; color: #000000; margin-bottom: 15px; }
h4 { font-size: 18px; line-height: 19px; color: #00a7ef; margin-bottom: 10px; }
h5 { font-size: 16px; line-height: 17px; }
h6 { font-size: 14px; line-height: 16px; }
p { margin-top: 10px; }
p:first-child { margin: 0; }
/* FORM
========================================================================*/
label { }
input, textarea, select { font-size: 12px; background: #FFF; border: 1px solid #dadada; padding: 4px 8px 3px; margin: 0 0 5px 0; }
input:focus, textarea:focus { border-color: #c1c1c1; background: #FFF; }
  
/* Slick Slider
========================================================================*/
.slick-slider{position:relative; display:block; -moz-box-sizing:border-box;  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; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.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; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{ }
.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;}

@font-face {
    font-family: 'BricolageGrotesqueExtraBold';
    src: url('fonts/BricolageGrotesque-ExtraBold.eot');
    src: url('fonts/BricolageGrotesque-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BricolageGrotesque-ExtraBold.woff') format('woff'),
        url('fonts/BricolageGrotesque-ExtraBold.ttf') format('truetype'),
        url('fonts/BricolageGrotesque-ExtraBold.svg#BricolageGrotesque-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BricolageGrotesqueExtraLight';
    src: url('fonts/BricolageGrotesque-ExtraLight.eot');
    src: url('fonts/BricolageGrotesque-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/BricolageGrotesque-ExtraLight.woff') format('woff'),
        url('fonts/BricolageGrotesque-ExtraLight.ttf') format('truetype'),
        url('fonts/BricolageGrotesque-ExtraLight.svg#BricolageGrotesque-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BricolageGrotesqueBold';
    src: url('fonts/BricolageGrotesque-Bold.eot');
    src: url('fonts/BricolageGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BricolageGrotesque-Bold.woff') format('woff'),
        url('fonts/BricolageGrotesque-Bold.ttf') format('truetype'),
        url('fonts/BricolageGrotesque-Bold.svg#BricolageGrotesque-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BricolageGrotesqueSemiBold';
    src: url('fonts/BricolageGrotesque-SemiBold.eot');
    src: url('fonts/BricolageGrotesque-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BricolageGrotesque-SemiBold.woff') format('woff'),
        url('fonts/BricolageGrotesque-SemiBold.ttf') format('truetype'),
        url('fonts/BricolageGrotesque-SemiBold.svg#BricolageGrotesque-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BricolageGrotesqueMedium';
    src: url('fonts/BricolageGrotesque-Medium.eot');
    src: url('fonts/BricolageGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/BricolageGrotesque-Medium.woff') format('woff'),
        url('fonts/BricolageGrotesque-Medium.ttf') format('truetype'),
        url('fonts/BricolageGrotesque-Medium.svg#BricolageGrotesque-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BricolageGrotesqueRegular';
    src: url('fonts/BricolageGrotesque-Regular.eot');
    src: url('fonts/BricolageGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/BricolageGrotesque-Regular.woff') format('woff'),
        url('fonts/BricolageGrotesque-Regular.ttf') format('truetype'),
        url('fonts/BricolageGrotesque-Regular.svg#BricolageGrotesque-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BricolageGrotesqueLight';
    src: url('fonts/BricolageGrotesque-Light.eot');
    src: url('fonts/BricolageGrotesque-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/BricolageGrotesque-Light.woff') format('woff'),
        url('fonts/BricolageGrotesque-Light.ttf') format('truetype'),
        url('fonts/BricolageGrotesque-Light.svg#BricolageGrotesque-Light') format('svg'); 
    font-style: normal;
    font-display: swap;
}