/*
Theme Name: Holbein Gardens
Author: Cskills
Version: 1
*/
header{
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 12;
  padding: 40px 40px 0px 40px;
  display: flex;
  justify-content: center;
  background: rgba(256, 256, 256, 0);
}
header .logoIcon{
  width: 75px;height: 85px;
  position: absolute;
  left: 40px;
  top: 40px;
  -webkit-transition: all .3s cubic-bezier(.16,.84,.44,1);
  -moz-transition:    all .3s cubic-bezier(.16,.84,.44,1);
  -o-transition:      all .3s cubic-bezier(.16,.84,.44,1);
  transition:         all .3s cubic-bezier(.16,.84,.44,1);
}
.home header .logoIcon{
  width: 75px;height: 85px;left: 50%;
    margin-left: -37px;
    /* opacity: 0;
    animation: appearicon 4s forwards ease-in-out;
    animation-delay: 2.5s;
     transition-timing-function: cubic-bezier(0.16, 0.84, 0.44, 1); */
  position: absolute;
  top: 40px;
  transition: none;
}
header .logoIcon svg
{
  width: 100%;
  height: 100%;
}
header.shrink
{
  padding: 10px 40px;
  height: 90px;
  background: #fff;
  border-bottom: 1px solid #61694D;
}
.home header, .home header.shrink{height: 0px!important}
header.shrink .logoIcon
{
  width: 55px;
  height: 65px;
  top: 10px;
}
header.shrink .logoIconColor {
    fill: #6A7355;
}

.home header.shrink .logoIconColor {
    fill: #ffffff;
}
.logoText
{
  width: 235px;
  height: 145px;
  position: fixed;
top: 40px;
left: 50%;
/* transform: translate(-50%, -50%); */
left: 50%;
z-index: 11;
margin-left: -117px;
-webkit-transition: all .3s cubic-bezier(.16,.84,.44,1);
-moz-transition:    all .3s cubic-bezier(.16,.84,.44,1);
-o-transition:      all .3s cubic-bezier(.16,.84,.44,1);
transition:        all .3s cubic-bezier(.16,.84,.44,1);

}
.home .logoText
{
  top: 50%;
  margin-top: -147px;
  margin-left: -200px;
  position: absolute;
  opacity: 0;
  width: 400px;
  height: 285px;
    transition: none;
}
.home .logoText img{max-width: none;}
.home.loaded .logoText
{
  animation: hidelogo 4s forwards ease-in-out;
  animation-delay:0s;
}
body.shrink .logoText {
    width: 110px;
    height: 70px;
    margin-left: -55px;
    top: 10px;
}
#menu-toggle {
	width: 40px;
	height: 35px;
	position: fixed;
	cursor: pointer;
	right: 20px;
	top: 30px;
	/* z-index: 11; */
	z-index: 100006;

}
.home #menu-toggle
{
  right: 40px;
}
#menu-toggle * {
	transition: .25s ease-in-out;
}
#menu-toggle #hamburger {
	position: absolute;
	height: 100%;
	width: 100%;
}
#menu-toggle #hamburger span {
	width: 27px;
	height: 2px;
	position: relative;
	/* top: 1px;
	left: 1px; */
	margin: 6px auto;
}
#menu-toggle #hamburger span:nth-child(1) {
	transition-delay: .5s;
	margin-top: 9px;
}
#menu-toggle #hamburger span:nth-child(2) {
	transition-delay: .625s;
}
#menu-toggle #hamburger span:nth-child(3) {
	transition-delay: .75s;
}
#menu-toggle #cross {
	position: absolute;
	height: 100%;
	width: 100%;
	transform: rotate(45deg);
	right: -2px;
	top: 0px;
}
#menu-toggle #cross span:nth-child(1) {
	height: 0%;
	width: 2px;
	position: absolute;
	top: 5px;
	left: 18px;
	transition-delay: 0s;
	background-color: #FFF;
}
#menu-toggle #cross span:nth-child(2) {
	width: 0%;
	height: 2px;
	position: absolute;
	left: 5px;
	top: 18px;
	transition-delay: .25s;
	background-color: #FFF;
}
#menu-toggle.open #hamburger span {
	width: 0%;
}
#menu-toggle.open #hamburger span:nth-child(1) {
	transition-delay: 0s;
}
#menu-toggle.open #hamburger span:nth-child(2) {
	transition-delay: .125s;
}
#menu-toggle.open #hamburger span:nth-child(3) {
	transition-delay: .25s;
}
#menu-toggle.open #cross span:nth-child(1) {
	height: 28px;
	transition-delay: .625s;
}
#menu-toggle.open #cross span:nth-child(2) {
	width: 28px;
	transition-delay: .375s;
}
#menu-toggle span {
	display: block;
	background: #61694D;
	border-radius: 2px;
}

.page-template-default #menu-toggle span {
	background: #ffffff;
}
.overlay-navigation {
	position: fixed;
	/* z-index: 10; */
	z-index: 100000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background:#61694D;
}
.overlay-navigation::before
{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  left: 0px;
  top: 0px;
  background-image: url('images/menu-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  animation: zoomMove 20s infinite linear;
  }

#menu-toggle #cross span{
	background-color: #FFF !important
}
.home header.shrink #menu-toggle span, .home header #menu-toggle span
{
  background:#ffffff !important;
}
header.shrink #menu-toggle span
{
  background:#61694D !important;
  transition-delay: 0.25s !important;
}
.page-template-default #menu-toggle #cross span, .home #menu-toggle span{
	background-color:#FFF !important
}
nav {
	height: 100%;
	overflow: auto;
	padding: 20px 0px 20px 0px !important
}
nav,
nav ul,
.menu-main-menu-container {
	width: 100%;
	margin: 0;
	padding: 0;
  font-family: 'matterbold';
}
.menu-main-menu-container
{
  height: 100%;
}
.menu-main-menu-container > ul
{
  display: flex;
  list-style: none;
  width: auto;
      margin-bottom: 120px;
}
.menu-main-menu-container > ul > li {
	text-align: center;
	padding: 25px 25px;
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: 0.3s;
	/* opacity: 0; */
}
@keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100px, 0);
		transform: translate3d(0, -100px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0)
	}
}


