@charset "UTF-8";
/* CSS Document */

/** Reset Css **/
@font-face {
    font-family: 'trajan_probold';
    src: url('fonts/trajanpro-bold.woff2') format('woff2'),
         url('fonts/trajanpro-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'trajan_proregular';
    src: url('fonts/trajanpro-regular.woff2') format('woff2'),
         url('fonts/trajanpro-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus, :focus{outline:none; border: 0;}
a:active,a:hover{outline:0;text-decoration:none}
h1{font-size:2em}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0;outline:none}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;outline:0}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;outline:none;color:#282828}
ul{margin:0;padding:0;list-style:none}
ul li{margin:0;padding:0}
.alignCenter{text-align:center}
body{background:#fff;font-size:100%;color:#1b1a1a;height:100%;position:relative; font-family: "Montserrat", sans-serif;}
.clear,.after{clear:both}
.clear:after,.after:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clear,* html .after{zoom:1;clear:both;font-size:1px!important;line-height:1px!important}
:first-child+html .clear,:first-child+html .after{zoom:1;clear:both;font-size:1px!important;line-height:1px!important}
img{border:0 none}
.toRight{float:right!important}
.toLeft{float:left!important}
.toCenter{float:none!important;display:block;margin:0 auto}
.noPadTop{padding-top:0!important}
html,body{min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;width:100%;}
*{margin:0;padding:0}
.rupee{color: #ef8000 !important; font-weight: normal; font-family: 'Proxima Nova Rg' !important; margin-right: 2px; display: inline-block !important; font-size: 1.3em !important; margin-bottom: 0!important;}
/** Reset Css **/

header{position: fixed; width: 100%; top: 2vw; left: 0; z-index: 99;}
header .logo{position: absolute; left: 60px; width: 11vw;}
header .searchIcon{ right: 162px; position: absolute; width: 32px; top: -1em; display: none;}
header .menuIcon{ right: 60px; position: absolute; width: 42px; top: -1em; cursor: pointer;}

#smooth-wrapper{position: relative; width: 100%;}
#smooth-content{position: relative; padding: 0; margin: 0;}
.loadingWrapper{opacity: 0;}
/*#loadingTxt1, #loadingTxt2, .tribeca_logo{opacity: 0;}*/
.baseFont{
	font-family: "Montserrat", sans-serif;
}

#loading{position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 99; background: #fff;}
.loadingWrapper{
	position: relative; top: 0; left: 0; margin: 0 auto; width: 90%; height: 80%; top: 10%; display: flex; justify-content: center; align-items: center; 
}


.cardsLoader{
	width: 100%; height: 100vh;
	position: relative; width: 100vw; height: 100vh; margin: auto; top: 0px;
}

.cardsBx{position: relative; width: 100%; height: 100vh; background: #fff;}
.cardsBx.grey{background: grey;}
.cards{
	position: relative;
	width: 100%;
	height: 100vh;
	margin: auto;
	z-index: 3;
	top: 0px;
	/*clip-path: circle(0% at 50% 100%);*/
	overflow: hidden;
	position: absolute; top: 0; left: 0%;
}

.left_cloud {
    position: absolute;
    left: 0;
    top: 20%;
	z-index:9;
	opacity: 1;
}

.right_cloud {
    position: absolute;
    right: 0;
    top: 20%;
	z-index:9;
	opacity: 1;
}

h2{font-family: 'trajan_proregular';}

#pg1{
	position: absolute; top: 0; left: 0; clip-path: circle(0% at 50% 70%); 
	display: flex;
  align-items: center;
  justify-content: center;
}

/*#pg1 video{margin-top: -5em;}*/

#pg1 h2, .cards h2{position: absolute; color: #fff; font-size: 4.3vw; width: 32vw; right: 4%; top: 32%;}
#pg1 h2, #pg2 h2, #pg3 h2{opacity: 1;}

#pg2{
	position: absolute;
}

#pg4{
	display: flex;
  align-items: center;
  justify-content: center;
}

#pg4 video{
    /*margin-top: -2.5em;*/
}

