@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: 14px/24px 'Graphik Web', Arial, sans-serif;
	color: #272827;
	background: #fff url(/img/ui/bg.gif) repeat-x top center;
	height:100%;
}

.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;
}

.animatein {visibility:hidden}

.zposition {position: relative;z-index:10}

/**** nav ****/
.menubutton {display:none}
.nav {position:fixed;top:0;right:0;height:100vh;width:80px;background:#fff;font-family: dharma-gothic-e, sans-serif;font-weight: 400;font-style: normal;font-size:40px;line-height:40px;z-index:9000}
.navinner {width:100%;height:100%;position:relative}
.navhighlight {width:17px;height:17px;background:#272827;transform:rotate(45deg);transition:top 0.3s;position:absolute;left:-9px;top:30px}
.navhighlight.n0 {top:30px}
.navhighlight.n1 {top:110px}
.navhighlight.n2 {top:190px}
.navhighlight.n3 {top:270px}
.navhighlight.n4 {top:350px}
.navhighlight.n6 {top:430px}
.navhighlight.n5 {top:510px}

.nav .menu a {display:flex;flex-direction:row;flex-wrap:nowrap;float:right;background:#fff;color:#272827;text-decoration:none;position:relative;z-index:50}
.navicon {width:80px;height:80px;float:left}
.navicon svg .st0 {fill:none;stroke:#272827;stroke-width:1.5;stroke-miterlimit:10;}
.navicon svg .st0.metro {stroke-linecap:round;stroke-linejoin:round}
.navicon svg .st1 {fill:#272827}
.navtext {overflow:hidden;max-width:0;transition:max-width 0.2s;float:left;display:flex;flex-direction:row;justify-content: flex-start;align-items:center;text-transform: uppercase;}
.navtext span {display:block;padding:0 40px 0 10px}

.nav a:hover .navtext {max-width:200px}

.active .navicon, .active .navtext, a:hover .navicon, a:hover .navtext {background:#272827;color:#fff}
.active .navicon svg .st0, a:hover .navicon svg .st0 {stroke:#fff}
.active .navicon svg .st1, a:hover .navicon svg .st1 {fill:#fff}

.navcontrols {position:absolute;bottom:20px;text-align:center;width:80px}
.navrelative {position: relative;}
.colourlabel {font-size:14px;line-height:16px;text-align:center;margin-bottom:10px}
.colourchange {width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 2px #272827,	0 0 0 5px #fff,	0 0 0 7px #272827;margin:0 auto 20px auto;cursor:pointer;cursor:hand}
.colouroptionsholder {position:absolute;top:20px;right:80px;height:60px;background:#fff;overflow:hidden;transition:max-width 0.2s;max-width:0}
.colouropen .colouroptionsholder {max-width:265px}
.colouroptions {display:flex;flex-direction:row;align-items:center;padding-left:10px}
/*.colouroptions a {width:20px;flex:0 0 15px;height:15px;border-radius:100%;box-shadow:0 0 0 2px #272827,	0 0 0 5px #ccc,	0 0 0 7px #272827;margin:2px 8px;cursor:pointer;cursor:hand;position:relative;top:20px}*/
.colouroptions a {width:20px;flex:0 0 20px;height:20px;border-radius:100%;border:2px solid #fff;margin:0px 4px;cursor:pointer;cursor:hand;position:relative;top:20px}
.yellowbg .colouroptions a.yellowbg,
.darkbluebg .colouroptions a.darkbluebg,
.bluebg .colouroptions a.bluebg,
.orangebg .colouroptions a.orangebg,
.greenbg .colouroptions a.greenbg,
.pinkbg .colouroptions a.pinkbg,
.lilacbg .colouroptions a.lilacbg,
.darkgreenbg .colouroptions a.darkgreenbg
 {border-color:#000}
 /*{box-shadow:0 0 0 2px #272827,	0 0 0 5px #fff,	0 0 0 7px #272827}*/

.languagechange {font-size:18px;line-height:18px;text-align:left;margin-top:25px;display:flex;flex-direction:row;justify-content:center;align-items:stretch}
.languagechange a {padding:5px;text-decoration:none;color:#B6B6B6;cursor:pointer}
.languagechange a:first-child {border-right:1px solid #272827}
.showenglish .languagechange a.chooseenglish,.showfrench .languagechange a.choosefrench {color:#272827}
.languagechange a:hover {text-decoration:underline}

/*.englishtext, .frenchtext {transition:max-height 0.2s;overflow:hidden;display:inline-block}
.showenglish .englishtext, .showfrench .frenchtext {max-height:1000px}
.showenglish .frenchtext, .showfrench .englishtext {max-height:0}*/
.frenchhide .frenchtext {display:none}
.englishhide .englishtext {display:none}

h1 {font-family: dharma-gothic-e, sans-serif;font-weight: 400;font-style: normal;text-transform:uppercase;font-size:14.5vw;line-height:1em;position:relative;height:1em;width:100%;overflow:hidden}
h1.twolines {font-size:14.5vw;overflow:visible;height:auto}
h2 {font-family: dharma-gothic-e, sans-serif;font-weight: 400;font-style: normal;text-transform:uppercase;font-size:6.54vw;line-height:0.9em}
h3 {font-family: dharma-gothic-e, sans-serif;font-weight: 400;font-style: normal;text-transform:uppercase;font-size:4.36vw;line-height:0.85em}
h4 {font-family: dharma-gothic-e, sans-serif;font-weight: 400;font-style: normal;text-transform:uppercase;font-size:30px;line-height:0.85em}

.bigtext {font-size:22px;line-height:36px}
.sectiongap {width:100%;height:5vw;clear:both}
.bigsectiongap {width:100%;height:8vw;clear:both}

.pagebg {position:fixed;z-index:0;width:100%;height:100vh;top:0;left:0}
.changebg {transition:background-color 0.2s;background:#8ED0DA}
.whitebg, .whitebg .changebg {background:#fff}
.yellowbg, .yellowbg .changebg {background:#f4e275}
.darkbluebg, .darkbluebg .changebg {background:#0d6eb5}
.bluebg, .bluebg .changebg {background:#8ED0DA}
.orangebg, .orangebg .changebg {background:#f28d4f}
.greenbg, .greenbg .changebg {background:#7bc295}
.pinkbg, .pinkbg .changebg {background:#f39db1}
.lilacbg, .lilacbg .changebg {background:#b9afcc}
.darkgreenbg, .darkgreenbg .changebg {background:#018d5a}
.whitestrip {position:fixed;top:0;right:80px;background:#fff;width:calc(17vw - 80px);height:100vh;z-index:1}
.scrolldown {width:6vw;height:12vw;background:url("../img/ui/scrollline.gif") top left no-repeat;background-size:contain;position:absolute;z-index:-1}
.scrolloverlay {width:100%;height:100%;mix-blend-mode: multiply}

.pageholder {width:calc(100% - 80px);position:relative}
.smalllogo {width:8vw;position:absolute;top:2vw;left:2vw;height:5vw;background:url("../img/content/logo.svg") top left no-repeat;background-size:contain;display:block;z-index:1}
.pageintro {margin-left:12vw;margin-right:6vw;position:relative;z-index:1;padding-top:35vh;min-height:55vh}
.pageintro.galleryintro {min-height:auto}
.pageintro h1 {margin:0}
.pageintro p {width:50%}
.pageintro .scrolldown {bottom:-5vh;right:12vw}


.intropic {position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;z-index:1;}
.intropic .picslider, .intropic .picslider2, .intropic .picslider3, .intropic .picslider4 {flex:0 0 calc(100% - (28vw - 80px));height:70vh}
.intropic .picslider .slide, .intropic .picslider2 .slide, .intropic .picslider3 .slide, .intropic .picslider4 .slide {width:100%;height:100%;background:50% 50% no-repeat;background-size:cover}
.topbar {position:absolute;top:0;left:0;height:50%;width:0;background:#272827;z-index:200;transition:width 0.2s}
.bottombar {position:absolute;bottom:0;right:0;height:50%;width:0;background:#272827;z-index:200;transition:width 0.2s}
.barsin .topbar {width:100%;left:auto;right:0}
.barsin .bottombar {width:100%;right:auto;left:0}
.intropager {position:absolute;bottom:10px;right:10px;z-index:1000;height:10px}
.intropager span {display:block;float:left;width:6px;height:6px;border:2px solid #272827;margin-left:10px;overflow: hidden;text-indent:-9999px;cursor:pointer;cursor:hand}
.intropager span.cycle-pager-active {background:#fff}
.intropic .textslider, .intropic .textslider2, .intropic .textslider3, .intropic .textslider4 {margin-left:-8vw;position: relative;z-index:1000}
.intropic h2 {background:#fff;padding:0 5px;font-size:5vw;}
.intropic h2.nowrap {white-space: nowrap;}

.narrowcontent {margin:0 calc(29vw - 80px) 0 12vw;position:relative;z-index:1}
.narrowcontent p {width:75%}

.footer {margin-left:7vw;position:relative;z-index:1;padding:8vw 0 12vw 0}
.footer.footerheader {margin-bottom:0;padding-bottom:0}
.footer.contactfooter {padding-top:4vw}
.footer .scrolldown {top:0;left:-3vw;z-index:-3}
.footer h2 {margin-left:12vw;margin-bottom:5vw}
.footer h2 .margintop {margin-top:2.5vw}
.footer .footerpic {width:20vw;height:20vw;background:url("../img/content/building/metro.svg") top center no-repeat;background-size:contain;float:left}
.footer .footertext {margin-left:6vw;float:left;width:50%}
.footer .footerlink, .whitebutton {display:inline-block;background:#fff;color:#272827;border:2px solid #272827;font-family: dharma-gothic-e, sans-serif;font-weight: 700;text-transform:uppercase;font-size:20px;line-height:20px;padding:10px 20px;letter-spacing:0.04em;margin-top:2.5vw;text-decoration:none;cursor:pointer}
.footer .footerlink:hover, .whitebutton:hover {background-color:transparent;color:#fff;border-color:#fff}



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

/**** home ****/
.colourpick {height:100vh;position:fixed;top:0;right:0;z-index:8000;overflow:hidden;width:0;transition:width 0.5s}
.colouropen .colourpick {width:100%}
.colourpickinner {width:100vw;height:100vh;background:#fff;display:flex;align-items:center;justify-content:center}
.siteintro {width:100%;height:100vh;position:fixed;top:0;left:0;z-index:9200}
.skipintro {position:absolute;bottom:20px;right:20px;z-index:9400}
body:not(.noscroll) .skipintro {display:none}
.whitebutton.skipintro:hover {background:#000}
.noscroll {height:100vh;overflow:hidden}
.hide {display:none !important}
.logointro {width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:9500}
.logointro svg {width:55%;height:auto}

/*.logointro .c1 {stroke-dasharray: 250;stroke-dashoffset: 250}
.logointro .o1 {stroke-dasharray: 280;stroke-dashoffset: 280}
.logointro .n1 {stroke-dasharray: 240;stroke-dashoffset: 240}
.logointro .c2 {stroke-dasharray: 250;stroke-dashoffset: 250}
.logointro .e1 {stroke-dasharray: 300;stroke-dashoffset: 300}
.logointro .p1 {stroke-dasharray: 340;stroke-dashoffset: 340}
.logointro .t1 {stroke-dasharray: 270;stroke-dashoffset: 270}*/

.logointro .st1 {stroke-dasharray: 340;stroke-dashoffset: 340}

.stackintro {width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:center}
.stackintro .stack {width:10vw;height:30vh;position:relative}

.stackintro .stack img {position:absolute;left:0;bottom:0;width:100%;height:auto}
/*.stackintro .stack img:nth-child(1) {bottom:0}
.stackintro .stack img:nth-child(2) {bottom:5%}
.stackintro .stack img:nth-child(3) {bottom:10%}
.stackintro .stack img:nth-child(4) {bottom:15%}
.stackintro .stack img:nth-child(5) {bottom:20%}
.stackintro .stack img:nth-child(6) {bottom:25%}
.stackintro .stack img:nth-child(7) {bottom:30%}
.stackintro .stack img:nth-child(8) {bottom:35%}
.stackintro .stack img:nth-child(9) {bottom:40%}
.stackintro .stack img:nth-child(10) {bottom:45%}*/

.homeintro {min-height:inherit;padding-bottom:2.5vw}
.homeintro h1 {position:relative;z-index:200}

.introwords {position:relative;overflow:hidden}
.introwords div {position:absolute;top:0;left:0}

.homeintro .picholder {width:100%;height:100%;position:relative}
.homeintro .mask {width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.homeintro .pic {position:absolute;top:0;left:0}
.homeintro .played .mask, .homeintro .played .pic {left:auto;right:0}


.homeintro .intropic1 {position:absolute;bottom:0;right:0;width:35vw;height:90%;overflow:hidden}
.homeintro .intropic1 .pic {width:35vw;height:100%;background:url("../img/content/home/intropics/paris.jpg") 50% 50% no-repeat;background-size:cover;}

.homeintro .intropic2 {position:absolute;top:0;right:0;width:70vw;height:32vh;overflow:hidden;}
.homeintro .intropic2 .pic {width:70vw;height:32vh;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch}
.homeintro .intropic2 .pic div {background:url("../img/content/building/placeholder.jpg") 50% 50% no-repeat;background-size:cover;margin:0 10px;width:100px;flex:auto}

.homeintro .intropic3 {position:absolute;bottom:0;left:3vw;width:70vw;height:95%;overflow:hidden}
.homeintro .intropic3 .pic {width:70vw;height:100%;background:url("../img/content/home/intropics/opportunity.jpg") 50% 50% no-repeat;background-size:cover}

.homeintro .intropic4 {position:absolute;top:0;right:0;width:60vw;height:100%;overflow:hidden}
.homeintro .intropic4 .pic {width:60vw;height:100%;background:url("../img/content/home/intropics/reception.jpg") 50% 50% no-repeat;background-size:cover}



.homefooter {padding-top:0}
.homefooter .scrolldown {top:2vw;left:0}

/**** building ****/

.exteriorpic {width:calc(100% - 12vw);height:50vw;background:url(/img/content/building/exterior.jpg) 50% 50% no-repeat;background-size: cover;margin-left:12vw;position: relative;z-index:100}

.intropic .picslider2 .slide.parking {background-color:#138b5b;background-image:url(/img/content/building/amenities/parking.jpg);background-size:contain}
.intropic .picslider2 .slide.fitness {background-color:#f39db1;background-image:url(/img/content/building/amenities/fitness.jpg);background-size:contain}
.intropic .picslider2 .slide.shower {background-color:#8ED0DA;background-image:url(/img/content/building/amenities/shower.jpg);background-size:contain}

.showfrench .intropic .picslider2 .slide.parking {background-image:url(/img/content/building/amenities/parkingFR.jpg)}
.showfrench .intropic .picslider2 .slide.fitness {background-image:url(/img/content/building/amenities/fitnessFR.jpg)}
.showfrench .intropic .picslider2 .slide.shower {background-image:url(/img/content/building/amenities/showerFR.jpg)}

/**** connections ****/
.connectionsintro {font-size:18px;line-height:30px}
.metrographics {position:relative;z-index:1;margin:0 2.5vw;padding-top:2.5vw}
.metrographics .metrolines {position:absolute;top:0;left:0;width:12vw;height:auto}
.metrographics .st0{fill:#422461;}
.metrographics .st1{fill:#ffffff;stroke:#422461;stroke-width:2;stroke-miterlimit:10;}
.metrographics .st2{fill:#FFFFFF;}
.metrographics .st3{fill:#422461;stroke:#ffffff;stroke-width:2;stroke-miterlimit:10;}
.metrographics .st4{fill:none;stroke:#422461;stroke-width:0.5466;}
.metrographics .st5{fill:none;stroke:#FEFEFE;stroke-width:5;stroke-miterlimit:10;}


.traveltimes {position: relative;z-index:1;margin:0 0 0 12vw;width:calc(100% - 12vw - (25vw - 80px));display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}
.travelcol {width:45%}
.travelicon {width:6vw;height:6vw;background:url("../img/content/connections/icons/car.svg") 50% 50% no-repeat;background-size:contain;margin-bottom:2.5vw;display:inline-block;margin-right:1.25vw}
.traveltimes table {width:100%;font-weight:300}
.traveltimes table b {font-weight:400}
.traveltimes table td {border-bottom:1px solid #272827;padding:10px 0}
.travelcol:last-child table td {padding-top:14px}
.traveltimes table p {margin-bottom:10px}

.metromap {background:#fff 50% 50% no-repeat url(/img/content/connections/metro/map.gif);background-size:contain;height:60vw;width:100%;position: relative;z-index:100}

/**** location ****/

.locationintro {margin-left:12vw;margin-right:40px;position:relative;z-index:1;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}
.locationintro .col1 {margin-right:10%;position:relative;width:50%}
.locationintro .scrolldown {background-image:url("../img/ui/scrollline2.gif");left:110%;bottom:-20%}

.locationgalleries {position:relative;z-index:1;height:50vw;width:100%}


.stacksliderholder {position:absolute;transition:all 0.2s}


.stacksliderholder:nth-child(1) {top:-20vw;left:-20vw;transform:scale(0.2)}
.stacksliderholder:nth-child(2) {top:-10vw;left:8vw;transform:scale(0.4)}
.stacksliderholder:nth-child(3) {top:-15vw;left:40vw;transform:scale(0.3)}
.stacksliderholder:nth-child(4) {top:5vw;left:-20vw;transform:scale(0.25)}
.stacksliderholder:nth-child(5) {top:15vw;left:15vw;transform:scale(0.35)}
.stacksliderholder:nth-child(6) {top:5vw;left:42.5vw;transform:scale(0.25)}

.stacksliderholder:not(.active):hover .stackslider {width:77vw;height:55vw;top:-10.5vw;left:-10vw}
.showgallery .stacksliderholder:not(.active) {opacity:0}

.stackslider {position:relative;width:70vw;height:50vw;transition:all 0.2s;top:0;left:0}
.stacksliderholder:not(.active) .stackslider {cursor:pointer;cursor:hand}
.stackslider .cycle-slideshow {width:100%;height:100%;position:relative;border:2px solid #272827;z-index:3}
.stackslider .cycle-slideshow .slide {width:100%;height:100%;background:50% 50% no-repeat;background-size:cover}
.stackslider .cycle-slideshow .cycle-prev, .stackslider .cycle-slideshow .cycle-next, .stackslider .cycle-slideshow .cycle-close {display:block;width:20px;height:20px;position:absolute;border:1px solid #272827;background:#fff 50% 50% no-repeat;background-size:auto 80%;cursor:pointer;cursor:hand;z-index:200}
.stackslider .cycle-slideshow .cycle-prev {background-image:url("../img/ui/leftarrow.svg");bottom:-1px;right:20px}
.stackslider .cycle-slideshow .cycle-next {background-image:url("../img/ui/rightarrow.svg");bottom:-1px;right:-1px}
.stackslider .cycle-slideshow .cycle-close {background-image:url("../img/ui/close.svg");top:-1px;right:-1px;background-size:60% auto;width:30px;height:30px}
.stackslider .cycle-control {transition:opacity 0.2s;opacity:0}

.stacksliderholder.active {transform:scale(1);top:0;left:12vw;z-index:100}
.active .stackslider .cycle-control {opacity:1}

.stackslider .offsetslide {width:100%;height:100%;position:absolute;background:#fff;border:2px solid #272827}
.stackslider .offsetslide.layer1 {top:1vw;left:1vw;z-index:2}
.stackslider .offsetslide.layer2 {top:2vw;left:2vw;z-index:1}

.stackslider.toprightstack .offsetslide.layer1 {bottom:1vw;top:auto;left:1vw;z-index:2}
.stackslider.toprightstack .offsetslide.layer2 {bottom:2vw;top:auto;left:2vw;z-index:1}

.stackslider.topleftstack .offsetslide.layer1 {bottom:1vw;top:auto;left:auto;right:1vw;z-index:2}
.stackslider.topleftstack .offsetslide.layer2 {bottom:2vw;top:auto;left:auto;right:2vw;z-index:1}

.residents {width:40vw;display:flex;height:20vw;flex-direction:row;}
.resident {width:20vw;height:20vw;background: top left no-repeat;background-size:contain;float:left}

.locationmap {display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;position:relative;z-index:1}
.locationmap .mapcolumn {flex:0 0 calc(100% - (17vw - 80px))}
.mapholder {position:relative;border:2px solid #1D1D1B;margin:20px;}
.locationmap .mapcolumn #map {height:85vh}

.locationmap .listcolumn {padding:20px}


.mapicons {position:absolute;bottom:-2px;left:0;z-index:5000}
.mapicons ul {margin:0;padding:0}
.mapicons ul li {margin:0 0 0 -2px;padding:0;float:left;width:80px;height:80px;list-style-type:none;background:#fff;border:2px solid #272827;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;cursor:hand}
.mapicons ul li svg {width:100%;height:100%}
.mapicons ul li#occupiericon.active {background:#EF7865}
.mapicons ul li#hotelicon.active {background:#F3E07C}
.mapicons ul li#foodicon.active {background:#8FD0DB}
.mapicons ul li#leisureicon.active {background:#D4A9A1}
/*.mapicons ul li svg {max-width:70%;max-height:70%}*/
.mapicons ul li svg .iconstroke {stroke:#272827;stroke-width:1.5;fill:none}
.mapicons ul li svg .iconfill {fill:#272827}



.amenitylist h4 {color:#F88500;cursor:pointer;cursor:hand;margin:0}
.amenitylist#occupierlist h4 {color:#EF7865}
.amenitylist#hotellist h4 {color:#F3E07C}
.amenitylist#foodlist h4 {color:#8FD0DB}
.amenitylist#leisurelist h4 {color:#D4A9A1}
.amenitylist h4:hover {text-decoration:underline}
.amenitylist ul {margin:5px 0 0 0;padding:0;list-style-type: none;overflow:hidden;max-height:0;transition:max-height 0.4s}
.amenitylist ul li {margin:0;padding:0;cursor:pointer;cursor:hand;line-height:1.2em;margin-bottom:5px}
.amenitylist ul li:hover {text-decoration: underline}
.amenitylist ul li.active {font-weight:bold}
.amenitylist:after {content:'';display:block;width:10px;height:1px;background:#272827;margin:5px 0 10px 0}
.amenitylist.active ul {max-height:500px}

#foodLayer {opacity:0.8}
#leisureLayer {opacity:0.2}

.infowindowinner {width:170px;height:150px;position:relative}
.infowindowinner .infotext {width:142px;height:78px;border:1px solid #272827;padding:40px 12px 24px 12px;background:#fff;position:relative;margin-top:21px}
.infowindowinner .infoicon {width:42px;height:42px;display:block;position:absolute;top:-21px;left:64px;background:50% 50% no-repeat;background-size:contain;z-index:200}
.infowindowinner.food .infoicon {background-image:url("/img/content/location/mapicons/food-selected.png")}
.infowindowinner.hotel .infoicon {background-image:url("/img/content/location/mapicons/hotels-selected.png")}
.infowindowinner.leisure .infoicon {background-image:url("/img/content/location/mapicons/leisure-selected.png")}
.infowindowinner.occupier .infoicon {background-image:url("/img/content/location/mapicons/neighbours-selected.png")}
.gm-style .gm-style-iw-c {border:0;box-shadow:none;padding:0;border-radius:0;background:transparent}
.gm-style .gm-style-iw-t::after {display:none}
.gm-ui-hover-effect {top:20px !important;right:0px !important}
.gm-style-iw-c, .gm-style-iw-d {overflow:hidden !important}

.occupierwindow {width:100%;height:100%;background:50% 50% no-repeat;background-size:contain}
.occupierwindow.loreal {background-image: url(/img/content/location/maplogos/loreal.gif);}
.occupierwindow.amazon {background-image: url(/img/content/location/maplogos/amazon.gif);}
.occupierwindow.samsung {background-image: url(/img/content/location/maplogos/samsung.gif);}
.occupierwindow.crown {background-image: url(/img/content/location/maplogos/crown.gif);}
.occupierwindow.fretsncf {background-image: url(/img/content/location/maplogos/fret.gif);}
.occupierwindow.jennyfer {background-image: url(/img/content/location/maplogos/jennyfer.gif);}
.occupierwindow.lariviere {background-image: url(/img/content/location/maplogos/editionslariviere.gif);}
.occupierwindow.crepuscule {background-image: url(/img/content/location/maplogos/crepuscule.gif);}
.occupierwindow.prodigious {background-image: url(/img/content/location/maplogos/prodigious.gif);}


/**** availability ****/
.spaceintro {min-height:inherit}

/*.bluebg .pic .st0 {stroke:#8ED0DA}
.pinkbg .pic .st0 {stroke:#f39db1}
.yellowbg .pic .st0 {stroke:#f4e275}
.greenbg .pic .st0 {stroke:#7bc295}*/
.groundicons .st0 {stroke:#fff;stroke-width: 1.5px;}
/*.bluebg, .bluebg .changebg {background:#8ED0DA}
.pinkbg, .pinkbg .changebg {background:#f39db1}
.yellowbg, .yellowbg .changebg {background:#f4e275}
.greenbg, .greenbg .changebg {background:#7bc295}*/
.groundtext {padding:0 2.5vw;}
.groundicons {position:relative;z-index:50;line-height:1.3em;width:calc(100% - 12vw)}
.groundicons .iconrow {display:flex;justify-content:space-around;text-align:center;margin:2.5vw 0}
.groundicons .iconrow .icon {display:flex;flex-direction:column;flex:0 0 12vw;margin:0 1.25vw}
.groundicons .iconrow .icon .pic {height:8vw;width:8vw;margin:1.25vw auto;background:#000000 50% 50% no-repeat;background-size:60% auto;border-radius:50%;display:flex;align-items:center;justify-content:center}
.groundicons .iconrow .icon .pic svg {width:60%;height:60%}
.groundicons .toprow .icon {flex-direction: column-reverse;}


.schedule {margin:0 38px 0 12vw;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;position:relative;z-index:1}
.schedule .availabletable {flex:0 0 35vw;margin-right:6vw}
.schedule .availabletable table {width:100%;margin-bottom:2.5vw}
.schedule .availabletable table thead td {background:#fff;color:#272827;font-family: dharma-gothic-e, sans-serif;font-weight: 700;text-transform:uppercase;font-size:24px;line-height:1em;padding:20px}
.schedule .availabletable table tbody td {font-size:14px;padding:10px 20px}
.schedule .availabletable table tbody tr td:first-child {font-weight:700}
.schedule .availabletable table tfoot td {font-size:14px;padding:10px 20px;color:#fff;background:#272827;font-weight:700}
.schedule .availabletable table tbody .let td {opacity:0.3}
.schedule .stack img {margin-bottom:2.5vw}

.coworkingpic {width:calc(100% - 12vw);height:50vw;background:url(/img/content/space/coworking.jpg) 50% 50% no-repeat;background-size: cover;margin-left:12vw;position: relative;}

.bigplans {display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;position:relative;z-index:1}
.bigplans .planslider {flex:0 0;flex-basis:100%}
.bigplans .planslider .cycle-slideshow {border:2px solid #1D1D1B;height:85vh;margin:20px}
.bigplans .planslider .cycle-slideshow .slide {width:100%;height:100%;position:relative;}
.bigplans .planslider .cycle-slideshow .slide .inner {display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}
.bigplans .planslider .cycle-slideshow .slide .inner .plan {width:80%;height:80%;margin:10%;transition:transform 0.2s;transform: scale(1)}
.cycle-prev, .cycle-next {display:block;width:20px;height:20px;position:absolute;border:2px solid #272827;background:#fff 50% 50% no-repeat;background-size:auto 80%;cursor:pointer;cursor:hand;z-index:1000}
.cycle-prev {background-image:url("../img/ui/leftarrow.svg");bottom:0px;left:0px}
.cycle-next {background-image:url("../img/ui/rightarrow.svg");bottom:0px;left:20px}
.planslider .cycle-slideshow .cycle-prev {background-image:url("../img/ui/leftarrow.svg");bottom:-2px;right:20px;left:auto}
.planslider .cycle-slideshow .cycle-next {background-image:url("../img/ui/rightarrow.svg");bottom:-2px;right:-2px;left:auto}
.planslider .caption {position:absolute;top:20px;left:20px}
.planslider .caption h4 {margin:0}
.planslider .north {position:absolute;bottom:40px;right:10px;width:40px;height:40px;background:bottom right no-repeat url(/img/ui/north.svg);z-index:2000}


.planslider .plan {background:50% 50% no-repeat;background-size:contain}
.planslider .ground {background:#F4E275}
.planslider .ground .plan {background-image:url(../img/content/space/plans/ground.png)}
.showfrench .planslider .ground .plan {background-image:url(../img/content/space/plans/groundFR.png)}
.planslider .ground .plan.spaceplan {background-image:url(../img/content/space/plans/groundspace.png)}

.planslider .first {background:#7BC295}
.planslider .first .plan {background-image:url(../img/content/space/plans/first.png)}
.showfrench .planslider .first .plan {background-image:url(../img/content/space/plans/firstFR.png)}
.planslider .first .plan.spaceplan {background-image:url(../img/content/space/plans/groundspace.png)}

.planslider .typical {background:#7bc295}
.planslider .typical .plan {background-image:url(../img/content/space/plans/second.png)}
.showfrench .planslider .typical .plan {background-image:url(../img/content/space/plans/secondFR.png)}
.planslider .typical .plan.spaceplan {background-image:url(../img/content/space/plans/groundspace.png)}

.planslider .seventh {background:#F39DB1}
.planslider .seventh .plan {background-image:url(../img/content/space/plans/seventh.png)}
.showfrench .planslider .seventh .plan {background-image:url(../img/content/space/plans/seventhFR.png)}
.planslider .seventh .plan.spaceplan {background-image:url(../img/content/space/plans/groundspace.png)}

.planslider .eighth {background:#8CCFDB}
.planslider .eighth .plan {background-image:url(../img/content/space/plans/eighth.png)}
.showfrench .planslider .eighth .plan {background-image:url(../img/content/space/plans/eighthFR.png)}
.planslider .eighth .plan.spaceplan {background-image:url(../img/content/space/plans/groundspace.png)}


.planbuttons {position:absolute;bottom:-2px;left:-2px;z-index:300}
.planbuttons a {display:block;float:left;background:#fff;border:2px solid #272827;color:#272827;font-family: dharma-gothic-e, sans-serif;font-weight: 700;text-transform:uppercase;font-size:20px;padding:5px 30px 5px 10px;cursor:pointer;cursor:hand;text-decoration: none;}
.planbuttons a.viewspaceplan {margin-bottom:-2px}
/*.planbuttons a.download {margin-left:-2px}*/
.planbuttons a.viewspaceplan:before {content:'VIEW SPACE PLAN'}
.planbuttons a.viewspaceplan.spaceplan:before {content:'VIEW PLAN'}

.zoombuttons {position:absolute;bottom:0px;right:-2px;width:44px;z-index:500;display:none}
.zoombuttons a {display:block;width:40px;height:40px;border:2px solid #272827;margin-bottom:-2px;background:50% 50% no-repeat #fff;background-size:60% auto;cursor:pointer;cursor:hand}
.zoombuttons a.zoomin {background-image: url("../img/ui/plus.svg")}
.zoombuttons a.zoomout {background-image: url("../img/ui/minus.svg")}
.zoombuttons a.zoomreset {background-image: url("../img/ui/zero.svg")}


.bigplans .stacks {padding:20px}
.bigplans .stacks img {display:block}

.spec {width:60vw;margin:0vw 0 5vw 0vw}
.spec ul {margin:0;padding:0;list-style-type: none;font-family: dharma-gothic-e, sans-serif;font-size:4vw;line-height:0.9em}
.spec ul li {margin:0;padding:0;transition:color 0.2s}
.yellowbg .spec ul li:nth-child(odd) {color:#f4e275;-webkit-text-stroke: 1px #000;text-stroke: 2px #000;}
.darkbluebg .spec ul li:nth-child(odd) {color:#0d6eb5;-webkit-text-stroke: 1px #000;text-stroke: 2px #000;}
.bluebg .spec ul li:nth-child(odd) {color:#8ED0DA;-webkit-text-stroke: 1px #000;text-stroke: 2px #000;}
.orangebg .spec ul li:nth-child(odd) {color:#f28d4f;-webkit-text-stroke: 1px #000;text-stroke: 2px #000;}
.greenbg .spec ul li:nth-child(odd) {color:#7bc295;-webkit-text-stroke: 1px #000;text-stroke: 2px #000;}
.pinkbg .spec ul li:nth-child(odd) {color:#f39db1;-webkit-text-stroke: 1px #000;text-stroke: 2px #000;}
.lilacbg .spec ul li:nth-child(odd) {color:#b9afcc;-webkit-text-stroke: 1px #000;text-stroke: 2px #000;}
.darkgreenbg .spec ul li:nth-child(odd) {color:#018d5a;-webkit-text-stroke: 1px #000;text-stroke: 2px #000;}


.spec .speckey {margin-top:1.25vw}
.spec .speckey p {font-size:12px;line-height:16px;margin-bottom:1px}

.stack {position:absolute;top:40px;right:40px;width:5vw;z-index:2000}
.stack .st0{fill:#ffffff;}
.stack .st1{fill:#dddddd;}
.stack .st2{fill:#BFBFBF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.stack .st3{fill:#ffffff;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.stack .st4{fill:#dddddd;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.stack .st5{fill:none;stroke:#000000;stroke-width:2.5;stroke-miterlimit:10;}
.stack .st6{fill:#BFBFBF;}
.stack .st7{fill:#BDE0C9;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.stack .st8{fill:#BFBFBF;stroke:#000000;stroke-width:5;stroke-linecap:round;stroke-miterlimit:10;}
.stack .st0,
.stack .st1,
.stack .st2,
.stack .st3,
.stack .st4,
.stack .st5,
.stack .st6,
.stack .st7,
.stack .st8 {transition:fill 0.5s}

/*.stack #ground .st0,
.stack #ground .st3 {fill:#f2e175}
.stack #ground .st1,
.stack #ground .st4 {fill:#e3c58b}
.stack #first .st0,
.stack #first .st3 {fill:#7ac295}
.stack #first .st1,
.stack #first .st4 {fill:#c6e2cc}
.stack #seventh .st0,
.stack #seventh .st3 {fill:#f29db1}
.stack #seventh .st1,
.stack #seventh .st4 {fill:#f9d1da}
.stack #eighth .st0,
.stack #eighth .st3 {fill:#8ccfdc}
.stack #eighth .st1,
.stack #eighth .st4 {fill:#cce8ed}*/
.stack.ground .st0,
.stack.ground .st1,
.stack.ground .st2,
.stack.ground .st3,
.stack.ground .st4,
.stack.ground .st6,
.stack.ground .st8 {fill:#f2e175}
.stack.first .st0,
.stack.first .st1,
.stack.first .st2,
.stack.first .st3,
.stack.first .st4,
.stack.first .st6,
.stack.first .st8 {fill:#7ac295}
.stack.typical .st0,
.stack.typical .st1,
.stack.typical .st2,
.stack.typical .st3,
.stack.typical .st4,
.stack.typical .st6,
.stack.typical .st8 {fill:#7ac295}
.stack.seventh .st0,
.stack.seventh .st1,
.stack.seventh .st2,
.stack.seventh .st3,
.stack.seventh .st4,
.stack.seventh .st6,
.stack.seventh .st8 {fill:#f29db1}
.stack.eighth .st0,
.stack.eighth .st1,
.stack.eighth .st2,
.stack.eighth .st3,
.stack.eighth .st4,
.stack.eighth .st6,
.stack.eighth .st8 {fill:#8ccfdc}

.stack.ground #ground .st0,
.stack.ground #ground .st3 {fill:#fff}
.stack.ground #ground .st2,
.stack.ground #ground .st6,
.stack.ground #ground .st8 {fill:#f2e175}
.stack.ground #ground .st1,
.stack.ground #ground .st4 {fill:#e3c58b}

.stack.first #first .st0,
.stack.first #first .st3 {fill:#fff}
.stack.first #first .st2,
.stack.first #first .st6,
.stack.first #first .st8 {fill:#7ac295}
.stack.first #first .st1,
.stack.first #first .st4 {fill:#c6e2cc}

.stack.typical #second .st0,
.stack.typical #second .st3 {fill:#fff}
.stack.typical #second .st2,
.stack.typical #second .st6,
.stack.typical #second .st8 {fill:#b9afcc}
.stack.typical #second .st1,
.stack.typical #second .st4 {fill:#dbd6e6}
.stack.typical #second .st0,
.stack.typical #third .st3 {fill:#fff}
.stack.typical #third .st2,
.stack.typical #third .st6,
.stack.typical #third .st8 {fill:#b9afcc}
.stack.typical #third .st1,
.stack.typical #third .st4 {fill:#dbd6e6}
.stack.typical #fourth .st0,
.stack.typical #fourth .st3 {fill:#fff}
.stack.typical #fourth .st2,
.stack.typical #fourth .st6,
.stack.typical #fourth .st8 {fill:#b9afcc}
.stack.typical #fourth .st1,
.stack.typical #fourth .st4 {fill:#dbd6e6}
.stack.typical #fifth .st0,
.stack.typical #fifth .st3 {fill:#fff}
.stack.typical #fifth .st2,
.stack.typical #fifth .st6,
.stack.typical #fifth .st8 {fill:#b9afcc}
.stack.typical #fifth .st1,
.stack.typical #fifth .st4 {fill:#dbd6e6}
.stack.typical #sixth .st0,
.stack.typical #sixth .st3 {fill:#fff}
.stack.typical #sixth .st2,
.stack.typical #sixth .st6,
.stack.typical #sixth .st8 {fill:#b9afcc}
.stack.typical #sixth .st1,
.stack.typical #sixth .st4 {fill:#dbd6e6}

.stack.seventh #seventh .st0,
.stack.seventh #seventh .st3 {fill:#fff}
.stack.seventh #seventh .st2,
.stack.seventh #seventh .st6,
.stack.seventh #seventh .st8 {fill:#f29db1}
.stack.seventh #seventh .st1,
.stack.seventh #seventh .st4 {fill:#f9d1da}

.stack.eighth #eighth .st0,
.stack.eighth #eighth .st3 {fill:#fff}
.stack.eighth #eighth .st2,
.stack.eighth #eighth .st6,
.stack.eighth #eighth .st8 {fill:#8ccfdc}
.stack.eighth #eighth .st1,
.stack.eighth #eighth .st4 {fill:#cce8ed}

.stackselect:hover .st0,
.stackselect:hover .st1,
.stackselect:hover .st2,
.stackselect:hover .st3,
.stackselect:hover .st4,
.stackselect:hover .st6,
.stackselect:hover .st8 {fill:#ffffff !important;cursor:pointer}



/**** contact ****/
.contactheading {display:flex;flex-direction:row;position: relative;}
.showfrench .contactheading {flex-direction:column;align-items:flex-start}
.contactheading .cycle-slideshow {color:#fff;border-bottom:2px solid #272827}
/*.contactheading .say {flex:0 0}
.contactheading .hellosalut {flex:0 0}*/
.contactheading .handwave {position:absolute;top:-3.5vw;left:35.5vw;height:20vw;width:20vw}
.showfrench .contactheading .handwave {left:40vw}
.handwave .hand {animation: wave 4.5s infinite ease-in-out;transform-origin: 50% 75%;animation-delay: 1.5s;}

@keyframes wave {
  0%   { transform:rotate(0deg) }
  2%   { transform:rotate(-2deg) }
  5%   { transform:rotate(8deg) }
  11%   { transform:rotate(-8deg) }
  17%   { transform:rotate(8deg) }
  23%   { transform:rotate(-8deg) }
  28%   { transform:rotate(3deg) }
  33%   { transform:rotate(0deg) }
}

.agents {display:flex;flex-direction:row;justify-content:space-between}
.agents .agentlogo {display:block;width:160px;margin-bottom:2.5vw;height:60px;background:left center no-repeat;background-size:contain}
.agents .agency {flex:0 0 40%;margin-right:5%}
.agents .agent {flex-grow:1;padding-right:20px;margin-bottom:2.5vw}
.agents .agent h4 {margin-bottom:5px}
.agents .agent a {color:#272827}



/****************************************************
* 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;}
.spec ul .superscript {vertical-align: baseline;
	font-size: 0.4em;
	position: relative;
	top: -1.2em;}
.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}


/* #Media Queries
================================================== */
	
	/* biggest desktop */
	@media only screen and (max-width: 1230px) {
		.mapholder {margin-left:0}
		.locationmap .listcolumn {padding-left:5px}
		.amenitylist h4 {font-family:'Graphik Web';font-weight:400;font-size:12px}
		.amenitylist li {font-size:12px}
	}
	
	/* bigger desktop */
	@media only screen and (max-width: 1229px) {}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width:1099px) {
		h1 {font-size:18vw}
		
		.whitestrip {width:calc(25vw - 80px)}
		
		.pageintro {min-height:45vh;padding-top:25vh}
		.pageintro p {width:70%}
		.pageintro .scrolldown {right:auto;left:-10vw;bottom:0}
		
		/**** building ****/
		.accordiongallery {width: calc(100% - (25vw - 80px));flex: 0 0 calc(100% - (25vw - 80px));}
		.accordioninfo div {padding:10px;font-size:12px;line-height:16px}
		
		/**** connections ****/
		.metrographics {margin: 0 calc(28vw - 80px) 0 12vw;}
		.traveltimes {line-height:18px;font-size:12px;margin-right:calc(28vw - 80px);width: calc(100% - 12vw - (28vw - 80px));}
		.travelcol {width:48%}
		
		/**** space ****/
		.schedule .availabletable {flex: 0 0 35vw; margin-right: 8vw;}
		
		.bigplans .planslider {flex: 0 0 calc(100% - (25vw - 80px));}
		.bigplans .stacks { padding: 10px;}
		
		.bigplans .planslider .cycle-slideshow {margin:10px}
		
		/**** contact ****/
		.contactheading .handwave {position:absolute;top:-3vw;left:45vw;height:20vw;width:20vw}
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px), (max-height: 680px) {
		h2 {font-size:30px}
		h3 {font-size:24px}
		
		.smalllogo {top:5vw;left:5vw;width:20vw;z-index:1000}
		
		.pageholder {width:100%}
		.whitestrip {display:none}
		.pageintro {margin-left:5vw;margin-right:5vw;margin-bottom:20px}
		.pageintro p {width:80%}
		.pageintro .scrolldown {left:auto;right:0}
		.bigtext {font-size:16px;line-height:22px}
		
		.intropic {display:block}
		.intropic .picslider, .intropic .picslider2, .intropic .picslider3, .intropic .picslider4 {height:50vw}
		.intropic .textslider, .intropic .textslider2, .intropic .textslider3, .intropic .textslider4 {margin:5vw}
		
		
		.narrowcontent {margin:0 5vw}
		
		.footer {margin-left:5vw;margin-right:5vw}
		.footer .footerpic {width:25vw;height:15vw;margin-bottom:10px}
		.footer .footertext {width:80%}
		.footer h2 {margin-left:5vw;width:80%}
		
		/**** nav ****/
		.menubutton {width:50px;height:50px;position:fixed;top:0;right:0;display:block;z-index:9500;cursor:pointer;cursor:hand}
		.menubutton .st3{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:2px;stroke-dasharray: 28 52;stroke-dashoffset: 40;transition:all 0.4s}
		
		
		.nav {font-size:30px;overflow:hidden;transition:width 0.2s;width:0}
		.navhighlight {display:none}
		.nav .menu {padding-top:50px;width:100vw}
		.nav .menu a {width:100vw;display:block;margin-top:10px; opacity:0;transition:margin 0.2s 0.2s, opacity 0.2s}
		
		.navicon {width:50px;height:50px;float:left}
		.navtext {height:50px;float:left;width:calc(100vw - 50px)}
		
		.navtext, .nav a:hover .navtext {max-width:inherit}
		.navcontrols {right:10px;width:60px;bottom:10px;z-index:9000}
		.colourchange {margin-bottom:10px}
		.colouroptionsholder {right:50px}
		.languagechange {margin-top:15px}
		.languagechange a {padding:2px 5px}
		
		.menuopen .nav .menu a {margin:0px;opacity:1}
		.menuopen .nav .menu a:nth-child(1) {transition-delay: 0s;}
		.menuopen .nav .menu a:nth-child(2) {transition-delay: 0.05s;}
		.menuopen .nav .menu a:nth-child(3) {transition-delay: 0.1s;}
		.menuopen .nav .menu a:nth-child(4) {transition-delay: 0.15s;}
		.menuopen .nav .menu a:nth-child(5) {transition-delay: 0.2s;}
		.menuopen .nav .menu a:nth-child(6) {transition-delay: 0.35s;}
		.menuopen .nav .menu a:nth-child(7) {transition-delay: 0.4s;}
		.menuopen .menubutton .st3 {stroke-dasharray: 28 52;stroke-dashoffset: 80}
		.menuopen .nav {width:100%}
		
		
		/**** home ****/
		.stackintro .stack {width:20vh;height:40vh}
		.homeintro .intropic1, .homeintro .intropic1 .pic {width:60vw}
		.homefooter .scrolldown {left:auto;right:0}
		
		/**** building ****/
		.accordiontitle {font-size:80px;}
		.accordiongallery {width:100%;flex:none}
		.accordionitem .overlay {width:100%}
		.accordionitem.active {height:80vh}
		.accordioninfo {display:none}
		
		/**** connections ****/
		.connectionsintro {font-size:16px;line-height:22px}
		.metrographics {margin:0 5vw}
		
		.traveltimes {margin:0 5vw;display:block;width:90vw}
		.travelcol {width:100%;margin-bottom:10vw}
		.travelicon {width:80px;height:80px}
		
		.locationintro {margin:0 5vw;display:block}
		.locationintro .scrolldown {display:none}
		
		.locationmap {flex-direction:column}
		.locationmap .mapcolumn {width:100%}
		.mapholder {margin:0}
		.locationmap .listcolumn {background:#fff;width:calc(100% - 40px);padding:20px}
			
		.stackslider {width:90vw;height:60vw}
		.stacksliderholder.active {left:5vw}
		
		.locationgalleries {height:70vw}
		.stacksliderholder:nth-child(1) {top:-20vw;left:-30vw;transform:scale(0.2)}
		.stacksliderholder:nth-child(2) {top:-10vw;left:-2vw;transform:scale(0.4)}
		.stacksliderholder:nth-child(3) {top:-15vw;left:35vw;transform:scale(0.3)}
		.stacksliderholder:nth-child(4) {top:12vw;left:-30vw;transform:scale(0.25)}
		.stacksliderholder:nth-child(5) {top:22vw;left:5vw;transform:scale(0.35)}
		.stacksliderholder:nth-child(6) {top:12vw;left:37.5vw;transform:scale(0.25)}

		.stacksliderholder:not(.active):hover .stackslider {width:100vw;height:70vw;top:-7.5vw;left:-7.5vw}
		
		/**** space ****/
		.spaceintro {margin-bottom:15vw;min-height:auto;}
		
		.groundicons {width:100%}
		.groundicons .iconrow .icon {flex:0 0 15vw;margin:0 1.25vw}
		.groundicons .iconrow .icon .pic {height:15vw;width:15vw;}
		
		.schedule {display:block;margin:0 5vw}
		.schedule .availabletable {flex:none;display:block;margin:0;width:90vw}
		.schedule .availabletable table {width:90vw}
		.schedule .availabletable table thead td {padding:5px;font-size:18px;}
		.schedule .availabletable table tbody td, .schedule .availabletable table tfoot td {padding:5px;font-size:12px}
		.schedule .stack img {width:50%}
		
		.bigplans {display:block}
		.bigplans .stacks {display:none}
		
		.bigplans .planslider .cycle-slideshow {height:400px;margin-bottom:150px}
		.planbuttons {top:100%;bottom:auto}
		.planbuttons a.download {margin-left:0;margin-top:-2px;clear:left}
		
		.spec {padding-top:40px}
		.spec ul li:nth-child(odd) {color:#272827;-webkit-text-stroke: 0;text-stroke: 0;}
		
		/**** contact ****/
		.agents {display:block}
		.agents .agent {padding:0;margin-bottom:40px}
		
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.groundicons .iconrow {flex-wrap: wrap;}
		.groundicons .iconrow.bottomrow .icon {flex-direction:column-reverse}
		.groundicons .iconrow .icon {flex:0 0 35vw;margin-bottom:5vw}
		.groundicons .iconrow .icon .pic {height:35vw;width:35vw;}
		
		.travelicon {width:60px;height:60px}
		.locationintro .col1 {width:100%;margin:0}
		.residents {width:100%;height:auto}
		.resident {width:100px;height:80px}
		
		.mapholder, .locationmap .mapcolumn #map {height:320px}
		.mapicons {display:none}
		
		.planbuttons a.download {margin-top:0}
		
		.spec {width:100%}
		.spec ul {font-size:32px;line-height:0.9em;margin-bottom:20px}
		
		.footer h2 {margin-left:0}
		.footer .footerpic {width:100%;height:80px}
		.footer .footertext {margin:0;width:100%}
		.footer .scrolldown {display:none}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.nav .menu a {width:50vw;float:left}
		.navtext {width: calc(50vw - 50px);}
		.colourchange {width:16px;height:16px}
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #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: 'Graphik Web';
  src: url('/webfonts/Graphik-Regular-Web.woff2') format('woff2'),
       url('/webfonts/Graphik-Regular-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Graphik Web';
  src: url('/webfonts/Graphik-Light-Web.woff2') format('woff2'),
       url('/webfonts/Graphik-Light-Web.woff') format('woff');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}