@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100px, 0);
		transform: translate3d(0, -100px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0)
	}
}
@-moz-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
  }
}
@-o-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
  }
}
.overlay-active nav ul li:first-child {
	-webkit-animation-duration: .30s;
	animation-duration: .30s
}
.overlay-active nav ul li:nth-child(2) {
	-webkit-animation-duration: 0.50s;
	animation-duration: 0.50s;
}
.overlay-active nav ul li:nth-child(3) {
	-webkit-animation-duration: 0.70s;
	animation-duration: 0.70s;
}
.overlay-active nav ul li:nth-child(4) {
	-webkit-animation-duration: 0.90s;
	animation-duration: 0.90s
}
.overlay-active nav ul li:nth-child(5) {
	-webkit-animation-duration: 1.10s;
	animation-duration: 1.10s
}
.overlay-active nav ul li:nth-child(6) {
	-webkit-animation-duration: 1.30s;
	animation-duration: 1.30s
}
.overlay-active nav ul li:nth-child(7) {
	-webkit-animation-duration: 1.50s;
	animation-duration: 1.50s
}
.menu-main-menu-container > ul > li > a::before{
  content: '';
  width: 80px;
  height: 80px;
display: block;
margin: 0 auto 10px auto;
  position: relative;
  /* background-size: 100% 72px !important; */
}
.menu-main-menu-container > ul > li.building > a::before{
  background-image: url('images/hg.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.menu-main-menu-container > ul > li.esg > a::before{
  background-image: url('images/leaf.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.menu-main-menu-container > ul > li.history > a::before{
  background-image: url('images/history-icon.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.menu-main-menu-container > ul > li.sw1 > a::before{
  background-image: url('images/sw-icon.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.menu-main-menu-container > ul > li.enquire > a::before{
  background-image: url('images/enquire-icon.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.menu-main-menu-container ul > li > a {
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	position: relative;
  color: #fff;
  font-family: 'matterbold';
}
.menu-main-menu-container ul li a
{
  -webkit-transition: color .3s cubic-bezier(.16,.84,.44,1);
  -moz-transition:    color .3s cubic-bezier(.16,.84,.44,1);
  -o-transition:      color .3s cubic-bezier(.16,.84,.44,1);
  transition:         color .3s cubic-bezier(.16,.84,.44,1);
}
.menu-main-menu-container ul > li:hover > a, .menu-main-menu-container ul > li.current_page_ancestor > a, .menu-main-menu-container ul > li.current_page_item > a
{
  color: #FE5442;
}
.no-touch .menu-main-menu-container ul > li > ul
{
  text-align: center;
  position: absolute;
  /* display: none; */
  left: 50%;
transform: translate(-50%, -30px);
/* opacity: 0; */
min-width: 180px;
overflow: hidden;
-webkit-transition: all .3s cubic-bezier(.16,.84,.44,1);
-moz-transition:    all .3s cubic-bezier(.16,.84,.44,1);
-o-transition:      all .3s cubic-bezier(.16,.84,.44,1);
transition:         all .3s cubic-bezier(.16,.84,.44,1);
}
.no-touch .menu-main-menu-container ul > li > ul
{
  height: 0px;
}
.no-touch .menu-main-menu-container ul > li:hover ul
{
  display: block;
  height: auto;
  /* opacity: 1; */
transform: translate(-50%, 0px);
}
.menu-main-menu-container ul > li > ul > li > a {
	font-size: 21px;
	line-height: 27px;
	letter-spacing: 0px;
	text-transform: none;
  text-align: center;
  font-family: 'matterregular';
  max-width: 180px;
}
.menu-main-menu-container ul > li > ul > li {
	padding: 20px 0px 0px 0px;
}
.menu-main-menu-container ul{
  list-style: none;
}

.device .menu-main-menu-container ul > li.menu-item-has-children{
  padding: 25px 40px;
}
.device .menu-main-menu-container ul > li > ul
{
  text-align: center;
  position: absolute;
  display: none;
  left: 50%;
transform: translate(-50%);

}
.device .menu-main-menu-container ul > li .subMenuTrigger{
  content: '';
      display: block;
      width: 10px;
      height: 10px;
      background: transparent;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      transform: rotate(45deg);
      position: absolute;
      right: 5px;
      top: 100px;
      -webkit-transition: transform .3s cubic-bezier(.16,.84,.44,1);
      -moz-transition:    transform .3s cubic-bezier(.16,.84,.44,1);
      -o-transition:      transform .3s cubic-bezier(.16,.84,.44,1);
      transition:         transform .3s cubic-bezier(.16,.84,.44,1);
}

.device .menu-main-menu-container ul > li.on .subMenuTrigger{
  transform: rotate(225deg);
position: absolute;
right: 5px;
top: 105px;
}
nav a::before {
display: none;
}
nav a:hover::before {
display: none;
}
.logoIconColor
{
  fill:#6A7355;
}
.page-template-default .logoIconColor, .home .logoIconColor
{
  fill:#fff;
}
body.home{
  height: 100vh;
  overflow: hidden;
}
.home #page-wrap
{
  height: 100%;
}

.Landimg{
	position: relative;
	overflow: auto;
height: 100%;
width: 100%;
/* overflow-y: hidden; */
}

.progress-container
{
	border: 1px solid rgba(255, 255, 255,0.5);
	border-radius: 10px;
	background-color: transparent;
  position: fixed;
  bottom: 35px;
  width: calc(100% - 20px);
  height: 15px;
  left: 10px;
  right: 10px;
}

.progress-bar
{
	border-radius: 10px;
	background-color: #61694D;
    height: 13px;
    width: 10px;
}

.Landimg img{
	display: block;
	/* -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none; */
}

.imageHolder1
{
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}

.imageHolder1::before
{
  content: '';
  display: block;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 100%;
  z-index: 1;
}
.LandingImage
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
/* overflow: auto; */
background: #666B4D;
}
.leafHolders
{
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 0;

}
.loaded .leafHolders{
  animation: appearicon 4s forwards ease-in-out;
  animation-delay: 8.5s;
   transition-timing-function: cubic-bezier(0.16, 0.84, 0.44, 1);
}

.leafHolders .leaficon
{
  width: 40px;
  height: 40px;
  position: absolute;
  display: block;
  /* background: url('images/leaf-icon.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; */
  cursor: pointer;
}
.leafHolders .leaficon::before{
  content: '';
  width: 40px;
  height: 40px;
  display: block;
  background: url('images/leaf-icon.svg');
    background-color: #61694D;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 100%;
  -webkit-transition: background-color .3s cubic-bezier(.16,.84,.44,1);
  -moz-transition:    background-color .3s cubic-bezier(.16,.84,.44,1);
  -o-transition:      background-color .3s cubic-bezier(.16,.84,.44,1);
  transition:         background-color .3s cubic-bezier(.16,.84,.44,1);
}
.leafHolders .leaficon.active::before, .no-touch .leafHolders .leaficon:hover::before
{
  width: 40px;height: 40px;
  background-color: #FE5442;
  border-radius: 100%;
  animation: none !important;
}
.leafInfo{
  color: #fff;
  display: none;
  width: 240px;
  left: 50%;
  top: 45px;
  text-align: center;
  position: absolute;
  margin-left: -120px;
}
.leafInfo strong{text-transform: uppercase; display: block; font-size: 18px; line-height: 22px; padding-bottom: 5px;}


.soundcontrol
{
	color: #fff;
	font-size: 25px;
	line-height: 30px;
	display: inline-block;
	cursor: pointer;
		font-family: 'matterbold';
		position: fixed;
    left: 20px;
    top: 30px;
}

.soundcontrol .soundOff, .soundcontrol .soundOn
{
	font-size: 25px;
	line-height: 30px;
	background: transparent;
	border-radius: 0px;
	padding: 0px;
	border: 0px;
	color: #fff;
	cursor: pointer;
	font-family: 'matterbold';
	position: relative;
}

.soundcontrol .soundOff::after, .soundcontrol .soundOn::after
{
	content: '';
	display: block;
	position: absolute;
	background: #fff;
	height: 1px;
	width: 100%;
	-webkit-transition: all ease 0.4s;
     transition:all ease 0.4s;
   }
.no-touch .soundcontrol .soundOff:hover, .no-touch .soundcontrol .soundOn:hover
	 {
		 color: #FF5740;

	 }
.no-touch .soundcontrol .soundOff:hover::after, .no-touch .soundcontrol .soundOn:hover::after {
 width: 0%;
 background: #FF5740;
 }

 .audioOn .soundcontrol .soundOn, .audioOff .soundcontrol .soundOff, .soundOff
 {
 	display: none;
 }

 .audioOn .soundcontrol .soundOff, .audioOff .soundcontrol .soundOn
 {
 	display: inline-block;
 }
/* .home.loaded .leafHolders .leaficon.icon1, .home.loaded .leafHolders .leaficon.icon2, .home.loaded .leafHolders .leaficon.icon3, .home.loaded .leafHolders .leaficon.icon4, .home.loaded .leafHolders .leaficon.icon5
{
  animation: iconscale 1.5s infinite cubic-bezier(.16,.84,.44,1);

} */
.leafHolders .leaficon.active .leafInfo{opacity: 1;}
.leafHolders .leaficon.icon1{ left: 15%; top:20%; }
.leafHolders .leaficon.icon2{ left: 35%; top: 10%;}
.leafHolders .leaficon.icon3{ left: 66%; top: 13%;}
.leafHolders .leaficon.icon4{ left: 23%; top: 73%;}
.leafHolders .leaficon.icon5{ left: 90%; top: 60%;}

.leafHolders .leaficon.icon1::before{animation: iconscale 2s infinite cubic-bezier(.16,.84,.44,1); animation-delay:2s; }
.leafHolders .leaficon.icon2::before{animation: iconscale 2s infinite cubic-bezier(.16,.84,.44,1); animation-delay:1s;}
.leafHolders .leaficon.icon3::before{animation: iconscale 2s infinite cubic-bezier(.16,.84,.44,1); animation-delay:2s;}
.leafHolders .leaficon.icon4::before{ animation: iconscale 2s infinite cubic-bezier(.16,.84,.44,1); animation-delay:1s;}
.leafHolders .leaficon.icon5::before{animation: iconscale 2s infinite cubic-bezier(.16,.84,.44,1); animation-delay:2s;}

.LandingImage .imageHolder
{
  z-index: 0;
}
.LandingImage img{
  width: auto;
  max-width: none;
  height: 100%;
  object-position: bottom center;
/* animation: langingImageMove 2s forwards ease-in-out;
 transition-timing-function: cubic-bezier(0.16, 0.84, 0.44, 1); */
 object-position: bottom center;
/* height: 100vh;
width: auto; */
/* max-width: fit-content; */

}

@media (max-aspect-ratio: 4/2) {
.LandingImage img{
  width: 100%;
  height: auto;
}

}
@media (max-aspect-ratio: 2/2) {
.LandingImage img{
  width: auto;
  height: 100%
}
}
  @media all and (orientation: landscape) {
    .LandingImage img{
      width: auto;
      height: 100%
    }
  }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    /* @media screen and (min-width: 1400px) and (max-width: 1920px) { */
      .LandingImage img {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
      }
      .progress-container{display: none;}
    /* } */
  }
#pcontainer
{
  /* position: absolute;
  top: 0px; */
  width: 100vw;
  height: 100vh !important;
}
.LandingText, .LandingText2
{
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  left: 16px;
}
.LandingText h1, .LandingText2 h1
{
  font-size: 5.20vw; /*100px*/
  line-height: 5.62vw; /*108px*/
  letter-spacing: -0.20vw;
  font-family: 'matterbold';
  color: #fff;
  text-align: center;
  /* max-width: 1200px; */
  max-width: 65vw;
  opacity: 0;
position: relative;
display: block;
}
.LandingText h1 span{    font-size: 2.08vw /*40px*/;
    line-height: 2.34vw /*45px*/;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin-top: 3vw;}
.loaded .LandingText h1
{
  animation: appearTxt 10s forwards ease-in-out;
  animation-delay:2.5s;
   transition-timing-function: cubic-bezier(0.16, 0.84, 0.44, 1);
}

.loaded .LandingText2 h1
{
  animation: appear2Txt 4s forwards ease-in-out;
  animation-delay:12s;
   transition-timing-function: cubic-bezier(0.16, 0.84, 0.44, 1);
}
.LandingInfo
{
  display: none;
  background: #61694D;
  color: #fff;
  position: absolute;
    width: 100%;
    padding: 20px;
    bottom: -50%;
    animation: appearInfo 4s forwards ease-in-out;
    animation-delay: 2.5s;
     transition-timing-function: cubic-bezier(0.16, 0.84, 0.44, 1);
}
.LandingInfo h6
{
  font-size: 28px;
  line-height: 32px;
  font-family: 'matterregular';
  text-align: center;
}
#page-wrap{
  min-height: 80vh;
  position: relative;
  padding-top: 250px;
      overflow-x: hidden;
}


.page-template-template-enquire #page-wrap::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0px;
  background: url('images/logo-watermark.svg');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  max-width: 58%;
}

.pageContent
{
  max-width: 1440px;
  margin: 0 auto;
  padding: 3vw 20px;
  text-align: center;
}
.col_1_1_1 .col{
  width: 33.33%;
  text-align: left;
}
.contactList .col
{
  padding: 4vw 10px;
}
.contactList .col:nth-child(1){
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contactList .col_1_1_1:nth-child(1) .col:first-child img{width: 125px; height: auto;}
.contactList .col_1_1_1:nth-child(2) .col:first-child img{width: 8px; height: auto;}
.contactList .col:nth-child(1) a::after
{
  display: none !important;
}
.contactList{
  font-size: 19px;
  line-height: 29px;
  font-family: 'matterregular';
}
.contactList .col strong{
  display: block;
  color: #FE5442;
  letter-spacing: 2.85px;
  text-transform: uppercase;
}
.DownloadList
{
  margin-bottom: 5vw;
}
.DownloadList h2
{
  text-transform: uppercase;
  font-size: 38px;
  line-height: 48px;
  letter-spacing: 7.6px;
  padding-bottom: 20px;
}
.DownloadList .col_1_1_1{

  justify-content: center;
}

.DownloadList .col
{
  padding: 20px;
  text-align: center;

}

.DownloadList .col a{
  color: #FE5442;
  letter-spacing: 2.85px;
  font-size: 19px;
  line-height: 29px;
  font-family: 'matterbold';
  text-transform: uppercase;
}
.page-template-default h1
{
  padding-bottom: 30px;
}

.subtitle
{
  font-size: 38px;
  line-height: 42px;
  letter-spacing: 7.6px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.BuildingGallery::before, .VideoWrapper::before
{
  content: '';
  display: block;
padding-top: 45%
}
.playvideo
{
  display: block;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  width: 206px;
  height: 206px;
  font-size: 0px;
  background: url('images/Play-video.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
box-shadow: 0px 0px 4px 2px transparent;
border-radius: 100%;
-webkit-transition: all .3s cubic-bezier(.16,.84,.44,1);
-moz-transition:    all .3s cubic-bezier(.16,.84,.44,1);
-o-transition:      all .3s cubic-bezier(.16,.84,.44,1);
transition:         all .3s cubic-bezier(.16,.84,.44,1);
}
.playvideo:hover{
  box-shadow: 0px 0px 4px 2px #ffffff;
}
.viewGallery
{
  display: block;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  width: 206px;
  height: 206px;
  background: url('images/Gallery-Button.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 4px 2px transparent;
  border-radius: 100%;
  -webkit-transition: all .3s cubic-bezier(.16,.84,.44,1);
  -moz-transition:    all .3s cubic-bezier(.16,.84,.44,1);
  -o-transition:      all .3s cubic-bezier(.16,.84,.44,1);
  transition:         all .3s cubic-bezier(.16,.84,.44,1);
}
.viewGallery:hover{
  box-shadow: 0px 0px 4px 2px #ffffff;
}
.viewGallery a{
  display: none;
  font-size: 0px;
  line-height: 0px;
  width: 100%;
  height: 100%;
}
.viewGallery a::after, .playvideo::after{
  display: none !important;
}
.viewGallery a:first-child
{
  display: block;

}
.viewGallery a img{
  width: 0px;
  height: 0px;
  opacity: 0;
}


.vrTourpopup{position: fixed; left: 0; width: 100%; height: 100%; background-color: #000; top: -100%; transition: all .5s ease-in-out; z-index: 115; overflow: hidden; opacity: 0}
.vrTourpopup.active{top: 0; opacity: 1}
.vrTourpopup .closeIcon{z-index: 1; cursor: pointer;}
.closeIcon { position: absolute; right: 20px; top: 20px; margin: auto; background: url('images/close-icon.svg') no-repeat center center; background-size: auto; width: 20px; height: 20px; background-size: 20px 20px;}
.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: 60px; height: 60px; -webkit-animation: ripple 0.7s linear infinite; animation: ripple 0.7s linear infinite; border-radius: 50%; }


.iframeContainer {width: 100%; height: 100%; clear: both; overflow: hidden; opacity: 0}
.iframeContainer iframe { width: 100%; height: 100%;}
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(254, 84, 66, 0.3), 0 0 0 5px rgba(254, 84, 66, 0.3), 0 0 0 15px rgba(254, 84, 66, 0.3);
  }
  100% {
    box-shadow: 0 0 0 5px rgba(254, 84, 66, 0.3), 0 0 0 15px rgba(254, 84, 66, 0.3), 0 0 0 30px rgba(254, 84, 66, 0);
  }
}
@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(254, 84, 66, 0.3), 0 0 0 5px rgba(254, 84, 66, 0.3), 0 0 0 15px rgba(254, 84, 66, 0.3);
  }
  100% {
    box-shadow: 0 0 0 5px rgba(254, 84, 66, 0.3), 0 0 0 15px rgba(254, 84, 66, 0.3), 0 0 0 30px rgba(254, 84, 66, 0);
  }
}
body.hidescroll{
  overflow: hidden;
}
.exploreESGpopup{position: fixed; left: 0; width: 100%; height: 100%; background-color: #98A689; top: -100%; transition: all .5s ease-in-out; z-index: 115; overflow: auto; opacity: 0}
.exploreESGpopup.active{top: 0; opacity: 1}
.pageHeading
{
  padding: 0vw 20px 3vw 20px;
  text-align: center;
}
.pageHeading h1{
  font-size: 6.82vw /*131px*/;
  line-height: 6.82vw;
  letter-spacing: 0px;
  font-family: 'matterlight';
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.pageHeading h2{
  font-size: 1.97vw/*38px*/;
  line-height: 2.08vw/*40px*/;
  letter-spacing: 0.39vw /*7.6px*/;
  font-family: 'matterregular';
  padding-bottom: 20px;
  text-transform: uppercase;
}


.PageIntro
{
  padding: 6vw 0px 17vw 0px;
  overflow: visible;
}
.PageIntro > div.textWrapper{
  max-width: 1400px;
  margin: 0 auto;
  padding: 0px 20px;
}

.PageIntro .watermark{

  width: 60%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0px;
  right: 0px;
  background: url('images/logo-watermark.svg');
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}
.PageIntro .innerText
{
  max-width: 540px;
  font-size: 27px;
  line-height: 35px;
}
.PageIntro .innerText h3
{
  font-size: 50px;
  line-height: 54px;
  color: #FE5442;
  padding-bottom: 20px;
  font-family: 'matterregular';
}
.viewElm
{
  opacity: 0;
  transition: opacity .8s ease-in-out;
  -webkit-transition: opacity .8s ease-in-out;
  -moz-transition: opacity .8s ease-in-out;
  -o-transition: opacity .8s ease-in-out;
}
.viewElm.animated{
  opacity: 1;
}
.verticleText
{
  color: #FE5442;
      font-size: 9.01vw;
      line-height: 9vw;
      font-family: 'matterlight';
      position: absolute;
      transform: rotate(90deg) translateX(-50%);
      top: 30%;
      right: -21%;
      z-index: 1;

}

.svgPathText
{
  position: absolute;
  right: 0%;
  bottom: 0px;
  width: 50%;
  opacity: 0;
}
.svgPathText.animated
{
  opacity: 1;
}
.svgPathText .pathText
{
  font-size:2.08vw;
  fill:#61694D;
}
.availabilitySec{
  padding: 5vw 0px 8vw 0px;
}
.availabilityList
{
  color: #FE5442;
  font-size: 30px;
  line-height: 38px;
  max-width: 1400px;
  padding: 20px;
  margin: 0 auto;
}
.availabilityList ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.availabilityList > ul > li {
  border-bottom: #61694D 1px solid;
  position: relative;
  padding: 0;
}
.availabilityList ul li > div.row.activeBlock
{
  cursor: pointer;
}
.availabilityList > ul > li:hover{
  border-color:#000;
}


.availabilityList ul li.headingRow {
  cursor: auto;
  text-transform: uppercase;
  pointer-events: none;
color: #61694D;
font-family: 'matterbold';

}
.availabilityList ul li.headingRow br{
  display: none;
}

.availabilityList ul li:last-child {
  border: 0
}

.availabilityList ul li:last-child > div.row > div:last-child {
  text-align: left
}

.availabilityList ul li > div.row {
  display: flex;
  position: relative;
  padding: 10px 0;
}

.availabilityList ul li div.row span {
  font-size: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-left: solid 15px #FE5442;
    border-bottom: solid 10px transparent;
    border-top: solid 10px transparent;
    width: 20px;
    height: 20px;
  /* background: url('images/arrow.svg') no-repeat center center;

  background-size: 20px 20px; */
  cursor: pointer;
}
.availabilityList ul li:hover div.row span{
  border-left: solid 15px #000;
}

.availabilityList ul li > div.row.active span {
  transform: rotate(90deg);
}

.availabilityList ul li > div.row > div {
  width: 33.33%;
  padding: 0 10px;
  text-align: left;
}

.availabilityList ul li > div.row > div:first-child {
  width: 33.33%;
  text-align: left;
  padding-left: 0;
}

.availabilityList ul li > div.row > div:last-child {

  padding-right: 20px;
}

.availabilityList ul li.notavailable{
  pointer-events: none;

}
.availabilityList ul li.notavailable > div{
  justify-content: flex-end;
  text-transform: uppercase;
  letter-spacing: 0
}
.planDetails, .expandDetails {
  padding: 50px 0;
  cursor: auto;
  min-height: 100px;
  display: none;
}

.planDetails{
  position: relative;
}
.planDetails > div{
  opacity: 0;
}
.planDetails.loaded > div{
  opacity: 1
}
.planDetails.loading:before{
  content: "";
  background: url('images/loader.svg') no-repeat center center;
  width: 46px;
  height: 46px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

#categoryData
{
  min-height: 350px;
  width: 100%;
  position: relative;
  z-index: 1;
}
.planloader
{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: url('images/loader.svg') no-repeat center center;
  background-size: 50px;
  background-color: #fff;
  z-index: 0;

}
.planDetails > div .column:first-child {
  width: 35%;
  position: relative;
  padding-bottom: 35px;
}
.norticon
{
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.planDetails > div .column:last-child {
  width:65%;
}

.CGIGallery .cameraicon{
  width: 40px;
  height: 35px;
  display: none;
  background: url('images/camera-icon.svg') no-repeat center center;
  background-size: 40px;
}
.CGIGallery .cameraicon:first-child{
  display: inline-block;
}
.CGIGallery .cameraicon::after{display: none !important;}
.expandicon img{
  width: 0px;
  height: 0px;
  line-height: 0px;
  opacity: 0;
}
.floorTitle{
  font-size: 3.90vw /*76px*/;
  line-height: 3.69vw /*71px*/;
  color: #61694D;
  display: block;
  /* margin-bottom: 3vw; */
  margin-bottom: 30px;
}
.expandDetails .column:nth-child(3) > div h2{
  font-size: 3.125VW/*61px*/;
  line-height: 3.25VW;
  color: #61694D;
  display: block;
  margin-bottom: 3vw;
  padding: 0px;
  text-align: left;
  text-transform: none;
  letter-spacing: 0px;
}
.floorArea
{
  font-size: 27px;
  line-height: 35px;
  color: #61694D;
  display: block;
  margin-bottom: 10px;
}
.planDetails .btnLinks
{
  margin-top: 0px;
  /* margin-top: 3vw; */
  font-size: 19px;
  line-height: 22px;
}
.planDetails .btnLinks a
{
  text-transform: none;
  margin-bottom: 10px;
  color: #FE5442;
  cursor: pointer;
}
#categoryDataspaceplan{width: 100%;height: 100%; display: flex;
    align-items: center;}
    #categoryDataspaceplan > div
    {
      width: 100%;
    }
#categoryData > div > div.floorplanText, .spacePlanSlide .column
{
  width: 30%;
  z-index: 2;
}
#categoryData > div > div.floorPlanImage, .spacePlanSlide .column:last-child
{
  width: 70%;
  position: relative;
  z-index: 1;
}
/* #categoryData > div > div.floorPlanImage
{
  z-index: -1;
} */
#categoryData > div > div.floorPlanImage .zoomingIcon, #categoryDataspaceplan .spacePlanSlide .zoomingIcon{right: 40px;
    left: auto;
    position: fixed;
    top: 65px;}
#categoryData > div > div.floorPlanImage img, .spacePlanSlide .column:last-child .spacePlanImg img{
  max-height:40vw;
}
.catplanData
{
  height: 100%;
  display: flex;align-items: center;
}
.expandDetails {
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 12;
  left: 0;
  display: none;
  padding: 40px 100px;
}

.expandDetails:before{
  content: "";
    display: block;
    background: url('images/loader.svg') no-repeat center center;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.expandDetails .closeIcon, .expandDetails .zoomingIcon, .expandDetails .column{
    opacity: 0;
    transition: all .3s ease-in-out;
    transition-timing-function: cubic-bezier(.16,.84,.44,1);
}

.active.expandDetails .closeIcon, .active.expandDetails .zoomingIcon, .active.expandDetails .column{
  opacity: 1
}
.expandRes
{
  cursor: pointer;
}
.expandRes::after
{
  display: none !important
}
.spacePlanSlide .column:nth-child(1) {
  width: 35%;
  letter-spacing: 0;
  padding: 20px;

  overflow: auto;
  font-size: 19px;
  line-height: 29px;
  color: #FE5442;
  display: flex;
    justify-content: center;
    flex-direction: column;
}
.spacePlanSlide .column:nth-child(3) p{
  padding-bottom: 25px;
}
.spacePlanSlide .column:nth-child(3) > div > ul{
  margin-bottom: 30px;
  list-style-type: none;
  padding: 0;
}
.spacePlanSlide .column:nth-child(3) > div > ul > li{
  padding: 2px 0px 2px 0px;
}

.spacePlanSlide .column
{
  width: 35%;
}
.spacePlanSlide .column:last-child {
  width: 65%;
  padding: 0;
  position: relative;

  display: flex;
    justify-content: center;
    flex-direction: column;
}
#container {
     width: 100%;
     height: 100%;
   }
.spacePlanSlide h2 {
  color: #61694D;
  font-size: 4vw;
  line-height: 4.4vw;
  letter-spacing: 0px !important;
  text-transform: none !important;
  text-align: left !important;
  padding: 0px 0px 50px 0px !important
}
.spacePlanSlide .column > div{ font-size: 19px;
line-height: 29px;
color: #FE5442;}


.spacePlanImg{
  position: relative !important;
  padding: 50px;
  width: 100%;

}
.expandDetails .spacePlanImg{
  background: #fff;

}
.expandDetails .spacePlanImg img
{

    max-width: 95%;
    height: auto;
    width: auto;
    max-height: 95%;
    margin: 0 auto;
}
.spacePlanImg a{
  display: block !important;
}
.spacePlanImg a::after{
  display: none !important;
}
.closeIcon, .pincloseIcon{
  background: url('images/close-icon.svg') no-repeat center center;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 40px;
  top: 20px;
  font-size: 0;
  line-height: 0;
  z-index: 2;
  background-size: 20px 20px;
  cursor: pointer;
}
.expandDetails .closeIcon{
    background: url('images/close-icon-black.svg') no-repeat center center;
    background-size: 20px;
}
.pincloseIcon{
  background: url('images/close-icon.svg') no-repeat center center;
  background-size: 20px 20px;
}
.zoomPan, .floorPlanImage .pinch-zoom-container, .spacePlanImg .pinch-zoom-container
{
  overflow: visible !important;
}
.floorPlanImage .pinch-zoom-container, .spacePlanImg .pinch-zoom-container{
  min-height: 55vw;
}
/* .zoomPan{
  position: relative !important;
  height: 100%;
}
.zoomPan img{
  width: 100%;

}

.pinch-zoom-container
{
  width: 100%;
  height: 100vw;
}
*/
.floorNav
{
  position: fixed;
  left: 0px;
  right: 0px;
  z-index: 2;
  bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.floorNav span{
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: inline-block;
  font-size: 0px;
  background: url('images/line-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 25px;
    background-position: center;
}
.floorNav span.inactive
{
  opacity: 0.2;
  pointer-events: none;
}
.prevPost{
margin-left: 30px;
}
.nextPost{
margin-right:  30px;
transform: rotate(180deg);
}


.expandDetails .slick-arrow
{
  position: absolute;
  bottom: -20px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: inline-block;
  font-size: 0px;
  background: url('images/line-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 25px;
    background-position: center;
    border: 0px;
    z-index: 2;
}
.expandDetails .slick-prev.slick-arrow
{
  left: -60px;
}
.expandDetails .slick-next.slick-arrow
{
  right: -60px;
  transform: rotate(180deg);
}
.spacePlanSlider
{
  width: 100%;
  background: #fff;
}
.spacePlanSlide
{
  display: flex !important;
  height: 100%;
position: relative;
}


.Sustainability
{
background: #6A7355;
color: #fff;
overflow: visible;
padding: 5vw 0px 14vw 0px;
margin-top: -1px;
}
.Sustainability h3, .availabilitySec h2{
  text-transform: uppercase;
  font-size: 66px;
  line-height: 78px;
  letter-spacing: 6.6px;
  text-align: center;
  max-width: 950px;
  margin: 0 auto;
  padding: 0px 20px 50px 20px;
}
.Sustainability h2
{
  font-size: 0px!important;
  line-height: 0px !important;
  /* font-size: 230px;
  line-height: 320px;

  letter-spacing: 0;
  font-family: 'matterbold';
text-align: center;
  background: url('images/footer-bg.jpg') 0 0 / cover no-repeat;
  color: #de466c;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: red; */
  padding: 0px 20px 0px 20px;
  position: absolute;
  width: 100%;
  max-width: 1360px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -40px;
  z-index: 1;

}
.Sustainability h2 img{
  width: 100%;
  height: auto;
}
.Sustainability .iconList li{
  width: 25%;
}
.specification_summary
{
  background: #D6DAD7;
  padding: 5vw 0px 3vw 0px;
}
.specification_summary > div, .Sustainability > div{
  max-width: 1400px;
  margin: 0 auto;
}
.specification_summary h2
{
  font-size: 0px!important;
  line-height: 0px !important;
  /* font-size: 130px;
  line-height: 130px;
  letter-spacing: -0.20vw;
  font-family: 'matterbold';
text-align: center;
  background: url('images/footer-bg.jpg') 0 0 / cover no-repeat;
  color: #de466c;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: red;

  */
  padding: 0px 20px 50px 20px;
}
.specification_summary h2 img{
  width: 100%;
  height: auto;
}
.iconList
{
  max-width: 1400px;
    margin: 0px auto;
  list-style: none;
  padding: 0px;
}
.iconList li{
  width: 20%;
  text-align: center;
  padding: 30px 20px;
}
.iconList li h6{
  font-size: 27px;
  line-height: 35px;
  padding: 0px;
}
.iconList li .icon{
  width: 150px;
  height: 150px;
  margin: 0 auto 20px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.TextImageRow
{
  padding: 3vw 0px 8vw 0px;
  overflow: visible;
}
.TextImageRow > div.textWrapper{
  max-width: 1500px;
  margin: 0 auto;
  padding: 0px 20px;
}

.TextImageRow .innerText
{
  max-width: 540px;
  font-size: 27px;
  line-height: 35px;
}
.TextImageRow .innerText h3, .TextImageRow .innerText h3
{
  font-size: 50px;
  line-height: 54px;
  color: #FE5442;
  padding-bottom: 20px;
  font-family: 'matterregular';
}
.page-template-template-the-area-php .TextImageRow .innerText
{
  max-width: 50%;
  width: 50%;
  padding-right: 50px;
  padding-left: 30px;
  text-align: right;
  /* margin-top: -1vw; */
  margin-top: -3.5vw;
}

.page-template-template-the-area-php .TextImageRow .innerText > div{
  max-width: 580px;
  margin: 0px 0px 0px auto;
  text-align: left;
}


.page-template-template-the-area-php .svgPathText
{
  position: absolute;
  right: auto;
  left:1%;
  bottom: -9vw;
  width: 70%;

}
.page-template-template-the-area-php img, .page-template-template-history-php img{
  width: 100%;
  max-width: none;
}
.page-template-template-the-area-php .verticleText
{
  color: #FE5442;
      font-size: 19.27vw;
      line-height: 19vw;
      font-family: 'matterlight';
      position: absolute;
      transform: rotate(90deg) translateX(-50%);
      /* top: 20%; */
      top: 30%;
      right: -12.5%;
      z-index: 1;
}

.svgPathText .pathText
{
  font-size:2.15vw;
  font-family: 'matterregular';
  fill:#61694D;
}
.textImageWrapper .imageWrapper
{
  width: 50%;
}
.imageCaption
{font-size: 14px;
line-height: 18px;
color: #FE5442;
font-family: 'matterregular';
}
.textImageWrapper .imageWrapper .imageCaption
{
  text-align: right;
  padding: 10px;
}
.imageCaption
{
  padding: 10px;
}
.ThreeImageRow .imageOne
{
  width: 40%;
  padding-right: 20px;
  margin-top: 10vw;
}
.ThreeImageRow .imageOne .imageCaption
{
  text-align: right;
  padding-right: 0px;
}
.ThreeImageRow .groupImage
{
  width: 60%;
  position: relative;
  flex-direction: row-reverse;
}
.ThreeImageRow .groupImage img{
  width: 100%;
  max-width: none;
}
.ThreeImageRow .groupImage .imageTwo{
  width: 68%;
}
.ThreeImageRow .groupImage .imageTwo .imageCaption{
  text-align: right;
  padding: 10px;
}
.ThreeImageRow .groupImage .imageThree
{
  position: absolute;
  width: 65%;
  left: 0px;
  top: 26vw;
  z-index: 1;
}
.ThreeImageRow .groupImage .imageFour
{
  margin-top: 30px;
}
.ThreeImageRow .groupImage .imageThree .imageCaption, .ThreeImageRow .groupImage .imageFour .imageCaption
{
  padding-left: 0px;
}
.ThreeImageRow .groupImage .watermark{

  width: 100%;
  height: 90%;
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  background: url('images/logo-watermark.svg');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}
.imgNote
{display: none;}
.TheAreaMap
{
  background: #B7C2AD;
  margin-top: 5vw;
}
.TheAreaMap .centerBlock
{
  max-width: 1120px;
  margin: 0 auto;
}
.zoomingIcon{
  position: absolute;
  left:  0px;
  top:50px;
  z-index: 1;
  font-size: 0;
  line-height: 0;

}
.zoomingIcon a{
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-color: #61694D;
  border-radius: 0%;
  display: block;
  text-align: center;
  cursor: pointer;margin: 5px 0px
}
.zoomingIcon a::after, .closeIcon::after{display: none !important;}
.zoomingIcon svg {
    width: 22px;
    height: 22px;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.cursor.active {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 1px solid black;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  transform: translate(calc(-50% + 15px), -50%);
}
.midContainer
{
	/* position: relative; */
}
.mapimg, .spacePlanImg a{
  cursor: zoom-in !important;
}
.mapimg img{
    width: 100%;
}
img::selection {
  background: transparent;
  color: #fff
}

img::-moz-selection {
  background: transparent;
  color: #fff
}
.imgNote
{
	display: none;
}
.device .imgNote
{
	display: block;
	text-align: left;
	font-size: 11px;
	padding: 0px 10px 5px 10px;
}
.mappointer > div {
    display: none;
}
.pointerlistmain > div.active, .mappointer > div.active {
    display: block;
}
.mappointer > div > span {
  position: absolute;
	cursor: pointer;
  /* width: 25px;
  height: 25px; */
	border-radius: 50%;
  width: 1.80%;
    height: 2.1%;
    font-size: 0.6vw;
    line-height: 0.6vw;
  z-index: 3;
  color: #fff;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: 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;
	transition:all .3s ease-in-out;
	 -webkit-transition:all .3s ease-in-out;
	 -moz-transition:all .3s ease-in-out;
	 -o-transition:all .3s ease-in-out;
}
.mappointer > div > span b
{
	vertical-align: middle;
  font-family: 'matterregular';
}

.mappointer > div > span:hover{
	border: 1px solid #fff !important;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.mappointer > div.restaurants  > span
{
	background: #FD5541;
	border: 1px solid #FD5541;
}
.mappointer > div.Wellness > span
{
	background: #6484f3;
	border: 1px solid #6484f3;
}

.mappointer > div.shopping > span
{
	background: #FEAF00;
	border: 1px solid #FEAF00;
}

.mappointer > div.greenSpace > span
{
	background: #235C32;
	border: 1px solid #235C32;
}

.mappointer > div.occupiers > span
{
	background: #ea7504;
	border: 1px solid #ea7504;
}

.mappointer > div > span > span {
  display: none;
  font-size: 19px;
      line-height: 21px;
      font-family: 'matterregular';
      padding: 10px 10px 12px 10px;
      position: absolute;
      z-index: 5;
      left: 50%;
          margin-top: 0px;
      bottom: 140%;
      width: 180px;
      transform: translateX(-50%);

}
.mappointer > div > span.current{
  z-index: 5;
  border: 1px solid #fff !important;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.mappointer > div.restaurants > span > span{
  background-color: #FD5541;

  color: #fff;
}

.mappointer > div.Wellness > span > span{
  background-color: #6484f3;
  color: #fff;
}

.mappointer > div.shopping > span > span{
  background-color: #FEAF00;
  color: #fff;
}

.mappointer > div.greenSpace > span > span{
  background-color: #235C32;
  color: #fff;
}
.mappointer > div.occupiers > span > span{
  background-color: #ea7504;
  color: #fff;
}

.mappointer > div.greenSpace > span.greenSpace7 > span{
  bottom: -440%;
}
.mappointer > div.greenSpace > span.greenSpace6 > span, .mappointer > div.greenSpace > span.greenSpace8 > span, .mappointer > div.greenSpace > span.greenSpace9 > span{
  bottom: -350%;
}
.pointerlistmain>div ol li b{
	display: none;
}
.mappointer > div.Wellness > span.Wellness16 > span, .mappointer > div.Wellness > span.Wellness14 > span, .mappointer > div.Wellness > span.Wellness4 > span{
transform: translateX(0%);
left: 0%;
}
.bottomKeyLink
{
  background: #fff;
  padding: 20px 20px;
}
.RightMapList
{
  max-width: 1120px;
  margin: 0 auto;
  display: flex;

  -webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-flow: row wrap;
}
.RightMapList ul{
  display: none;
}
.RightMapList h4
{
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 2px;
font-family: 'matterlight';
  color: #000;
  padding: 10px 10px 10px 30px;
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
}

.RightMapList h4.active{font-family: 'matterbold'; pointer-events: none;}
.RightMapList h4::before{
  content: ''; width: 22px; height: 22px; border-radius: 100%;
  display: block;position: absolute;left: 0px; top: 25%; transform: translateY(-50%);
  animation: iconscale 2s infinite cubic-bezier(.16,.84,.44,1); animation-delay:0s;
}
.RightMapList h4.active::after{display: none;}
.RightMapList h4::after
{
	content: '';
	display: block;
	position: absolute;
	background: #000;
	height: 1px;
	width: 0%;
	-webkit-transition: all ease 0.4s;
     transition: all ease 0.4s;
   }
.RightMapList h4:hover{
     color: #000;
   }
.RightMapList h4:hover::after {
   width: calc(100% - 40px);
   background: #000;
   }
   .RightMapList h4:nth-child(5):hover::after {
      width: calc(100% - 30px);
      background: #000;
      }
.RightMapList h4:nth-child(5){padding-right: 0px}
.RightMapList h4:nth-child(1)::before{  background: #FE5442;}
.RightMapList h4:nth-child(2)::before{  background: #6484f3;}
.RightMapList h4:nth-child(3)::before{  background: #FEAF00;}
.RightMapList h4:nth-child(4)::before{  background: #235C32;}
.RightMapList h4:nth-child(5)::before{  background: #ea7504;}

.page-template-template-sustainability-php .watermark, .page-template-template-history-php  .watermark, .page-template-template-building-php .watermark1{
  width: 55%;
  height: 60vw;
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  background: url('images/logo-watermark.svg');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}
.page-template-template-building-php .watermark1{top: -15px}
.TitleTextImage
{
  z-index: 2;
}
.TitleTextImage .col{
  width: 50%;
  font-size: 2.60vw /*50px*/;
  line-height: 3.22vw /*62px*/;
  padding: 20px;
}
.TitleTextImage .col .imageBlock{
  max-width: 680px;
  margin: 0px -10vw 0px auto;

}
.TitleTextImage .col:nth-child(1)
{
  width: 40%
}

.TitleTextImage .col:nth-child(2)
{
  width: 60%;
  text-align: right;
}
.TitleTextImage .col:nth-child(2) .textBlock
{
  max-width: 770px;
margin: 0px 0px 0px auto;
text-align: left;
padding-top: 9vw;
}
.TitleTextImage .col:nth-child(2) .textBlock p{
  padding-right: 15%;
}
.TitleTextImage .col .figureText.showRes{
  display: none;
}
.TitleTextImage .col .figureText
{
  color: #FD5541;
  font-size: 10.15vw /*195px*/;
  line-height: 11vw /*210px*/;
  padding-bottom: 30px;
}
.TitleTextImage .col h3, .ImageTextTitleFigure .col_1_1 .col:nth-child(2) h3
{
  color: #FD5541;
  font-size: 5.05vw /*97px*/;
  line-height: 5.41vw /*104px*/;
  position: absolute;
  padding-top: 7vw;
  top: -23vw;
    max-width: 40vw;
    left: 16vw;
}
.ImageTextTitleFigure
{
  overflow: visible;
}
.ImageTextTitleFigure .col_1_1 .col{
  font-size: 2.60vw /*50px*/;
  line-height: 3.22vw /*62px*/;
  padding: 20px;
}
.ImageTextTitleFigure .col_1_1 .col:nth-child(1)
{
  width: 40%;
}
.ImageTextTitleFigure .col_1_1 .col:nth-child(1) .imageBlock{
  margin-top: -5vw;
}
.ImageTextTitleFigure .col_1_1 .col:nth-child(2)
{
  width: 60%;
}
.ImageTextTitleFigure .col_1_1 .col:nth-child(2) p{
  max-width: 570px;
}

.ImageTextTitleFigure .col .figureText
{
  color: #808080;
  font-size: 37.23vw /*715px*/;
  line-height: 20vw;
opacity: 0.13;
margin: 0;
    display: block;
    position: absolute;
    right: 0px;
    bottom: 6vw;

}

.figureImageText .col h6
{
  color: #FD5541;
  font-size: 19px;
  line-height: 29px;
  font-family: 'matterregular';
  max-width: 430px;
  margin: -60px 0 50px 0;
  width: 100%;
}
.figureImageText
{
  z-index: 1;
  overflow: visible;
  margin-top: -28vw;
}
.figureImageText .figureText{
  color: #61694D;
  font-size: 19.89vw /*382px*/;
  line-height: 19vw;
  transform: rotate(-90deg);
  margin: 12vw auto 0 -8vw;
}
.figureImageText .col:nth-child(3)
{
  display: flex;
  align-items: flex-start;
flex-flow: row wrap;
flex-direction: column-reverse;
}
.figureImageText .col h3
{
  color: #61694D;
  font-size: 5.05vw /*97px*/;
  line-height: 5.41vw /*104px*/;
  padding-top: 50px;
  max-width: 340px;
  margin-bottom: 10vw;
}
.figureImageText .col_1_1_1, .TitleTextImage .col_1_1, .twocolText .col_1_1, .ImageTitleTwoText .col_1_1
{
  /* max-width: 1400px; */
  max-width: 75vw;
  margin: 0 auto;
}
.twocolText .col_1_1
{
      flex-direction: row-reverse;
}
.twocolText
{
  z-index: 1;
overflow: visible;
margin-top: 1vw;
}
.twocolText .col{
  width: 50%;
  padding: 20px;
  font-size: 2.60vw /*50px*/;
  line-height: 3.22vw /*62px*/;
}
.twocolText .col .figureText
{
  color: #FD5541;
  font-size: 24.78vw /*495px*/;
  line-height: 22vw;
  margin-top: -9vw;
}

.twocolText .col:nth-child(2)
{
  text-align: right;
}
.twocolText .col:nth-child(2) .textBlock
{
  text-align: left;
    max-width: 510px;
    margin: 0 auto 0 0;
}
.ImageTitleTwoText .col{
  padding: 20px;
  width: 50%;
}

.ImageTitleTwoText .col .imageBlock
{
  position: absolute;
  z-index: -1;
      width: 75vw;
}
.ImageTitleTwoText .col .bigText
{
  color: #61694D;
  font-size: 11.35vw /*218px*/;
  line-height: 12vw ;
  margin-top: 20vw;
  margin-bottom: 50px;
}
.ImageTitleTwoText .smalltextBlock
{
  color: #FD5541;
  font-size: 19px;
  line-height: 29px;
  font-family: 'matterregular';
  max-width: 410px;
  margin:0px auto 30px 20px;
}
.ImageTitleTwoText .col:nth-child(2)
{
  font-size: 2.60vw /*50px*/;
  line-height: 3.22vw /*62px*/;
  padding-top: 20vw;
}
.ImageTitleTwoText .col .textBlock
{
  max-width: 560px;
  margin:-5vw 0 0 auto;
}
.page-template-template-sustainability-php .svgPathText
{
  position: relative;
  margin: -5vw 5vw 50px auto;
  display: block;
width: 70%;}

.page-template-template-sustainability-php .svgPathText .pathText
{
  font-size:1.95vw;
  fill:#61694D;
}
.exploreESG
{
  background: #61694D;
  padding:2vw 20px;
}

.exploreESG .imageHolder
{
  display: block;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-image: url('images/menu-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.esgDeveloper
{

  padding:3vw 20px;
  background: #F6F0ED;
background: linear-gradient(90deg, rgb(247 239 236) 0%, rgb(243 238 235) 35%, rgb(253 248 244) 66%, rgb(253 248 244) 100%);
}

.esgDeveloper .imageHolder
{
  display: block;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-image: url('images/esg-developer.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center;
}
.exploreESG .innerText, .esgDeveloper .innerText
{
  z-index: 1;
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.exploreESG h2, .esgDeveloper h2
{
  padding-bottom: 0px;
      min-height: 20vw;
}
.exploreESG h2 span, .esgDeveloper h2 span{
  display: block;
}
.exploreESG h2 span:nth-child(1), .esgDeveloper h2 span:nth-child(1){
  display: block;
  text-align: left;
  color: #FD5541;
  font-size: 3.125VW /*60px*/;
  line-height: 4.16vw /*80px*/;
}
.exploreESG h2 span:nth-child(1)
{
  margin-left: -5vw;
}
.exploreESG h2 span:nth-child(2), .exploreESG h2 span:nth-child(3){
  display: block;
  text-align: center;
  color: #fff;
  font-family: 'matterregular';
  font-size: 10.31vw /*198px*/;
  line-height: 10.93vw /*210px*/;
}
.esgDeveloper h2 span:nth-child(2), .esgDeveloper h2 span:nth-child(3){
  display: block;
  text-align: left;
  color: #61694D;
  font-size: 6.35vw /*122px*/;
  line-height: 6vw /*140px*/;
}
.esgDeveloper h2 span:nth-child(3)
{
  padding-left: 5vw;
}
.exploreESG .exploreBtn, .esgDeveloper .exploreBtnlink{
  /* font-size: 2.60vw 50px*/;
  /* line-height: 3.22vw 62px*/;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 2.8px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  margin: 30px auto;
  padding-bottom: 100px;
  -webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
  position: relative;
  cursor: pointer;
}
.esgDeveloper .exploreBtnlink
{
  color: #000000
}
.exploreESG .exploreBtn::after, .esgDeveloper .exploreBtnlink::after
{
  content: '';
  width: 85px !important;
  height: 85px !important;
  border-radius: 100%;

  background: url('images/explore-btn.svg') !important;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%) rotate(0deg);
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
}
.exploreESG .exploreBtn:hover
{
  /* color: #000; */
}
.exploreESG .exploreBtn:hover::after, .esgDeveloper .exploreBtnlink:hover::after
{
  transform: translateX(-50%) rotate(90deg);
}
.exploreESGpopup
{
  padding: 50px;
}
.page-template-template-Grosvenors-Commitment-php .pageHeading h1 {
    max-width: 90%;
}
.page-template-template-Grosvenors-Commitment-php .pageHeading .textOverlay
{
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-Grosvenors-Commitment-php .pageHeading
{padding: 0px 0px;height: 85vh;}
.page-template-template-Grosvenors-Commitment-php #page-wrap{
  padding-top: 150px;
}
.bannerimagePlace
{
  width: 100%;
  height: 100%;
}
.sustanabilityDeveloper > div{
  width: 50%;
  position: relative;
  overflow: hidden;
}
.exploreESGpopup .imageListWrapper .col{
  padding: 20px;
}
.exploreESGpopup h2
{
  font-size: 5vw /*131px*/;
    line-height: 5.5vw;

  color: #fff;
}
.exploreESGpopup .imageListWrapper .leftImage
{
  width: 46%;
}
.exploreESGpopup .imageListWrapper .imageList
{
  width: 54%;
}


.exploreESGpopup .imageListWrapper .imageList ol {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.exploreESGpopup .imageListWrapper .imageList ol li {
  counter-increment: my-awesome-counter;
  padding: 10px 10px 10px 10px;
	margin:0px;
  position: relative;

  display: flex;
align-items: center;
}


.exploreESGpopup .imageListWrapper .imageList ol li::before {
  content: counter(my-awesome-counter);
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 20%;
  color: #fff;
  width: 40px;
	height: 40px;
  background: #4C5439;
	border-radius: 100%;
	font-size: 18px;
	line-height: 38px;
  text-align: center;
  font-family: 'matterbold';

}

.exploreESGpopup .imageListWrapper .imageList ol li .imgThumb
{
  width: 100px;
  height: 100px;
position: relative;
border-radius: 100%;
overflow: hidden;
background: #bfcbb2;
}
.exploreESGpopup .imageListWrapper .imageList ol li .imgTxt
{
  width: calc(100% - 100px);
  padding-left: 15px;
  color: #000;
  font-size: 16px;
  line-height: 20px;
  font-family: 'matterregular';
}
.exploreESGpopup .imageListWrapper .imageList ol li .imgTxt h5
{
  color: #fff;
  font-family: 'matterregular';
  font-size: 24px;
  line-height: 26px;
  padding-bottom: 5px;
}


.accordionRow
{
  background-color: #6A7355;
  padding: 100px 20px;
}

.accordionRow .faq_accordion
{
margin: 0 auto;
max-width: 1355px;
color: #fff;
}

.faq_accordion h4.accordion_title	{
		font-size: 2.60vw ;
    /*50px*/
		line-height: 2.81vw;
    /* 54px; */
	font-weight: 400;
text-transform: none;
		position: relative;
		padding: 30px 10px 30px 60px;
		border-top: 3px solid #E9604C;
		margin: 0px;
		cursor: pointer;
			}
			.faq_accordion .accordion_record:last-child h4.accordion_title{border-bottom: 3px solid #E9604C;}
			.faq_accordion .accordion_record:last-child h4.accordion_title.active{border-bottom: 0px solid #E9604C;}
.faq_accordion h4.accordion_title::after{
	content: '';
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	background: url('images/expand-icon.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px 22px;
	-webkit-transition: transform .3s ease-in-out;
-moz-transition:    transform .3s ease-in-out;
-o-transition:      transform .3s ease-in-out;
transition:         transform .3s ease-in-out;
}
.faq_accordion h4.accordion_title.active::after{
  background: url('images/collapse-icon.svg');
	background-repeat: no-repeat;
	background-position: center;
}
.accordion_text{
	display: none;
	padding: 0px 10px 10px 60px;
	font-size: 1.40vw;
  /* 27px; */
    line-height: 1.82vw;
    /* 35px; */
}
.faq_accordion .accordion_record
{
	-webkit-transition: all .3s ease-in-out;
-moz-transition:    all .3s ease-in-out;
-o-transition:      all .3s ease-in-out;
transition:         all .3s ease-in-out;
}






.Rowone{overflow: visible;margin-top: 3vw}
.Rowone .col, .RowTwo .col, .RowThree .col, .RowFour .col, .RowFive .col, .RowSix .col, .RowSeven .col, .RowEight .col,
.RowNine .col, .RowTen .col, .RowEleven .col{width: 50%;}
.Rowone .col:nth-child(1){padding-left: 20px;padding-right: 5vw; padding-bottom: 3vw;}
.Rowone .col:nth-child(2){padding-right: 20px;padding-left: 5vw; flex-direction: column; justify-content: space-around;}
.Rowone .col:nth-child(1) .imageCaption{text-align: right;padding-right: 0px}
.yearsummary{font-size: 25px; line-height: 33px; max-width: 400px; padding-top: 10px;}
.yearRecord .year{width:15vw}
.yearRecord .year span{ display: block; font-size: 5.20vw /*50px*/;
  line-height: 5.20vw /*62px*/;
color: #FE5442}
.yearsummary b, .yearsummary strong{color: #FE5442}

.Rowone .yearRecord:nth-child(1) .year span{  font-size: 9.01vw /*50px*/;
  line-height: 9.01vw /*62px*/;
color: #FE5442; transform: rotate(90deg);margin-left: -50%;
    margin-top: 25%;}
    .RowTwo .col:nth-child(1) .imageBlock{max-width: 500px;}
.RowTwo .col:nth-child(1), .RowThree .col:nth-child(2), .RowFour .col:nth-child(2),
.RowFive .col:nth-child(2), .RowSix .col:nth-child(1), .RowSeven .col:nth-child(2),
.RowEight .col:nth-child(2), .RowNine .col:nth-child(1), .RowTen .col:nth-child(2), .RowEleven .col:nth-child(1){padding-left: 20px;padding-right: 5vw;}
.RowTwo .col:nth-child(2), .RowThree .col:nth-child(1), .RowFour .col:nth-child(1),
.RowFive .col:nth-child(1), .RowSix .col:nth-child(2), .RowSeven .col:nth-child(1),
.RowEight .col:nth-child(1), .RowNine .col:nth-child(2), .RowTen .col:nth-child(1), .RowEleven .col:nth-child(2){padding-left: 5vw;padding-right: 20px;}
.RowTwo .col:nth-child(2) .imageBlock{width: calc(100% + 5vw); margin-left: -5vw}
.RowTwo .col:nth-child(2) .imageCaption{ padding-left: 20px;}
.RowTwo .yearRecord, .RowThree .yearRecord, .RowFive .yearRecord, .RowSix .yearRecord, .RowSeven .yearRecord, .RowNine .yearRecord,
.RowTen .yearRecord, .RowEleven .yearRecord{padding: 2vw 0px;}
.yearsummary p:last-child{padding: 0px;}
.RowTwo .col:nth-child(1) .imageBlock:first-of-type{max-width: 62%;}
.RowTwo .col:nth-child(1) .imageBlock:last-of-type{max-width: 51%; margin: -15vw 0px 0px auto;}
.RowTwo .col:nth-child(1) .imageBlock .imageCaption{padding-left: 0px;}
.RowTwo .col:nth-child(1) .imageBlock:last-of-type .imageCaption{padding-right: 0px; text-align: right;}
.RowTwo {overflow:visible;}
.RowTwo .col:nth-child(1) .yearRecord{padding: 0 0 2vw 0; margin-top: -1vw}
.RowThree{margin-bottom: 2vw;}
.RowFour{overflow: visible;}
.RowFour .col:nth-child(1) .imageBlock{max-width:84%; margin-top: 1vw;margin-left: -5vw}
.RowFour .col:nth-child(1) .imageBlock .imageCaption, .RowTwo .col:nth-child(2) .imageCaption{ padding-left: 5vw;}
.RowFour .col:nth-child(1) .imageBlock:last-of-type .imageCaption{ padding-left: 0px; padding-right: 0px; text-align: right;}
.RowFour .col:nth-child(1) .imageBlock:last-of-type{max-width: 42%; margin: -10vw 0px 0px auto;}
.RowFour .col:nth-child(2) .yearRecord:last-of-type{margin-top: 12vw;}
.RowFour .col:nth-child(2) .yearRecord:last-of-type .year span, .RowSix .col:nth-child(2) .yearRecord:first-of-type .year span,
.RowSeven .col:nth-child(2) .yearRecord:last-of-type .year span, .RowNine .col:nth-child(2) .yearRecord:first-of-type .year span,
.RowTen .col:nth-child(2) .yearRecord:last-of-type .year span
{
  font-size: 9.01vw /*50px*/;
    line-height: 9.01vw /*62px*/;
    color: #FE5442;
    transform: rotate(90deg);
    margin-left: -50%;
    margin-top: 25%;
}
.RowTen .col:nth-child(2) .yearRecord:last-of-type .year span
{
  margin-top: 50%;
}
.Rowone .yearRecord:nth-child(1), .RowFour .col:nth-child(2) .yearRecord:last-of-type, .RowSix .col:nth-child(2) .yearRecord:first-of-type,
.RowSeven .col:nth-child(2) .yearRecord:last-of-type{align-items: center;}
.RowSix{overflow: visible;}
.RowSix .col:nth-child(1) .imageBlock:first-of-type{max-width: 59%;}
.RowSix .col:nth-child(1) .imageBlock:last-of-type{max-width: 41%; margin: -10vw 2vw 0px auto;}
.RowSix .col:nth-child(1) .imageBlock .imageCaption{padding-left: 0px;}
.RowSix .col:nth-child(1) .imageBlock:last-of-type .imageCaption{padding-left: 35px;}
.RowSix .col:nth-child(1) .imageBlock:last-of-type .imageCaption{padding-right: 0px; text-align: right;}
.RowSix .col:nth-child(2)
{
  display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 3vw;
}
.RowSix .col:nth-child(1)
{
  padding-bottom: 1vw;
}
.RowSix .col:nth-child(2) .yearRecord:nth-child(3){ padding-top: 5vw;}
.RowSeven .col:nth-child(1) .imageBlock:first-of-type{max-width: 86%; margin-left: -5vw}
.RowSeven .col:nth-child(1) .imageBlock:nth-child(2){max-width: 50%; margin: -10vw 5vw 0px auto;}
.RowSeven .col:nth-child(1) .imageBlock:nth-child(3){max-width: 42%; margin:-18vw auto 0px 0;}
.RowSeven .col:nth-child(1) .imageBlock .imageCaption{padding-left: 0px; padding-right: 0px; text-align: right;}
.RowSeven .col:nth-child(1) .imageBlock:nth-child(3) .imageCaption{padding-right: 0px; text-align: left;}
.RowSeven .col:nth-child(2){
  display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.RowEight
{
  margin-top: 2vw;
}
.RowEight .col:nth-child(1) .imageBlock:nth-of-type(2){max-width: 60%; margin-left: -5vw}
.RowEight .col:nth-child(1) .imageBlock:nth-of-type(3){max-width: 62%; margin: -30vw 0 0px auto;z-index: -1;position: relative;}
.RowEight .col:nth-child(1) .imageBlock:nth-of-type(4){max-width: 44%; margin:-18vw auto 0px 4vw;}
.RowEight .col:nth-child(1) .imageBlock:nth-of-type(2) .imageCaption{padding-left:6vw; padding-right: 0px; text-align: left;}
.RowEight .col:nth-child(1) .imageBlock:nth-of-type(3) .imageCaption{padding-left:0; padding-right: 0px; text-align: right;;}
.RowEight .col:nth-child(1) .imageBlock:nth-of-type(4) .imageCaption{padding-right: 0px; text-align: left; padding-left: 0;}
.RowEight .yearRecord{padding: 3vw 0px;}


.RowNine{overflow: visible; padding-top: 3vw;}
.RowNine .col:nth-child(1) .imageBlock:first-of-type{max-width: 66%;}
.RowNine .col:nth-child(1) .imageBlock:last-of-type{max-width: 50%; margin: -22vw 0vw 0px auto;}
.RowNine .col:nth-child(1) .imageBlock .imageCaption{padding-left: 0px;}
.RowNine .col:nth-child(1) .imageBlock:last-of-type .imageCaption{padding-right: 0px; text-align: right;}
.RowNine .col:nth-child(2)
{
  display: flex;
    flex-direction: column;
    justify-content: space-around;

}
.RowTen .col:nth-child(2)
{
  padding-bottom: 12vw;
}
.RowTen .col:nth-child(2) .yearRecord:nth-child(2)
{
  padding-top: 1vw;
}
.RowTen .col:nth-child(1) .imageBlock:first-of-type{max-width: 58%;}
.RowTen .col:nth-child(1) .imageBlock:last-of-type{max-width: 55%; margin: -20vw 0vw 0px auto;}
.RowTen .col:nth-child(1) .imageBlock .imageCaption{padding-left: 0px;}
.RowTen .col:nth-child(1) .imageBlock:last-of-type .imageCaption{padding-right: 0px; text-align: right;}

.RowEleven
{
  margin-top: -10vw;
}
.RowEleven .col:nth-child(2)
{
  padding-top: 10vw;
}
.RowEleven .col:nth-child(1) .imageBlock:first-of-type{max-width: 59%;}
.RowEleven .col:nth-child(1) .imageBlock:last-of-type{max-width: 42%; margin: -10vw 3vw 0px auto;}
.RowEleven .col:nth-child(1) .imageBlock .imageCaption{padding-left: 0px;}
.RowEleven .col:nth-child(1) .imageBlock:last-of-type .imageCaption{padding-right: 0px; text-align: left;}
.RowEleven .col:nth-child(2)
{
  display: flex;
    flex-direction: column;
    justify-content: space-evenly;

}



.error404 .watermark{
  width: 60%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0px;
  left:  0px;
  background: url('images/logo-watermark.svg');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}
.pageNotFound h1
{
  font-size: 12vw;
line-height: 13vw;
letter-spacing: -0.20vw;
font-family: 'matterbold';
text-align: center;
background: url(images/footer-bg.jpg) 0 0 / cover no-repeat;
color: #de466c;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: red;
padding: 0px 20px 0px 20px;
}

.pageNotFound {
    max-width: 700px;
    font-size: 27px;
    line-height: 35px;
    margin: 0 auto;
}
.pageNotFound a
{
      color: #FE5442;
}
.page-template-template-history-php #page-wrap
{
  padding-bottom: 7vw;
}

.page-template-default
{
  background: #6A7355;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}

.page-template-default .entry h6, .page-template-default .entry h2
{
  font-family: 'matterbold';
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  color: #FE5442;
  padding-bottom: 20px;
}
.page-template-default .entry
{
  max-width: 1000px;
  padding: 3vw 0px;
  margin: 0 auto;
}
.page-template-default .entry ul{
  list-style-position: inside;
}
.page-template-default .entry a{
  color:  #FE5442;
}
.home footer{
  display: none;
}
footer{
  background: url('images/footer-bg.jpg');
  background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 2vw 4vw;
display: flex;
    justify-content: space-between;
}
.footerlogoIcon
{
  width: 185px;
  margin: 0 auto;
}
footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer > div:nth-child(2){
  width: 43%;
text-align: left;
  order: 1;
}
footer > div:first-child{
text-align: center;
width: 15%;
order: 2;
}
footer > div:nth-child(3){
text-align: right;
order: 3;
width: 42%;
}
footer ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: block;
  width: 100%;
  justify-content: flex-end;
}
footer > div:first-child ul{
  display: block;
  justify-content: flex-start;
}
footer ul li{
  display: inline-block;
  padding: 5px 1vw;
}
footer ul li a{
  text-transform: uppercase;
  font-size: 14px;
  line-height: 19px;font-family: 'matterbold';
  letter-spacing: 2.8px;
  color: #fff;
}
footer ul li a::after
{
	content: '';
	display: block;
	position: absolute;
	background: #fff;
	height: 1px;
	width: 0%;
	-webkit-transition: all ease 0.4s;
     transition: all ease 0.4s;
   }
   footer ul li a:hover{
     color: #fff;
   }
  footer ul li a:hover::after {
   width: 100%;
   background: #fff;
   }
.footerlogo
{
  display: none;
}
.developmentBy
{
  padding-bottom: 30px;
}
.developmentBy h6
{
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 3px;
    font-family: 'matterregular';
  text-transform: uppercase;
  padding-bottom: 30px;
}
.developmentBy div{
  display: block;
  text-align: center;
}
.developmentBy div img{
  display: inline-block;
  max-width: 190px;
  height: auto;
}
.developmentBy a.devLogo::after, .wt-cli-ckyes-brand-logo{
  display: none !important;
}
.page-template-default .entry table td{
  color: #fff !important;
}
#cookie-law-info-bar, .cli-style-v2{
  font-size: 14px !important;
  line-height: 18px !important;
  font-family: 'matterregular' !important;
}
.cli-tab-container h4
{
  font-size: 26px !important;
  line-height: 32px;
}
.wt-cli-accept-all-btn, .cli-tab-footer .wt-cli-privacy-accept-btn, .cli-switch input:checked + .cli-slider{
  background-color: #61694D !important;
}

.cky-preference-center{
  background-color: #fff !important
}
  .cky-consent-container .cky-consent-bar {
      background-color: #fff !important;
      border:0 !important;
      padding: 8px 25px !important;
      box-shadow: none;
  }
   .cky-notice .cky-title, .cky-prefrence-btn-wrapper + div, .cky-footer-shadow,
  .cky-consent-bar .cky-banner-btn-close, .cky-notice-btn-wrapper .cky-btn::after{display: none !important;}
  .cky-notice-des p{padding: 0px;    color: #000 !important;}
  .cky-notice-des a{color: #61694D  !important}
  .cky-btn
  {
    font-size: 13px!important;
      font-weight: 400!important;
      line-height: 1!important;
      display: inline-block;
      padding: 9px 12px!important;
      color: #000 !important;
      border: 0px !important;
      background-color:#dedfe0 !important
  }
  .cky-btn-accept{
    color: #fff !important;
    background-color: #61694D !important
  }
  @media (max-width: 576px) {
      .cky-notice-btn-wrapper {
          flex-direction: row !important;
      }
      .cky-notice-btn-wrapper .cky-btn{
        margin: 5px !important
      }
      .cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper
      {
        padding: 0px !important
      }
  }
  .entry .cky-cookie-audit-table, .entry .cky-cookie-audit-table th, .entry .cky-cookie-audit-table td
  {
    background-color: transparent !important;
    color: #fff !important
  }