/*
Theme Name: 101 Moorgate
Author:
Version: 1
*/

/* common css start here */
.TBspace{padding:100px 0;}
.LRspace{padding:0 140px;}

.content_1640{
  max-width:1680px;
  width:100%;
  padding:0 20px;
  margin:0 auto;
}

.content_1440{
  max-width:1480px;
  width:100%;
  padding:0 20px;
  margin:0 auto;
}

.content_1360{
  max-width:1400px;
  width:100%;
  padding:0 20px;
  margin:0 auto;
}

.content_1230{
  max-width:1270px;
  width:100%;
  padding:0 20px;
  margin:0 auto;
}

.content_1100{
  max-width:1140px;
  width:100%;
  padding:0 20px;
  margin:0 auto;
}

.content_820{
  max-width:840px;
  width:100%;
  padding:0 20px;
  margin:0 auto;
}

.col_1_1 .col{ width: 50%;}
.col_1_1_1_1 .col{ width: 25%;}
.col_1_1_1_1_1 .col{ width: 20%;}
.col_20_40_40 > .col{width:26%;}
.col_20_40_40 > .col:first-child,
.col_20_40_40 > .col.investorLogo,
.col_20_40_40 > .col.footerlogobox{width:11%;}

.col_20_40_40 > .col.contactInfo{
  padding-left:20px;
  padding-right:20px;
  width:52%;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
}
.col_20_40_40 > .col.contactInfo .officeEnq{width:66.66%;}
.col_20_40_40 > .col.contactInfo .retailEnq{width:33.33%;}
.col_20_40_40 > .col.contactInfo .retailEnq .col{ width: 100%;}

.col_64_36 .col{ width: 36%;}
.col_64_36 .col:last-child{ width: 64%}

.col_40_60 .col{ width: 60%;}
.col_40_60 .col:first-child{ width: 40%}

.col_28_72 .col{ width: 72%;}
.col_28_72 .col:first-child{ width: 28%}

.col_36_28_36 .col{width:36%;}
.col_36_28_36 .col:first-child, .col_36_28_36 .col:last-child{width:32%;}

footer ul, ul.homeRecordSlide{margin:0px; padding:0px; list-style-type:none;}
footer ul li, ul.homeRecordSlide li{margin:0px; padding:0px;}
ul.homeRecordSlide .slick-arrow.slick-disabled{ display: none;}

body.page-template-default #page-wrap, body.error404 #page-wrap{padding-top:148px;}
body.page-template-default .TBspace{ padding-top: 0px;}

body.error404 .TBspace{padding-top:20px; position: relative; z-index: 2;}

body.error404 #page-wrap{ overflow: hidden;}
body.error404 #page-wrap::before{
  content:'';
  clip-path:polygon(100% 0, 0 100%, 100% 100%);
  position:absolute;
  bottom:0;
  right:0;
  z-index:1;
  background-color:#FEE03A;
  width:30vw;
  height:30vw;
  display:block;
  visibility:visible;
}

.bannerText a, .imageTextBlock .linkBox a, .homeRecordSlide .boxInfo .linkBox a, .localAreaLink a{padding-bottom:2px; position: relative;}

.bannerLink a::after,
.bannerText a::after,
.imageTextBlock .linkBox a::after,
.homeRecordSlide .boxInfo .linkBox a::after,
.localAreaLink a::after{
  content: '';
  position: absolute;
  width:100%; height: 1px;
  display: block;
  left:0;
  bottom: 0;
  background: #fff;
  transition: width .2s ease;
  -webkit-transition: width .2s ease;}
