@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/22px "BuenosAiresWeb", Arial, sans-serif;
	color: #fff;
	background: #52555b;
	height: 100%;
	font-weight: 300;
}

.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-weight: 700;
}

h1 {
	font-size: 2.125em;
	line-height: 1.2em;
	margin-bottom: 40px;
	text-transform: uppercase;
}
.brown {
	color: #00ff9e;
}
.grey {
	color: #52555b;
}

.sectiongap {
	width: 100%;
	height: 10vw;
	clear: both;
}
.halfsectiongap {
	width: 100%;
	height: 5vw;
	clear: both;
}

.animatein {
	visibility: hidden;
}

/**** nav ****/
.menubutton {
	width: 30px;
	height: 30px;
	display: block;
	position: fixed;
	top: 40px;
	right: 40px;
	z-index: 9000;
	cursor: pointer;
	cursor: hand;
}
.menubutton .menuicon {
	width: 30px;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	position: relative;
	top: 14px;
	border-right: 1px solid #52555b;
	border-bottom: 1px solid #52555b;
	transition: all 0.2s;
}
.menubutton .menuicon:before {
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	position: relative;
	top: -8px;
	border-right: 1px solid #52555b;
	border-bottom: 1px solid #52555b;
	transition:
/*	property		duration	delay */ top 0.2s 0.2s, transform 0.2s 0s;
}
.menubutton .menuicon:after {
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	position: relative;
	top: 5px;
	border-right: 1px solid #52555b;
	border-bottom: 1px solid #52555b;
	transition:
/*	property		duration	delay */ top 0.2s 0.2s, transform 0.2s 0s;
}

.menuopen .menubutton .menuicon {
	width: 0;
	border: 0;
}
.menuopen .menubutton .menuicon:before {
	transform: rotate(45deg);
	top: 0;
	transition:
/*	property		duration	delay */ top 0.2s 0s, transform 0.2s 0.2s;
}

.menuopen .menubutton .menuicon:after {
	transform: rotate(-45deg);
	top: -3px;
	transition:
/*	property		duration	delay */ top 0.2s 0s, transform 0.2s 0.2s;
}

.navholder {
	position: fixed;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 0;
	height: 100vh;
	z-index: 8000;
	transition: width 0.2s;
}
.navinner {
	width: 100%;
	height: 100vh;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-justify-content: center;
	justify-content: center;
}
.navbg {
	background: url("/img/ui/menubg.svg") bottom left no-repeat;
	background-size: cover;
	width: 140vw;
	height: 101vh;
	position: absolute;
	transition: left 0.2s 0s;
	top: 0;
	left: 40vw;
}

_:-ms-fullscreen,
:root .navbg {
	background-size: 192vh 101vh;
	background-position: top right;
	top: -0.5vh;
}

.nav {
	position: relative;
	z-index: 8500;
	text-align: right;
	font-size: 1.4em;
	list-style-type: none;
	margin: 0 0 0 0;
	opacity: 0;
	padding: 0;
	transition: margin 0.3s, opacity 0.3s;
}
.nav li {
	margin: 20px 0;
	padding: 0;
}
.nav li a {
	color: #00ff9e;
	text-decoration: none;
}
.nav 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,
.s7 .nav a.n7 {
	color: #fff;
}

.menuopen .navholder {
	width: 100%;
}
.menuopen .navbg {
	left: -40vw;
	transition: left 0.2s 0.1s;
}
.menuopen .nav {
	margin-right: 10vw;
	opacity: 1;
}

