@import url(/css/reset.css);
@import url(/css/text.css);
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
html {
	height:100%
}
body {
	font: 16px/20px "hellixlight", Arial, sans-serif;
	color: #041b2c;
	background: #fff url(/img/ui/bg.gif) repeat-x top center;
	height:100%;
	
	-moz-font-feature-settings:"dlig" 1; 
	-ms-font-feature-settings:"dlig" 1; 
	-o-font-feature-settings:"dlig" 1; 
	-webkit-font-feature-settings:"dlig" 1; 
	font-feature-settings:"dlig" 1;
}
b
* {
font-variant-ligatures: none !important;
}

.resizeimg {max-width: 100%;height: auto;}

.flexmiddle {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}



b {font-family:"hellixbold", Arial, sans-serif;font-weight:normal;letter-spacing:0.1em}

h1 {font-family:"hellixsemibold", Arial, sans-serif;font-weight:normal;letter-spacing:0.1em;font-size:48px;line-height:56px}
h2 {font-family:"hellixsemibold", Arial, sans-serif;font-weight:normal;font-size:26px;line-height:30px}
h3 {font-family:"hellixbold", Arial, sans-serif;font-weight:normal;font-size:30px;line-height:30px;letter-spacing:0.1em}
.unbold {font-family:"hellixregular", Arial, sans-serif}

em.glyph {font-style:normal}
em.glyph.glypha1 {-moz-font-feature-settings:"ss01" 1;
-ms-font-feature-settings:"ss01" 1;
-o-font-feature-settings:"ss01" 1;
-webkit-font-feature-settings:"ss01" 1;
font-feature-settings:"ss01" 1; }

em.glyph.glypha2 {-moz-font-feature-settings:"ss02" 1; 
-ms-font-feature-settings:"ss02" 1; 
-o-font-feature-settings:"ss02" 1; 
-webkit-font-feature-settings:"ss02" 1; 
font-feature-settings:"ss02" 1;}

em.glyph.glyphg {-moz-font-feature-settings:"ss03" 1; 
-ms-font-feature-settings:"ss03" 1; 
-o-font-feature-settings:"ss03" 1; 
-webkit-font-feature-settings:"ss03" 1; 
font-feature-settings:"ss03" 1; }

em.glyph.glyphh {-moz-font-feature-settings:"ss04" 1; 
-ms-font-feature-settings:"ss04" 1; 
-o-font-feature-settings:"ss04" 1; 
-webkit-font-feature-settings:"ss04" 1; 
font-feature-settings:"ss04" 1; }

em.glyph.glyphj {-moz-font-feature-settings:"ss05" 1; 
-ms-font-feature-settings:"ss05" 1; 
-o-font-feature-settings:"ss05" 1; 
-webkit-font-feature-settings:"ss05" 1; 
font-feature-settings:"ss05" 1; }

em.glyph.glyphl {-moz-font-feature-settings:"ss06" 1; 
-ms-font-feature-settings:"ss06" 1; 
-o-font-feature-settings:"ss06" 1; 
-webkit-font-feature-settings:"ss06" 1; 
font-feature-settings:"ss06" 1; }

em.glyph.glyphm {-moz-font-feature-settings:"ss07" 1; 
-ms-font-feature-settings:"ss07" 1; 
-o-font-feature-settings:"ss07" 1; 
-webkit-font-feature-settings:"ss07" 1; 
font-feature-settings:"ss07" 1; }

em.glyph.glyphn {-moz-font-feature-settings:"ss08" 1; 
-ms-font-feature-settings:"ss08" 1; 
-o-font-feature-settings:"ss08" 1; 
-webkit-font-feature-settings:"ss08" 1; 
font-feature-settings:"ss08" 1; }

/*em.glyph.glypho {-moz-font-feature-settings:"ss09" 1; 
-ms-font-feature-settings:"ss09" 1; 
-o-font-feature-settings:"ss09" 1; 
-webkit-font-feature-settings:"ss09" 1; 
font-feature-settings:"ss09" 1; }*/ /* don't use the o glyph */

em.glyph.glyphr {-moz-font-feature-settings:"ss10" 1; 
-ms-font-feature-settings:"ss10" 1; 
-o-font-feature-settings:"ss10" 1; 
-webkit-font-feature-settings:"ss10" 1; 
font-feature-settings:"ss10" 1; }

em.glyph.glypht1 {-moz-font-feature-settings:"ss11" 1; 
-ms-font-feature-settings:"ss11" 1; 
-o-font-feature-settings:"ss11" 1; 
-webkit-font-feature-settings:"ss11" 1; 
font-feature-settings:"ss11" 1; }

em.glyph.glypht2 {-moz-font-feature-settings:"ss12" 1; 
-ms-font-feature-settings:"ss12" 1; 
-o-font-feature-settings:"ss12" 1; 
-webkit-font-feature-settings:"ss12" 1; 
font-feature-settings:"ss12" 1; }

em.glyph.glyphu1 {-moz-font-feature-settings:"ss13" 1; 
-ms-font-feature-settings:"ss13" 1; 
-o-font-feature-settings:"ss13" 1; 
-webkit-font-feature-settings:"ss13" 1; 
font-feature-settings:"ss13" 1; }

em.glyph.glyphu2 {-moz-font-feature-settings:"ss14" 1; 
-ms-font-feature-settings:"ss14" 1; 
-o-font-feature-settings:"ss14" 1; 
-webkit-font-feature-settings:"ss14" 1; 
font-feature-settings:"ss14" 1; }




/**** nav ****/

.navholder {position:fixed;top:0;left:0;z-index:1000;width:100%;padding:40px 0;background:#041b2c;
-webkit-transition: background 0.5s ease-out, padding 0.5s ease-out;
  -moz-transition: background 0.5s ease-out, padding 0.5s ease-out;
  -o-transition: background 0.5s ease-out, padding 0.5s ease-out;
  transition: background 0.5s ease-out, padding 0.5s ease-out;}