.section2{/*margin-top: -100vh;*/}
#loadScreen{background: #fff; position: fixed; z-index: 9999; width: 100%; height: 100vh;}
#frame1{background: #fff; border: 2px solid #d1ab66; width: 70vw; height: 70vh; top: 15vh; margin-bottom: 30vh;}
.tribeca_logo{z-index: 999; width: 30vw; margin: 0 auto 2em auto;}
.tribeca_logo img { position: relative; left: 1vw; }
#frame1 .loadingTxt{font-size: 2.8vw; color: #d1ab66; text-align: center; line-height: 1.3; font-family: 'trajan_proregular';}
.loaderCircle{width:100px; height:100px; position: absolute; bottom:-50px; left:0; right:0; margin:0 auto; border:2px solid #d1ab66; border-radius:100px; background:#fff; line-height: 100px; text-align: center;}
.loaderCircle span{font-size: 2.064583vw; font-weight: 400; font-family: 'trajan_proregular';}
#pg5{position: relative;}
.pers_container{position: absolute;}
#pg5 .videoFrame, #pg13 .videoFrame{clip-path: polygon(0% 30%, 100% 30%, 100% 100%, 0% 100%); position:absolute;}

#pg13{}
.pg5_container, .resiRetailTitle{position: absolute; top: 5%; width:60vw; margin:0 auto; left: 0; right: 0; height: 16vw; text-align: left;}
.resiRetailTitle{width: 100%;}
.pg5_container .lineAnim, .resiRetailTitle .lineAnim{width: 100%; height: 10px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 17.3%;}
#pg13 .videoFrame .lineAnim #line1{top: -40px;}
.resiRetailTitle .lineAnim #line1{top: -40px;}
#pg13 .videoFrame{width: 100%;left: 0; position: absolute; bottom:0;}
.diamond{width: auto; position: relative; top: 0; left: 0; height: 100%;}

.top_diamond{position: absolute; left: 50%; top: -.3125vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; width: .78125vw; opacity: 0;}
.bottom_diamond{width: .78125vw; position: absolute; left: 50%; top: -.3125vw; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; opacity:0;}
.diamondWrap{top: 2.6875vw;}

.pg5_container .sub_heading{color: #000; font-family: 'trajan_proregular'; letter-spacing: .140625vw; line-height: 0.8; font-size: 2.34375vw; opacity: 1; margin-top: 0.7em;}
.resiRetailTitle .sub_heading { color: #000; font-family: 'trajan_proregular'; letter-spacing: .140625vw; line-height: 1.1em; font-size: 2.15vw; opacity: 1; margin-top: 0.6em; }
.pg5_container .sub_heading#ph2, .resiRetailTitle .sub_heading#ph2{color: #d1ab66;}
.pg5_container .para{ width: 60vw; font-size: 1.1vw; line-height:1.5em; opacity:1; margin-top: 0.7em;}
.resiRetailTitle .para { width: 100%; font-size: 1.2vw; line-height:1.5em; opacity:1;}

#pg12 .pg5_container .sub_heading{line-height: 1.3em;}

#pg5 #ph1 br{display: none;}

#pg5 .pg5_container #ph1{margin-top: 1em;}
#pg5 .pg5_container #ph2, #pg5 .pg5_container .para{margin-top: 0.4em;}

.borderWrapper{border: 2px solid #d1ab66; position: fixed; left: 43%; height: 0vh; top: -2px; z-index: -1; width: 19%; border-top: 0;}
.pg8_content.pg8_content { padding-bottom: 5.20833333333vw; margin-bottom: 5.72916666667vw; position: relative; } 
.extendBorder {position: absolute; width: 80%; height: .104166666667vw; background: #d1ab66; bottom: 0; left: 9%; margin: 0 auto;} 
.borderWrapper h3 { font-size: 2.08333333333vw; color: #000; width: 80%; opacity: 1; position: relative; border: 0; padding: 0; left: inherit; right: inherit; top: inherit; }
.startSVG{width: .78125vw; position: absolute; left: 50%; bottom: -.260416666667vw; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%);}
.pg8_content_wrapper{position: absolute; bottom: 0;}

.resiRetailRHS{position: absolute; top: 21.8%; right: 2%; z-index: 9; width: 31%;}
#pg5 .pg5_container{opacity: 0;}
/*#pg5 .bottom_diamond, #pg5 .top_diamond, #pg5 .line, #pg5 #ph1, #pg5 #ph2, #pg5 .pg5_container .para{opacity: 0;}*/

/*#pg6 .videoFrame{clip-path: polygon(5% 20%, 70% 20%, 70% 82%, 5% 82%); position:absolute; opacity: 0; width: 100%;}*/
#pg6 .videoFrame{position: absolute; opacity: 0; width: 57%; top: 22%; height: 64vh; left: 7%; overflow: hidden;}
.prevIcon, .nextIcon{width: 4.79166666667vw; display: inline-block; padding: 1em 1em 1em 0;}
.prevIcon img, .nextIcon img{width: 100%;}
.sliderCustomNav{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex ; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 4.94791666667vw; margin-top: 1.61458333333vw;}
.sliderCustomNav .navCustom{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex ; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 1.61458333333vw;}
.resident_numbers{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex ; gap: 1.5625vw; font-family: 'Montserrat'; font-size: .729166666667vw;}
#pg6 #sliderFocus video, #pg6 #sliderFocus img, #pg7 #sliderFocus2 video, #pg7 #sliderFocus2 img{width: 100%; height: auto; display: block; margin-top: -2px;}


#pg8{z-index: -2;}
#pg8 .temp{position: absolute; top: 0; height: 100%; right: 10%; opacity: 0;}
#pg8 .resiRetailRHS{position: relative; height: 60vh;}
.pg8RHS{position: absolute; top: 100%; right: 0; width: 57%; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex ; gap: 1.66666666667vw; align-items: flex-start; opacity: 0;}
.pg8RHS .borderBx{width: 19vw; height: 100%; background: none;}
.pg8RHS .borderBx .pgVidBx{}
.pg8RHS .borderBx .pg8_content{}
.pg8RHS .borderBx .pg8_content.pg8_content1{}
.pg8RHS .borderBx .pg8_content.pg8_content1 h3{}
.pg8RHS .borderBx .pg8_content.pg8_content1 .extendBorder{}
.pg8RHS .pgVidBx{width: 31.25vw;}
.pg8RHS .pgVidBx video{width: 15.78125vw; height: 24.6875vw; -o-object-fit: cover; object-fit: cover; margin-bottom: 2vw;}

.markersWrapper{position: absolute; top: 0; left: 0; width: 100%; height: 72%;}
.markerBx{top: 30.5%; left: 44.9%; position: absolute;}
.globeWorld .markerBx img{width: 50px; height: auto; transition: none;}
.markerBx span{position: absolute; left: 53px; color: #fff; font-size: 0.6em; width: 110px; top: 13%; font-weight: 600;}
.markerBx#markerBx2{top: 39.5%; left: 53.9%;}
.markerBx#markerBx3{top: 48.5%; left: 39.9%;}
.markerBx#markerBx3 span{left: -77px;}
.markerBx#markerBx4{top: 65.5%; left: 44.9%;}

/*Map popup*/
.map_popUp {width: 15vw; padding: .572916666667vw; background: #fff; cursor: pointer; position: absolute; /* opacity: 0; */ -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; text-decoration: none; /* left: -5000%; */ top: 0; z-index: 9; display: none;}

.markerBx .map_popUp .elevation_img {
    width: 100%;
    margin-bottom: 1.04166666667vw
}

.map_popUp .map_top,.map_popUp .map_bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.map_popUp .map_top .map_head,.map_popUp .map_bottom .map_head {
    font-size: .625vw;
    color: #000;
    text-transform: uppercase
}

.map_popUp .map_top .map_construct,.map_popUp .map_bottom .map_construct {
    border: 1px solid #000;
    font-size: .416666666667vw;
    color: #000;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-border-radius: 1.30208333333vw;
    border-radius: 1.30208333333vw;
    padding: .104166666667vw .625vw;
    padding-right: 1.04166666667vw;
    border-right: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: .260416666667vw;
    text-transform: uppercase
}

.close_btn {
    background: #fff; position: absolute; width: 0.9625vw; padding: .260416666667vw; display: none; top: -1.5vw; right: -16.15vw;
}

.globeWorld .markerBx .close_btn img { width: 100%; height: auto; opacity: 1; display: block; }

.map_popUp .map_top .map_construct img,.map_popUp .map_bottom .map_construct img {
    position: absolute;
    right: -.3125vw;
    top: -.104166666667vw;
    width: .989583333333vw
}

.map_popUp .map_top .mapDisclaimer,.map_popUp .map_bottom .mapDisclaimer {
    font-size: .520833333333vw;
    text-transform: uppercase
}

.map_popUp .map_top .mapDisclaimer .mapBhk,.map_popUp .map_bottom .mapDisclaimer .mapBhk {
    color: #bc9721;
    margin-bottom: .260416666667vw
}

.map_popUp .map_top .mapDisclaimer .map_Date,.map_popUp .map_bottom .mapDisclaimer .map_Date {
    color: #000
}

.map_popUp .map_top .mapDisclaimer .map_Date span,.map_popUp .map_bottom .mapDisclaimer .map_Date span {
    color: #a98512
}

.map_popUp .map_top .map_arrow,.map_popUp .map_bottom .map_arrow {
    width: 3.90625vw;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.map_popUp .map_top {
    margin-bottom: 1.30208333333vw;
    position: relative
}

.map_popUp .map_top .map_head {
    width: 50%
}
/*Map popup*/

.lottie{width: 40px; height: 200px; position: absolute; right: 2%; bottom: 10px; z-index: 99;}

.slideCount {position: fixed; top: 70vh; left: 0; z-index: 9999; color: #fff; letter-spacing: .208333333333vw; font-size: .9375vw; width: 100%; text-align: center;}

.slideCount span {font-family: 'Montserrat'; font-weight: 500; font-size: 0.9em;}

h3{position: absolute; font-size: 3vw; padding: 0.4em 0; border-top: 2px solid #d1ab66; border-bottom: 2px solid #d1ab66; left: 0; right: 0; margin: 0 auto; text-align: center; width: 24%; top: 2.3vw; font-family: 'trajan_proregular'; opacity: 0;}


/*#pg7 .videoFrame{clip-path: polygon(5% 20%, 70% 20%, 70% 82%, 5% 82%); position:absolute; opacity: 1; width: 100%;}*/
#pg7 .videoFrame{position: absolute; opacity: 1; width: 57%; top: 22%; height: 64vh; left: 7%; overflow: hidden;}
#pg7 #ph1{letter-spacing: 1px;}

.know_more { position: relative; text-decoration: none; display: inline-block; margin-top: 3.90625vw; }
.know_more span { font-size: 1.18vw; color: #d1ab66; letter-spacing: .104vw; position: absolute; font-family: 'Montserrat'; font-weight: 500; top: .625vw; }
.know_more img { width: 13.6vw; height: auto;}

#pg8 .know_more{margin-top: 5.90625vw;}
.container .compassLinks{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.container .compassLinks a{position: absolute; width: 15%; height: 10%;}

.container a.linkOverview { left: 37%; top: 18%; z-index: 9; width: 26%; } 
.container a.linkAbout { left: 69%; top: 25%; z-index: 9; width: 12%; height: 20%; rotate: -50deg; } 
.container a.linkExpertise {left: 79%;top: 46%;z-index: 9;width: 12%;height: 25%;}
.container a.linkLegendary {left: 61%; top: 79%; z-index: 9; width: 27%; height: 11%; rotate: -30deg;}
.container a.linkExperience {left: 35%; top: 89%; z-index: 9; width: 25%; height: 11%; rotate: -10deg;}
.container a.linkPresence {left: 10%; top: 78%; z-index: 9; width: 25%; height: 11%; rotate: 44deg;}

/*Slick*/
#slider {
	width: 100%;
	margin-top: 1em;
	position: absolute;
	top: 15vw;
}
.slider .slick-prev:before, .slider-vertical .slick-next:before {
	display: none;
}
.slider .slick-prev, .slider .slick-next {
    width: 28px; height: 28px; border-style: solid; margin: 10px; display: inline-block; margin: auto; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; cursor: pointer; border: 0;
}
.slider .slick-prev:before, .slider .slick-next:before {
	display: none;
}
.slider .slick-prev {
    border-width: 14px 14px 14px 0px;
    border-color: transparent #ffffff;
    left: 0px;
		right: auto; border: 0;
}
.navStatic{width: 100%; margin-top: 1em;}
.slider .slick-next {
    border-width: 14px 0px 14px 14px;
    border-color: transparent #ffffff;
    right: 0px;
    left: auto;
}	
.slider .slick-prev:hover, .slider .slick-next:hover {
    border-color: transparent #ffd200;
}
.slider .slick-prev.slick-disabled, .slider .slick-next.slick-disabled, .slider .slick-prev.slick-disabled:hover, .slider .slick-next.slick-disabled:hover {
	opacity: 0.1;
	cursor: default;
    border-color: transparent #000000;
}
.slider div {
	/*height: 250px;
	background: #333333;
	text-align: center;
	font-size: 75px;
	color: #ffffff;*/
	padding: 0!important;
}
.slider-thumb div {
	min-height: 100px;
	height: auto;
	line-height: 50px;
	font-size: 25px;
	position: relative;
	overflow: hidden;
	background: #fff;
	margin-right: 10px;
}
.slider-thumb .slick-slide{opacity: 1; border: 2px solid transparent;}
.slider-thumb .slick-slide.slick-current {
	opacity: 1; border: 2px solid #bc9721;
}
.slider-thumb img{width: 120%;}
.slider-thumb h4{position: absolute; font-size: 0.54em; color: #fff; font-family: 'Montserrat'; font-weight: 600; left: 6%; bottom: 3%; width: 90%; z-index: 2; text-align: left; line-height: 1.5em;}

/*Slick Ends*/

#pg8{overflow: hidden;}
#pg8 .resiRetailRHS{top: 22%; left: 5%; width: 35%; position: relative; right: inherit;}
#pg8 .resiRetailTitle .sub_heading#ph1{margin-top: 0;}

#pg9{overflow: hidden; background: grey; position: absolute;}
#pg9 .frame2{background: #000;}
#pg9 .frame2 video{opacity: 0.4;}
#pg9 .resiRetailTitle .sub_heading{color: #fff;}
#pg9 .resiRetailTitle{left:5%; top:14%; right: inherit; width:40%;}
#pg9 .resiRetailTitle p{color:#fff;}
#pg9 .project_slides{position: absolute; top:20vw; left:0; display:flex; padding-left: 5%;}
#pg9 .project_slides .project_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex ; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 79.520833vw; position: relative; gap: 9.614583vw; }
#pg9 .project_slides .project_content .project_text { font-size: 2.4vw; color: #d1ab66; line-height: 1.1; font-family: 'trajan_proregular';}
#pg9 .project_slides .project_content .project_logos{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex ; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 3.4375vw; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 4.6875vw 3.90625vw 4.79166666667vw; background: #fff; position: relative;}
#pg9 .project_slides .project_content .project_logos .project_border { position: absolute; width: 8.48958333333vw; height: .104166666667vw; top: 3.125vw; left: -4.94791666667vw; background: #d1ab66; }
#pg9 .project_slides .project_content .project_logos img { width: 6.97916666667vw; height: auto;}
#pg9 .project_slides .project_content::before { content: ''; position: absolute; width: .0520833333333vw; height: 7.91666666667vw; background: #fff; top: 3.02083333333vw; right: 8%; }
#pg9 .project_slides .project_3::before { right: 7.4vw; }
#pg9 .project_slides .project_4:before{opacity: 0;}

#pg10 h2{ position: absolute; color: #fff; font-size: 4.3vw; width: 42vw; left: 5%; top: 32%; line-height: 1.5em;}
#pg10 h2 div{}
#pg11 .frame2{background: #000;}
#pg11 video{opacity: 0.8;}
#pg11 h2{position: absolute; color: #fff; font-size: 4.3vw; width: 45vw; left: 5%; top: 32%; padding: 0.5em 0 0.3em 0; margin: 0 auto; border-top: 0 solid #fff; border-bottom: 0 solid #fff; z-index: 1;}
.h2line .lineAnim{width: 100%; height: 10px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 17.3%;}
.h2line .lineAnim.lineAnim11Top{top: 45%; color: #fff; height: 15px; opacity: 0;}
.h2line .lineAnim.lineAnim11Bot{top: 45%; color: #fff; height: 15px; opacity: 0;}
#pg12 h2{position: absolute; color: #fff; font-size: 4.3vw; width: 45vw; left: 5%; top: 32%; padding: 0.5em 0 0.3em 0; margin: 0 auto; border-top: 0 solid #fff; border-bottom: 0 solid #fff; text-align: center;}

.mapWrapper{height: 60vh; background: #fff; position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden;}
.map_section { position: relative; background: url(../../images/Globe_Bg.jpg) no-repeat transparent; width: 100%; height: 75vh; background-size: 150%; overflow: hidden; -webkit-animation: globeBG 300s ease infinite; animation: globeBG 300s ease infinite; }
.globeWorld { position: absolute; width: 100%; height: 100%; top: 30%; z-index: 1; scale: 0.5; -webkit-animation: globeZoom 2s ease-in forwards; animation: globeZoom 2s ease-in forwards; }
.globeWorld img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: relative; -webkit-transition: all 5s ease-in; transition: all 5s ease-in; }

@-webkit-keyframes globeZoom {
    0% {
        top: 30%;
        scale: 0.5
    }

    100% {
        top: -10%;
        scale: 1
    }
}

@keyframes globeZoom {
    0% {
        top: 30%;
        scale: 0.5
    }

    100% {
        top: -10%;
        scale: 1
    }
}

@-webkit-keyframes globeBG {
    0% {
        background-position: 10%
    }

    50% {
        background-position: 90%
    }

    100% {
        background-position: 10%
    }
}

@keyframes globeBG {
    0% {
        background-position: 10%
    }

    50% {
        background-position: 90%
    }

    100% {
        background-position: 10%
    }
}

@-webkit-keyframes tower {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20%,60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    40%,80% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

@keyframes tower {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20%,60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    40%,80% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

.map_tower {
    scale: 1;
    -webkit-transition: scale 0.5s ease-in;
    transition: scale 0.5s ease-in
}

.map_tower.active {
    scale: 1.2
}

.map_tower.active .tower_img {
    -webkit-filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #fff);
    filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #fff)
}

.map_tower .tower_img { width: 3.125vw; -webkit-filter: drop-shadow(1px 1px 1px #000); filter: drop-shadow(1px 1px 1px #000); -webkit-transition: -webkit-filter .6s; transition: -webkit-filter .6s; transition: filter .6s; transition: filter .6s, -webkit-filter .6s; }

#pg14.cards{/*height:auto!important; */opacity:1; /*z-index:0; position: absolute;*/ background: #000;}
#pg14 footer{background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex ; align-items: center; justify-content: center;}
.footerWrapper{width: 100%;}
#pg14 footer img{width:152px;height:auto;display: block;}

/*Compass*/
.compass { position: fixed; bottom: -33%; z-index: 999; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); display: grid ; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-items: center; -webkit-border-radius: 50%; border-radius: 50%; opacity: 0; }

.compassWrapper.container { width: 29.1666666667vw; height: 29.1666666667vw; position: relative; display: grid ; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-items: center; -webkit-transition: all 1s linear; transition: all 1s linear; z-index: 9; -webkit-border-radius: 50%; border-radius: 50%; background: url(../../images/compass_main_menu.svg) no-repeat center center; }

.compassWrapper.container:before { position: absolute; content: ''; -webkit-border-radius: 50%; border-radius: 50%; width: 100%; height: 100%; background-color: transparent; }

.compassWrapper.container.overViewSelected { background: url(../../images/overview.svg) no-repeat center center; rotate: -2deg; }

.compassWrapper.container.AboutSelected { background: url("../../images/svg-higlighted/About-Us.svg") no-repeat center center;}

.compassWrapper.container.ExpertiseSelected { background: url("../../images/svg-higlighted/Experties.svg") no-repeat center center;}

.compassWrapper.container.LegendarySelected { background: url("../../images/svg-higlighted/Legendary.svg") no-repeat center center;}

.compassWrapper.container.PresenceSelected { background: url("../../images/svg-higlighted/Presence.svg") no-repeat center center;}

.compass_inverse .container { background: url(../../images/compass_main_menu_inverse.svg) no-repeat center center !important; }


.compass:before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    top: .78125vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: bottom 1s linear;
    transition: bottom 1s linear;
    z-index: 1
}

.compass:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 1.04166666667vw;
    height: 1.04166666667vw;
    background: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 10
}

.compass:hover .arrow {
    -webkit-animation: 0.25s ease-in arrow infinite;
    animation: 0.25s ease-in arrow infinite
}

.compass:hover .item a {
    -webkit-animation: 1s linear pulse;
    animation: 1s linear pulse
}

.compass .arrow {
    position: absolute;
    width: 65%;
    height: 65%;
    display: grid;
    justify-items: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 1
}

.compass .arrow .top {
    position: relative
}

.compass .arrow .top:before,.compass .arrow .top:after {
    position: absolute;
    display: block;
    top: 0;
    content: '';
    width: 0;
    height: 0;
    z-index: 9
}

.compass .arrow .top:after {
    border-style: solid;
    border-width: 0 1.19791666667vw 10.15625vw 0;
    border-color: transparent transparent #fff transparent
}

.compass .arrow .top:before {
    right: 100%;
    border-style: solid;
    border-width: 0 0 10.15625vw 1.19791666667vw;
    border-color: transparent transparent #292828 transparent
}

.compass .arrow .bottom {
    position: relative
}

.compass .arrow .bottom:before,.compass .arrow .bottom:after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 0;
    height: 0
}

.compass .arrow .bottom:after {
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

.compass .arrow .bottom:before {
    right: 100%;
    border-style: solid;
    border-width: 10.15625vw 0 0 1.19791666667vw;
    border-color: rgba(0,0,0,0.3) transparent transparent transparent
}

.container:before {
    position: absolute;
    content: '';
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.container .item {
    width: 8.48958333333vw;
    height: 1.5625vw;
    position: absolute;
    display: grid;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    padding-bottom: 19.53125vw;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    background: none;
    pointer-events: none
}

.container a {
    pointer-events: all;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.5625vw;
    height: 1.5625vw;
    margin-top: -2.60416666667vw;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    -webkit-transition: -webkit-transform 1s linear;
    transition: -webkit-transform 1s linear;
    transition: transform 1s linear;
    transition: transform 1s linear, -webkit-transform 1s linear;
    color: #57BDBE;
    font-size: 1.5625vw;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff;
    position: absolute;
    left: 0;
    top: 0%;
    width: 95%;
    height: 2.8125vw;
    background: none;
    background: none;
    z-index: 999
}

.container span {
    display: inline-block;
    width: 0;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    margin-top: 1.5625vw;
    border-width: 0 .520833333333vw 5.72916666667vw .520833333333vw;
    border-color: transparent;
    border-style: solid;
    display: none
}

.compass_svg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.outer_circle {
    background: url("../../images/compass_outer_circleBk.svg") no-repeat center center;
    height: 100%;
    -webkit-animation: 10s cubic-bezier(0, 0, 0.73, 0.74) rightMove infinite;
    animation: 10s cubic-bezier(0, 0, 0.73, 0.74) rightMove infinite
}

.subMenu_circle {
    background: url("../../images/compassoverview_sub_menu.svg") no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(-93deg);
    -ms-transform: rotate(-93deg);
    transform: rotate(-93deg)
}

.subMenu_circle{
	transition: all 1.5s;
}

.compass_inverse .subMenu_expertise {
    background-image: url("../images/svg/compass_Experties_sub_Exterior.svg") !important;
    -webkit-transform: rotate(296deg);
    -ms-transform: rotate(296deg);
    transform: rotate(296deg)
}

.compass_inverse .subMenu_expertise_interior {
    background-image: url("../images/svg/compass_Experties_sub_Interior.svg") !important;
    -webkit-transform: rotate(296deg);
    -ms-transform: rotate(296deg);
    transform: rotate(296deg)
}

.compass_inverse .subMenu_expertise_amenities {
    background-image: url("../images/svg/compass_Experties_sub_Amenities.svg") !important;
    -webkit-transform: rotate(296deg);
    -ms-transform: rotate(296deg);
    transform: rotate(296deg)
}

.subMenu_about {
    background-image: url("../../images/compass_About_Sub_Menu.svg");
    -webkit-transform: rotate(310deg);
    -ms-transform: rotate(310deg);
    transform: rotate(310deg)
}

.subMenu_about_res, .subMenu_about_resi{
    background-image: url("../../images/compass_About_Sub_Menu_Residential.svg");
    /*-webkit-transform: rotate(340deg);
    -ms-transform: rotate(340deg);
    transform: rotate(340deg)*/
}

.subMenu_about_retail {
    background-image: url("../../images/compass_About_Sub_Menu_Retail.svg");
    /*-webkit-transform: rotate(287deg);
    -ms-transform: rotate(287deg);
    transform: rotate(287deg)*/
}

.compass_inverse .subMenu_expertise {
    background-image: url("../../images/compass_exterior.svg") !important;
    -webkit-transform: rotate(296deg);
    -ms-transform: rotate(296deg);
    transform: rotate(296deg)
}

.compass_inverse .subMenu_expertise_interior {
    background-image: url("../../images/compass_interior.svg") !important;
    -webkit-transform: rotate(296deg);
    -ms-transform: rotate(296deg);
    transform: rotate(296deg)
}

.compass_inverse .subMenu_expertise_amenities {
    background-image: url("../../images/compass_amenities.svg") !important;
    -webkit-transform: rotate(296deg);
    -ms-transform: rotate(296deg);
    transform: rotate(296deg)
}

.subMenu_experience {
    background-image: url("../../images/compass_Experience_Sub_Menu.svg");
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.subMenu_experience_pres {
    background-image: url("../../images/compass_Experience_Sub_Personalisation.svg");
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.subMenu_experience_expert {
    background-image: url("../../images/compass_Experience_Sub_Expert.svg");
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.inner_circle {
    background: url("../../images/compass_inner_circle.svg") no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: 10s cubic-bezier(0, 0, 0.73, 0.74) antiRotate infinite;
    animation: 10s cubic-bezier(0, 0, 0.73, 0.74) antiRotate infinite
}

.compass_inverse .container {
    background: url("../../images/compass_Main_menu_in.svg") no-repeat center center !important
}

.compass_inverse .outer_circle {
    background: url("../../images/compass_Outer_circle.svg") no-repeat center center !important;
    opacity: .9
}

.compass_inverse .subMenu_about {
    background: url("../../images/compass_About_Sub_Menu_in.svg") !important
}

.compass_inverse .subMenu_experience {
    background: url("../../images/compass_Experience_Sub_Menu_in.svg") !important
}

.compass_inverse .subMenu_presence {
    background: url("../../images/compass_Presence_Sub_Menu.svg") !important
}

.compass_inverse .inner_circle {
    background: url("../../images/Inner_Compass.svg") no-repeat center center !important;
    background-size: 52% !important
}

@-webkit-keyframes rotateFull {
    0% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateFull {
    0% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes antiRotate {
    0% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    25% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }

    50% {
        -webkit-transform: rotate(-50deg);
        transform: rotate(-50deg)
    }

    75% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }

    100% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }
}

@keyframes antiRotate {
    0% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    25% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }

    50% {
        -webkit-transform: rotate(-50deg);
        transform: rotate(-50deg)
    }

    75% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }

    100% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }
}

@-webkit-keyframes rightMove {
    0% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    50% {
        -webkit-transform: rotate(50deg);
        transform: rotate(50deg)
    }

    75% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    100% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }
}

@keyframes rightMove {
    0% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    50% {
        -webkit-transform: rotate(50deg);
        transform: rotate(50deg)
    }

    75% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    100% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }
}

@-webkit-keyframes arrow {
    0% {
        font-size: rotate(-0.5deg)
    }

    50% {
        -webkit-transform: rotate(0.5deg);
        transform: rotate(0.5deg)
    }

    100% {
        -webkit-transform: rotate(-0.5deg);
        transform: rotate(-0.5deg)
    }
}

@keyframes arrow {
    0% {
        font-size: rotate(-0.5deg)
    }

    50% {
        -webkit-transform: rotate(0.5deg);
        transform: rotate(0.5deg)
    }

    100% {
        -webkit-transform: rotate(-0.5deg);
        transform: rotate(-0.5deg)
    }
}

.compass-left {
    width: 14.5833333333vw;
    height: 14.5833333333vw;
    position: absolute;
    left: 0;
    top: 0
}

.compass-right {
    width: 14.5833333333vw;
    height: 14.5833333333vw;
    position: absolute;
    right: 0;
    top: 0
}

.overview_sublink,.about_sublink,.expertise_sublink,.experience_sublink,.presence_sublink {
    width: 3.64583333333vw !important;
    height: 1.04166666667vw !important;
    position: absolute
}

.overview_wrapper .l-1 {
    top: 46% !important;
    -webkit-transform: rotate(115deg) !important;
    -ms-transform: rotate(115deg) !important;
    transform: rotate(115deg) !important;
    left: 17% !important
}

.overview_wrapper .l-2 {
    top: 30% !important;
    -webkit-transform: rotate(151deg) !important;
    -ms-transform: rotate(151deg) !important;
    transform: rotate(151deg) !important;
    left: 32% !important
}

.overview_wrapper .l-3 {
    top: 31% !important;
    -webkit-transform: rotate(195deg) !important;
    -ms-transform: rotate(195deg) !important;
    transform: rotate(195deg) !important;
    left: 56% !important
}

.overview_wrapper .l-4 {
    top: 43% !important;
    -webkit-transform: rotate(248deg) !important;
    -ms-transform: rotate(248deg) !important;
    transform: rotate(248deg) !important;
    left: 70% !important
}

/*Compass Ends*/

/*Menu*/
.menu_items {
    background: #fff;
    position: fixed;
    z-index: 99999999999;
    padding: 4.0625vw 3.75vw;
    width: 100%;
    height: 100vh;
    top: -120%;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in
}

.menu_items.active{
	top: 0;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.menu_items .menu_video video{
	-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; display: block;
}

.menu_items .menu_video {
    width: 22.96875vw;
    height: 100%
}

.menu_items .menu_lists {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 11.0208333333vw;
    height: 23.6979166667vw
}

.menu_items .menu_lists .menu_list {
    width: 17.34375vw;
    padding-left: 3.125vw
}

.menu_items .menu_lists .menu_list div {
    line-height: 1
}

.menu_items .menu_lists .menu_head {
    font-family: 'trajan_proregular';
    font-size: 1.546875vw;
    margin-bottom: 1.30208333333vw
}

.menu_items .menu_lists a {
    display: inline-block;
    color: #000;
    font-family: 'trajan_proregular';
    font-size: 0.702812vw;
    text-decoration: none;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-bottom: 0.804166666667vw;
    position: relative;
}

.menu_items .menu_lists a::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: .0520833333333vw;
    background: #d1ab66;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transition: -webkit-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in
}

.menu_items .menu_lists a:hover {
    color: #d1ab66
}

.menu_items .menu_lists a:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

.menu_items .menu_lists .sub_menu_head {
    font-family: "Montserrat", sans-serif;
    font-size: .6328125vw;
    line-height: 1.2 !important;
    cursor: pointer;
    margin-bottom: 1.04166666667vw;
    position: relative;
    z-index: 9;
	font-weight: 600;
}

.menu_items .menu_lists .menu_Box {
    margin-bottom: .520833333333vw
}

.menu_lists .menu_margin a {
    font-size: 1.546875vw;
    margin-bottom: 2rem;
}

/*Footer*/
footer {
    position: relative;
    z-index: 99999;
}

footer .footer_logo {
    display: block
}

footer .top_section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.39583333333vw 10.15625vw 2.39583333333vw 3.59375vw;
    border-bottom: .0520833333333vw solid #d1ab66
}

footer .bottom_section {
    padding: 3.38541666667vw 0 1.30208333333vw 0vw;
}

footer *{font-family: 'Montserrat';}


@media all and (max-width: 540px) {
    footer .footer_logo {
        border-bottom:1px solid #d1ab66;
        padding: 8.61111111111vw 0;
        margin-bottom: 6.48148148148vw
    }
}

footer .footer_logo img {
    width: 7.91666666667vw
}

@media all and (max-width: 540px) {
    footer .footer_logo img {
        width:28.0555555556vw;
        margin: 0 auto
    }
}

footer .social_icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.30208333333vw
}

.social-links {
    list-style: none;
    display: inline;
    margin: 0;
}

.social-links li {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.social-links li.label {
    width: auto;
}

.social-links li+li {
    margin-left: 1rem;
}

.social-links li a {
    color: #000;
}

.social-links li svg {
    fill: currentColor;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    width:100%;
    height:100%
}

.social-links li a:hover {
    color: #d1ab66
}

.social-links li a:hover svg {
    -webkit-transform: translateY(-.260416666667vw);
    -ms-transform: translateY(-.260416666667vw);
    transform: translateY(-.260416666667vw)
}

@media all and (max-width: 540px) {
    footer .social_icons {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 4.90740740741vw;
        margin-bottom: 18.9814814815vw
    }
}

footer .social_icons .social_text {
    font-size: .833333333333vw;
    font-weight: 500;
    color: #f3f3f3;
    letter-spacing: .0520833333333vw
}

@media all and (max-width: 540px) {
    footer .social_icons .social_text {
        font-size:3.12777777778vw
    }
}

footer .social_icons a svg {
    width: 1.14583333333vw;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    fill: #fff
}

footer .social_icons a svg:hover {
    fill: #d1ab66
}

@media all and (max-width: 540px) {
    footer .social_icons a svg {
        width:3.51851851852vw
    }
}

footer .top_section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.39583333333vw 10.15625vw 2.39583333333vw 3.59375vw;
    border-bottom: .0520833333333vw solid #d1ab66
}

footer .bottom_section {
    padding: 3.38541666667vw 0vw 1.30208333333vw 0vw
}

@media all and (max-width: 540px) {
    footer .bottom_section {
        padding:0
    }
}

footer .bottom_section .footer_navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 4.42708333333vw;
	width: 90%; margin: 3em auto;
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_navigation {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 8.33333333333vw 13.1481481481vw
    }
}

footer .bottom_section .footer_navigation .footer_nav {
    font-family: 'Montserrat-Regular';
    width: 17.96875vw
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_navigation .footer_nav {
        width:auto
    }
}

footer .bottom_section .footer_navigation .footer_nav .nav_title {
    font-size: .9vw;
    margin-bottom: 2.65625vw;
    color: #9b9b9b;
    line-height: 1
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_navigation .footer_nav .nav_title {
        font-size:3.38164251208vw;
        margin-bottom: 7.40740740741vw
    }
}

footer .bottom_section .footer_navigation .footer_nav address {
    font-size: .82vw;
    color: #f3f3f3;
    line-height: 2;
	font-style: normal;
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_navigation .footer_nav address {
        font-size:2.89855072464vw;
        line-height: 3
    }
}

footer .bottom_section .footer_navigation .footer_nav address a {
    display: inline-block;
    margin: 0
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_navigation .footer_nav address a {
        font-size:2.89855072464vw;
        text-decoration: underline
    }
}

footer .bottom_section .footer_navigation .footer_nav a {
    font-size: .78125vw;
    color: #f3f3f3;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
    margin-bottom: 1.82291666667vw;
    line-height: 1;
    position: relative
}

footer .bottom_section .footer_navigation .footer_nav a::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: .0520833333333vw;
    background: #d1ab66;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transition: -webkit-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in
}

footer .bottom_section .footer_navigation .footer_nav a:hover {
    color: #d1ab66
}

footer .bottom_section .footer_navigation .footer_nav a:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_navigation .footer_nav a {
        font-size:2.89855072464vw;
        margin-bottom: 5.55555555556vw
    }
}

footer .bottom_section .footer_navigation .footer_nav .subscribe_title {
    font-size: .833333333333vw;
    color: #f3f3f3;
    margin: 3.38541666667vw 0 1.04166666667vw
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_navigation .footer_nav .subscribe_title {
        font-size:2.89855072464vw;
        margin: 0 0 4.16666666667vw
    }
}

footer .bottom_section .footer_navigation .footer_nav .subscribe_input {
    border: .0520833333333vw solid #d1ab66;
    width: 100%;
    padding: .833333333333vw 1.35416666667vw;
    padding-right: 5.20833333333vw;
    position: relative;
	width: 60%;
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_navigation .footer_nav .subscribe_input {
        padding:1.93236714976vw 4.8309178744vw;
        padding-right: 16.1835748792vw;
        background: #080909
    }
}

footer .bottom_section .footer_navigation .footer_nav .subscribe_input input {
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
    font-size: .729166666667vw;
    color: rgba(243,243,243,0.65);
    display: block
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_navigation .footer_nav .subscribe_input input {
        font-size:2.89855072464vw
    }
}

footer .bottom_section .footer_navigation .footer_nav .subscribe_input input::-webkit-input-placeholder {
    font-size: .729166666667vw;
    color: rgba(243,243,243,0.65)
}

footer .bottom_section .footer_navigation .footer_nav .subscribe_input input::-moz-placeholder {
    font-size: .729166666667vw;
    font-family: 'Montserrat-Light';
    color: rgba(243,243,243,0.65)
}

footer .bottom_section .footer_navigation .footer_nav .subscribe_input input:-ms-input-placeholder {
    font-size: .729166666667vw;
    font-family: 'Montserrat-Light';
    color: rgba(243,243,243,0.65)
}

footer .bottom_section .footer_navigation .footer_nav .subscribe_input input::-ms-input-placeholder {
    font-size: .729166666667vw;
    font-family: 'Montserrat-Light';
    color: rgba(243,243,243,0.65)
}

footer .bottom_section .footer_navigation .footer_nav .subscribe_input input::placeholder {
    font-size: .729166666667vw;
    font-family: 'Montserrat-Light';
    color: rgba(243,243,243,0.65)
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_navigation .footer_nav .subscribe_input input::-webkit-input-placeholder {
        font-size:2.89855072464vw
    }

    footer .bottom_section .footer_navigation .footer_nav .subscribe_input input::-moz-placeholder {
        font-size: 2.89855072464vw
    }

    footer .bottom_section .footer_navigation .footer_nav .subscribe_input input:-ms-input-placeholder {
        font-size: 2.89855072464vw
    }

    footer .bottom_section .footer_navigation .footer_nav .subscribe_input input::-ms-input-placeholder {
        font-size: 2.89855072464vw
    }

    footer .bottom_section .footer_navigation .footer_nav .subscribe_input input::placeholder {
        font-size: 2.89855072464vw
    }
}

footer .bottom_section .footer_navigation .footer_nav .subscribe_input input[type="button"] {
    background: url("../images/white-arrow.png") no-repeat;
    background-size: 2.76041666667vw;
    position: absolute;
    top: 50%;
    right: .9375vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.76041666667vw;
    height: .520833333333vw;
    cursor: pointer
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_navigation .footer_nav .subscribe_input input[type="button"] {
        width:9.25925925926vw;
        height: 1.85185185185vw;
        background-size: 9.25925925926vw
    }
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_navigation .subscribe_nav {
        width:72.4637681159vw;
        margin-bottom: 13.4259259259vw
    }
}

footer .bottom_section .footer_disclaimer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8.69791666667vw;
    color: rgba(243,243,243,0.7);
    font-size: .729166666667vw;
    letter-spacing: .104166666667vw;
	padding: 3.38541666667vw 10.15625vw 1.30208333333vw 3.59375vw; width: 100%;
	border-top: .0520833333333vw solid #d1ab66;
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_disclaimer {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

footer .bottom_section .footer_disclaimer a {
    color: rgba(243,243,243,0.7);
    font-size: .729166666667vw;
    text-decoration: none;
    -webkit-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
    letter-spacing: .104166666667vw;
    position: relative
}

footer .bottom_section .footer_disclaimer a::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: .0520833333333vw;
    background: #d1ab66;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transition: -webkit-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in
}

footer .bottom_section .footer_disclaimer a:hover {
    color: #d1ab66
}

footer .bottom_section .footer_disclaimer a:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_disclaimer a {
        font-size:1.93236714976vw;
        letter-spacing: .48309178744vw
    }
}

footer .bottom_section .footer_disclaimer .footer_text {
    position: relative;
    line-height: 1
}

footer .bottom_section .footer_disclaimer .footer_text::before {
    position: absolute;
    content: '';
    width: .0520833333333vw;
    height: 1.35416666667vw;
    background: dimgray;
    top: -.260416666667vw;
    left: -4.42708333333vw
}

@media all and (max-width: 540px) {
    footer .bottom_section .footer_disclaimer .footer_text::before {
        height:2.4154589372vw
    }
}

footer .bottom_section .footer_disclaimer .footer_text:nth-child(1)::before {
    width: 0
}

@media all and (max-width: 540px) {
    footer .bottom_section .bottom_border {
        border-top:1px solid #d1ab66;
        padding: 5.55555555556vw 8.33333333333vw 4.81481481481vw;
        text-align: center;
        font-family: 'Montserrat-Regular'
    }

    footer .bottom_section .bottom_border .footer_title {
        line-height: 2;
        font-size: 1.93236714976vw;
        letter-spacing: .48309178744vw;
        color: #fff;
        margin-bottom: 5.55555555556vw
    }
}

@media all and (max-width: 540px) {
    .menu_items .menu_lists .menu_Box {
        margin:0
    }

    .menu_items .menu_lists .menu_Box .accord_sub {
        height: 0;
        opacity: 0;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        position: relative;
        z-index: 1
    }

    .menu_items .menu_lists .menu_Box .accord_sub div {
        opacity: 0;
        height: 0
    }

    .menu_items .menu_lists .menu_Box .accord_sub div a {
        opacity: 0;
        height: 0;
        margin: 0
    }

    .menu_items .menu_lists .menu_Box .accord_sub div:nth-last-child(1) a {
        margin: 0 !important
    }

    .menu_items .menu_lists .menu_Box .active ~ .accord_sub {
        height: auto;
        opacity: 1;
        padding-bottom: 1.5625vw
    }

    .menu_items .menu_lists .menu_Box .active ~ .accord_sub div {
        opacity: 1;
        height: auto
    }

    .menu_items .menu_lists .menu_Box .active ~ .accord_sub div a {
        opacity: 1;
        height: auto;
        margin-bottom: 1.04166666667vw
    }
}

.menu_items .menu_lists .menu_margin .menu_head {
    margin-bottom: 2.60416666667vw
}

.menu_items .social_head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 1.82291666667vw;
    position: absolute;
    bottom: 3.75vw;
    right: 4.0625vw
}

.menu_items .social_head .social_text {
    font-family: "Montserrat", sans-serif;
    font-size: .9375vw;
    color: #000;
    line-height: 0.9
}

.menu_items .social_head .social_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 1.19791666667vw;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.menu_items .social_head .social_link a svg {
    width: 1.19791666667vw;
    height: auto;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in
}

.menu_items .social_head .social_link a:hover {
    fill: #d1ab66
}

.menu_items .social_head .social_link a:hover svg {
    -webkit-transform: translateY(-.260416666667vw);
    -ms-transform: translateY(-.260416666667vw);
    transform: translateY(-.260416666667vw)
}

.menu_items .tribeca_head {
    width: 63.0208333333vw;
    position: absolute;
    top: 6.25vw;
    left: 6.71875vw;
	height: auto;
}
.menu_items, .menu_items *{
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.close,.close_2 {
    width: 1.30208333333vw;
    position: absolute;
    top: 2.25vw;
    right: 4.91666666667vw;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    display: none;
    z-index: 9999999999999;
	height: auto;
}

.close:hover,.close_2:hover {
    opacity: .7
}

.active .close{display: block;}

@media all and (max-width: 540px) {
    .close,.close_2 {
        width:6.038647343vw;
        top: 6.038647343vw;
        right: 6.038647343vw
    }
    
    #pg5 .pg5_container #ph2{margin-top:0;}
    #pg5 .pg5_container #ph1 { margin-top: 0.3em; }
    #pg5 #ph1 br{display:block;}
}
/*Menu Ends*/

@media all and (max-width: 540px) {
    .menu_items .menu_lists .menu_Box {
        margin:0
    }

    .menu_items .menu_lists .menu_Box .accord_sub {
        height: 0;
        opacity: 0;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        position: relative;
        z-index: 1
    }

    .menu_items .menu_lists .menu_Box .accord_sub div {
        opacity: 0;
        height: 0
    }

    .menu_items .menu_lists .menu_Box .accord_sub div a {
        opacity: 0;
        height: 0;
        margin: 0
    }

    .menu_items .menu_lists .menu_Box .accord_sub div:nth-last-child(1) a {
        margin: 0 !important
    }

    .menu_items .menu_lists .menu_Box .active ~ .accord_sub {
        height: auto;
        opacity: 1;
        padding-bottom: 1.5625vw
    }

    .menu_items .menu_lists .menu_Box .active ~ .accord_sub div {
        opacity: 1;
        height: auto
    }

    .menu_items .menu_lists .menu_Box .active ~ .accord_sub div a {
        opacity: 1;
        height: auto;
        margin-bottom: 1.04166666667vw
    }
}

.menu_items .menu_lists .menu_margin .menu_head {
    margin-bottom: 2.60416666667vw
}

.menu_items .social_head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 1.82291666667vw;
    position: absolute;
    bottom: 3.75vw;
    right: 4.0625vw
}

.menu_items .social_head .social_text {
    font-family: "Montserrat", sans-serif;
    font-size: .9375vw;
    color: #000;
    line-height: 0.9
}

.menu_items .social_head .social_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 1.19791666667vw;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.menu_items .social_head .social_link a svg {
    width: 1.19791666667vw;
    height: auto;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in
}

.menu_items .social_head .social_link a:hover {
    fill: #d1ab66
}

.menu_items .social_head .social_link a:hover svg {
    -webkit-transform: translateY(-.260416666667vw);
    -ms-transform: translateY(-.260416666667vw);
    transform: translateY(-.260416666667vw)
}

.menu_items .tribeca_head {
    width: 63.0208333333vw;
    position: absolute;
    top: 6.25vw;
    left: 6.71875vw;
	height: auto;
}
.menu_items, .menu_items *{
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.close,.close_2 {
    width: 1.30208333333vw;
    position: absolute;
    top: 2.25vw;
    right: 4.91666666667vw;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    display: none;
    z-index: 9999999999999;
	height: auto;
}

.close:hover,.close_2:hover {
    opacity: .7
}

.active .close{display: block;}

.pgVidBx1, .pgVidBx2, .pgVidBx3{display: none;}
.pgVidBx2, .pgVidBx3{top:2.5em!important;}

@media all and (max-width: 540px) {
    .close,.close_2 {
        width:6.038647343vw;
        top: 6.038647343vw;
        right: 6.038647343vw
    }
}
/*Menu Ends*/
@media only screen and (min-width: 1100px) {
	#pg13 #ph1 br{display: none;}
	#pg13 .pg5_container .sub_heading{line-height: 0.8em;} /*1.3em*/
	#pg13 .pg5_container #ph1{margin-top: 1em;}
	#pg13 .pg5_container #ph2, #pg13 .pg5_container .para{margin-top: 0.4em;}
	.markerBx#markerBx2 { top: 29.5%; left: 53.9%; }
}

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

	header .logo{width: 25vw; top: 1em; left: 1em;}
	header .menuIcon{height: 40px; width: 40px; top: 0.3em; right: 1em;}
	#pg1 video,
	#pg2 video,
	#pg3 video,
	#pg4 video{width: 100vw; height: 100vh; position: relative; right: 0; bottom: 0; min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; display: block; opacity: 0.9;}
	#pg1 h2, .cards h2{top: 50%; left: 50%; font-size: 10.6712962963vw; right: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; opacity: 1 !important; z-index: 9999 !important;}
	.frame2{background: #000;}
	#pg5 .pg5_container{width: 85%; top: 12%; padding-top: 0.9em;}
	#pg5 .pg5_container *{font-size: 100%;}
	.pg5_container .para{width: 80vw; margin-top: 0.3em;}
	.diamond{width: 4vw; margin-top: -0.1em;}
	.pg5_container .lineAnim, .pg5_container .diamondWrap{top: -0.3em;}
	.pg5_container .sub_heading{margin-top: 0.3em; line-height: 1.5em; font-size: 115%;}
	#pg5 .pg5_container .sub_heading{font-size: 124%;}
	.pg5_container .para{margin-top: 1.7em; font-size: 85%;}
	#pg5 .pg5_container .para{font-size: 85%;}
	
	#pg5 .videoFrame{clip-path:none; top: 46%;}
	#pg5 .videoFrame video{width: 100vw; height: 50vh; position: relative; right: 0; bottom: 0; min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; display: block; opacity: 0.9;}
	#pg5 .bottom_diamond,#pg5 #line2{top: 30vw!important;}
	#pg5 .bottom_diamond .diamond{margin-top: -0.1em;}
	.left_cloud, .right_cloud{display: none;}
	#pg5 #ph1{font-size: 124%;}
	
	#pg6 .videoFrame{display: none;}
	#pg6 h3{top: 18.3vw; width: 37%; font-size: 5vw;}
	.resiRetailRHS{right: 0; left: 0; width: 90%; margin: 0 auto;}
	.resiRetailTitle{padding: 0.8em 0px;}
	.resiRetailTitle .para{font-size: 3vw; margin-top: 2em;}
	.resiRetailTitle .sub_heading{font-size: 4.2vw; line-height: 1.3em; margin-top: 0.3em; height: 19vw!important;}
	
	#pg6 .resiRetailTitle .sub_heading{height: 3em;}
	#pg6 .diamondWrap{top: 0.6vw;}
	#pg6 .bottom_diamond{top: 19.8vw !important;}
	#pg6 #line2{top: 19.7vw !important;}
	#pg6 #slider{top: 33vw;}
	#pg6 .slider-thumb div{margin-right: 0;}
	.resident_numbers{font-size: 70%; margin-top: 1em;}
	.resident_last{opacity: 0.5;}
	.sliderCustomNav .navCustom{display: none;}
	.sliderCustomNav .navCustom{width: 50%;}
	.sliderCustomNav .navCustom .prevIcon, .sliderCustomNav .navCustom .nextIcon{
		width: 11.791667vw;
	}
	
	.slideCount{font-size: 3vw; top: 64vh; text-align: left; width: 90%; left: 10%;}
	
	#pg7 .videoFrame{display: none;}
	#pg7 h3{top: 18.3vw; width: 37%; font-size: 5vw;}
	#pg7 .diamondWrap{top: 0.6vw;}
	#pg7 .bottom_diamond{top: 26.3vw !important;}
	#pg7 #line2{top: 26vw!important;}
	#pg7 #slider{top: 33vw;}
	#pg7 .slider-thumb div{margin-right: 0;}
	
	#pg8 .resiRetailRHS{top: 8%; left: 0; width: 90%;}
	.pg8RHS{right: 0; width: 90%; height: 100vh; left: 0; margin: 0 auto;}
	.borderWrapper, .pg8RHS .borderBx{display: none;}
	.pg8RHS .pgVidBx{width: 90vw;}
	.pg8RHS .pgVidBx video{display: block;}
	#pg8 .pg8RHS .pgVidBx video{height: 50vw;}
	#pg8 .resiRetailTitle .sub_heading{height: 7vw!important;}
	#pg8 .resiRetailTitle .lineAnim{top: 0vw !important;}
	#pg8 .resiRetailTitle .lineAnim#line2{top: 28vw !important;}
	#pg8 .resiRetailTitle .para{margin-top: 3em;}
	#pg8 .bottom_diamond{top:28vw!important;}
	.compassWrapper.container{width: 85vw; height: 100vw;}
	.compass .arrow .top:before{border-width: 0 0 30.15625vw 3.197917vw;}
	.compass .arrow .top:after{border-width: 0 3.19791666667vw 30.15625vw 0;}
	
	.pgVidBx1, .pgVidBx2, .pgVidBx3{display: block; position: relative; width: 100%; color: #d1ab66; font-size: 4vw; top: 0; z-index: 9; opacity: 1; margin-bottom: 0.5em; border: 0; opacity: 0;}
	.pgVidBx2, .pgVidBx3{position: absolute;}
	.know_more img { width: 31vw; height: auto; margin-left: 0; margin-top: 0.2em; }
	.know_more{width: 100%;}
	.know_more span{font-size: 3vw; top: .625vw;}
	#pg9 video{width: 100vw; height: 100vh; position: relative; right: 0; bottom: 0; min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}
	
	/**/
	#pg9{overflow: hidden; background: grey; position: absolute;}
	#pg9 .frame2{background: #000;}
	#pg9 .frame2 video{opacity: 0.4;}
	#pg9 .resiRetailTitle .sub_heading{color: #fff;}
	#pg9 .resiRetailTitle{left:5%; top:14%; right: inherit; width:40%;}
	#pg9 .resiRetailTitle p{color:#fff;}
	#pg9 .project_slides{position: absolute; top:20vw; left:0; display:flex; padding-left: 5%; gap:2%;}
	#pg9 .project_slides .project_content {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: inline-block;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;width: 59.520833vw;position: relative;gap: 3.614583vw;}
	#pg9 .project_slides .project_content .project_text {font-size: 2.4vw;color: #d1ab66;line-height: 1.1;font-family: 'trajan_proregular';width: 100%;margin-bottom: 1em;}
	#pg9 .project_slides .project_content .project_logos{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex ; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 3.4375vw; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 4.6875vw 3.90625vw 4.79166666667vw; background: #fff; position: relative;}
	#pg9 .project_slides .project_content .project_logos .project_border { position: absolute; width: 8.48958333333vw; height: .104166666667vw; top: 3.125vw; left: -4.94791666667vw; background: #d1ab66; }
	#pg9 .project_slides .project_content .project_logos img { min-width: 6.97916666667vw; height: auto;}
	#pg9 .project_slides .project_content::before { content: ''; position: absolute; width: .0520833333333vw; height: 7.91666666667vw; background: #fff; top: 3.02083333333vw; right: 8%; }
	#pg9 .project_slides .project_3::before { right: 7.4vw; }
	#pg9 .project_slides .project_4:before{opacity: 0;}
	/**/
	
	#pg9 .resiRetailTitle{width: 90%;}
	#pg9 .project_slides{top: 70vw;}
	#pg9 .project_slides .project_content .project_logos img{min-width: 25vw; margin: 0 auto; width: auto;}
	#pg9 .project_slides .project_content .project_logos{width: 40%;width: calc(92% - 10vw);padding-top: 2em;padding-bottom: 2em;}
	#pg9 .project_slides .project_content{width: 80vw;}
	#pg9 .project_slides .project_content::before{display:none;}
	#pg9 .project_slides .project_content .project_text{font-size: 130%;width: 100%;line-height: 1.2em;height: 5em;}
	#pg9 .resiRetailTitle .sub_heading{height: 6vw!important;}
	#pg9 .resiRetailTitle .lineAnim{top: 13.5vw!important;}
	#pg9 .bottom_diamond{top: 13.5vw!important;}
	#pg9 .resiRetailTitle .lineAnim#line2{top: 0.2vw !important;}
	
	
	#pg10 video, #pg11 video, #pg12 video{width: 100vw; height: 100vh; position: relative; right: 0; bottom: 0; min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}
	#pg10 h2, #pg11 h2, #pg12 h2{left: 48%; font-size: 8.6vw; width: 90vw; line-height: 1.7em;}
	#pg13 .pg5_container{top: 11%; width: 90vw; padding-top: 0.8em;}
	#pg13 .pg5_container .sub_heading{font-size: 135%;}
	#pg13 .pg5_container .para{font-size: 100%; margin-top: 4em;}
	#pg13 .pg5_container .lineAnim#line2, #pg13 .pg5_container .diamondWrap.bottom_diamond{top: 32vw!important;}
	.map_section{background-size: 200%;}
	.globeWorld .markerBx img{width: 30px;}
	.markerBx span{left: 33px;}
	.markersWrapper{top: 13%; left: 0; width: 80%; height: 62%;}
	.pg5_container .para{}
	
	.map_popUp{width: 35vw;}
	.close_btn{top: -5.5vw; right: -36.05vw; width: 5.1625vw;}
	.map_popUp .map_top .map_head, .map_popUp .map_bottom .map_head, .map_popUp .map_top .mapDisclaimer, .map_popUp .map_bottom .mapDisclaimer{font-size: 1.825vw;}
	.map_popUp .map_top .map_arrow, .map_popUp .map_bottom .map_arrow{width: 7.90625vw;}
	
	footer .bottom_section .footer_navigation{padding: 0 5.333333vw 5.148148vw;}
	footer .bottom_section .footer_navigation .footer_nav{width: 39%; margin-bottom: 1em; padding: 3%;}
	footer .bottom_section .footer_navigation .footer_nav address{font-size: 10px; line-height: 1.5em;}
	footer .bottom_section .footer_navigation .footer_nav a{font-size: 2.798551vw; line-height: 1.4em;}
	footer .bottom_section .footer_navigation .footer_nav:nth-child(3), footer .bottom_section .footer_navigation .footer_nav:nth-child(4){width: 90%;}
	footer .footer_logo { border-bottom: 0; padding: 0; margin-bottom: 0; }
	footer .social_icons{margin-bottom: 0;}
	footer .social_icons .social_text{opacity: 0;}
	footer .top_section{padding-top: 24.395833vw;}
	footer .bottom_section .footer_navigation .footer_nav .nav_title{margin-bottom: 2.407407vw;}
	.loaderCircle span{font-size: 5vw;}
	
	#pg12 .pg5_container .lineAnim{top:32vw;}
	#pg12 .pg5_container .bottom_diamond.diamondWrap{top:31vw;}
	
	footer .bottom_section .footer_navigation .footer_nav a{margin-bottom: 0;}
	
	.container a.linkAbout{top: 18%;}
	.container a.linkOverview{top: 14%;}
	.container a.linkPresence{top: 74%;}
	#pg5 .pg5_container .para{width: 85%;}
	
	#frame1 .loadingTxt{font-size: 3.8vw;}
	.mapWrapper{height: 57vh;}
	.pg8RHS{top:47vh!important; display: block;}
}

@media all and (max-width: 450px) {
	#pg5 #ph1, #pg5 .pg5_container .sub_heading, .resiRetailTitle .sub_heading{font-size: 135%;}
	#pg5 .pg5_container .para, .resiRetailTitle .para{font-size: 100%;}
	.navStatic{display: none;}
	#pg6 #slider, #pg7 #slider{top: 40vw;}
	#pg5 .pg5_container #ph2{margin-top:0;}
    #pg5 .pg5_container #ph1 { margin-top: 0.3em; }
	#pg5 .pg5_container .para{margin-top: 2.5em; width:100%;}
	#pg5 .pg5_container{top: 10%;}
	#pg8 .resiRetailTitle .sub_heading#ph1{line-height: 1.5em;}
	.pg8RHS .pgVidBx{margin-top: 2em;}
	.pg8RHS .pgVidBx .pgVidBx1, .pgVidBx2, .pgVidBx3{top: 0.5em;}
	#pg13 .pg5_container .para{margin-top:1.7em; width:100%;}
	
	#pg13 .pg5_container #ph2{margin-top:0;}
    #pg13 .pg5_container #ph1 { margin-top: 0.6em; }
}

@media all and (max-width: 400px) {
	#pg5 #ph1, #pg5 .pg5_container .sub_heading, .resiRetailTitle .sub_heading, #pg13 .pg5_container .sub_heading{font-size: 116%;}
	#pg5 .pg5_container .para, .resiRetailTitle .para, #pg13 .pg5_container .para { font-size: 85%; }
	#pg13 .pg5_container .para{margin-top: 2em;}
	.mapWrapper{height: 65vh;}
	.pg8RHS{top:50vh!important; display: block;}
	#pg9 .project_slides .project_content .project_logos img{height: 60px;}
	#pg9 .project_slides .project_content .project_text{font-size: 110%;}
}

@media screen and (max-width: 500px), screen and (max-height: 700px) {
    .compass {
        bottom: -32%;
    }
    #pg6 #slider, #pg7 #slider {
        top: 50vw;
    }
    .pg8RHS {
        /*top: 93vw !important;*/
        height: 130vw;
    }
    .map_section {
        background-size: 230%;
    }
	
	.mapWrapper{height: 56vh;}
}

@media screen and (min-width: 600px) and (min-height: 600px) and (max-height: 700px){
	.pg8RHS .pgVidBx video { height: 25.7875vw!important; }
}



/* Handle larger screens only if they don’t fall under the 500px category */
@media all and (min-width: 501px) and (max-width: 1366px) {
    .slideCount {
        top: 60vh;
    }
    #pg6 #slider, #pg7 #slider {
        top: 15vw;
    }
    /*.pg8RHS{top:0vw !important;}*/
    .pg8RHS .pgVidBx video{height:16.7875vw;}
    .pg8RHS .pgVidBx video{height:19.7875vw;}
	/*#pg13 #ph1 br{display: none;}*/
}

@media all and (max-width: 540px) {
    .menu_items {
        padding:6.038647343vw;
        padding-top: 24.154589372vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .menu_items .menu_video {
        width:100%;
        height: 25%
    }

    .menu_items .menu_video video {
        -o-object-fit: cover;
        object-fit: cover
    }

    .menu_items .menu_lists {
        height:auto;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 6.038647343vw;
        height: 82.1256038647vw;
        overflow: hidden;
        overflow-y: scroll;
        padding-right: .48309178744vw
    }

    .menu_items .menu_lists::-webkit-scrollbar {
        width: 1px
    }

    .menu_items .menu_lists::-webkit-scrollbar-thumb {
        background: rgba(209,171,102,0.2);
        -webkit-border-radius: 2px;
        border-radius: 2px
    }

    .menu_items .menu_lists .menu_list {
        width:45%;
        padding-left: 0
    }

    .menu_items .menu_lists .menu_head {
        font-size:4.8309178744vw;
        margin-bottom: 3.6231884058vw
    }
    
    .menu_items .menu_lists .menu_list.menu_margin div a { font-size: 4.8309178744vw; }

    .menu_items .menu_lists a {
        font-size:2.89855072464vw;
        margin-bottom: 2.4154589372vw;
        line-height: 1.4
    }

    .menu_items .menu_lists .sub_menu_head::before {
        content:'';
        width: 3.6231884058vw;
        height: 3.6231884058vw;
        position: absolute;
        background: url("../images/icons/next.png") no-repeat;
        background-size: 3.6231884058vw;
        right: -5.31400966184vw;
        top: .48309178744vw;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in
    }

    .menu_items .menu_lists .sub_menu_head {
        font-size:3.38164251208vw;
        margin-bottom: 2.89855072464vw;
        line-height: 1.5 !important;
        display: inline-block
    }

    .menu_items .menu_lists .menu_Box {
        margin:0
    }

    .menu_items .menu_lists .menu_Box .accord_sub {
        height: 0;
        opacity: 0;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        position: relative;
        z-index: 1
    }

    .menu_items .menu_lists .menu_Box .accord_sub div {
        opacity: 0;
        height: 0
    }

    .menu_items .menu_lists .menu_Box .accord_sub div a {
        opacity: 0;
        height: 0;
        margin: 0
    }

    .menu_items .menu_lists .menu_Box .accord_sub div:nth-last-child(1) a {
        margin: 0 !important
    }

    .menu_items .menu_lists .menu_Box .active ~ .accord_sub {
        height: auto;
        opacity: 1;
        padding-bottom: 1.5625vw
    }

    .menu_items .menu_lists .menu_Box .active ~ .accord_sub {
        padding-bottom:3.6231884058vw
    }

    .menu_items .menu_lists .menu_Box .active ~ .accord_sub div {
        opacity:1;
        height: auto
    }

    .menu_items .menu_lists .menu_Box .active ~ .accord_sub div a {
        opacity: 1;
        height: auto;
        margin-bottom: 1.04166666667vw
    }

    .menu_items .menu_lists .menu_Box .active ~ .accord_sub div a {
        margin-bottom:2.89855072464vw
    }

    .menu_items .social_head {
        left:5vw;
        bottom: 30vw;
        gap: 4.8309178744vw;
    }

    .menu_items .social_head .social_text {
        font-size:4.34782608696vw; position: relative; top: -3px;
    }

    .menu_items .social_head .social_link {
        gap:4.8309178744vw
    }

    .menu_items .social_head .social_link a svg {
        width:4.8309178744vw
    }

    .menu_items .social_head .social_link a:hover svg {
        -webkit-transform:translateY(-1.2077294686vw);
        -ms-transform: translateY(-1.2077294686vw);
        transform: translateY(-1.2077294686vw)
    }

    .menu_items .tribeca_head {
        width:88%;
        top: 17.1497584541vw;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .close {
        width:6.038647343vw;
        top: 6.038647343vw;
        right: 6.038647343vw
    }
    
    #pg8 .resiRetailTitle .para{margin-top:4em;}
}

@-webkit-keyframes revolveDrop {
    30% {
        -webkit-transform: translate(0, 50px) scale(1);
        transform: translate(0, 50px) scale(1)
    }

    60% {
        -webkit-transform: translate(0, 20px) scale(0.8);
        transform: translate(0, 20px) scale(0.8)
    }

    100% {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
        opacity: 1
    }
}

@keyframes revolveDrop {
    30% {
        -webkit-transform: translate(0, 50px) scale(1);
        transform: translate(0, 50px) scale(1)
    }

    60% {
        -webkit-transform: translate(0, 20px) scale(0.8);
        transform: translate(0, 20px) scale(0.8)
    }

    100% {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
        opacity: 1
    }
}

@media screen and (min-width: 1900px) {
    #pg1 .frame2, #pg4 .frame2, #pg5 .videoFrame{width:100%;}
    #pg5{z-index:2;}
    header .menuIcon{width:60px;}
}

@media all and (max-width: 393px) and (min-height: 700px) and (max-height: 900px) {
    .pg8RHS { top: 42vh !important;}
}

@media all and (max-width: 400px) and (max-height: 700px){
    .pg8RHS{top:45vh!important;}
}