/**** footer ****/
.footer {
	background: url("../img/ui/footerbg.svg") bottom -1px left -1px no-repeat;
	padding: 18vw 40px 40px 40px;
	width: 25vw;
	background-size: contain;
}
.footerlogo {
	width: 100px;
	margin-bottom: 20px;
}
.footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.footer ul li {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
.footer ul li a {
	color: #fff;
	text-decoration: none;
}
.footer ul li a:hover {
	text-decoration: underline;
}

/* #Page Styles
================================================== */
.holding {
	background: #54565a;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-family: "BuenosAiresWeb", Arial, sans-serif;
}
.holdingmain {
	background: #414042;
	color: #a88260;
}
.holdingmain span {
	color: #fff;
}
.holdingmain svg {
	display: block;
}
.holdingholder {
	position: relative;
	left: 15px;
}

.holdingholder .flexmiddle {
	position: absolute;
	bottom: 0;
	top: 0;
	width: 20vw;
}
.holdingcontent {
	width: 100%;
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: 0.07em;
}
.holdingcontent img {
	margin-bottom: 30px;
}

.holdingfooter {
	padding: 60px 0;
}
.holdingfooter a {
	color: #fff;
}
.holdingfooter b {
	font-size: 18px;
	line-height: 24px;
}
.logos {
	text-align: right;
}
.logos img {
	margin: 0 0 15px 15px;
}

svg {
	width: 100%;
}

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 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;
	}
}

/**** home ****/
.introshapessvg {
	position: absolute;
	top: 0;
	left: 0;
}
.homeintro {
	padding-top: 70vh;
}
.story {
	font-weight: 700;
	font-size: 0.42em;
	line-height: 1em;
}
.videobutton {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 0 50px 0 0;
	background: url("../img/ui/play.svg") right bottom no-repeat;
	margin-bottom: 40px;
	margin-right:40px;
	font-weight: 300;
	background-size: 40px 40px;
}
.videobutton:hover {
	color: #00ff9e;
}
.videobutton:hover .story {
	color: #fff;
}
.homeexterior {
	width: 75%;
	margin-top: 20px;
}

.whitesection {
	background: url("../img/ui/greytopright.svg") top -1px right no-repeat #fff;
	width: 100%;
	height: 100vw;
	margin-top: -50vw;
	color: #52555b;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.whitesection .leftcol {
	width: calc(35% - 40px);
	margin: 0 40px;
}
.whitesection .rightcol {
	width: calc(65% - 40px);
	margin: 0 0px 0 40px;
}