.s0 .navholder, .s4 .navholder {background:none}
.scrolled .navholder {background:#041b2c;padding:20px 0}


.logo {display:block;background:url(../img/content/logo.svg) left center no-repeat;background-size:contain;height:50px;margin-top:0px;position:relative;z-index:10}
.navbutton {position:absolute;top:0;right:0;width:25px;height:20px;padding:10px 0px;display:block;z-index:1100;cursor:pointer;cursor:hand;background:none}
.menuicon, .closeicon {width:25px;height:22px;position:relative}
.menuicon span {width:25px;height:4px;background:#fff;position:absolute;top:8px;
-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}
.menuicon span:before {content:'';display:block;background:#fff;width:25px;height:4px;position:absolute;top:-8px;
-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}
.menuicon span:after {content:'';display:block;background:#fff;width:25px;height:4px;position:absolute;top:8px;
-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}

.closeicon span {width:0px;height:0px;background:#fff;position:absolute;top:-14px}

.closeicon span:after {content:'';display:block;width:25px;height:4px;background:#fff;position:absolute;top:0px;
-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}

.closeicon span:before {content:'';display:block;width:25px;height:4px;background:#fff;position:absolute;top:0px;
-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}



.menuopen .menuicon span:before {top:0px;opacity:0}
.menuopen .menuicon span:after {top:0px;opacity:0}
.menuopen .menuicon span {opacity:0}

.menuopen .closeicon span:after {content:'';display:block;width:25px;height:4px;background:#fff;position:absolute;top:0px;
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg);}
.menuopen .closeicon span:before {content:'';display:block;width:25px;height:4px;background:#fff;position:absolute;top:0px;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);}

.nav {visibility:hidden;opacity:0;height:0;overflow:hidden;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;}
.menuopen .nav {position:fixed;top:0;left:0;width:100%;height:100vh;background:#041b2c;font-size:40px;line-height:40px;visibility:visible;opacity:1}

.nav ul {list-style-type: none;margin:0;padding:0;text-align:center;position:relative;z-index:5000}
.nav ul li {margin:20px 0;padding:0}
.nav ul li a {font-family:"hellixbold", Arial, sans-serif;text-decoration:none;color:#fff;letter-spacing:0.25em}
.nav ul li a:hover {text-decoration:underline}

.s0 .nav a.n0,
.s1 .nav a.n1,
.s2 .nav a.n2,
.s3 .nav a.n3,
.s4 .nav a.n4,
.s5 .nav a.n5,
.s6 .nav a.n6 {color:#98e5d7}

.menuwp {position:absolute;top:0;left:0;width:100%;height:100vh}
.menuwp div {height:100vh;position:relative}
.menuwp div.menuw {width:25vw;height:25vw;background: url(../img/content/home/workingtopleft.svg) top left no-repeat;background-size:contain;position:absolute;z-index:50;top:0;left:0;max-width:400px}
.menuwp div.menup {width:25vw;height:25vw;background: url(../img/content/home/workingbottomright.svg) bottom right no-repeat;background-size:contain;position:absolute;z-index:50;bottom:0;right:0;max-width:400px}

.clearnav {height:110px;width:100%}

/**** pagebanner ****/
.pagebanner {height:50vh;width:100%;position:relative;overflow:hidden;margin-top:130px;background:50% 50% no-repeat;background-size:cover}
.pagebanner.aerial {height:70vh;margin-top:0}


.pagebanner video {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position: 50% 50%;}

.pagebanner h1 {width:100%;height:100%;text-align:center;margin:0;display:flex;flex-direction:row;align-items:center;justify-content: center;font-size:7vw;line-height:1.2em}
.pagebanner h1.whitetext {color:#fff}

@supports (-ms-ime-align:auto) {
    /*.video_contain {
        position: absolute;
		top: -50%;
		left: -50%;
		width: 200%;
		height: 200%;
    }
	
	.video_contain video {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		min-height: 50%;
		min-width: 50%;
	}*/
	
	/*.video_contain {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100vw;
	  height: 50vh;
	}
	.video_contain > video {
	  display: block;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%, -50%);
	  z-index: 1;
	}
	@media screen and (max-aspect-ratio: 1920/1080) {
	  .video_contain > video {
		height: 100%;
	  }
	}
	@media screen and (min-aspect-ratio: 1920/1080) {
	  .video_contain > video {
		width: 100%;
	  }
	}*/
	.video_contain {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	height: 50vh;
	width: 100%;
	-webkit-transform-style: preserve-3d;
	overflow: hidden;
}
.video_contain video {
	position: absolute;
	z-index: -1;
	top:50%;
	left:50%;
	height:auto;
	width:auto;
	min-width:100%;
	min-height:100%;
	transform:translate(-50%, -50%);
	object-fit:cover;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.video_contain {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	height: 50vh;
	width: 100%;
	-webkit-transform-style: preserve-3d;
	overflow: hidden;
}
.video_contain video {
	position: absolute;
	z-index: -1;
	top:50%;
	left:50%;
	height:auto;
	width:auto;
	min-width:100%;
	min-height:100%;
	transform:translate(-50%, -50%);
	object-fit:cover;
}
}

.stripbanner {min-height:60vh;background:50% 50% no-repeat ;background-size:cover;padding:40px 0}

.greystrip {background:#e2e3e5;padding:40px 0}
.greenstrip {background:#99e6d8;padding:40px 0}
.bluestrip {background:#041b2c;color:#fff;padding:40px 0}
.whitestrip {padding:40px 0}
.bgstrip {padding:40px 0;background:50% 50% no-repeat;background-size:cover}


/**** boxes ****/

.floatbox {padding:20px;font-family:"hellixsemibold", Arial, sans-serif;display:inline-block;position:relative;z-index:500}
.floatbox h2 {font-family:"hellixsemibold", Arial, sans-serif;font-weight:normal; font-size:40px;line-height:48px;letter-spacing:0.1em}
.floatbox h3 {font-family:"hellixsemibold", Arial, sans-serif;font-weight:normal; font-size:26px;line-height:30px;letter-spacing:0.05em}
.floatbox p {font-size:26px;line-height:30px}

.boxparkoverlay {width:100%;height:100%;position:absolute;top:0;left:0;z-index:200;background:url(../img/content/home/grid/box2/boxpark.svg) 50% 50% no-repeat rgba(40,40,39,0);background-size:cover}


.expandbox {padding:20px;width:20vw;min-width:280px;margin-bottom:60px;font-size:16px;line-height:18px;font-family:"hellixregular", Arial, sans-serif;position:relative;z-index:9000}
.expandhide {overflow:hidden;max-height:100px;
  -webkit-transition: max-height 0.5s ease-out;
  -moz-transition: max-height 0.5s ease-out;
  -o-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;}
.expandbox h2 {font-size:40px;line-height:48px;font-family:"hellixsemibold", Arial, sans-serif;font-weight:normal;letter-spacing:0.1em}
.expandbox img {margin:20px 0}
.expandbox .expandbutton {display:block;position:absolute;bottom:-50px;right:0;width:50px;height:50px;cursor:pointer;cursor:hand}
.whitebox .expandbutton {background:#fff}
.greenbox .expandbutton {background:#98e5d7}
.bluebox .expandbutton {background:#041b2c}
.expandbox .expandbutton:before {content:'';display:block;width:30px;height:30px;background:url(../img/ui/moredark.svg) 50% 50% no-repeat;position:relative;top:10px;left:10px;
  -webkit-transition: transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;}
.bluebox.expandbox .expandbutton:before {background-image:url(../img/ui/morelight.svg)}

.expanded .expandhide {max-height:800px !important}
.expandbox.expanded .expandbutton:before {-webkit-transform: rotate(45deg);
  transform: rotate(45deg);}

.topright {position:absolute;top:0;right:0;z-index:100}
.topleft {position:absolute;top:0;left:0;z-index:100}

.greenbox {background:#98e5d7;color:#041b2c}
.greenbox span, .greenstrip span {color:#fff}
.whitebox {background:#fff;color:#041b2c}
.whitebox span, .whitestrip span {color:#98e5d7}
.whitebox a {color:#98e5d7}
.bluebox {background:#041b2c;color:#fff}
.bluebox span, .bluestrip span {color:#98e5d7}



/**** sliders ****/
.smallslider {padding: 0}
.smallslider .leftarrow, .smallslider .rightarrow, .sliderstrip .leftarrow, .sliderstrip .rightarrow {height:60vh;width:100%;background:no-repeat;background-size:30px;cursor:pointer;cursor:hand}
.logoslider .leftarrow, .logoslider .rightarrow {height:200px;width:100%;background:no-repeat;background-size:30px;cursor:pointer;cursor:hand}
.smallslider.travel .leftarrow, .smallslider.travel .rightarrow {height:calc(60vh + 120px)}
.leftarrow.dark {background-image: url(../img/ui/leftarrowdark.svg);background-position:left center}
.rightarrow.dark {background-image: url(../img/ui/rightarrowdark.svg);background-position:right center}
.leftarrow.light {background-image: url(../img/ui/leftarrowlight.svg);background-position:left center}
.rightarrow.light {background-image: url(../img/ui/rightarrowlight.svg);background-position:right center}
.smallslider .cycle-slideshow {height:60vh;width:100%;position:relative}
.logoslider {position:relative}
.logoslider .cycle-slideshow {height:200px;width:100%;position:relative}

.smallslider .cycle-slideshow .slide, .sliderstrip .slide, .logoslider .slide {width:100%;height:100%;background:50% 50% no-repeat;background-size:cover}

.logocarousel {width:940px !important}
.logoslide {background:50% 50% no-repeat;background-size:contain;margin:40px;width:233px !important;height:120px/*;width:200px*/}

.sliderstrip {width:100%;height:60vh;position:relative}
.sliderstrip .cycle-slideshow {width:100%;height:60vh;position:absolute;top:0;left:0;z-index:-1;overflow:hidden}
.sliderstrip .leftarrowholder {height:60vh;}
.sliderw {width:25vw;height:25vw;background: url(../img/content/home/workingtopleft.svg) top left no-repeat;background-size:contain;position:absolute;z-index:100;top:10vh;left:10vw;max-width:400px}
.sliderp {width:25vw;height:25vw;background: url(../img/content/home/workingbottomright.svg) bottom right no-repeat;background-size:contain;position:absolute;z-index:100;bottom:10vh;right:10vw;max-width:400px}
.sliderw.green {background-image:url(../img/content/home/workingtopleftgreen.svg)}
.sliderp.green {background-image:url(../img/content/home/workingbottomrightgreen.svg)}
.sliderp.z0 {z-index:0}




/**** footer ****/
.footer {border-top:1px dotted #041b2c;margin-top:20px;padding:20px 0 80px 0}
.footer a {display:block}
.footer .footerlinks {margin-top:10px}
.footer .footerlinks a {display:inline;color:#041b2c;text-decoration:none}
.footer .footerlinks a:hover {text-decoration:underline}
.footer a.quintain {background:url(../img/content/footer/quintain.svg) top left no-repeat;background-size:contain;height:50px}
.footer a.social {background:50% 50% no-repeat;background-size:contain;float:right;width:28px;height:28px;margin-left:10px}
a.social.instagram {background-image:url(../img/content/footer/instagram.svg)}
a.social.youtube {background-image:url(../img/content/footer/youtube.svg)}
a.social.facebook {background-image:url(../img/content/footer/facebook.svg)}
a.social.twitter {background-image:url(../img/content/footer/twitter.svg)}

/* #Page Styles
================================================== */

/**** home ****/
.homebanner {/*height:90vh*/height:calc(50vh + 130px);width:100%;position:relative;overflow:hidden}
.homebanner .overlay {position:absolute;width:100%;height:100%;top:0;left:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#041b2c+0,041b2c+100&0.5+0,0.5+34,0.6+58,1+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(4,27,44,0.5) 0%, rgba(4,27,44,0.5) 34%, rgba(4,27,44,0.6) 58%, rgba(4,27,44,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(4,27,44,0.5) 0%,rgba(4,27,44,0.5) 34%,rgba(4,27,44,0.6) 58%,rgba(4,27,44,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(4,27,44,0.5) 0%,rgba(4,27,44,0.5) 34%,rgba(4,27,44,0.6) 58%,rgba(4,27,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80041b2c', endColorstr='#041b2c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.homebanner .playbutton {display:block;width:100%;background:url(../img/content/home/playvideo.svg) 50% 50% no-repeat;background-size:contain;height:50px;position:absolute;bottom:15vh;left:0;cursor:pointer;cursor:hand;z-index:900}

/*.videocontainer {position:absolute; height:100%; width:100%; overflow: hidden; text-align:center}*/
.videocontainer video {position:absolute;top:0;left:0;
	width:100%;
	height:100%;object-fit:cover;object-position: 50% 50%;}

@supports (-ms-ime-align:auto) {
	.videocontainer {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		height:calc(50vh + 130px);
		width: 100%;
		-webkit-transform-style: preserve-3d;
		overflow: hidden;
	}
	
	.videocontainer video {
		position: absolute;
		z-index: -1;
		top:50%;
		left:50%;
		height:auto;
		width:auto;
		min-width:100%;
		min-height:100%;
		transform:translate(-50%, -50%);
		object-fit:cover;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.videocontainer {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		height:calc(50vh + 130px);
		width: 100%;
		-webkit-transform-style: preserve-3d;
		overflow: hidden;
	}
	
	.videocontainer video {
		position: absolute;
		z-index: -1;
		top:50%;
		left:50%;
		height:auto;
		width:auto;
		min-width:100%;
		min-height:100%;
		transform:translate(-50%, -50%);
		object-fit:cover;
	}
}

.homebanner .working {/*height:90vh*/height:calc(50vh + 130px);}
.homebanner .working div {/*height:90vh*/height:calc(50vh + 130px);position:relative}
.homebanner .working .title {width:100%;/*height:90vh*/height:calc(50vh + 130px);background: url(../img/content/home/spacetowork.svg) 50% 50% no-repeat;background-size:contain;position:absolute;z-index:50;top:0;left:0}
.s4 .homebanner .working .title {background-image: url(../img/content/home/spacetoview.svg)}
.homebanner .working .workingw {width:25vw;max-width:300px;height:25vw;background: url(../img/content/home/workingtopleft.svg) top left no-repeat;background-size:contain;position:absolute;z-index:50;top:0;left:0}
.homebanner .working .workingp {width:25vw;max-width:300px;height:25vw;background: url(../img/content/home/workingbottomright.svg) bottom right no-repeat;background-size:contain;position:absolute;z-index:50;bottom:0;right:0}

.homeintro {text-align:center;padding-top:2.5vw}
.homeintro h1 {font-size:70px;line-height:1.2em;margin-bottom:1.25vw}
.homeintro h3 {font-size:30px;line-height:1.2em;font-family:"hellixbold", Arial, sans-serif;font-weight:normal}

.homebody {background:#ECEDEF}

.homehover {position: relative;display:block;text-decoration:none}
.homehover .homeoverlay {position:absolute;z-index:200;top:0;left:0;width:100%;height:100%;color:#fff;background:rgba(13,28,44,0.8);display:flex;align-items:center;justify-content:center;font-family:"hellixbold", Arial, sans-serif;font-size:56px;letter-spacing: 0.05em;transition:opacity 0.2s;opacity: 0;}
.homehover .homeoverlay.small {font-size:45px}
.homehover:hover .homeoverlay {opacity:1}

.homeslider {width:100%;position: relative;}
.homeslider .slide {width:100%;height:100%;background:50% 50% no-repeat;background-size:cover}
.homeslider .slidecaption {background:#0D1C2C;color:#fff;position:absolute;padding:20px;font-family:"hellixsemibold", Arial, sans-serif;z-index:190;letter-spacing:0.02em}
.bigslide {height:70vh;width:100%}
.bigslide .slidecaption {top:20px;left:20px;font-size:48px;line-height:1em;width:40%}
.bigslide .slidecaption span {font-size:0.5em;line-height:1em}
.leftslide {height:30vw;min-height:600px;width:100%}
.leftslide .slidecaption {bottom:20px;left:20px;font-size:26px;line-height:1.2em;width:60%}
.rightslide {height:30vw;min-height:600px;width:100%}
.rightslide .slidecaption {top:20px;left:20px;font-size:26px;line-height:1.2em;width:60%;background:#fff;color:#041c2c}
.smallslide {height:20vw;min-height:300px;width:100%}
.smallslide .slidecaption {bottom:20px;left:20px;font-size:18px;line-height:1.2em;width:calc(100% - 80px);background:#A0D4CE;color:#0D1C2C}

.westend {height:20vw;min-height:300px;background:#fff;color:#0D1C2C;text-align:center;display:flex;align-items:center;justify-content: center;font-size:40px;line-height:1.2em;font-family:"hellixbold", Arial, sans-serif}
.westendpadding {padding:2vw 6vw}
.westend span {font-size:200px;line-height:1em;font-family:"hellixheavy", Arial, sans-serif}
.boxparkhome {height:20vw;min-height:300px;background:#232422;color:#fff;text-align:center;display:flex;flex-direction:column;font-size:26px;line-height:1.2em;font-family:"hellixbold", Arial, sans-serif}
.boxparkhome .boxparktext {flex:1 0;text-align:center;padding:10px 0}
.boxparkhome .boxparktext img {margin:10px 0;width:75%}
.boxparkhome .boxparkpic {height:100%;background:url(/img/content/home/boxpark.jpg) 50% 50% no-repeat;background-size:cover}

.iconstrip {background:#99e6d8;padding:20px 0}
.infoicons {position: relative;}
.iconitem {text-align:center;font-size:18px;line-height:1.2em}
.iconitem span {font-size:36px;line-height:1.2em;display:inline-block;margin-bottom:10px;font-family:"hellixbold", Arial, sans-serif;letter-spacing: 0.02em;}
.iconitem .icontext {width:70%;margin:0 auto}
.iconitem .iconpic {background:bottom center no-repeat;background-size:contain;width:40%;height:8vw;margin:0 auto 20px auto}
.slick-arrow {position: absolute;top:0;z-index:200;background:50% 50% no-repeat #99e6d8;background-size:contain;height:100%;width:30px;border:0;overflow:hidden;text-indent:-9999px;cursor:pointer}
.slick-prev {background-image:url(/img/ui/leftarrowthin.svg);left:0}
.slick-next {background-image:url(/img/ui/rightarrowthin.svg);right:0}

/**** connecting ****/
.traveltimes {overflow:hidden;background:#fff}
.travelpager {list-style-type:none;margin:0;padding:0}
.travelpager li {margin:0;padding:0;float:left;width:calc((100% - 40px) / 3);margin-right:20px;background:#eff0f1 50% 50% no-repeat;height:120px;background-size:40%;cursor:pointer;cursor:hand}
.travelpager li:last-child {margin:0}
.travelpager li.cycle-pager-active {background-color:#fff}

.showmobile {display:none}
.cycle-slideshow .slide.tubetrainslide {background-image: url(../img/content/connecting/traveltimes/tubetrain.png);background-size:contain;background-color:#daf6f1;background-position:top left}

#map_canvas {width:100%;height:60vh}

.directions {background:#98e5d7;color:#041b2c;padding:20px 0}
.directions h4 {float:left;margin:0 10px 0 0}
.directions input {border:0;padding:5px;margin:0;width:200px}
.directions input[type='submit'] {width:30px;background:#041b2c;color:#fff}



/**** offering ****/

/* 1 */
.ie9 svg {
  width: 100%;
	min-height:550px;
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  svg {
    width: 100%;
	  min-height:550px;
  }
}
.aerialbox {top:40px}
.aerial {background-image:url(../img/content/offering/aerialbghive.jpg);background-size:contain;background-color:#e2e3e5;padding:0;position:relative;min-height:auto;margin-top:calc(20px + 2.5vw)}
.aerial svg {display:block;width:100%;height:auto;position:relative}



/*.aerialbuilding {cursor:pointer;cursor:hand;fill:rgba(255,255,255,0.1)}*/
.aerialbuilding {cursor:pointer;cursor:hand;fill:rgba(239,127,12,0.5);
	/*-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;*/}
.aerialbuilding.filled {fill:rgba(255,255,255,0)}
.aerialbuilding:hover {fill:rgba(255,255,255,0.7)}
#wp2.filled {fill:rgba(153,230,216,0.6)}
#wp2:hover {fill:rgba(153,230,216,0.8)}

.aeriallabels {position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}
.label {background:#fff;font-size:12px;padding:10px;width:150px;text-align:center;font-family:"hellixregular", Arial, sans-serif;position:absolute;opacity:0;
-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}
.labelline {position:relative}
.toplabel {-webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%)}
.bottomlabel {-webkit-transform: translate(-50%, 50%);  -ms-transform: translate(-50%, 50%);  transform: translate(-50%, 50%)}
.toplabel .labelline:before {content:'';display:block;width:4px;height:0px;position:absolute;top:100%;left:50%;background:#fff;
	-webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;}
.bottomlabel .labelline:before {content:'';display:block;width:4px;height:0px;position:absolute;bottom:100%;left:50%;background:#fff;
	-webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;}

.label.wembleystadium {top:calc(23% + 100px);left:56%}
.label.theldo {top:calc(53% - 100px);left:73%}
.label.wp4 {top:calc(49% - 100px);left:73%}
.label.wp3 {top:calc(51% - 100px);left:69%}
.label.wp2 {top:calc(52% - 100px);left:65%}
.label.wp1 {top:calc(59% - 100px);left:49%}
.label.hilton {top:calc(58% - 100px);left:66%}
.label.ssearena {top:calc(63% - 100px);left:63%}
.label.sevenacrepark {top:calc(55% - 100px);left:37%}
.label.boxpark {top:calc(74% - 100px);left:39%}
.label.theatre {top:calc(66% + 100px);left:43%}

.label.showlabel.wembleystadium {top:23%;left:56%}
.label.showlabel.theldo {top:53%;left:73%}
.label.showlabel.wp4 {top:49%;left:73%}
.label.showlabel.wp3 {top:51%;left:69%}
.label.showlabel.wp2 {top:52%;left:65%;opacity:0}
.label.showlabel.wp1 {top:59%;left:49%}
.label.showlabel.hilton {top:58%;left:66%}
.label.showlabel.ssearena {top:63%;left:63%}
.label.showlabel.sevenacrepark {top:55%;left:37%}
.label.showlabel.boxpark {top:74%;left:39%}
.label.showlabel.theatre {top:66%;left:43%}



.label.showlabel {opacity:1}
.label.showlabel .labelline:before {height:100px}
.label.wp2 .labelline:before {height:100px}

.plugandplay {background:#B2B4B7;padding:20px 0 0 0}
.plugandplay .futureintro {margin-top:40px;padding-bottom:40px}

.plugplan {display:flex;margin:20px 0}
.plugplan .text {flex:0 0 30%}
.plugplan .text ul {list-style-type: none;margin:0 0 20px 0;padding:0;display:inline-block}
.plugplan .text ul li {margin:0;padding:5px 40px 5px 0;border-bottom:1px solid #031C2D}
.plugplan .text img {width:75%;margin-bottom:20px}
.plugplan .fifth {margin:20px 0}

.plugplan .plan {;display:flex;align-items:center;justify-content:center}
.plugplan .plan img {max-width:90%;max-height:90%}


/**** buildings ****/
.videobutton {position: absolute;text-align:center;bottom:2.5vw;left:0;width:100%;z-index:500}
.videobutton .playvideo {display:inline-block;background:rgba(255,255,255,0.7);color:#041B2C;text-decoration: none;padding:20px 40px;font-family: 'hellixbold';font-size:20px}
.videobutton .playvideo:after {content:'';display:inline-block;width:11px;height:20px;background:50% 50% no-repeat url(/img/ui/play.svg);background-size:contain;margin-left:8px;position: relative;top:3px;}
.videobutton .playvideo:hover {background:#fff}

.thehive {background:#ecedef}
.buildinggallery {height:70vh;position: relative;}
.buildinggallery .slide {width:100%;height:100%;background:50% 50% no-repeat;background-size:cover}
.buildinggallery .slidearrow {position:absolute;z-index:200;top:0;height:100%;width:30px;background:50% 50% no-repeat;background-size:contain;cursor:pointer}
.buildinggallery .slideprev {background-image:url(/img/ui/leftarrowlight.svg);left:2.5%}
.buildinggallery .slidenext {background-image:url(/img/ui/rightarrowlight.svg);right:2.5%}


.linkssitemap {display:flex;align-items:center}
.linkssitemap .links {flex:0 0 60%}

.download {font-size:22px;line-height:28px;font-family:"hellixsemibold", Arial, sans-serif;color:#041b2c;background:url(../img/ui/download.svg) left center no-repeat;background-size:80px;padding:20px 0 20px 100px ;display:block;margin:30px 0}
.vrtour {font-size:36px;line-height:36px;font-family:"hellixsemibold", Arial, sans-serif;color:#041b2c;background:url(../img/ui/vr.svg) left center no-repeat;background-size:80px;padding:20px 0 20px 100px ;display:block;margin:30px 0}
.vrlinks {padding-left:100px}
.vrlinks a {color:#041b2c;}
.download:hover, .vrtour:hover {text-decoration:none}

.futureintro {margin-bottom:40px}




.buildings {width:100%;overflow:hidden;margin-bottom:40px}
.buildings .slide {overflow:hidden}
.buildings .sliderstrip {height:80vh}
.buildings .sliderstrip .slide,
.buildings .sliderstrip .cycle-slideshow,
.buildings .sliderstrip .leftarrowholder {height:80vh;}
.buildings .slide {width:100%}
.buildings .sliderstrip .slide {background:50% 50% no-repeat;background-size:cover}
.buildingtabsmarker {height:160px}
.buildingtabs {width:100%;position:relative;top:0;left:0;z-index:250}

.buildingpager {list-style-type: none;margin:0;padding:0;display:flex}
.buildingpager li {margin:0 10px;padding:0;cursor:pointer;cursor:hand;flex-basis:33%;opacity:0.5;transition:opacity 0.2s}
.buildingpager li.cycle-pager-active {opacity:1}

.buildingpager li:first-child {margin-left:0}
.buildingpager li:last-child {margin-right:0}
.buildingpager li .buildingcolour {padding:20px;font-size:16px;line-height:18px;font-family:"hellixsemibold", Arial, sans-serif;height:90px;margin-top:30px;}
.buildingpager li .buildingcolour p {margin:0}
.buildingpager li .buildingcolour span {font-size:40px;line-height:40px;letter-spacing:0.1em;display:inline-block;margin-bottom:10px;text-decoration:underline}
.buildingpager li.cycle-pager-active .buildingcolour span,
.buildingpager li:hover .buildingcolour span {text-decoration:none}


.buildingtabs.fixed {position:fixed;top:90px;background:#fff}
.buildingtabs.fixed p {display:none}
.buildingtabs.fixed li .buildingcolour {margin-top:0;height:30px;padding:5px 10px}
.fixed .buildingpager li .buildingcolour span {font-size:16px;line-height:30px}
.fixed .buildingpager li.cycle-pager-active .buildingcolour span {font-size:24px;line-height:30px}

.buildingbar {height:40px;width:100%}

.buildingstats {margin-top:20px}
.buildingstats .stat {font-size:20px;line-height:22px;text-align:center;padding:10px;font-family:"hellixmedium", Arial, sans-serif}
.buildingstats .stat span {font-size:60px;line-height:60px;display:block}

.smallstats .stat {font-size:12px;line-height:16px}
.smallstats .stat span {font-size:40px;line-height:40px;display:block}

.thehive .buildingcolour {background:#ccd1d4;color:#041b2c}
.thehive .lightbuildingcolour {background:#c1efe7}
.wp1 .buildingcolour {background:#e3e3e3;color:#041b2c}
.wp1 .lightbuildingcolour {background:#f0f0f0}
.wp1 .lightbuildingcolour span {color:#041b2c}
.wp1 .darkbuildingcolour {background:#d5d4d4}
.wp3 .buildingcolour {background:#041b2c;color:#fff}
.wp3 .lightbuildingcolour {background:#314250;color:#fff}
.wp4 .buildingcolour {background:#3d4d5a;color:#98e5d7}
.wp4 .lightbuildingcolour {background:#314250;color:#98e5d7}



.detailspager {list-style-type:none;margin:0;padding:0}
.thehive .detailspager {margin-top:40px}
.detailspager li {float:left;font-family:"hellixsemibold", Arial, sans-serif;font-size:30px;padding:20px 20px 40px 20px;margin:0 20px 0 0;width:calc(((100% - 40px) / 3) - 40px);cursor:pointer;cursor:hand;text-decoration:underline}
.detailspager li.cycle-pager-active {text-decoration: none;}
.detailspager li:last-child {margin:0}
.detailspager li:hover {text-decoration:none}
.wp1 .detailspager li.cycle-pager-active {background:#e3e3e3}
.thehive .detailspager li.cycle-pager-active {background:#ccd1d4}
.wp3 .detailspager li.cycle-pager-active {background:#041b2c}
.wp4 .detailspager li.cycle-pager-active {background:#3d4d5a}

.details {overflow:hidden}
.thehive .details {margin-bottom:40px}
.details .slide {padding:20px;width:calc(100% - 40px);/*min-height:600px*/}

.availabletable {float:right;width:60%;margin-left:20px}
.availabletable td {padding:5px;color:#495866;font-family:"hellixregular", Arial, sans-serif}
.availabletable thead td {background:#041b2c;color:#fff;font-family:"hellixbold", Arial, sans-serif}
.availabletable .let td {color:#929ba4}
.availabletable .ground td {font-family:"hellixsemibold", Arial, sans-serif;color:#041b2c}

.availabletable tfoot td {color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.availabletable .bordertop td {border-top:1px solid #fff;border-bottom:0}
.wp1 .availabletable tfoot td {color:#000;border-top:1px solid #000;border-bottom:1px solid #000;}
.wp1 .availabletable .bordertop td {border-top:1px solid #000;border-bottom:0}


.thehive .availabletable .ground td {color:#fff}
.thehive .availabletable tfoot td {color:#041b2c;border-top:1px solid #fff;border-bottom:1px solid #3d4d5a;}
.wp3 .availabletable td {color:#ddd}
.wp3 .availabletable .ground td {color:#fff}
.wp4 .availabletable td {color:#fff}
.wp4 .availabletable .ground td {color:#ddd}

.floorplan {display:inline-block;width:calc((100% / 2) - 20px);text-decoration:none;float:left;margin:10px}
.floorplan.threeplans {display:inline-block;width:calc((100% / 3) - 20px);text-decoration:none;float:left;margin:10px}
.floorplan.fourplans {display:inline-block;width:calc((100% / 4) - 20px);text-decoration:none;float:left;margin:10px}
.floorplan.single {width:100%}
.floorplan .thumb {height:18vw;background:50% 50% no-repeat;background-size:contain;margin-bottom:10px;margin-top:20px}
.floorplan .planlabel {width:100%;text-align:left;color:#041b2c}
.roadname {text-align:center;margin-top:10px;font-size:10px;color:#041b2c}
.wp3 .floorplan .planlabel, .wp3 .roadname {color:#fff}
.wp4 .floorplan .planlabel, .wp4 .roadname {color:#98e5d7}
.floorplan .planlabel .heading {font-size:18px;line-height:22px;font-family:"hellixbold", Arial, sans-serif;margin-bottom:0;letter-spacing:0.05em}
.floorplan .planlabel .subheading {font-size:12px;line-height:16px;font-family:"hellixmedium", Arial, sans-serif;margin-bottom:0;letter-spacing:0.05em}
.floorplan:hover .planlabel {text-decoration:underline}

.spec.halfwidth {width:50%;float:left}
.spec li {margin-bottom:20px}

/**** contacting ****/
.contacts .sliderw {width:12vw;left:40px;top:-10vh}
.contacts .sliderp {width:12vw;right:40px;bottom:-10vh}

.agentlogo {display:block;background:top left no-repeat;height:60px;margin-right:20px;max-width:120px}

.agent {font-size:12px}
.agent b {font-size:18px;line-height:18px}
.agent a {color:#fff}

.contactdownload {text-decoration:none;display:block;font-family:"hellixregular", Arial, sans-serif;font-size:18px;line-height:18px;color:#041b2c;background:url(../img/ui/download.svg) bottom left no-repeat;background-size:50px;padding-bottom:60px}
.contactdownload u {letter-spacing:0.1em;font-family:"hellixbold", Arial, sans-serif}
.contactdownload:hover u {color:#fff}

.useful {margin-top:20px}
.useful a {color:#041b2c}
.useful .icon {display:block;background:0 0 no-repeat;background-size:contain;height:60px;margin:20px 0}
@supports (-ms-ime-align:auto) {
    .useful .icon {
        background-size:auto 90%
    }
}

/****************************************************
* Misc
****************************/
/*hide social stuff and headings on prettyphoto*/
.ppt {display:none !important}
.pp_social {display:none !important}
.pp_description {display:none !important}

.smallText { font-size: 11px; }
.smallprint {
	font-size: 11px;
	color: #BBBDC0;
}
.smallprint a { color: #BBBDC0; }
.padTop { margin-top: 30px; }
.largeText { font-size: 13px; }

.superscript {vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;}
.subscript {vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: 0.4em;}
	
.vmiddle {position: relative;top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}

.caps {text-transform:uppercase;letter-spacing:0.1em}
.num {text-align:right}


.revealOnScroll.fadeInUp {
  opacity: 0;
}


/* #Media Queries
================================================== */
	.buildingpager li.hive .buildingcolour span {font-size:18px;line-height:22px}
	/* biggest desktop */
	@media only screen and (max-width: 1280px) {
		
		
		
}
	
	/* bigger desktop */
	@media only screen and (max-width: 1279px) {
		.logocarousel {width:748px !important}
		.logoslide {width:169px !important}
		
		.label.showlabel .labelline:before {height:85px}
		
		.buildingpager li .buildingcolour p {font-size:12px;line-height:16px}
		.buildingpager li.hive .buildingcolour span {font-size:14px;line-height:18px}
		.buildingpager li.cycle-pager-active.hive .buildingcolour span {font-size:20px;line-height:26px}
		.fixed .buildingpager li.cycle-pager-active.hive .buildingcolour span {font-size:20px;line-height:26px}
}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width:1099px) {
	
		.homeintro h1 {font-size:50px;}
		.homeintro h3 {font-size:24px}
		.homeslider .slidecaption {padding:10px}
		.bigslide .slidecaption {font-size:24px}
		.smallslide .slidecaption {font-size:14px}
		.westend {font-size:30px}
		.westend span {font-size:150px}
		
		.homehover .homeoverlay {font-size:36px}
		.homehover .homeoverlay.small {font-size:28px}
		
		.iconitem {font-size:14px}
		.iconitem .iconpic {margin-bottom:10px}
		.iconitem .icontext {width:60%}
		.iconitem span {font-size:24px;margin-bottom:3px}
		
		.label.showlabel .labelline:before {height:75px}
		
		.celltext .line1 {font-size:40px;line-height:48px}
		.celltext .line2 {font-size:30px;line-height:36px}
		.celltext .line3 {font-size:20px;line-height:24px}
		
		.logocarousel {width:700px !important}
		.logoslide {width:153px !important}
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		.label.showlabel .labelline:before {height:75px}
		
		.buildingtabsmarker {height:140px}
		.buildingpager li .buildingcolour {padding:10px;height:90px;margin-top:30px;}
		.buildingpager li.cycle-pager-active .buildingcolour {font-size:18px;line-height:20px}
		.buildingpager li.cycle-pager-active .buildingcolour span {font-size:50px;line-height:50px}
		.buildingstats .stat {font-size:16px;line-height:20px}
		.buildingstats .stat.lightbuildingcolour {font-size:12px;line-height:16px}
		
		.buildingpager li.cycle-pager-active.hive .buildingcolour span {font-size:16px;line-height:20px}
		.fixed .buildingpager li.cycle-pager-active.hive .buildingcolour span {font-size:16px;line-height:20px}
		
		.availabletable {font-size:12px;line-height:16px}
		
		.agent {font-size:10.5px}
		.contactdownload {font-size:16px;line-height:20px;padding-bottom:40px}
		
		.logocarousel {width:556px !important}
		.logoslide {width:105px !important}
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.celltext .line1 {font-size:30px;line-height:36px}
		.celltext .line2 {font-size:20px;line-height:24px}
		.celltext .line3 {font-size:14px;line-height:18px}
		
		/**** nav ****/
		.navholder {padding:20px 0}
		.navholder .columns {width:50% !important}
		.logo {height:30px}
		.navbutton {width:25px;height:20px;padding:5px 0 0 0px}
		
		.pagebanner {margin-top:70px}
		
		h2 {font-size:20px;line-height:24px}
		.expandbox h2 {font-size:26px;line-height:30px}
		.floatbox h2 {font-size:26px;line-height:30px;}
		.floatbox h3 {font-size:20px;line-height:24px}
		.floatbox p {font-size:20px;line-height:24px}
		
		.expandbox {min-width:260px}
		
		.topright, .topleft {position:relative}

		/**** sliders ****/
		.leftarrow {position:absolute;top:0;left:0;z-index:10;width:20px !important}
		.rightarrow {position:absolute;top:0;right:0;z-index:10;width:20px !important}
		.smallslider .cycle-slideshow, .logoslider .cycle-slideshow {width:calc(100% - 60px);margin-left:30px}
		.smallslider .slide .columns {max-width:70%}
		.smallslider .floatbox {max-width:70%;padding:5px}
		.smallslider .cycle-slideshow.traveltimes {width:100%;margin:0}
		.travelpager li {height:60px}
		.travel .rightarrow, .travel .leftarrow {display:none}
		
		.footer {margin-top:20px !important}
		.footer .three.columns {width:40%}
		.footer .thirteen.columns {width:60%}
		
		.homebanner .working .workingw, .homebanner .working .workingp, .menuwp div.menuw, .menuwp div.menup {display:none}
		
		.menuopen .nav {font-size:30px;line-height:30px}
		.nav ul li {margin:10px 0;padding:0}
		
		.mobilehalf {width:45% !important}
		.mobilehalf.second {margin-left:50%}
		.mobiletopspace {position:relative;top:100px}
		
		/**** home ****/
		
		.homeintro h1 {font-size:30px;}
		.homeintro h3 {font-size:14px}
		.homeslider .slidecaption {padding:10px}
		.bigslide .slidecaption {font-size:14px;top:0;left:0}
		.leftslide, .rightslide {min-height:300px}
		.leftslide .slidecaption, .rightslide .slidecaption {font-size:14px;bottom:0;left:0;top:auto;right:auto}
		.smallslide .slidecaption {font-size:14px;bottom:0;left:0}
		.westend {font-size:30px}
		.westend span {font-size:150px}
		
		.homehover .homeoverlay {font-size:36px}
		.homehover .homeoverlay.small {font-size:28px}
		
		.iconitem .iconpic {height:100px}
		
		/**** offering ****/
		#sitemap * {display:none}
		.clearnav {height:70px}
		
		.container.aerialtext {margin-left:10px !important}
		
		.aerialbox {padding:10px;top:0;margin-left:-10px;width:calc(100vw - 20px)}
		.aerialbox h3 {font-size:14px;margin:0;line-height:18px}
		
		.linkssitemap {flex-direction:column}
		.vrtour {margin:5px 0;padding-left:80px;background-size:60px;font-size:28px}
		.download {margin:5px 0;padding-left:80px;background-size:60px}
		
		
		
		.buildingtabsmarker {height:100px}
		.buildingpager li .buildingcolour {padding:10px;height:70px;margin-top:30px;font-size:10px;line-height:14px}
		.buildingpager li .buildingcolour span {font-size:20px;line-height:20px}
		.buildingpager li.cycle-pager-active .buildingcolour {font-size:12px;line-height:16px;height:100px}
		.buildingpager li.cycle-pager-active .buildingcolour span {font-size:30px;line-height:30px}
		.buildingpager li.hive .buildingcolour span {font-size:10px;line-height:14px}
		.buildingtabs.fixed li .buildingcolour {height:30px;}
		.buildingtabs.fixed {top:70px}
		.buildingpager li.cycle-pager-active.hive .buildingcolour span {font-size:12px;line-height:16px}
		.fixed .buildingpager li.cycle-pager-active.hive .buildingcolour span {font-size:12px;line-height:16px}
		
		.buildings .sliderstrip,
		.buildings .sliderstrip .slide,
		.buildings .sliderstrip .cycle-slideshow,
		.buildings .sliderstrip .leftarrowholder {height:240px}
		.mobilepadding {padding:0 10px}
		
		.floorplan.threeplans, .floorplan.fourplans {width:calc(50% - 20px)}
		.floorplan.threeplans .subheading, .floorplan.fourplans .subheading {display:none}
		
		
		
		.detailspager li {font-size:12px;padding:5px 5px 10px 5px;margin:0 20px 0 0;width:calc(((100% - 40px) / 3) - 40px)}
		
		.details .slide {padding:5px;width:calc(100% - 10px);background:none !important}
		.availabletable {float:inherit;width:100%;margin:0px}
		
		.spec.halfwidth {width:100%;float:left;margin-bottom:0}
		
		.spec li {margin-bottom:5px;font-size:12px;line-height:18px}
		
		.floatbox:not(.aerialbox) {padding:10px;width:calc(100vw - 40px) !important}
		
		.plugplan {flex-direction:column-reverse}
		.plugplan .plan {margin-bottom:20px}
		
		
		/**** connecting ****/
		.tubetrainslide {background:#fff !important}
		.showmobile {display:block}
		.tubetrainslide table {width:100%}
		.tubetrainslide table td {padding:10px}
		
		/**** delivering ****/
		.logocarousel {width:300px !important}
		.logoslide {margin:80px 10px !important;width:80px !important;height:60px}
		
		/**** contact ****/
		.agentlogo {margin-bottom:10px}
		.agent {font-size:14px}
		.contactdownload {margin-bottom:20px}
		.brochurecover img {max-width:150px}
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.menuopen .nav {font-size:20px;line-height:20px}
		
		.buildings .sliderstrip, .buildings .sliderstrip .cycle-slideshow, .buildings .sliderstrip .cycle-slideshow .slide {height:120vh}
		
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.aerial {background-position:bottom}
		
		
		.smallslider .slide .columns {
			max-width: 90%;
		}
		.smallslider .floatbox {width:calc(100% - 20px);max-width:calc(100% - 20px);font-size:12px;line-height:16px}
		
		
		.buildingtabsmarker {height:30px}
		.buildingpager li {margin-right:10px;width:calc(((100% - 30px) / 9) * 2)}
		.buildingpager li .buildingcolour {padding:5px;height:30px;margin-top:0px}
		.buildingpager li .buildingcolour span {font-size:20px;line-height:20px}
		.buildingpager li.cycle-pager-active .buildingcolour {font-size:12px;line-height:16px;height:30px}
		.buildingpager li.cycle-pager-active .buildingcolour span {font-size:24px;line-height:30px}
		.buildingpager li.cycle-pager-active.hive .buildingcolour span {font-size:12px;line-height:16px}
		.fixed .buildingpager li.cycle-pager-active.hive .buildingcolour span {font-size:12px;line-height:16px}
		
		.buildingtabs.fixed {top:70px}
		.fixed .buildingpager li .buildingcolour {padding:5px}
		
		.buildingtabs p {display:none}

		
		.detailspager li {font-size:12px;padding:5px 5px 10px 5px;margin:0 5px 0 0;width:calc(((100% - 40px) / 3) - 10px)}
		
		.logocarousel {width:240px !important}
		.logoslide {margin:80px 10px !important;width:60px !important;height:60px}
		
}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

@font-face {
    font-family: 'hellixbold';
    src: url('/fonts/Hellix-Bold.eot');
    src: url('/fonts/Hellix-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Hellix-Bold.woff2') format('woff2'),
         url('/fonts/Hellix-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hellixheavy';
    src: url('/fonts/Hellix-Heavy.eot');
    src: url('/fonts/Hellix-Heavy.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Hellix-Heavy.woff2') format('woff2'),
         url('/fonts/Hellix-Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hellixlight';
    src: url('/fonts/Hellix-Light.eot');
    src: url('/fonts/Hellix-Light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Hellix-Light.woff2') format('woff2'),
         url('/fonts/Hellix-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hellixmedium';
    src: url('/fonts/Hellix-Medium.eot');
    src: url('/fonts/Hellix-Medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Hellix-Medium.woff2') format('woff2'),
         url('/fonts/Hellix-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hellixregular';
    src: url('/fonts/Hellix-Regular.eot');
    src: url('/fonts/Hellix-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Hellix-Regular.woff2') format('woff2'),
         url('/fonts/Hellix-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hellixsemibold';
    src: url('/fonts/Hellix-SemiBold.eot');
    src: url('/fonts/Hellix-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Hellix-SemiBold.woff2') format('woff2'),
         url('/fonts/Hellix-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.boxpark-vid-container {
	overflow: hidden;
}






#DLwrap2 {
	display: none;
}

.Sent #DLwrap2 {
	display: block;
}

.Sent #DLwrap {
	display: none;
}

.DLtext {
	display: none;
	margin-top: 22px;
}


#DLbr2,
#DLbr1 {
	cursor: pointer;
}
#DLbr2__formWrap,
#DLbr1__formWrap {
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease;
	transform: scale(1.12);
}
#DLbr2__formWrap.Active,
#DLbr1__formWrap.Active {
	opacity: 1;
	pointer-events: all;
	transform: scale(1);
}

.DL__close {
    position: absolute;
    z-index: 999;
    right: 0;
    top: 0;
    height: 42px;
    width: 34px;
    text-align: center;
    font-size: 14px;
    color: black;
    padding-top: 6px;
    font-family: arial;
    cursor: pointer;
}

.linkssitemap .links {
    position: relative;
}
.linkssitemap .links .fcf-body {
    position: absolute;
    width: 400px;
    max-width: 100vw;
    z-index: 999;
    top: 100%;
    left: 263px;
    box-shadow: 0 0 40px 20px rgb(0 0 0 / 20%);
    margin-top: -116px;
}


@media (min-width: 1px) and (max-width: 1279px) {
	.linkssitemap .links .fcf-body {
		left: 15px;
		right: 15px;
		width: 100%;
		box-shadow: 0 0 40px 20px rgb(0 0 0 / 20%);
		margin-top: -116px;
	}
}

.fcf-body, .fcf-button, .fcf-input, .fcf-select select, .fcf-textarea {
    font-family: inherit;
}
.fcf-button.is-link {
    background-color: #314250 !important;
}
.fcf-button.is-link:hover {
    background-color: #041b2c!important;
}
#fcf-thank-you {
    color: transparent!important;
    font-size: 0;
    padding-top: 10px;
}
#fcf-thank-you p {
	font-size: 16px;
	color:#041b2c!important;
}
#fcf-thank-you br,
#fcf-thank-you a {
	display: none !important;
}
#fcf-thank-you p a {
	display: inline !important;
}

.MsgField {
	display: none;
}
.Contact .MsgField {
	display: block;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.floatbox:not(.aerialbox) {
		padding: 10px;
		width: calc(100vw - 134px) !important;
	}
	#DLbr1__formWrap {
		left: -2px;
		width: calc(100vw - 70px);
		top: 200px;
	}

	.contacts .sliderw {
		display: none !important;
	}

	.s4 .floatbox:not(.aerialbox) {
		width: calc(100vw - 95px) !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.floatbox:not(.aerialbox) {
		padding: 10px;
		width: calc(100vw - 134px) !important;
	}
	#DLbr1__formWrap {
		left: -2px;
		width: calc(100vw - 70px);
		top: 200px;
	}

	.contacts .sliderw {
		display: none !important;
	}

	.container .offset-by-two {
		padding-left: 57px;
	}
}