.homeRecordSlide .boxInfo .linkBox a::after{ width: 100%;}
.localAreaLink a::after{ background-color:#FF525C;}

.slideInfo.lightgreenBG .linkBox a::after, .slideInfo.yellowBG .linkBox a::after{ background:#FF525C;}

.bannerLink a:hover::after,
.bannerText a:hover::after,
.imageTextBlock .linkBox a:hover::after,
.localAreaLink a:hover::after{width:0; left: auto; right:0; bottom: 0px;}

.bannerText a:hover, .imageTextBlock .linkBox a:hover, .localAreaLink a:hover{ color:#FF525C;}
.bannerText a::after, .imageTextBlock .linkBox a::after{ background-color:#FF525C;}

.imageTextBlock .redBG .linkBox a:hover{ color:#ffffff;}
.imageTextBlock .redBG .linkBox a::after{ background-color:#ffffff;}

.yellowBG{background-color:#FEE03A;}
.redBG{background-color:#FF525C;}
.lightgreenBG{background-color:#86E0C7;}
/* new brand colors */
.darkGreenBG{background-color:#003D3A}
.darkBlueBG{background-color:#172B36}
/* new brand colors */


.overviewImageHolder .box,
.parallaxImgBox .box,
.imageTextBlock .box,
.workSpaceOne .box,
.workSpaceTwo .box,
.ourWorkBlock .box,
.foodLargeImage .box,
.retailFoodDrinkImage .box,
.scaleImage, .slideImage
{ overflow: hidden;}

.scrollText{ position: absolute; left: 140px; bottom:40px; z-index: 1; font-size: 20px; line-height: 28px; letter-spacing:-0.8px; text-transform:uppercase; cursor: pointer; color:#fff; overflow: hidden;}
.localAreaBanner .scrollText, .homeHero .scrollText{ color: #FF525C;}

.scrollText{
  -webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}

.scrollText span{position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;}

.scrollText span::before {
  position: absolute;
  top: 100%;
  content: 'scroll';
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.scrollText:hover span{-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);}
/* common css end here */

/* header css start here */
header{
  position:fixed;
  left:0;
  right:0;
  top:0;
  width:100%;
  padding:40px 0;
  z-index: 999;
}
body.page-template-default .logoColor,
body.error404 .logoColor{fill:#172C35;}

body.page-template-template-local-area #page-wrap{ overflow: hidden;}

body.open-menu .logoColor,
body.page-template-default header.scroll .logoColor,
body.page-template-template-local-area header.scroll .logoColor{fill:#ffffff;}
.headerBlock{ display:flex;}
.headerBlock .logo a{ display:block; line-height: 0;}

header.scroll{background-color:rgba(32,44,51,0.8); padding:12px 0;}
header.scroll .responsiveLink{top:21px;}
header.scroll .logo svg{width:100px; height:64px;}

body.open-menu header.scroll{ background-color:transparent; border-bottom: 0px;}
/* header css end here */

/* home page css start here */
.fullBanner{ height: 100vh;}
.homeHero .box, .homeHero .jarallax{ height: 100%;}
.homeHero .box::before{ padding-top: 0;}
.homeHero .imageHolder::before, .homeHero .jarallax::before{
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  background: rgb(23,43,54);
  background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 20%, rgba(23,43,54,0.5970588919161415) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 20%, rgba(23,43,54,0.5970588919161415) 100%);
  background: linear-gradient(90deg, rgba(255,255,255,0) 20%, rgba(23,43,54,0.5970588919161415) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#172b36",endColorstr="#172b36",GradientType=1); 
  mix-blend-mode: multiply;
}
.homeHero .content_1360{ position: absolute; left:0; top:0; right: 0; height: 100%; z-index: 1;}
.homeHero .bannerInfo{ max-width:600px; margin-left: auto; margin-right: -80px; width: 100%; 
  /* margin-top: 100px; */
}
.homeHero .bannerInfo, .homeHero .bannerInfo h1{ color:#fff;}
.homeHero .bannerInfo h1{ padding-bottom:3.542vw;}
.homeHero .bannerInfo h2{
  font-family: 'TT-Norms-Pro-Regular', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size:34px;
  line-height:50px;
  letter-spacing:-1.68px;
  padding-bottom:7px;
  color:#fff;
}
.homeHero .bannerInfo .bannerLink{padding-top:20px;}
.bannerInfo h1, .bannerInfo h2, .bannerInfo h3, .bannerInfo h4, .bannerInfo h5, .bannerInfo h6{ color:#fff;}
.bannerLink a{text-decoration:none; text-transform:uppercase; color:#fff; padding-bottom:2px; position:relative; 
  border:#fff solid 1px; 
  border-radius:32px;
  padding:6px 16px;
  font-size:18px;
  line-height:26px;
  display: inline-block;
}
.bannerLink a:hover{ color:#fff;}

.homeHero::before{
  clip-path: polygon(0 74%, 0% 100%, 100% 100%);
  content:'';
  width:40%;
  height:60%;
  position:absolute; z-index:1;
  left:0;
  bottom:-1px;
  background-color:#FEE03A;}

.overviewBlock::before{
  clip-path: polygon(0 0, 0 100%, 100% 0);
  background-color:#FEE03A;
  content:'';
  width:40%;
  height:80%;
  position: absolute; z-index: 1;
  left: 0;
  top: 0;
  background-color:#FEE03A;
}

.patternBlock{
  width:18%;
  max-width:400px;
  height:65%;
  position:absolute;
  right:0; top:0; z-index: 1;
background-image:url('images/red-pattern.svg'); background-repeat: repeat;
background-attachment:fixed;}
.overviewBlock{ background-color:rgba(216,213,202,0.45); padding-bottom:20vw; padding-top:120px;}
.overviewBlock .content_1360{position:relative; z-index:2;}
.overviewInfo{max-width:500px; margin:0 auto; text-align:center;}
.overviewInfo p:last-of-type{ padding-bottom: 0px;}
.overviewImageHolder.TBspace,
.overviewVideoHolder.TBspace,
.overviewInfo.TBspace{ padding-top:0; padding-bottom:90px;}

.overviewInfo h2{padding-bottom:24px;}

.vidHolder {position: relative;}
.vidContainer {
  width: 100%;
  background-color: #172C35;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  padding-bottom: 56.25%;
}
.vidContainer iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.parallaxImgBox .box::before{ padding-top: 120%;}

.parallaxBlock{ overflow: visible;}
.parallax80 .jarallax{height:80vh;}
.parallax100 .jarallax{height:100vh;}
.parallaxImgBox{ position: absolute; left: 0; right: 0; top: -20vw; z-index: 1;}
.content_820.parallaxImgBox{ width: 60%;}

.jarallax {
  position: relative;
  z-index: 0;
}
.jarallax .jarallax-img {
  position:absolute;
  object-fit:cover;
  top: 0;
  left: 0;
  width: 100%!important;
  display: block;
  max-width: 100%;
  height: auto;
  z-index: -100
}

.boxInfo p:last-of-type{padding-bottom:0px;}
.imageTextBlock .linkBox, .homeRecordSlide .boxInfo .linkBox{padding-top:28px;}
.imageTextBlock h2{padding-bottom:24px;}
.imageTextBlock .boxInfo .linkBox a, .homeRecordSlide .boxInfo .linkBox a{text-transform:uppercase; text-decoration:none;}
.imageTextBlock .box::before{padding-top:0%;}
.imageTextBlock .box{ height: 100%;}
.boxInfo{max-width:490px; margin:0 auto; text-align:center; padding: 20px;}
.imageTextBlock .col{ min-height:60vh;}

.imageTextBlock .lightgreenBG h2, .slideInfo.lightgreenBG h2{color:#FF525C;}

.imageTextBlock .redBG, .imageTextBlock .redBG a,
.slideInfo.redBG, .slideInfo.redBG a
{color:#fff;}
.imageTextBlock .redBG h2, .slideInfo.redBG h2{color:#FEE03A;}

.imageLargeCaption{ text-align: center;}
.imageLargeCaption .content_1100{ z-index: 2; position: relative;}
body.page-template-template-home .imageLargeCaption::before{
  content:'';
  position:absolute;
  top:50%;
  left:-20%;
  transform: translate(0,-50%);
  z-index:1;
  background-color:#86E0C7;
  width:40vw;
  height:40vw;
  border-radius:100%;
  display: block;
  visibility:visible;
}

.workSpaceTwo .circle{
  content:'';
  position:absolute;
  right:-16%;
  bottom:-28%;
  z-index:1;
  background-color:#86E0C7;
  width:40vw;
  height:40vw;
  border-radius:100%;
  /* display: block; */
  display: none;
  visibility:visible;
}

.workSpaceTwo .triangle{
  content:'';
  clip-path: polygon(0 100%, 0 0, 100% 100%);
  position:absolute;
  left:0;
  bottom:0;
  z-index:1;
  background-color:#FEE03A;
  width:10%;
  height:12%;
  display: block;
  visibility:visible;
}

.workSpaceOne .workSpaceHalfRound{
  content:'';
  clip-path: circle(50% at 100% 50%);
  position:absolute;
  top:-20%;
  right:0;
  z-index:1;
  background-color:#86E0C7;
  width:60%;
  height:144%;
  display: block;
  visibility:visible;
  z-index: 3;
}
.retailFoodDrinkBlock .workSpaceHalfRound{
  content:'';
  clip-path: circle(50% at 100% 58%);
  position:absolute;
  bottom:0;
  right:0;
  z-index:1;
  background-color:#86E0C7;
  width:60%;
  height:94%;
  display: block;
  visibility:visible;
  z-index: 1;
}
.workSpaceTwo .Largetriangle{
  content:'';
  clip-path: polygon(50% 100%, 0 25%, 100% 25%);
  position:absolute;
  bottom:60px;
  left:-18%;
  z-index:1;
  background-color:#FEE03A;
  width:90%;
  /* height:85%; */
  height:132%;
  display:block;
  visibility:visible;
  z-index:0;
}
body.page-template-template-home .largeCaption{ position: relative;}
body.page-template-template-home .imageLargeCaption::after,
body.page-template-template-home .largeCaption::after{
  content:'';
  clip-path:polygon(50% 13%, 0% 100%, 100% 100%);
  position:absolute;
  bottom:0;
  right:-42%;
  z-index:1;
  background-color:#FEE03A;
  width:80%;
  height:100%;
  display: block;
  visibility:visible;
}
body.page-template-template-home .largeCaption::after{ display:none;}
.imageLargeCaption h2{font-size:3.2vw; line-height:3.6vw; letter-spacing:-0.066vw;}
.largeCaption.grayPattern, .retailFoodDrinkBlock, .localConnection.Pattern{
  /* background-image: url('images/gray-pattern.svg');  */
  background-image: url('images/new-pattern-repeat.svg');
  background-attachment:fixed;
}

body.page-template-template-local-area .largeCaption,
body.page-template-template-retail .largeCaption{ background-color:rgba(216,213,202,0.5); position: relative;}

body.page-template-template-retail .largeCaption .content_1100{max-width:1260px;}

body.page-template-template-local-area .largeCaption .rightPanel,
body.page-template-template-retail .largeCaption .rightPanel{
  content:'';
  clip-path: polygon(100% 0, 100% 100%, 0% 100%, 42% 0);
  position:absolute;
  bottom:0;
  right: 0;
  z-index:1;
  background-color:#FEE03A;
  width:60%;
  height:100%;
  display: block;
  visibility:visible;
}

body.page-template-template-building .largeCaption::after,
body.page-template-template-sustainability .heroBlock::after{
  content:'';
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  position:absolute;
  bottom:0;
  right: 0;
  z-index:1;
  background-color:#FF525C;
  width:24%;
  height:50%;
  display: block;
  visibility:visible;
}
body.page-template-template-building .largeCaption::after{ opacity: 0; bottom:-20px; right: -20px;}
body.page-template-template-sustainability .heroBlock::after{
  width:30%;
  height:50%;
}
body.page-template-template-building .largeCaption::before,
body.page-template-template-retail .shapeBox::before{
  content:'';
  position:absolute;
  top:0%;
  left:-42%;
  transform: translate(0,-50%);
  z-index:1;
  background-color:#FEE03A;
  width:40vw;
  height:40vw;
  border-radius:100%;
  display: block;
  visibility:visible;
}
body.page-template-template-building .largeCaption{ overflow: hidden; position: relative;}

.homeRecordSlide .boxInfo{max-width:100%;}
.homeRecordSlide li{ padding:0 10px!important; height: 100%;}
.homeRecordSlide li .slideInfo{ height: 100%; position: relative; padding-bottom: 60px;}
.mobileSlider{ background-color:#EEECE7; padding:40px 0}
.homeRecordSlide li .slideInfo .boxInfo{padding-bottom:14px;}
.homeRecordSlide li .slideInfo .linkBox{position:absolute; left:0; right:0; bottom:30px;}

.homeRecordSlide li.slick-slide{ height: auto;}

.homeOne::before{ display: none; width: 100%; height:40%; content:''; position: absolute; z-index: 1; bottom:-1%; left: 0; background-color:#EEECE7; clip-path: polygon(100% 70%, 100% 100%, 0 100%, 0 90%);}
.topcurveAngle{clip-path: polygon(0 0, 100% 0, 100% 10%, 0 30%); position: absolute; left: 0; top:0; width: 100%; height: 40%; background-color:#EEECE7; z-index: 1; display: none;}
/* home page css end here */

/* Local Area css start here */
.localAreaBanner .content_1360{max-width:100%; padding:0 140px;}
.localAreaBanner h1{
  font-size:46px;
  line-height:48px;
  padding-right:14%;
  letter-spacing:-1.2px;
}
.localAreaBanner{ 
  /* background-color:rgba(216,213,202,0.45); */
  background-color:#003D3A;
  padding-top:150px; 
  padding-bottom:40px; 
  position:relative;
  }
.localareaHero .box::before{ padding-top: 100%;}
.localAreaBanner::before{
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background-color:#FEE03A;
  position: absolute;
  content:'';
  width:45%;
  height:90%;
  left:-40px;
  bottom:0;
  opacity: 0;
}

.localAreaBanner .bannerText{ padding-top:0;}
.localAreaBanner .bannerText h1{ color:#fff;}
.localAreaBanner .bannerText a{ color:#172C35;}
.localAreaBanner .bannerText a::after{ background-color:#172C35;}

.localareaHero .col:first-child{width:50%;}
.localareaHero .col:first-child .bannerText{ max-width: 100%;}
.localareaHero .col:last-child{width:50%; position: relative;}

.localareaHero .col:last-child .imageInfo{bottom:12vw; right:-22vw; width:24vw;}
.localareaHero .col:last-child .imageInfo img{width:36%;}

/* park css start here */
.parkBlock{ 
  position:relative;
  background-color:#003D3A;
}
.parkBlock .content_1360{ max-width: 100%; padding-left: 140px; padding-right: 140px;}
.parkBlock.TBspace{ padding-bottom: 0px; padding-top: 5vw;}
.parkBlock::before{
clip-path: polygon(0 0, 100% 100%, 100% 0);
background-color:#FEE03A;
position: absolute;
content:'';
width:45%;
height:60%;
right:-40px;
top:0;
opacity: 0;
}
.parkBlock::after{
background-image:url('./images/green-pattern.svg');
position: absolute;
content:'';
width:28%;
height:40%;
left:0;
bottom:0;
background-attachment: fixed;
}
.foodBlock::before{
background-image:url('./images/green-pattern.svg');
position: absolute;
content:'';
width:28%;
height:40%;
left:0;
top:0;
background-attachment: fixed;
z-index: 1;
}
.parkBlock .imagesBlock{ overflow: visible;}
.parkBlock .imagesBlock .col:last-child{padding:0 4vw; padding-right:8vw; position:relative; z-index:1;}
.parkBlock .imagesBlock .col:last-child .imageHolder{ overflow:hidden; border-radius: 100%;}
.parkBlock .imagesBlock .col:first-child{ padding-left:40px; padding-right:7.6vw; margin-top:-16vw; position:relative;}
.parkBlock .imagesBlock .col:first-child .box::before{padding-top:90%;}
.parkBlock .imagesBlock .col .box::before{padding-top:100%;}

.localareaHero .imageInfo{width:22vw; right:0; bottom:-12vw;}

.parkBlock .imagesBlock .col:first-child .imageInfo{width:20vw; left:-1vw; bottom:10vw;}
.parkBlock .imagesBlock .col:first-child .imageInfo img{ width:20%;}
.parkBlock .imagesBlock .col:last-child .imageInfo{bottom:1vw; right:-8.5vw; width:22vw;}
.parkBlock .imagesBlock .col:last-child .imageInfo img{ width:36%;}


.cultureInfo, .parkInfo, .foodInfo{
  position:absolute;
  top:50%;
  transform:translate(0,-50%);
  left:0;
  right:0;
  font-family: 'TT-Norms-Pro-Bold';
  font-weight: bold;
  font-style: normal;
  font-size:2.4vw;
  line-height:2.4vw;
  letter-spacing:-0.096vw;
  padding-right:28vw;
  text-align:center;
}
.cultureInfo{ color:#ffffff;}
.parkTitle{
  position:relative;
  /* overflow:hidden;  */
  /* margin-top:-4vw; */
}
.parkTitle h2{
  font-size:22vw; 
  line-height:16.8vw; 
  letter-spacing:-0.5vw; 
  color:#155956; 
  text-align:right; 
  right:0; 
  position:relative; padding-bottom: 0; text-transform: uppercase; z-index:1; padding-right:3vw;}
.parkInfo{
  padding-left:54vw;
  width:100vw;
  padding-right:12vw;
  color:#ffffff;
  transform:translate(0,0);
  top:auto;
  bottom:25%;
  text-align:left;
  z-index:2;
}
/* park css end here */

/* food css start here */
.foodBlock{ 
  /* padding-top: 40px; */
  overflow:visible;
  background-color:#E7E4DF;
}
.foodBlock .graybg{ 
  position:absolute; 
  left:0; 
  top:0; 
  background-color:#003D3A; 
  width:100%; height:30%;
}
.parkBlock .graybg{background-color:rgba(216,213,202,0.45); position:absolute; left:0; bottom:0; height:20%; width:100%;}

.foodLargeImage{position:relative; z-index:2; margin-top:-0.4vw;}
.foodLargeImage .box::before{padding-top:54%;}
.foodLargeImage .imageTitle{
  font-size:20px;
  line-height:28px;
  letter-spacing: -0.8px;
  max-width:120px;
  margin-left:auto;
}
.foodTitle{
  position:relative;
  /* overflow:hidden;  */
  margin-top:-4.8vw; z-index:1;}
.foodTitle h2{
  font-size:20vw; 
  line-height:23vw; 
  letter-spacing:-1.35vw; 
  color:#87E0C7; left:3vw; position:relative; padding-bottom:0; text-transform:uppercase;}
.foodInfo{
  /* padding:0 22vw;  */
  padding-left:15vw;
  padding-right: 44vw;
  color: #172C35; transform:translate(0,0); bottom:41%; top:auto;}

.foodImagecol.TBspace{padding-bottom:0; overflow:visible; padding-top:60px;}
.foodImagecol .col{width:36%; padding:0 8px;}
.foodImagecol .col:first-child{width:64%; padding-left:0;}
.foodImagecol .col:first-child .imageInfo{margin-left:0; width:28vw;}
.foodImagecol .col:first-child .imageInfo img{width:30%;}
.foodImagecol .col:last-child{padding-right:0; padding-top:8vw;}
.foodImagecol .col:last-child .imageInfo{left:-5vw; width:26vw; bottom:1.8vw;}
.foodImagecol .col:last-child .imageInfo img{width:40%;}

/* .foodImagecol .col:last-child .imageInfo{ width: 100%;}



.foodImagecol .col:last-child .imageInfo span{ width:40%; padding-left:10%;} */
.foodImagecol .box::before{padding-top:70%;}
.foodImagecol .imagebox{padding-bottom:16px;}

.foodImagecol .imageInfo{ width: 22vw; margin: 0 auto; margin-top: -3vw; position: relative;}
.foodimagesBlock .content_1230{z-index:5; position:relative;}
.foodimagesBlock{ overflow: visible; position:relative;}
.foodimagesBlock::before{ content:''; background-color:rgba(216,213,202,0.45); position:absolute; left: 0; top:0; height:36%; width: 100%;}

.foodimagesBlock .rightCircle{
  position: absolute;
  right: 0;
  top:-20%;
  width:50%;
  height:120%;
  background-color:#86E0C7;
  clip-path: circle(50% at 100% 50%);
  z-index: 4;
}
/* food css end here */

/* art css start here */
.artBlock{display: flex; overflow: visible; z-index: 3; padding-top: 6vw;}
.artTitle{ overflow: hidden; padding-bottom: 1%; margin-bottom: -1%;}
.artTitle h2{font-size:26vw; line-height:19vw; letter-spacing:-0.8vw; color:#87E0C7; text-align:right; position:relative; padding-bottom:0; text-transform:uppercase; z-index:1;
right: -1.5vw;}
.artImage{width:50%; height:50%; position:relative; padding-bottom:0px; z-index: 1;}
.artImageHolder{clip-path:polygon(0 0, 0 100%, 100% 100%); padding-top:80%;
margin-top:-20.5vw; position:relative; overflow: hidden;}
.artImageHolder .box{ height: 100%; width: 100%; position: absolute; left: 0; top:0; transform: scale(1.3);}
.artImageHolder .box::before{ padding-top: 0;}
.artImage .imageInfo{width:32vw; position:absolute; bottom:1.2vw; left:6vw;}

.artImage .imageInfo img{width:50%;}
.artImage .imageInfo span{width:40%; padding-left:10px;}
.rightTriangle{
  clip-path:polygon(100% 0, 0% 100%, 100% 100%);
  background-color:#FEE03A;
  position:absolute;
  right:0;
  bottom:-2px;
  width:42%;
  height:140%;
}
.leftTriangle{
  width:38%;
  height:50%;
  background-color:#86E0C7;
  position: absolute;
  left: 0;
  bottom: 0;
  clip-path: polygon(0 0, 100% 0%, 52% 100%, 0% 100%);
}

/* art css end here */

.localConnection{background-color:#E7E4DF; text-align:center;}
.localConnection h2{letter-spacing:-2.08px; padding-bottom:20px;}
.localConnection p{font-size: 20px;line-height:24px; letter-spacing:-0.8px;letter-spacing: -0.8px;}

.travelStation{padding-top:10px;}
.localConnection > div > div:last-of-type{margin-bottom: 0px;}
.mobileCode, .desktopcode{margin: 0 auto;text-align:center;}
.mobileCode svg{ max-width: 300px;}

.wideImage{ z-index: 2; position: relative;}
.wideImage .box::before{ padding-top:40%;}
.wideImage .box{ overflow: hidden;}
.wideImage .viewElm{ transform: scale(1.2); left:-80px;}

.cultureBlock > .darkBlueBG.TBspace{padding-top:0; padding-bottom:calc(9% + 80px);}
.circleHolder{ position: relative;}
.circleHolder::before{
  content:'';
  position:absolute;
  top:-10%;
  right:-18%;
  z-index:1;
  background-image:url('images/white-pattern.svg');
  width:50vw;
  height:50vw;
  border-radius:100%;
  display:block;
  visibility:visible;
  z-index:1;
  background-attachment:fixed;
  background-size:160px;
}

.cultureTitle{position:relative; margin-top:-2%; z-index: 3;}
.cultureTitle h2{
  font-size:21vw;
  line-height:18vw;
  letter-spacing: -1.24vw;
  position:relative;
  color:#27404D;
  padding-bottom:20px;
  text-transform:uppercase;
  text-align:center;
}
.cultureInfo{ padding-left: 18vw; padding-right: 18vw;}


.CLimageBlock{ display:flex; position:relative; z-index:2; align-items:center; flex-wrap: wrap;}
.CLimgOne{width:20%; margin-right:-3vw; z-index: 2; position:relative;}
.CLimgTwo{width:38%; align-self:flex-start; margin-bottom:28vw; margin-left:12%; position: relative;}
.CLimgTwo .box::before{padding-top:94%;}
.CLimgThree{width:52%; align-self:flex-end; margin-left:-8vw; position: relative;}
.CLimgThree .box::before{padding-top:60%;}
.coupleImage{
  position:absolute;
  bottom:0;
  left:19vw;
  width:34%;
  /* height:32vw; */
  z-index:2;
}
.rope-barricade{width:100%; left:0; right:0; bottom:0;}

.CLimgTwo .imageInfo,
.CLimgThree .imageInfo,
.parkBlock .imageInfo,
.localareaHero .imageInfo{
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
}

.localareaHero .imageInfo{z-index:4;}
.parkBlock .imagesBlock .col:last-child{z-index:2;}

.foodImagecol .imageInfo, .artImage .imageInfo{
  z-index: 2;
  display: flex;
  align-items: center;
}

.CLimgTwo .imageInfo span,
.CLimgThree .imageInfo span,
.parkBlock .imageInfo span,
.localareaHero .imageInfo span,
.foodImagecol .imageInfo span{padding-left:10px; font-size:1vw; line-height:1.1vw; letter-spacing:-0.02vw;}
.CLimgThree .imageInfo span{ transform: translate(0,-70%);}
.CLimgTwo .imageInfo{width:30vw; right:-28.5vw; bottom:2vw;}
.CLimgThree .imageInfo{width:26vw; left:-7vw; bottom:-8vw;}

.CLimgTwo .imageInfo img,
.CLimgThree .imageInfo img,
.parkBlock .imageInfo img,
.localareaHero .imageInfo img{width:60%;}

.CLimgThree .imageInfo{ align-items:flex-end;}
.CLimgTwo .imageInfo img{width:28%;}
.CLimgThree .imageInfo img{width:36%;}

.CLimgTwo .imageInfo span{transform:translate(0,60%);}

.parkBlock .imageInfo span,
.localareaHero .imageInfo span{transform:translate(0,90%);}

.localareaHero .imageInfo span, .parkBlock .imageInfo span, .artImage .imageInfo span, .CLimgTwo .imageInfo span,
.CLimgThree .imageInfo span{color:#fff;}

.localareaHero .imageInfo span b, .localareaHero .imageInfo span strong,
.parkBlock .imageInfo span b, .parkBlock .imageInfo span strong,
.foodImagecol .col:first-child .imageInfo span b, .foodImagecol .col:first-child .imageInfo span strong,
.foodImagecol .col:last-child .imageInfo span b, .foodImagecol .col:last-child .imageInfo span strong,
 .CLimgTwo .imageInfo span b, .CLimgTwo .imageInfo span strong, 
.CLimgThree .imageInfo span b, .CLimgThree .imageInfo span strong{font-size:1.8vw; line-height:1.8vw; color:#87E0C7;}

.artImage .imageInfo span b, .artImage .imageInfo span strong{font-size:1.8vw; line-height:1.8vw; color:#fff;}

/* map css start here */
.pinchzoomTip{
  text-align:center;
  text-transform:uppercase;
  font-size:14px;
  line-height:20px;
  letter-spacing:-0.56px;
  padding:20px 64px;
  display: none;
  background-color:#EBE6DA;
  background-image:url('images/pinch.svg');
  background-size:26px;
  background-position:24px center;
  background-repeat:no-repeat;
}
.local-occupiers9 span::before,
.restaurants-bars13 span::before,
.hotels5 span::before, .hotels7 span::before, .hotels9 span::before, .local-occupiers1 span::before, .restaurants-bars5 span::before, .hotels3 span::before, .restaurants-bars20 span::before{left:auto!important; right:-10px;}

.local-occupiers9 span,
.restaurants-bars13 span,
.hotels5 span, .hotels7 span, .hotels9 span, .local-occupiers1 span, .restaurants-bars5 span,.hotels3 span, .restaurants-bars20 span{right:36px; left:auto!important;}

.pinOverlay.local-occupiers > div > div { background-color:#7E5098;}
.pinOverlay.restaurants-bars > div > div{ background-color:#C2AC59;}
.pinOverlay.leisure-fitness > div > div{ background-color:#326562;}
.pinOverlay.hotels > div > div{ background-color:#8D3E40;}
.pinOverlay.connections > div > div{ background-color:#45555E; color:#fff;}

.pinOverlay.restaurants-bars > div > div .hotspotNumber,
.pinOverlay.hotels > div > div .hotspotNumber{ background-color:#000; color:#fff;}


.pinOverlay.local-occupiers > div > div .hotspotNumber{ background-color:#fff; color:#7E5098;}
.pinOverlay.restaurants-bars > div > div .hotspotNumber{background-color:#fff; color:#C2AC59;}
.pinOverlay.leisure-fitness > div > div .hotspotNumber{background-color:#fff; color:#326562;}
.pinOverlay.hotels > div > div .hotspotNumber{background-color:#fff; color:#8D3E40;}
.pinOverlay.connections > div > div .hotspotNumber{background-color:#fff; color:#45555E;}



/* .pinOverlay.restaurants-bars > div > div .pincloseIcon,
.pinOverlay.leisure-fitness > div > div .pincloseIcon,
.pinOverlay.hotels > div > div .pincloseIcon
{background: url('images/closeIconBlack.svg') no-repeat center center; background-size: 18px;} */



.mapPinLinksBlock{ background-color: #EBE6DA;}
.mapHolder{position:relative; width:80%; height: 100%; min-height: 500px;}
.mapHolder.showconnection{ width: 100%;}
.mapHolder.showconnection ~ .maplinkList{ padding: 0px!important;}
.maplinkList{width:20%; padding: 60px; position: absolute; left: 0;
  max-height: 50vw; overflow: auto;}
.mapLinks{background-color:#fff;}  
.mapLinks ul{ list-style-type: none; margin: 0px; padding:34px 0; list-style-type: none;}
.mapLinks ul li{ margin: 0; padding:0 20px;}
.mapLinks ul li a.active{font-family: 'TT-Norms-Pro-Bold'; font-weight: bold;
font-style: normal;}
.mapLinks ul li a{cursor:pointer; font-size: 26px; line-height: 34px; letter-spacing: -1.04px; position: relative; padding-left:32px; color: #172C35;}
.mapLinks ul li a::before{position:absolute; left:0; top:6px; width:20px; height:20px; background-color:#ff0000; content:''; border-radius:50%;}

.mapimg::before{ content:''; position:absolute; left: 0; top:0; width: 100%; height: 100%; background-color:rgba(23,44,53,0.74); opacity: 0; visibility:hidden;}
/* .mapimg.showoverlay::before{ opacity: 1; visibility: visible;} */

.mapLinks ul li a[data-rel="local-occupiers"]::before{ background-color:#5F257F;}
.mapLinks ul li a[data-rel="restaurants-bars"]::before{ background-color:#B39830;}
.mapLinks ul li a[data-rel="leisure-fitness"]::before{ background-color:#003F3B;}
.mapLinks ul li a[data-rel="hotels"]::before{ background-color:#710F11;}
.mapLinks ul li a[data-rel="connections"]::before{ background-color:#172B36;}

.mappointer > div{display:none;}

 .mappointer div.connections > span{
   /* width: 8vw;
  max-width: 8vw;
  height: auto;
  background-color:transparent;
  border: 0px;
  color:#fff; */
}

.connectIcon{ margin: 0 auto; width: 4vw;}
.mappointer .name b, .mappointer .name strong{ font-size: 1vw; line-height:0.8vw;
font-family: 'TT-Norms-Pro-Bold', sans-serif;
font-weight: bold;
font-style: normal;
padding-top: 0.4vw;
}
.mappointer .name{font-size: 0.8vw; line-height:1vw; padding-top: 0.4vw;}
.locationIcon{ padding-top: 0.6vw; text-align: center; position:relative;}
.locationIcon img{ margin:0 auto; height:20px; max-height:20px; width: auto; display: inline-block; max-width: none;
  /* position: absolute;
  left: 50%;
  transform: translateX(-50%); */
}

.mappointer div > span {
  width: 28px;
  height: 28px;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  background-color: #AD585A;
  color: #fff;
  border: #000 solid 1px;
  display: block;
  font-size: 14px;
  line-height: 24px;
}

.mappointer .local-occupiers > span,
.mappointer .local-occupiers > span > span,
.maplinkList .local-occupiers ul li b{background-color:#5F257F;}
.mappointer .restaurants-bars > span,
.mappointer .restaurants-bars > span > span,
.maplinkList .restaurants-bars ul li b{background-color:#B39830;}
.mappointer .leisure-fitness > span,
.mappointer .leisure-fitness > span > span,
.maplinkList .leisure-fitness ul li b{background-color:#003F3B;}
.mappointer .hotels > span,
.mappointer .hotels > span > span,
.maplinkList .hotels ul li b{background-color:#710F11;}
.mappointer .connections > span,
.mappointer .connections > span > span,
.maplinkList .connections ul li b{background-color:#172B36;}

.mappointer .local-occupiers > span > span::before,
.mappointer .restaurants-bars > span > span::before,
.mappointer .leisure-fitness > span > span::before,
.mappointer .hotels > span > span::before,
.mappointer .connections > span > span::before{ background-color:#000;}

.maplinkList ul{ margin: 0px; padding: 0px; list-style-type:none;}
.maplinkList ul li{ cursor: pointer; margin: 0px; padding:0 0 8px 34px; position: relative;}
.maplinkList ul li b{ width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ff0000;
color:#fff;
border:#000 solid 1px;
display: block;
position: absolute;
left: 0;
text-align: center;
line-height: 22px;
font-size: 14px;
top: 4px;}
.maplinkList ul li.active{ color:#FF525C;}


.maplinkList div{ display:none;}
.maplinkList div:first-child, .mappointer div:first-child{ display: block;}

.mappointer > div > span > span {
  display: none;
  font-size: 16px;
  line-height: 24px;
  background-color: #e2383f;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  left:36px;
  white-space: nowrap;
  color: #000;
  text-align: left;
  top: 50%;
  transform: translate(0,-50%);
  border:#000 solid 1px;
  -webkit-box-shadow: 4px 4px #000;
-moz-box-shadow: 4px 4px #000;
box-shadow: 4px 4px #000;
}
.mappointer > div > span > span::before {
  content: "";
  width: 10px;
  height: 2px;
  background-color: #e2383f;
  position: absolute;
  left: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pinOverlay {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:none;
  padding:20px;
  z-index:3;
  background-color: rgba(23,44,53,0.74);
}
.pinOverlay > div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.pinOverlay > div > div {
  background-color: #C8C1A7;
  text-align: center;
  color: #fff;
  padding: 20px;
  width: 100%;
  max-width: 300px;
  border: 2px solid #fff;
  position: relative;
}
.pincloseIcon {
  background: url('images/closeIcon.svg') no-repeat center center;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-size: 18px;
  cursor: pointer;
}
.hotspotNumber {
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #fff;
  color: #8B856F;
  font-size: 24px;
  line-height: 40px;
  border-radius: 50%;
  display: block;
  margin: 0 auto 15px;
}
.hotspotNumber {
  font-size: 0;
}
.hotspotNumber::first-letter {
  font-size: 24px;
  line-height: 40px;
}
.hotspotName {
  text-transform: uppercase;
}

.zoomingIcon{
  position:absolute;
  right:20px;
  top:20px;
  z-index:1;
  display:flex;
  align-items:center;
}
.zoomingIcon a {
  background-color: #172B36;
  padding: 0px;
  margin: 0 4px;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
/* map css end here */

.londonConnection .introBlock{ padding-bottom:80px;}
.londonConnection .introBlock p:last-of-type{ padding-bottom: 0px;}
.londonConnection svg{ width: 100%; height: auto;}
/* .londonConnection .mobileCode{ display:none;} */

.travelStation h2{ padding-bottom: 0px;}
.travelStation .col{ padding: 0 20px 40px 20px; text-align: center; width: auto;}
.travelStation .col h3, .travelStation .col .subTitle{ font-size:20px; line-height:28px; letter-spacing:-0.8px;}
.travelStation .col h3{ padding-bottom: 4px;}
.travelStation .grid{ padding-top: 60px;}
/* Local Area css end here */

/* The Building css start here */
.specBlock .content_1440{padding-left:0px; padding-right:0px;}
.specBlock.TBspace{padding-bottom:60px; padding-top:60px;}
.specBlock h2{padding:0 20px 10px 20px;}
.specBlock .col{text-align:center; padding:30px 40px 30px 40px; z-index: 2;}
.specBlock .col img{ margin:0 auto;
  /* max-width:190px; */
  max-height:160px;
  width: auto;
}
.iconInfo{
  font-size:18px;
  line-height:26px;
  letter-spacing:-0.72px;
  padding-top:28px;
  /*text-transform:uppercase;
  font-family: 'TT-Norms-Pro-Bold';
  font-weight: bold; */
  font-family: 'TT-Norms-Pro-Regular';
  font-weight: normal;
  font-style: normal;
  color:#fff;
}

body.page-template-template-building .fullBanner{ overflow: visible;}
.coupleSmall{ position: absolute; left: 0; right: 0; width:11%; bottom:-60px; margin: 0 auto; opacity: 0;}
body.page-template-template-building .coupleSmall{ display: none;}

.workSpaceBlock{ overflow: visible;}
.workSpaceOne{ position: relative;}
.workSpaceOne.TBspace{ 
  background-color:#172B36;
  /* padding-bottom:100px; */
  padding-bottom:0;
}
.workSpaceOne .content_1360{ position: relative; z-index: 4;}
.workSpaceTwo{ position: relative; overflow: hidden;}
.workSpaceTwo .content_1360{ position:relative;z-index: 2;}

.workSpaceOne .box::before{ padding-top:46%;}
.workSpaceTwo::before{ content:''; width: 100%;
/* height: calc(100% - 300px);  */
height:100%;
background-color:rgba(216,213,202,0.45);
position: absolute; left:0; bottom:0;}

.imageTitle{ font-size:14px; line-height:20px; letter-spacing: 0.56px;padding-top: 10px;}
.ourWorkBlock .box::before{ padding-top:66%;}
.ourWorkBlock .col{ padding: 0 20px;}
.ourWorkBlock .col:first-child{ padding-left: 0; text-align: center;}
.ourWorkBlock .col:last-child{ padding-right: 0; }
.workInfo{ max-width:390px; margin:0 auto; margin-left: 0; text-align:left;}

/* building block start here */
.buildingBlock{
  /* background-color:#172C35; */
  background-color:#FAF9F8;
}
.buildingBlock.TBspace{padding-bottom:0;}
.buildingLevelWrap{position:relative; padding-top:34px;
  display: flex;
  flex-wrap: wrap;
}
.building{
  /* position:absolute; */
  left:0; 
  /* width:880px; */
  width:60%;
  padding-right:40px;

}
.building .mobileImage{display:none;}
.buildingLevels{position:relative; z-index:1; width:40%; padding-top:36px;}

.rowLevel.terraceLevel .floorNum,
.rowLevel.terraceLevel .floorSpace,
.rowLevel.terraceLevel .terraceSpace{position:relative;}
.rowLevel.terraceLevel .floorNum::before,
.rowLevel.terraceLevel .floorSpace::before,
.rowLevel.terraceLevel .terraceSpace::before{
  position:absolute;
  display:block;
  right:0;
  top:-34px;
  width:100%;
  /* color:#ffffff; */
  color:#172B36;
  font-family:'TT-Norms-Pro-Bold';
  font-weight:bold;
  font-style:normal;
  font-size:18px;
  line-height:26px;
  letter-spacing:0.2px;
  pointer-events:none;
  text-align:center;
}
/* .rowLevel.terraceLevel .floorNum::before{content:'Floor';} */
.rowLevel.terraceLevel .floorSpace::before{content:'Offices';}
.rowLevel.terraceLevel .terraceSpace::before{content:'Terrace';}

/* .rowLevel:first-child{height:54px;}
.rowLevel:nth-child(2){height:60px;}
.rowLevel:nth-child(3){height:64px;}
.rowLevel:nth-child(9){height:60px;}
.rowLevel:nth-child(10){height:70px;}
.rowLevel:nth-child(11){height:66px;} */
.rowLevel{
  /* height:54px;  */
  padding:10px 0;
  display:flex; font-size:20px; line-height: 28px; letter-spacing: -0.8px;cursor: pointer;
  border-bottom:#172B36 solid 1px;
}
.rowLevel:not(.let):hover{background-color:rgba(138,116,91,0.60);}
.rowLevel.basementLevel{pointer-events:none; display:none;}


.letInfo span{display:none;}
.rowLevel.let{background-color:rgba(152,104,46,0.74); pointer-events: none;}
.rowLevel.let .letInfo span{ display: block;}

.letInfo{
  /* width:64%; */
  width:12%;
  text-transform:uppercase;
  font-family:'TT-Norms-Pro-Bold';
  font-weight:bold;
  font-style:normal;
  color:#fff;
}
.tourLink{
  /* width:8%; */
  width:12%;
}
.tour{ cursor: pointer;}
.floorNum{
  width:20%;
  /* width:8%; */
  /* color: #FF525C; */
  color:#172B36;
  font-family:'TT-Norms-Pro-Bold';
  font-weight:bold;
  font-style:normal;
}
.floorSpace{
  width:28%;
  /* width:10%; */
  color:#172B36; 
  /* color:#FF525C; justify-content:flex-end!important; */
}
.terraceSpace{
  width:28%;
  /* width:10%; */
  color:#172B36; 
  /* color:#86E0C7; justify-content:flex-end!important; */
}
.letInfo.mobView{ display:none;}
.tourLink.mobView{ display:none;}

.terraceLevel .floorNum{
  /* color: #86E0C7; */
  color:#172B36;
}
.groundLevel .floorNum, .groundLevel .floorSpace{
  color:#172B36;
  /* color:#FEE03A; */
}
.basementLevel .floorNum{color:#fff;}
.rowLevel > div{ display: flex; align-items: center; justify-content:center;}

.floorTotal{display:flex; flex-wrap:wrap; padding-top:60px;}
.floorTotal .col{
  position:relative;
  /* padding-right:60px; */
  background-color:#172B36;
  color:#D9D6C9;
  padding:32px 48px;
  width:33.33%;
  text-align:center;
}
.floorTotal .col .floorName{
  max-width:120px;
  text-align:left;
  display:inline-block;
  padding-right: 4px;
}
.floorTotal .col .totalCount{
  font-family:'TT-Norms-Pro-Bold';
  font-weight:bold;
  font-style:normal;
}
/* .floorTotal .col:last-child{padding-right:0;} */
.floorTotal .col:first-child{background-color:#A2927F; text-align:right;}
.floorTotal .col:last-child{background-color:#003D3A; text-align:left;}
.floorTotal .col span, .unitSize span{font-size:70px; line-height:78px; letter-spacing:-3.28px;}
.floorArea > div span{font-size:44px; line-height:44px; letter-spacing:-1.40px;}
.floorTotal sup, .unitSize sup{position:absolute; left:0; top:0; font-size:35px; line-height:42px; letter-spacing:-1.4px;}
.floorTotal sub, .unitSize sub{font-size:22px; line-height:26px; letter-spacing:-1.04px;}
.floorTotal sub{text-transform:uppercase; position:relative; top:-4px}

.retailUnits .unitSize span{
  font-size: 44px;
  line-height: 44px;
  letter-spacing: -1.40px;
}
.unitSize sup, .unitSize sub{font-size:16px!important; line-height:18px!important; letter-spacing:-0.28px;
  font-family: 'TT-Norms-Pro-Regular';
  font-weight: normal;
  font-style: normal;}
.unitSize sub{letter-spacing:-0.8px; padding-left: 6px; bottom: 5px; position:relative;}
.retailFloorsBlock .retailUnits .floorIcons{margin-top:-4px;}

.unitSize sup{ margin-top:-1px;}

.vrTourpopup {
  position:fixed;
  left:0;
  width:100%;
  height:100%;
  background-color:#172C35;
  top:-100%;
  transition: all .5s ease-in-out;
  z-index:9999;
  overflow:hidden;
  opacity:0;
}
.vrTourpopup.active {
  top: 0;
  opacity: 1;
}
.closeIcon {
  position: absolute;
  right: 20px;
  top: 20px;
  margin: auto;
  background: url('images/whitecloseIcon.svg') no-repeat center center;
    background-size: auto;
  background-size: auto;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
.vrTourpopup .closeIcon {
  z-index: 1;
  cursor: pointer;
}
.iframeContainer {
  width: 100%;
  height: 100%;
  clear: both;
  overflow: hidden;
  opacity: 0;
}
.iframeContainer iframe {
  width: 100%;
  height: 100%;
}

.vrLoader {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  margin: auto;
  background: url('images/view-360.svg') no-repeat center center;
  width: 120px;
  height: 120px;
  -webkit-animation: ripple 0.7s linear infinite;
  animation: ripple 0.7s linear infinite;
  border-radius: 50%;
}

/* building block end here */

/* building slider start here */
.buildingSliderBlock{
  /* background-color:#C3EFE2; */
  background-color:#E7E4DF;
}
ul.floorSlide{margin:0px; padding:0px; list-style-type:none;}
ul.floorSlide li{margin:0px; padding:0px; position: relative; overflow: hidden;}
.slideGap{
  padding:50px 20px; 
  /* padding-bottom:160px;  */
  text-align:center; position:relative; z-index:1; height:100%;}
.slideGap img{ margin: 0 auto;}
/* .slideGap::before{
  content:'';
  position:absolute;
  right:20px;
  bottom:40px;
  width:60px;
  height:20px;
  background-image: url('images/north-sign.svg');
  background-repeat:no-repeat;
  background-size: 60px;
} */
.slideGap .planDownloads{display:flex; justify-content:space-between; padding:0 0 20px 0;}

.slideGap .planDownloads .download{ padding-top: 0;}
.slideGap .planDownloads .download a span{display:none;}

.slideNumber{position:absolute; left:0; top:0; height:100%; width: auto;}
/* .floorSlide .slick-arrow{ bottom:40px; top:auto;} */
.floorSlide .slick-arrow.slick-prev{
  /* left:140px; */
  left:14.2vw;
}
.floorSlide .slick-arrow.slick-next{
  /* left:200px; */
  right:14.2vw;
 }

.slick-arrow.slick-disabled{ background-color:#cccccc; border-color:#818181!important;}

.slick-arrow.slick-prev.slick-disabled{background-image: url('images/slider-prev-disable.svg');}
.slick-arrow.slick-next.slick-disabled{background-image: url('images/slider-next-disable.svg');}

.floorCounterNumber{padding-right:30px;}
.floorCounterNumber img{width:auto; height:94px;} 
.floorDetail{ 
  display:flex; 
  flex-direction:row;
  align-items:flex-end; 
  /* justify-content:space-between;  */
  padding-bottom:30px; 
  color:#172C35;
}
.floorIndicator{margin-left:auto;}
.floorIndicator img{width:auto; height:76px;}
.floorArea > div{padding-right:40px; text-align:left;}
.floorArea > div:last-child{padding-right:0;}
.floorArea > div span{font-family:'TT-Norms-Pro-Bold';
font-weight: bold;
font-style: normal;}
.floorArea sub{
  font-size:16px;
  line-height:16px;
  letter-spacing:-0.8px;
  text-transform:uppercase;
  font-family:'TT-Norms-Pro-Regular';
  font-weight:normal;
  font-style:normal;
  padding:0 0 0 6px;
  position:relative;
  bottom:5px;
}
.flTitle{font-family: 'TT-Norms-Pro-Regular'; font-weight:normal;
font-style:normal; font-size:18px; line-height:20px; letter-spacing:-0.18px; text-transform: uppercase;}
.download a, .spaceplanLink a{ color:#172C35; text-decoration:none;}
.download{ padding-top:12px;}
.download a{ padding:6px 50px 6px 0; position: relative;}
.download a:hover{ color:#FF525C;}
.download a span{ content:''; width: 40px; 
  /* height:26px;  */
  position: absolute; right: 0; line-height: 0!important;}
.download a span svg{ width: 30px;}
.download a:hover .iconHover{ fill:#FF525C;}

.page-template-template-building .fancybox-infobar,
.page-template-template-retail .fancybox-infobar{ display:none!important;}
.fancybox-custom-layout .fancybox-bg{opacity:1!important;}
.fancybox-custom-layout .fancybox-inner{ padding-right:420px!important;}
.fancybox-custom-layout .fancybox-inner .fancybox-stage { width:calc(100% - 420px);}
.fancybox-custom-layout .fancybox-inner .fancybox-stage .fancybox-slide {padding: 10% 0 !important; }
.fancybox-custom-layout .fancybox-button--arrow_right{ right: 424px!important;}
.fancybox-custom-layout .fancybox-inner .fancybox-caption {
  width:420px;
  position:absolute;
  right:0;
  left:auto;
  top:0;
  bottom:auto;
  height:100%;
  background:#172C35;
  margin-top:0px;
  padding:20px 28px!important;
  padding-top: 50px !important;
  color:#ffffff;
  text-align: left;

}
.fancybox-custom-layout .fancybox-inner .fancybox-caption::before{
  content:'';
  position: absolute; right: -20%; bottom:-2%;
  width:420px;
  height:420px; border-radius: 50%; background-image:url('images/white-pattern.svg'); opacity: 0;
}
.fancybox-custom-layout .fancybox-inner .fancybox-caption h3{ color:#fff;}
.fancybox-custom-layout .fancybox-inner .fancybox-caption h3{
  font-family: 'TT-Norms-Pro-Regular',sans-serif;
  font-weight: normal;
  font-style: normal;
  padding-bottom: 10px;
}
.fancybox-custom-layout .fancybox-inner .fancybox-caption h3 b,
.fancybox-custom-layout .fancybox-inner .fancybox-caption h3 strong,
.fancybox-custom-layout .fancybox-inner .fancybox-caption .floorSpace,
.floorTitle{
  font-family: 'TT-Norms-Pro-Bold';
  font-weight: bold;
  font-style: normal;
}

.floorTitle{font-size:34px; line-height:40px; letter-spacing:-1.36px;padding-bottom:10px;}
.fancybox-custom-layout .fancybox-inner .fancybox-caption .floorSpace{
  font-size: 28px;
  line-height:36px;
  letter-spacing: -1.12px;
  width: 100%; color:#fff;
  padding-bottom: 10px;
}
.fancybox-custom-layout .fancybox-inner .fancybox-caption h4{font-size: 36px;
line-height: 44px; letter-spacing: -1.44px; padding-bottom: 10px;}
.floorInfo{padding-bottom:22px;}
.floorInfo h6:last-child{padding-bottom:0;}

.fancybox-custom-layout .fancybox-inner .fancybox-caption  ul{ list-style-type:none; margin:0; padding:16px 0;}
.fancybox-custom-layout .fancybox-inner .fancybox-caption  ul li{ padding:0 0 8px 0;}
.fancybox-custom-layout .fancybox-caption__body{ max-height:80vh!important;}
.spaceplanLink{ color:#172B36; padding-top:6px;}
.planLinks{display:flex; align-items:flex-start;}
.tourIcon{float:right; margin-top:10px; cursor: pointer;}
a.tourIcon:hover .iconHover{fill: #A2927F;}
.flPlan{
  font-family:'TT-Norms-Pro-Bold';
  font-weight:bold;
  font-style:normal;
  pointer-events:none;
}
.spaceplanLink ul li a:hover{color:#A2927F;}
.spaceplanLink ul{margin:0px; padding:0 0 0 16px; list-style-type:none;}
.spaceplanLink ul li{display:none; margin:0px; padding:0px;}
.spaceplanLink ul li:first-child{display:block; padding-left: 16px; border-left:#172C35 solid 1px;}
.floorIcon{position:absolute; bottom:40px; right:100px;}

.slideImage{ max-width: 1100px; display:inline-block;}
/* .slideImage span,  */
.homeRecordSlide .imageHolder, .imageTextBlock .imageHolder, .jarallax,.lazyloader{
  background-image: url('images/ajax-loader.svg');
  background-size: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}
.slideImage img.lazyloaded{ background-image:none!important;}

.overlayScreen {
  display:none;
  position:fixed;
  width:100%;
  height: 100%;
  left:0;
  bottom:0;
  z-index:111111;
  /* background-color:#000; */
}
.infobtn {
  background-color: #FCBE0E;
  cursor: pointer;
  padding: 10px 70px 10px 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 112;
  display: block;
  color: #000;
}

.bottomfixBox{ position:fixed; bottom:0; text-align:center; width:100%; opacity:0; visibility:hidden; z-index:999999;}
.moreinfo{ padding:14px 18px; margin:0 auto; background:#A2927F; color:#fff; cursor:pointer; display:block; text-transform:uppercase;
  font-family: 'TT-Norms-Pro-Bold', sans-serif;
  font-weight: bold;
}
.moreinfo:hover{color:#fff;}
body.showbtn .bottomfixBox{ opacity: 0; visibility: hidden; color:#fff;}
body.showCaption .fancybox-custom-layout .fancybox-inner .fancybox-caption{ right: 0; width: 100%;}
body.showCaption .fancybox-toolbar .fancybox-button--close{ display:none!important;}

.closeSpaceplan{ width: 40px; height: 40px; position:fixed;
  right:10px; top:10px; z-index: 999999; opacity: 0; visibility:hidden;
background-image:url('images/closeIcon.svg');
background-position: center center;
background-repeat:no-repeat;
background-size: 20px;
}
body.showCaption .closeSpaceplan{ opacity: 1; visibility: visible;
}
body.showCaption .fancybox-custom-layout .fancybox-navigation{ display:none!important;}
.DownloadSpacePlan{ border-top:#fff solid 1px; padding-top:16px;}
.DownloadSpacePlan a{ color:#FEE03A!important; font-family: 'TT-Norms-Pro-Bold'; font-weight: bold;
font-style: normal; position:relative; padding-right:42px;}
.DownloadSpacePlan a:hover{text-decoration:none!important;}
.DownloadSpacePlan a::before{ content:''; width: 34px; position:absolute; right: 0; top:0;
height: 22px;
background-size: 26px; background-image: url('images/plan-download-yellow.svg'); background-repeat:no-repeat; background-position: center center;}
/* building slider end here */

.floorInfoSlideHolder{ border-top:#172B36 solid 1px; padding:40px 0;}
.floorInfoSlideHolder ul, .floorInfoSlideHolder .floorDetail{padding:0;}
.floorInfoSlide li{padding:0;}

/* The Building css end here */

/* Sustainability css start here */
body.page-template-template-sustainability .specBlock{ 
  /* background-color:#C8F1E6; */
  background-color:#003D3A;
}
.wipSec.TBspace{ padding-top: 60px;}
.ESGWrapper{background-color: #86E0C7; overflow: visible;}
.ESGWrapper .desktopcode svg{ width: 100%; max-width: 1100px; height: auto;}
.esgInvestorlogo{display: block; margin: 0 auto; padding-bottom:60px; text-align: center;}
.esgInvestorlogo img{margin: 0 auto;}

.col_36_28_36 .col:first-child{ display: flex; align-items: flex-end;}

.imageInfoBlock{ overflow:visible;}
.imageInfoBlock .box{ position: absolute; left: 0; top:0; width: 100%; height: 100%;}
.imageInfoBlock .box::before{ padding-top: 0;}
.imageInfoBlock .grid{ text-align: center; overflow:visible;}
.imageInfoBlock .col{ padding: 0 20px;}
.imageInfoBlock .col:first-child, .imageInfoBlock .col:last-child{ padding: 0px;}
.study{ width:34%; position: absolute; bottom:0; right: 0;}
.study.respview{display:none;}
.imageInfoBlock .col:first-child{padding-top:6%;}
.imageInfoBlock .TBspace{text-align:center;}
.imageInfoBlock .TBspace p:last-of-type{padding-bottom:0px;}

.esgCommit h2{padding-bottom:40px; font-size:44px; line-height:52px;}

.heroBlock{background-color:rgba(216,213,202,0.45); position:relative;}
.heroBlock, .heroBlock .box{height:100%;}
.heroBlock .box{background-color:#fff;}
.bannerText{padding-left:60px; padding-right:20px; max-width:550px; z-index:2;}
.bannerText h1{padding-bottom:24px;}
.bannerText a{text-decoration:none; text-transform:uppercase;}
.bannerText .scrollLink{cursor:pointer;}

.heroImage::after{content:''; width:100%; height:100%; position:absolute; 
  background-color:#172B36;
  left: 0; top:0; z-index: 2;}
.box.heroImage{ overflow: hidden;}

body.page-template-template-local-area .heroImage::after{ background-color:#003D3A;}

.esgTitleHolder{display: none; position:absolute; top:-10vw; left: 0; right: 0; overflow:hidden; width: 100%;}
.esgTitle{font-size:55.5vw; text-transform:uppercase; line-height:44vw; letter-spacing:-2.12vw; font-family:'TT-Norms-Pro-Bold', sans-serif; font-weight:bold; position:relative; left:-5vw;  color:#fff;}
.esgMobile{ text-align: center; display:none;}
.esgMobile .col{ padding-bottom:42px;}
.esgMobile .col:last-child{ padding-bottom:20px;}
.esgMobile .col p{ padding-bottom:10px;}

.esgMobile .col p:last-of-type{ padding-bottom: 0px;}
/* Sustainability css end here */

/* Retail css start here */
.retailBanner{background-color:#172C35;}
.retailBanner .jarallax{width:100%; height:100%;}
.retailHeroText{
  position:absolute;
  left:120px;
  /* bottom:100px; */
  bottom:auto;
  width:100%;
  max-width:590px;
  z-index:2;
  padding:0 20px;
  top:50%;
  transform:translateY(-50%);
}
.retailBanner::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index: 1;
  /* background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,0.20210090872286413) 0%, rgba(121,149,160,0.1964986678265056) 24%, rgba(255,255,255,0.19929978827468486) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.20210090872286413) 0%, rgba(121,149,160,0.1964986678265056) 24%, rgba(255,255,255,0.19929978827468486) 100%);
background: linear-gradient(90deg, rgba(0,0,0,0.20210090872286413) 0%, rgba(121,149,160,0.1964986678265056) 24%, rgba(255,255,255,0.19929978827468486) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
mix-blend-mode:multiply; */
background: rgb(23,43,54);
background: -moz-linear-gradient(90deg, rgba(23,43,54,0) 0%, rgba(23,43,54,0.5970588919161415) 100%);
background: -webkit-linear-gradient(90deg, rgba(23,43,54,0) 0%, rgba(23,43,54,0.5970588919161415) 100%);
background: linear-gradient(90deg, rgba(23,43,54,0) 0%, rgba(23,43,54,0.5970588919161415) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#172b36",endColorstr="#172b36",GradientType=1); 
mix-blend-mode: multiply;
}

.retailHeroText h1{padding-bottom:0; color:#fff;}
.retailHeroText .bannerLink{padding-top:32px;}

/* retailFoodDrinkBlock start */
.retailFoodDrinkBlock{ background-color:rgba(216,213,202,0.4);}
.retailFoodDrinkBlock .sectionTitle.TBspace{padding-top:0;}
.retailFoodDrinkBlock .sectionTitle h2{padding-bottom:0; text-align:center;}
.retailFoodDrinkImage .box::before{padding-top:60%;}
.retailFoodDrinkBlock .content_1360{
  position:relative;
  z-index:2;
  padding-left: 80px;
  padding-right: 80px;
  max-width: 1520px;
}
.retailFoodDrinkBlock .colorPatch{ 
  width:100%; 
  height:40%; 
  position:absolute; 
  left:0; 
  bottom:0;
  background-color:#E7E4DF;
}
/* retailFoodDrinkBlock end */

/* retailFloorsBlock start here */
.retailFloorsBlock{
  /* background-color:#172C35; */
  background-color:#FAF9F8;
   color:#172B36;
  }
.retailFloorsBlock.TBspace{ padding-bottom: 40px;}
.retailUnits{padding-right:20px;}
.retailUnits .download{ position: absolute; left: 0; bottom:10px; padding-top: 0px;}
.retailUnitsImage{padding-left:100px; display: flex; align-items:center;}
.unitSize{
  font-family:'TT-Norms-Pro-Bold';
  font-weight:bold;
  font-style:normal;
  position:relative;
  /* padding-top:32px; */
  padding-top:14px;
}
.retailUnits ul{list-style-type:none; margin:0; padding:0; display: flex; flex-wrap: wrap;}
.retailUnits ul li{margin:0; padding:0 50px 0 0; width:100%;}
.retailUnits .downloadlink:hover{color:#FF525C;}

.unitSize span, .unitSize sub{color:#FF525C;}
.retailUnits .download a{color:#fff;}

.retailNumber{position:absolute; left:0; width:auto; height:100%; bottom:0;}

.retailFloorsBlock{ border-bottom:solid 1px #172B36;}
.retailFloorsBlock .retailImage{position:relative; padding-bottom:40px;}
.retailFloorsBlock .retailImage .download{position:absolute; left:20px; top:-10px; padding-top:0; z-index:1;}
.retailFloorsBlock .retailImage .download .downloadlink{display:inline-block; color:#172B36; border:#172B36 solid 1px; padding:6px 18px;   border-radius:32px; position:relative; text-transform:uppercase; font-size:18px; line-height:26px;}
.retailFloorsBlock .retailImage .download .downloadlink span{display:none;}
.retailFloorsBlock .retailUnits .floorIcons{ padding-bottom: 14px; margin-left: auto;}
.retailFloorsBlock .retailImage .download .downloadlink .hoverShape,
.slideGap .planDownloads .download a .hoverShape{ display:inline-block; position: relative; width: 100%; line-height: inherit!important; transition:0.3s ease-out;}
/* retailFloorsBlock end here */

.retailMaps .mapHolder{ width: 100%;}
.streetInfo{padding:20px 0; background-color:#fff;}
.streetInfo .mobileImage{display:none;}
.viewLocalArea{
  padding:28px 0 32px 0;
  text-align:center;
  font-size:20px;
  line-height:28px;
  text-transform:uppercase;
  background-color:#fff;
}
.viewLocalArea a{text-decoration:none; letter-spacing: normal;}

.retailParallaxImage{ background-color:#172C35;}

.homeHero .imageCaption, .imageCaption{ font-size: 18px!important; line-height:22px!important;}
/* Retail css end here */

/* footer css start here */
footer{background-color:#202C33; color:#fff; font-size:15px; line-height:22px; letter-spacing:-0.6px; letter-spacing:-0.6px; border-top:#202C33 solid 1px;}
footer a, footer h2{color:#fff; text-decoration:none;}
footer a:hover{color:#87E0C7;}
footer .LRspace{padding-right:0; padding-left:40px;
  /* max-width:1700px; margin:0 auto; */
}

.footerlogobox .invstLogo, .footerLinkBottom{display:none;}
.footerLinkBottom{width:100%; padding:0 10px;}
.footerLinkBottom .copyrightBox{font-size:14px; line-height:20px; border-top:#fff solid 1px; padding:14px 0 0 0; margin-top: 10px;} 
.footerLinkBottom ul.footerMenu{ display:flex;}
.footerLinkBottom ul.footerMenu li{ padding-right:16px;}

footer .col_20_40_40 > .col{padding:40px 30px; }
footer .col_20_40_40 > .col:first-child{ border-right:#fff solid 1px; padding-left: 0px;}
footer .col_20_40_40 > .col.investorLogo,
footer .col_20_40_40 > .col.footerlogobox{
  border-right:#fff solid 1px;
}
footer .col_20_40_40 > .col:last-child{
  padding: 0px;
  border-left:#fff solid 1px;
}
footer .col_20_40_40 > .col.downloadBlock{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

footer .col_20_40_40 > .col.footerlogobox{text-align:center;}
footer .col_20_40_40 > .col.footerlogobox .footerLogo{ margin: 0 auto; display:inline-block!important;}

.invstLogo{max-width:220px; width:100%;}
.footerlogobox, .investorLogo{display:flex; flex-wrap:wrap; justify-content:space-between; flex-direction:column;}

.logoAddress{ padding-top:30px;}
.logoAddress .address{padding-top:40px; max-width: 130px; margin: 0 auto; text-align: left;}
.logoAddress .address p{padding-bottom:0px;}
.copyrightBox{font-size:12px; line-height:20px; letter-spacing:-0.48px; padding-bottom: 10px;}
.copyrightBox ul{padding-bottom:14px;}
.copyrightBox.mobileView{display:none; padding:20px;}

.contactInfo .col{padding:10px; word-wrap:break-word; padding-bottom:8px; padding-top: 10px;}
/* .contactInfo .col:first-child{ padding-left: 0px;}
.contactInfo .col:last-child{ padding-right: 0px;} */
.contactInfo .col p{padding:20px 0 2px 0}
.contactInfo .col p:last-of-type{padding-bottom:0px;}
.contactInfo h2{
  padding-bottom:6px;
  font-size:30px;
  line-height:38px;
  letter-spacing:-0.4px;
  padding-left:10px;
  padding-right:10px;
}
.logoBox{border-bottom:#fff solid 1px; padding-bottom:14px; height:58px;}
.logoBox a{display:inline-block;}

ul.footerLargeMenu{
  border-top:#fff solid 1px;
  display:flex;
  /* justify-content:space-between; */
  align-items:flex-start;
  flex-wrap: wrap;
  /* flex-direction:column;
  height:100%; */
}
.footerLargeMenu li.downloadList{border-right:#fff solid 1px;}
.footerLargeMenu li.downloadList:last-child{ border-right:#202C33 solid 1px;}
/* .footerLargeMenu li.downloadList:last-child{ border-right: 0px;} */
ul.footerLargeMenu li, ul.footerLargeMenu li a{
  display: block;
  width: 100%;
  /* height: 100%;  */
  display: flex;
  align-items: center;
}
ul.footerLargeMenu li{width:33.33%; height:100%;}
ul.footerLargeMenu.two-items li{width:50%;}

ul.footerLargeMenu li a{
  font-family: 'TT-Norms-Pro-Bold', sans-serif;
  /* font-size:1.7vw;
  line-height:1.8vw; */
  font-size:1.1vw;
  line-height:1.2vw;
  letter-spacing:-0.2px;
  padding:20px 12px;
  /*border-bottom:#fff solid 1px;
   padding-right:40%; */
  position: relative;
  text-align: center;
  height: 100%;
  display: block;
}

ul.footerLargeMenu li a.locked span::after{
  background-image:url('images/lock-icon.svg');
}
ul.footerLargeMenu li a.locked{ pointer-events: none; opacity: 0.3;}
ul.footerLargeMenu li a span::after{
  content:'';
  position: absolute;
  width:32px;
  height:32px;
  background-image:url('images/unlock-icon.svg');
  background-repeat:no-repeat;
  background-position: center center;
  background-size:20px;
  top:0;
  right:0;
  left: 0;
  /* transform: translate(0,-50%); */
  z-index: 1;
  margin: 0 auto;
}
ul.footerLargeMenu li a::before{
  position:absolute;
  right: 0;
  left: 0;
  bottom:-100%;
  content:'';
  width:100%;
  height:100%;
}

body.device ul.footerLargeMenu li a::before{
  opacity: 0!important;
  visibility: hidden!important;
}
ul.footerLargeMenu li:nth-of-type(1) a::before{background-color:#86E0C7;}
ul.footerLargeMenu li:nth-of-type(2) a::before{background-color:#FEE03A;}
ul.footerLargeMenu li:nth-of-type(3) a::before{background-color:#FF525C;}
/* ul.footerLargeMenu li:first-child a::before{background-color:#FEE03A;}
ul.footerLargeMenu li a::before{background-color:#FF525C;}
ul.footerLargeMenu li:last-child a::before{background-color:#86E0C7;} */

ul.footerLargeMenu li a:hover{color:#fff;}
ul.footerLargeMenu li a:hover::after{opacity:1;}
ul.footerLargeMenu li a:hover::before{bottom:0;}
ul.footerLargeMenu li:last-child a{border-bottom:0px;}
ul.footerLargeMenu li a span{position:relative; z-index:1; padding-top:42px; display: block;}

ul.footerMenu li.current-menu-item a{ color: #FF525C;}

.formBox{padding:30px;}
.formBox h2{font-size:30px; line-height:38px; padding:0 0 10px 0;}
.formBox .formNote{
  font-family:'TT-Norms-Pro-Bold', sans-serif;
}
/* .formBox .gform_wrapper{ padding-right: 130px!important;} */
.gform_heading h2.gform_title{ font-size: 15px; line-height: 24px; letter-spacing: 0.2px;}
.gform_heading .gform_required_legend{ display:none;}
.formBox .gform_footer input[type="submit"]{ margin-bottom: 0px!important; min-width: 100px; padding: 6px 14px;}

.gform_wrapper .gform_footer{ margin:0px!important; padding:18px 0 0 0px!important; position: relative;}
.gform_ajax_spinner{width:32px; height:32px; position: absolute; left:130px; top:22px;}


.ginput_container_consent{
  text-align:left;
  color:#ffffff;
  position:relative;
  padding-left:34px;
  padding-top:3px;
}
.ginput_container_consent [type="checkbox"]{position:absolute; left:0; top:0; opacity:0; visibility:hidden;}
.ginput_container_consent label{
  cursor:pointer;
  padding-left:0;
  font-size:14px;
  line-height:20px;
  letter-spacing:0.2px;
}
.ginput_container_consent [type="checkbox"] + label::before {
  content: "";
  width:18px;
  height:18px;
  left: 0px;
  position: absolute;
  top:4px;
  border-radius:0;
  border: #fff solid 2px;
}
.ginput_container_consent [type="checkbox"] + label::after {
  position: absolute;
  content: "";
  width:16px;
  height:16px;
  left: 3px;
  top: 7px;
  background-image: url('images/checkbox-tick.svg');
  background-position: no-repeat;
  background-position: center center;
  background-size: 18px;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.ginput_container_consent [type="checkbox"]:checked + label::after {
  opacity: 1;
}

.gform_validation_errors{
  color:#F93154!important;
  padding:10px 12px !important;
  background-color: #FFEFF1;
  border-radius:0!important;
  width:100%;
  margin: 0 auto;
  margin-bottom:8px !important;
}
.gform_wrapper .gform_validation_errors > h2{
  letter-spacing: 0.2px!important;
  line-height:17px!important;
  padding:0 0 0 26px!important;
  color:#FF525C !important;
}
.gform_wrapper .gform_validation_errors > h2 .gform-icon{ left: 5px!important;}
.gform_confirmation_message{border: #62CA83 solid 1px !important;
color:#62CA83!important;
padding:12px !important;
border-radius:0!important;
max-width:calc(720px - 20px);
margin:0;
font-size:14px!important;
line-height:20px!important;
font-family: 'Nuckle-bold', sans-serif;
font-weight: bold;
color: #003D40;
}

.gform_wrapper .validation_message, .gform_wrapper .gfield_validation_message {
  color:#FF525C!important;
  font-size:12px!important;
  line-height:20px!important;
  font-weight:normal!important;
  padding:4px 0 0 0!important;
  border:none!important;
  background-color:transparent!important;
  text-align: left;
  margin-top: 0px!important;
}
.gfield_validation_message, .gfield_error label, .gfield_error .gfield_label{color: #FF525C !important;}
.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea {
  border:1px solid #FF525C!important;
}
.gform_wrapper .gfield_error [aria-invalid="true"]{border:1px solid #FF525C!important;}
/* footer css end here */

/* 404 page start here */
.errorBox{height:100%;}
.pageNotFound, .errorPage {
    width:100%;
    max-width:700px;
    text-align:center;
    margin:0 auto;
    padding: 0 20px;
}
.pageNotFound > div {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    /* background-color:#172C35; */
    background-image: url('images/red-pattern.svg');
    background-size: 100px;
    margin: 0px auto;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    -webkit-animation: balance 3s ease infinite 1.3s;
    -moz-animation: balance 3s ease infinite 1.3s;
    -o-animation: balance 3s ease infinite 1.3s;
    -ms-animation: balance 3s ease infinite 1.3s;
    animation: balance 3s ease infinite 1.3s;
}
.pageNotFound > div span {
    color: #172C35;
    font-size: 5rem;
    letter-spacing:-0.2rem;
    line-height: 0;
    position: absolute;
    right: 24px;
    top: 46%;
    font-family: 'TT-Norms-Pro-Bold', sans-serif;
    font-weight: bold;
    -webkit-text-stroke: 3px #fff;
    left: 0px;
    width: 100%;
}
/* 404 page end here */

#cookie-law-info-bar{ border-top:#172C35 solid 1px;}
.cli-bar-btn_container .cli-plugin-button{
  background-color:#172C35!important;
  color:#fff!important;
  font-family:'TT-Norms-Pro-Bold', sans-serif;
  font-weight:bold;
  padding: 8px 16px;
  font-size:12px !important;
  line-height:18px!important;
  letter-spacing: -0.48px;
  text-transform:uppercase!important;
}

.cli-bar-btn_container .cli-plugin-button.cli_action_button{background-color:#A2927F!important; color:#D9D6C9!important;}
.cookielawinfo-row-cat-table{ margin-bottom: 28px;}

.cli-bar-message a{color:#172C35!important;}
.cli-bar-message a:hover{text-decoration:none;}
/* screen loader start here */
.screen1{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 9992;
}
.animation_loaded .screen1{
  -webkit-animation: screen1colorchange 4s cubic-bezier(.17,.67,.83,.67) forwards;
  -moz-animation: screen1colorchange 4s cubic-bezier(.17,.67,.83,.67) forwards;
  -ms-animation: screen1colorchange 4s cubic-bezier(.17,.67,.83,.67) forwards;
  animation: screen1colorchange 4s cubic-bezier(.17,.67,.83,.67) forwards;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.screen1.hide, .screen2.hide{display: none;}
.screen2{
  width:100%;
  height:100%;
  position:fixed;
  top:0px;
  left:0px;
  background:#172c35;
  z-index:9991;
}
.animation_loaded .screen2{
  -webkit-animation: screen2 1s ease-in-out forwards;
  -moz-animation: screen2 1s ease-in-out forwards;
  -ms-animation: screen2 1s ease-in-out forwards;
  animation: screen2 1s ease-in-out forwards;
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.screen2 .logoicon{
position: absolute;
z-index: 2;
    width: 53%;
    left: 24%;
    opacity: 0;
    transform-origin: center center;
    -webkit-transform: scale(20);
   -moz-transform: scale(20);
   -ms-transform: scale(20);
   -o-transform: scale(20);
   transform: scale(20);
   filter: blur(0);
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   /* will-change: transform; */
   }
.animation_loaded .logoicon{
  -webkit-animation: logoiconScale 4s ease-in-out forwards;
  -moz-animation: logoiconScale 4s ease-in-out forwards;
  -ms-animation: logoiconScale 4s ease-in-out forwards;
  animation: logoiconScale 4s ease-in-out forwards;
  -webkit-animation-delay:2.5s;
  animation-delay: 2.5s;
  filter: blur(0);
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   /* will-change: transform; */
}
.logowrapper{
  position:relative;
  max-width:540px;
  max-height:350px;
  margin:0;
}
.landingLogo{
opacity: 0;
z-index: 1;
transform-origin: center center;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.animation_loaded .landingLogo{
-webkit-animation: landingLogo 4s ease-in-out forwards;
-moz-animation: landingLogo 4s ease-in-out forwards;
-ms-animation: landingLogo 4s ease-in-out forwards;
animation: landingLogo 4s ease-in-out forwards;
-webkit-animation-delay:2.5s;
animation-delay:2.5s;
}

.forMac, .mac-os .forwindow{
  display: none !important;
}
.mac-os .forMac, .forwindow{
  display: block !important;
}

.screen1 svg, .screen2 svg {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  transform: translateZ(0);
}
/* screen loader end here */

.slideImage > div{ position: relative;}
img.lazyloaded ~ .lazyloader {opacity: 0;}
.lazyloader {
  position: absolute!important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;

  display: inline-block;
  box-sizing: border-box;
  -webkit-transition: opacity .5s linear 0.2s;
 -o-transition: opacity .5s linear 0.2s;
 transition: opacity .5s linear 0.2s;

}


/* image captions start here */
.imageCaption{
  position:absolute;
  left:0;
  bottom:0;
  padding:18px;
  color:#fff;
}

.homeHero .scrollText{ display: none;}
.homeHero .imageCaption{
  width:100%;
  max-width:440px;
  padding:0;
  left:140px;
  bottom:36px;
  /* color:#172C35; */
  color:#fff;
  font-size:17px;
  line-height:22px;
  z-index:1;
}

body.page-template-template-building .fullBanner .imageCaption{ bottom: 40px; left: 140px; padding-bottom: 0; padding-left: 0;}
.imageLargeCaption .imageCaption{ left: 120px; max-width: 600px;}
body.page-template-template-sustainability .fullBanner .imageCaption{bottom: 40px; left: 140px; padding-bottom: 0; padding-left: 0;}
.bottomShadow .imageCaption{ width: 100%;}
.bottomShadow .imageCaption::after{
  width:100%;
  height:100px;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(115,115,115,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(115,115,115,1) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(115,115,115,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#737373',GradientType=0 ); /* IE6-9 */
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  mix-blend-mode:multiply;
}
.bottomShadow .imageCaption span, .topShadow .imageCaption span{z-index:1; position:relative;}
.topShadow .imageCaption{top:0; bottom:auto; width:100%;}
.topShadow .imageCaption::after{
  width:100%;
  height:100px;
background: -moz-linear-gradient(top,  rgba(84,84,84,1) 0%, rgba(0,0,0,0.1) 98%);
background: -webkit-linear-gradient(top,  rgba(84,84,84,1) 0%,rgba(0,0,0,0.1) 98%);
background: linear-gradient(to bottom,  rgba(84,84,84,1) 0%,rgba(0,0,0,0.1) 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
  content:'';
  position:absolute;
  left:0;
  top:0;}
.wideImage .imageCaption{
  left: auto;
  left: 140px;
  padding-right: 0;
}
/* image captions end here */

.grecaptcha-badge{opacity:0;}
.wt-cli-ckyes-brand-logo{ display:none!important;}

ul.imagesSlide{ margin:0; padding:0; list-style-type: none;}
ul.imagesSlide li{ margin: 0; padding: 0;}
.imagesSlide .slick-arrow{
  width:68px;
  height:68px;
  background-size:68px;
  border:0px!important;
  background-color:#172C35;
  margin-top:-40px;
}
.imagesSlide li .box::before {
  padding-top: 50%!important;
}
.imagesSlide .slick-arrow.slick-next{background-image:url('images/next-slide-white.svg'); right:-88px;}
.imagesSlide .slick-arrow.slick-prev{background-image:url('images/prev-slide-white.svg'); left:-88px;}

/* new branding changes start */
.homeHero::before,
.bannerLink a::after, .bannerText a::after, .imageTextBlock .linkBox a::after, .homeRecordSlide .boxInfo .linkBox a::after, .localAreaLink a::after,
.overviewBlock::before,
.overviewBlock .patternBlock,
body.page-template-template-home .imageLargeCaption::before,
body.page-template-template-home .imageLargeCaption::after, 
body.page-template-template-home .largeCaption::after,
body.page-template-template-local-area .largeCaption .rightPanel,
body.page-template-template-building .largeCaption::before,
body.page-template-template-building .largeCaption::after,
body.page-template-template-retail .largeCaption .rightPanel,
body.page-template-template-sustainability .heroBlock::after,
body.page-template-template-retail .shapeBox.animateMe::before,
.retailFoodDrinkBlock .workSpaceHalfRound,
.workSpaceOne .workSpaceHalfRound,
.workSpaceTwo .Largetriangle,
.workSpaceTwo .triangle,
.localAreaBanner::before,
.parkBlock::before,
.parkBlock::after,
.foodBlock::before,
.foodimagesBlock .rightCircle,
.leftTriangle,
.rightTriangle,
.circleHolder::before,
.coupleImage, .rope-barricade, .CLimgOne, .parkBlock .graybg,
.foodimagesBlock::before{display:none;}

.localAreaLink a, .bannerText .scrollLink{
  border:#172B36 solid 1px; padding:8px 16px; border-radius:32px; font-size:16px; line-height:24px; color:#172B36!important; 
}
.slideGap .planDownloads .download a{
  border:#172B36 solid 1px; padding:6px 14px; border-radius:28px; font-size:16px; line-height:24px; text-transform: uppercase; color:#172B36!important; 
}
.homeRecordSlide li .slideInfo .linkBox a{border:#fff solid 1px; padding:8px 16px; border-radius:32px; font-size:16px; line-height:24px; color:#fff;}

.imageTextBlock .linkBox a, .localAreaBanner .bannerText a{border:#fff solid 1px; padding:6px 20px; border-radius:32px; font-size: 18px; line-height: 26px; color:#fff;}
.imageTextBlock .linkBox a span, 
.localAreaLink a span, 
.bannerText .scrollLink span, 
.localAreaBanner .bannerText a span{
  z-index:22; position:relative; transition:0.3s ease-out;
}
.imageTextBlock .linkBox a, .localAreaLink a, .bannerText .scrollLink,
.slideGap .planDownloads .download a, 
.slideGap .planDownloads .download a, .localAreaBanner .bannerText a{display:inline-block;}

.bannerLink a, .imageTextBlock .linkBox a, 
.retailFloorsBlock .retailImage .download .downloadlink, 
.localAreaLink a, 
.bannerText .scrollLink, 
.slideGap .planDownloads .download a, .localAreaBanner .bannerText a{position:relative; overflow:hidden;}

.bannerLink a::before, .imageTextBlock .linkBox a::before, .localAreaBanner .bannerText a::before{background-color:#fff;}

.retailFloorsBlock .retailImage .download .downloadlink::before, 
.localAreaLink a::before, 
.bannerText .scrollLink::before, 
.slideGap .planDownloads .download a::before{background-color:#172B36;}

.bannerLink a::before, .imageTextBlock .linkBox a::before, 
.retailFloorsBlock .retailImage .download .downloadlink::before,
.localAreaLink a::before, .bannerText .scrollLink::before, 
.slideGap .planDownloads .download a::before, .localAreaBanner .bannerText a::before{
  position:absolute;
  content:"";
  bottom:0; left:0; right:0; 
  height:0%; width:100%;
  transition:0.3s ease-out;
}
.bannerLink a::before{z-index:-1;}

.bannerLink a:hover::before, .imageTextBlock .linkBox a:hover::before,
.retailFloorsBlock .retailImage .download .downloadlink:hover:before, .localAreaLink a:hover:before, 
.bannerText .scrollLink:hover::before,
.slideGap .planDownloads .download a:hover::before,
.localAreaBanner .bannerText a:hover::before{height:100%;}
.bannerLink a:hover, .imageTextBlock .linkBox a:hover, .localAreaBanner .bannerText a:hover{color:#172B36;}

.retailFloorsBlock .retailImage .download .downloadlink:hover .hoverShape,
.slideGap .planDownloads .download a:hover .hoverShape, 
.localAreaLink a:hover span, 
.localAreaLink a:hover span,
.bannerText .scrollLink:hover span{color:#fff!important;}

.imageTextBlock .darkGreenBG h2, .imageTextBlock .darkGreenBG .boxInfo,
.imageTextBlock .darkBlueBG h2, .imageTextBlock .darkBlueBG .boxInfo{color:#fff;}

.largeCaption.TBspace{padding:180px 0;}

body.page-template-template-home .largeCaption{background-color:#D9D6C9;}
body.page-template-template-local-area .largeCaption,
body.page-template-template-building .largeCaption,
body.page-template-template-retail .largeCaption{background-color:#003D3A;}

body.page-template-template-local-area .imageLargeCaption .largeCaption h2,
body.page-template-template-building .imageLargeCaption .largeCaption h2,
body.page-template-template-retail .imageLargeCaption .largeCaption h2{ color:#fff;}

.imageLargeCaption .largeCaption .box{position:absolute; left:0; top:0; width:100%; height:100%;}
.imageLargeCaption .largeCaption .box::before{padding-top:0;}

.homeRecordSlide .slideInfo.darkGreenBG .boxInfo,
.homeRecordSlide .slideInfo.darkBlueBG .boxInfo,
.homeRecordSlide .slideInfo .boxInfo h2{color:#fff;}

.retailFloorsBlock .col_28_72 .col{width:100%;}
.retailUnits ul li{width:auto;}
.retailFloorsBlock .retailUnits{order:2; padding:40px 0 0 0; border-top:solid 1px #172B36;}
.retailFloorsBlock .retailUnitsImage{order:1; padding-left:0; max-width: 1100px; margin: 0 auto;}
.retailFloorsBlock .retailNumber{ display: none;}

.retailUnits .flex{display:flex; align-items:flex-end; max-width:1400px;}
.retailUnits .floorName{ 
  font-family:'TT-Norms-Pro-Bold';
  font-weight:bold;
  font-style:normal;
  text-edge: cap;
  -webkit-text-stroke-width: 1.54px;
  -webkit-text-stroke-color: var(--Blue, #172B36);
  color:#FAF9F8;
  font-size:6vw;
  line-height:5vw;
  padding: 0 40px 0 0;
}

.retailUnits .unitSize span, .retailUnits .unitSize sub{color:#172B36;}
.retailUnits .unitSize sup,
.retailUnits .unitSize sub{font-family:'TT-Norms-Pro-Regular', sans-serif; text-transform: uppercase; font-size:20px;
  line-height:22px;}
/* new branding changes end */

/* cookies bar start here */
.cky-consent-bar{
  border-top:#172C35 solid 1px!important;
  background-color:rgb(134, 224, 199)!important;
  color:rgb(23, 44, 53)!important;
}
.cky-notice .cky-title{margin:0px!important; padding:0px!important;}
.cky-notice-des div{
  font-size:16px;
  line-height:22px;
}
.cky-notice-des a{ color:#212121; }
.cky-notice-des a:hover{ text-decoration:none;}
.cky-footer-wrapper [data-cky-tag="detail-powered-by"]{
  display: none!important;
}
.cky-prefrence-btn-wrapper .cky-btn{
  flex:initial!important;
  background-color:#172C35!important;
  color:#fff!important;
}

.cky-switch input[type="checkbox"]:checked{
  background-color:#172C35!important;
}
.cky-notice-btn-wrapper .cky-btn, .cky-prefrence-btn-wrapper .cky-btn{
  font-family:'TT-Norms-Pro-Bold', sans-serif!important;
  text-transform:uppercase!important;
  padding:8px 16px;
  font-size:14px!important;
  line-height:20px!important;
  letter-spacing:-0.48px!important;
  border: 0px!important;
  border-radius: 32px;
}

.cky-notice-btn-wrapper .cky-btn.cky-btn-customize,
.cky-notice-btn-wrapper .cky-btn.cky-btn-reject{
  background-color:#172C35!important;
  color:#fff!important;
}
.cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept,
.cky-notice-btn-wrapper .cky-btn.cky-btn-accept{
  background-color:#A2927F!important;
  color:#ffffff!important;
}
.cky-preference-header .cky-btn-close,
.cky-accordion-header .cky-accordion-btn, .cky-show-desc-btn{min-width:auto;}

.cky-preference-body-wrapper p{padding-bottom:10px!important; font-size: 16px!important; line-height: 22px!important;}
.cky-accordion-header-des{margin:4px 0 8px 0!important;}

.cky-audit-table .cky-cookie-des-table{font-size:14px; line-height:22px;}

@media screen and (min-width: 0px) and (max-width:900px) {
  .cky-modal{max-width:calc(100% - 40px)!important;}
}
/* cookies bar end here */

/* Hide Maps start */
/* #mapBox,.streetInfo,.viewLocalArea{display:none;} */

.maplinkList .connections ul li{ padding-bottom: 12px;}
.maplinkList .connections ul li.active span, .maplinkList .connections ul li.active span b{ color:#FF525C;}
.maplinkList .connections ul li span{ text-align: left; font-size: 18px; line-height: 22px;}
.maplinkList .connections ul li span b{position: relative; width: auto; height: auto; background-color: transparent; border: 0px; font-size:20px; line-height:24px; text-align: left; color:#172B36; padding-bottom: 2px;}
.maplinkList .connections ul li span br,
.mappointer .connections .connectIcon, 
.mappointer .connections .name, 
.mappointer .connections .locationIcon{ display: none;}

/* Hide Maps end */