.homebottom {
	background: url("../img/ui/whitetopright.svg") top -1px left no-repeat;
	background-size: 100% auto;
	padding-top: 15vw;
}
_:-ms-fullscreen,
:root .homebottom {
	background-size: 100% 100%;
}
.homefooter {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.homefooter .leftcol {
	width: 50%;
	text-align: right;
}
.footertext {
	margin: 40px 0 40px calc(40% - 40px);
	width: 60%;
}
.homefooter .rightcol {
	width: 50%;
}

/**** specification ****/
.s1 {
	background: #00ff9e url("../img/content/specification/specbg1.svg") top -1px left -1px no-repeat;
	background-size: 60% auto;
	color: #fff;
}
.specintro {
	padding-top: 30vw;
}
.s1 h1 {
	color: #52555b;
}

.specbike {
	background: bottom right url("../img/content/specification/specbg2.png") no-repeat;
	background-size: 60vw auto;
	width: 100%;
	height: 60vw;
	float: right;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.specbike .bike {
	position: absolute;
	width: 25%;
	height: auto;
	top: 5vw;
	left: 60vw;
}

ul.spec {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #52555b;
}
ul.spec li {
	padding: 0;
	flex-basis: 20%;
	margin: 0 20px 20px 0;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
}
ul.spec li .specpic {
	width: 80px;
	height: 80px;
	margin: 0 auto 10px auto;
	background: 50% 50% no-repeat;
	background-size: contain;
}

/**** occupiers and amenities ****/
.s2 {
	background: #fff;
	color: #606368;
}
.occupiersbanner {
	width: 100%;
	height: 70vh;
	position: relative;
}
.occupiersbanner .whitetriangle {
	position: absolute;
	z-index: 2000;
	bottom: 0;
	left: 0;
	width: 25vw;
	height: 25vw;
	background: url(../img/ui/whitebottomleft.svg) bottom -1px left -1px no-repeat;
	background-size: contain;
}
.occupiersbanner .slide {
	width: 100%;
	height: 100%;
	background: 50% 50% no-repeat;
	background-size: cover;
}
.slidecontrols {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2000;
	width: 194px;
}
_:-ms-fullscreen,
:root .slidecontrols {
	height: 56px;
	min-height: 0;
}
.slidebutton {
	cursor: pointer;
	cursor: hand;
}
.stripebg {
	background: url("../img/ui/bgstripes.svg") top left no-repeat;
	background-size: 100% auto;
}
_:-ms-fullscreen,
:root .stripebg {
	background-size: 100% 100%;
}
.occupiersintro {
	margin: 40px 0 60px 25vw;
	width: 40%;
}
.s2 h1 {
	color: #00ff9e;
	margin-bottom: 20px;
}

.occupiermaps {
	margin: 40px;
	width: calc(100% - 80px);
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}
.occupiermaps .listsholder {
	width: 30%;
	float: left;
}
.occupiermaps .maps {
	width: 70%;
	background: #606368;
	float: left;
}
/*.occupiermaps .maps img {display:block}*/
.occupiermaps .maps .mapholder img {
	display: none;
	width: 100%;
	height: auto;
}
.occupiermaps .maps .mapholder img.selected {
	display: block;
}

_:-ms-fullscreen,
:root .occupiermaps .maps .mapholder img {
	max-width: calc(70vw - 80px);
}

.listtabs {
	width: 100%;
	height: 7vw;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.listtabs li {
	background: #00ff9e 50% 50% no-repeat;
	margin: 0 1px 1px 0;
	padding: 0;
	width: calc(25% - 1px);
	height: calc(100% - 1px);
	float: left;
	cursor: pointer;
	cursor: hand;
}
.listtabs li.occupiers {
	background-image: url("../img/content/occupiers/icons/occupiersgrey.svg");
}
.listtabs li.restaurants {
	background-image: url("../img/content/occupiers/icons/restaurantsgrey.svg");
}
.listtabs li.hotels {
	background-image: url("../img/content/occupiers/icons/hotelsgrey.svg");
}
.listtabs li.retail {
	background-image: url("../img/content/occupiers/icons/retailgrey.svg");
}
.listtabs li.selected {
	background-color: #52555b;
	margin-bottom: 0;
	border-bottom: 1px solid #52555b;
}
.listtabs li.occupiers.selected {
	background-image: url("../img/content/occupiers/icons/occupiersbrown.svg");
}
.listtabs li.restaurants.selected {
	background-image: url("../img/content/occupiers/icons/restaurantsbrown.svg");
}
.listtabs li.hotels.selected {
	background-image: url("../img/content/occupiers/icons/hotelsbrown.svg");
}
.listtabs li.retail.selected {
	background-image: url("../img/content/occupiers/icons/retailbrown.svg");
}

.lists {
	height: calc(100% - 7vw);
	background: #52555b;
}
.lists .list {
	color: #fff;
	padding: 40px;
}
.lists h2 {
	text-transform: uppercase;
	line-height: 1.2em;
}
.lists .list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.lists .list ul li {
	margin: 0;
	padding: 0;
	clear: both;
	margin-bottom: 15px;
}
.lists .list ul li span {
	display: block;
	float: left;
	background: #fff;
	border-radius: 55%;
	width: 26px;
	height: 26px;
	border: 2px solid #00ff9e;
	background-color: #ffffff;
	color: #52555b;
	text-align: center;
	line-height: 26px;
	margin-right: 10px;
}
.lists .list ul li .listlogo {
	width: calc(100% - 40px);
	margin-left: 40px;
	background: left center no-repeat;
	height: 30px;
	background-size: contain;
}
.lists .list ul li .listlogo.smalllogo {
	background-size: auto 60%;
}

_:-ms-fullscreen,
:root .lists .list ul li .listlogo {
	background-size: auto 100%;
	background-position: 0 0;
}
_:-ms-fullscreen,
:root .lists .list ul li .listlogo.smalllogo {
	background-size: auto 60%;
}

.lists .list {
	display: none;
}
.lists .list.selected {
	display: block;
}

/**** connections ****/
.connectionsbanner {
	width: 100%;
	height: 70vh;
	position: relative;
	background: url("../img/content/connections/banner.jpg") 50% 50% no-repeat;
	background-size: cover;
}
.connectionsbanner .greytriangle {
	position: absolute;
	z-index: 2000;
	bottom: 0;
	left: 0;
	width: 25vw;
	height: 25vw;
	background: url(../img/ui/greybottomleft.svg) bottom -1px left -1px no-repeat;
	background-size: contain;
}
.connectionsbg {
	background: url("../img/content/connections/connectionsbg.svg") top left no-repeat #52555b;
	background-size: 100% auto;
	color: #fff;
}
.connectionsinfo {
	margin-bottom: 50vw;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.elizabethline {
	color: #606368;
	width: 30%;
	margin: 40px 15% 15vw 40px;
}
.elizabethline h1 {
	color: #00ff9e;
}
.tubestations {
	float: right;
	width: 45%;
	margin: 40px;
}
.tubestations img {
	margin-bottom: 40px;
}
.tubestations table {
	float: right;
	width: 50%;
	font-size: 1.2em;
	line-height: 1.5em;
}

/**** availability ****/
.s4 {
	background: #fff;
	color: #606368;
}
.s4 h1 {
	color: #00ff9e;
}
.availabilitybanner {
	width: 100%;
	height: 70vh;
	position: relative;
	background: url("../img/content/availability/banner.jpg") 50% 50% no-repeat;
	background-size: cover;
}
.availabilitybanner .whitetriangle {
	position: absolute;
	z-index: 2000;
	bottom: 0;
	left: 0;
	width: 25vw;
	height: 25vw;
	background: url(../img/ui/whitebottomleft.svg) bottom -1px left -1px no-repeat;
	background-size: contain;
}
.availabletable {
	margin: 40px 25vw 10vw 25vw;
}
.availabletable td {
	border-bottom: 1px solid #606368;
	padding: 4px 2px;
}
.availabletable thead td {
	border-bottom: 1px solid #00ff9e;
	color: #00ff9e;
}
.availabletable tfoot td {
	font-weight: 700;
}
.availabletable a {color:#00ff9e}

.availabletable .let td {background:#ddd}

.terrace {
	padding-left: 40px;
	background: url("../img/content/availability/terrace.svg") top left no-repeat;
	background-size: 30px auto;
	font-size: 0.8em;
	line-height: 1.1em;
}

.floorplans,
.spaceplans {
	min-height: 80vh;
	background: #f5f5f5;
	color: #52555b;
	position: relative;
}
.spaceplans {
	background: #00ff9e;
}
.floorplans .cycle-slideshow,
.spaceplans .cycle-slideshow {
	min-height: 100%;
}
.north {
	width: 40px;
	height: 35px;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2000;
	background: url("../img/ui/north.svg") top right no-repeat;
}
.floorplans .smallText,
.spaceplans .smallText {
	margin: 0;
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.floorplans .slide,
.spaceplans .slide {
	width: 100%;
	min-height: 100%;
}
.floorplans .planholder,
.spaceplans .planholder {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.plan {
	margin: 40px;
	width: calc(55% - 80px);
	display: block;
	position:relative;
}
.plan .circle {position:absolute;top:0;right:0;background:#00ff9e;color:#52555b;text-align:center;font-size:20px;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.plantext {
	margin: 40px;
	width: calc(45% - 80px);
	font-size: 1.5em;
	line-height: 1.75em;
}

.floorplans .controls,
.spaceplans .controls {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 160px;
	height: 80px;
	z-index: 2000;
}
.prevbutton,
.nextbutton {
	display: block;
	background: #fff 50% 50% no-repeat;
	cursor: pointer;
	cursor: hand;
	background-size: 15px auto;
	width: 80px;
	height: 80px;
	float: left;
}
.prevbutton {
	background-image: url("../img/ui/leftarrow.svg");
}
.nextbutton {
	background-image: url("../img/ui/rightarrow.svg");
}
.prevbutton:hover,
.nextbutton:hover {
	background-color: #eee;
}

.floorpic {
	width: 100%;
	height: 80vh;
	background: 50% 50% no-repeat;
	background-size: cover;
}

.footerbg {
	background: #52555b;
}

/**** gallery ****/
.occupiersbanner.gallery {
	width: 100%;
	height: 100vh;
	position: relative;
}
.occupiersbanner.gallery .whitetriangle {
	width: 10vw;
	height: 10vw;
	background-image: url("../img/ui/greybottomleft.svg");
}

/**** contact ****/
.s5,
.s7 {
	background: url("../img/content/contact/contactbg.svg") top right no-repeat #52555b;
	background-size: 100% auto;
}
/*_:-ms-fullscreen, :root .s5 {background-size:100% 200%}*/
.s5 a,
.s7 a {
	color: #fff;
}
.contacts {
	padding-top: 10vw;
}
.misrep {
	font-size: 11px;
	line-height: 13px;
}
.cushman {
	max-width: 220px;
}
.meag {
	max-width: 170px;
}

/****************************************************
* 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;
}

/**** slicknav ****/
.slicknav_menu {
	display: none;
}

@media screen and (max-width: 767px) {
	#nav {
		display: none;
	}

	.slicknav_menu {
		display: block;
		z-index: 1000;
		position: fixed;
		top: 0;
		right: 0;
		padding: 0;
		width: 100%;
		height: 0;
	}
	.slicknav_menu .vmiddle {
		position: relative;
		top: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	.slicknav_menu .logo {
		display: none;
	}
	.slicknav_btn {
		margin: 0;
		background: #666666;
		position: fixed;
		top: 30px;
		right: 30px;
		border-radius: 0;
		padding: 8px 5px 8px 5px;
		height: 35px;
		z-index: 600;
	}
	.slicknav_menu .slicknav_menutxt {
		font-family: "Lato", Arial, Helvetica, sans-serif;
		letter-spacing: 0.1em;
		color: #fff;
		text-shadow: none;
		font-weight: 300;
	}
	.slicknav_menu .slicknav_icon {
		width: 30px;
	}
	.slicknav_menu .slicknav_icon-bar {
		background-color: #aaaaaa;
		box-shadow: none;
		height: 3px;
		width: 30px;
		margin: 5px 0;
		transition: 0.2s;
		opacity: 1;
		position: relative;
	}
	.slicknav_menu .slicknav_icon-bar:nth-of-type(1) {
		margin-top: 0;
	}
	.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-of-type(1) {
		opacity: 1;
		transform: rotate(45deg);
		top: 8px;
	}
	.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-of-type(2) {
		opacity: 0;
		transform: rotate(-135deg);
	}
	.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-of-type(3) {
		opacity: 1;
		transform: rotate(-45deg);
		top: -8px;
	}
	.slicknav_btn:hover .slicknav_icon-bar {
		background-color: #fff;
	}
	.slicknav_nav {
		width: 100%;
		background: #fff;
	}
	.slicknav_nav a {
		color: #fff;
		display: inline-block;
		padding: 8px 0;
		width: auto;
		margin: 0;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav li {
		margin: 0 !important;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	.slicknav_nav a:hover {
		text-decoration: underline;
	}

	.slicknav_nav {
		background: #383737;
	}
}

/* #Media Queries
================================================== */

/* biggest desktop */
@media only screen and (max-width: 1270px) {
	body {
		font-size: 14px;
		line-height: 18px;
	}
}

/* bigger desktop */
@media only screen and (max-width: 1229px) {
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1099px) {
	/**** connections ****/
	.tubestations {
		float: right;
		width: 65%;
		margin: 40px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.holding {
		font-size: 12px;
		line-height: 18px;
	}
	.holdingholder .flexmiddle {
		width: 25vw;
	}
	.holdingcontent {
		font-size: 20px;
		line-height: 24px;
	}

	.navbg {
		background: rgba(82, 85, 91, 0.9);
	}
	body {
		font-size: 12px;
		line-height: 16px;
	}
	.s5 {
		font-size: 11px;
	}
	h1 {
		font-size: 1.8em;
	}

	/**** home ****/
	.homeintro {
		padding-top: 60vh;
	}

	/**** connections ****/
	.elizabethline {
		margin-bottom: 20vw;
	}
	.tubestations {
		margin: 20px;
	}
	.tubestations img {
		margin-bottom: 20px;
	}

	/**** footer ****/
	.footer {
		padding: 24vw 40px 40px 40px;
		width: 35vw;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.holdingholder {
		left: 0;
	}
	.holdingholder .flexmiddle {
		width: 75%;
		position: relative;
		padding: 30px 0;
	}
	.holdingcontent {
		font-size: 18px;
		line-height: 22px;
	}

	.mobilemargin {
		margin-bottom: 40px !important;
	}

	/**** nav ****/
	.menubutton {
		top: 20px;
		right: 20px;
	}
	.menuopen .nav {
		margin-right: 20vw;
		opacity: 1;
	}

	.footer {
		background: #606368;
		width: 90vw;
		padding: 20vw 5vw;
	}

	/**** home ****/
	.whitesection {
		margin-top: 0px;
		padding-top: 40px;
		background: #fff;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.whitesection .leftcol,
	.whitesection .rightcol,
	.homefooter .leftcol,
	.homefooter .rightcol {
		width: 90vw;
		margin: 0 5vw;
	}

	.homefooter {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	/**** specification ****/
	.specintro {
		padding-top: 40vw;
		padding-bottom: 20vw;
	}
	.specbike .bike {
		display: none;
	}

	ul.spec li {
		flex-basis: 40%;
	}

	/**** occupiers ****/
	.slidecontrols {
		display: none;
	}
	.stripebg {
		background: #fff;
	}
	.occupiersintro {
		width: 60%;
	}

	.occupiermaps {
		width: 90vw;
		margin: 5vw;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.occupiermaps .listsholder {
		width: 100%;
	}
	.listtabs {
		height: 20vw;
	}

	.occupiermaps .maps {
		width: 100%;
	}

	/**** connections ****/
	.connectionsbg {
		background-image: none;
	}
	.connectionsinfo {
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-bottom: 5vw;
	}
	.elizabethline {
		color: #fff;
		width: 90vw;
		margin: 5vw;
	}
	.tubestations {
		width: 90vw;
		margin: 5vw;
	}
	.tubestations table {
		width: 100%;
		margin: 5vw 0;
	}

	/**** availability ****/
	.availabletable {
		width: 90vw;
		margin: 5vw;
	}
	

	.floorplans,
	.spaceplans {
		height: auto;
	}
	.floorplans .planholder,
	.spaceplans .planholder {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.plan,
	.plantext {
		width: 90vw;
		margin: 5vw;
	}
	.plantext {
		margin-bottom: 30vw;
	}

	.floorplans .controls,
	.spaceplans .controls {
		width: 80px;
		height: 40px;
	}
	.prevbutton,
	.nextbutton {
		width: 40px;
		height: 40px;
		background-size: 10px auto;
	}
	.floorplans .smallText,
	.spaceplans .smallText {
		width: 50%;
	}
}

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

/* 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: "BuenosAiresWeb";
	src: url("/fonts/BuenosAiresWeb-Bold.eot"); /* IE9 Compat Modes */
	src: url("/fonts/BuenosAiresWeb-Bold.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */ url("/fonts/BuenosAiresWeb-Bold.woff2") format("woff2"),
		/* Super Modern Browsers */ url("/fonts/BuenosAiresWeb-Bold.woff") format("woff"); /* Pretty Modern Browsers */
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-FB04;
}

@font-face {
	font-family: "BuenosAiresWeb";
	src: url("/fonts/BuenosAiresWeb-Light.eot"); /* IE9 Compat Modes */
	src: url("/fonts/BuenosAiresWeb-Light.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */ url("/fonts/BuenosAiresWeb-Light.woff2") format("woff2"),
		/* Super Modern Browsers */ url("/fonts/BuenosAiresWeb-Light.woff") format("woff"); /* Pretty Modern Browsers */
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-FB04;
}