/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******************
*   
font-family:'Avenir LT W01_35 Light1475496';
font-family:'Avenir LT W01_65 Medium1475532';
font-family:'Avenir LT W01_85 Heavy1475544';
font-family:'Avenir LT W01_95 Black1475556';
font-family:'DidotW01-HeadlineRegula';
font-family:'Didot W01 Roman';
font-family: 'Roboto', sans-serif;

*****************/

html, body{
    height: 100%;
	width: 100%;
   /* transition: width 0.5s ease-out;*/
}
.pure-g > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   /* transition: width 0.2s ease;*/
}
div{
    box-sizing: border-box;
}
html,
button,
input,
select,
textarea,
.pure-g [class*="pure-u"] {
    font-weight: 300;
    font-style: normal;
   	font-family:'Avenir LT W01_35 Light1475496';
	-webkit-appearance: none;
	border-radius: 0;
}

body {
    margin: 0 auto;
    text-align: center;
    line-height: 1.5;
    font-weight: 300;
    font-style: normal;
    font-family:'Avenir LT W01_35 Light1475496';
    font-size: 16px;
    color: #000;
    background: #fff;
}
article{
	background: #fff;
	z-index: 1;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	padding-top: 0;
}
#container{
	pointer-events: none;
}
#container > *{
	pointer-events: auto;
}
a{
    display: inline-block;
	text-decoration: none;
	color: #000;
}
p:after, p:before{
    margin: 0;
}
*.focus{
	outline: 0;
}
.wrapper {
    max-width: 1280px;
    min-width: 280px;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
}
.wrapper-full{
    width: 100%;
    margin: 0;    
}

h1 {
    font-size: 2.000em;
    line-height: 1;
    margin: 0;
    font-family:'Didot W01 Roman';
    margin: 0 auto;
}
	h1.big{
		font-size: 1.9em;
		word-wrap: break-word;
	}
	h1.alternative{
		font-size: 2.100em;
	}

	
	h1 small{
		font-size: 0.6em;	
	}
h2 {
    font-size: 1.3em;
    margin: 0;
    font-family:'Didot W01 Roman';
	letter-spacing: 1px;
}
	h2.big{
		font-size: 1.750em;
	}
	h2.alternative{
		font-size: 1.550em;
	}
h3{
    font-family:'Avenir LT W01_95 Black1475556';
    font-size: 1em;
}

h4 {
    font-size:0.875em;
    font-family:'Didot W01 Roman';
    font-weight: 400;
    padding: 0;
    margin: 0;
}
sup{
	font-size: 0.55em;
	top: -1em;
}
p{
	font-size: 1.125em;
}
header.header{
	background-color: #000;
	position: relative;
	top:0;
	z-index: 110;
}
	header.headline h1{
		padding: 18px 0 0px 0;
	}	
section{
    padding: 25px 20px;
    text-align: center;
    box-sizing: border-box;
}
	section.top-section{
		margin-top: 80px;
		/*padding: 0 7.8125%;*/
	}
	section.extra-top{
		padding: 50px 20px 25px 20px;	
	}

.banner{
	position: relative;
	padding: 0 0 56.25% 0;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top;
}
	.banner.small{
		padding: 0 0 92.5761% 0;
	}
	.banner.xsmall{
		padding: 0 0 86.5761% 0;
	}
	.banner.big{
		padding-bottom: 82.5761%;
	}
	.banner .heading1{
		position: absolute;
		left:0;
		right: 0;
		top:21.8055%;
	}


	.banner.top-section .heading{
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background-color: #000;
		color: #fff;
		border: 5px solid #fcee22;
		font-family:'Didot W01 Roman';
		padding: 20px 10px;
		margin: 0 auto;
		max-width: 330px;
	}
.emphasize{
	width: 87%;
	margin: 0 auto;
	padding: 24px 0 30px 0;
}
	.emphasize.variety1{
		width: 95%;
		margin: 0 auto;
	}
	.emphasize.variety2{
		width: 95%;
		margin: 0 auto;
	}
	.emphasize.variety3{
		width: 95%;
		margin: 0 auto;
	}
	.emphasize.variety4{
		width: 95%;
	}
	.emphasize.variety5{
		width: 95%;
	}
	.emphasize.home-page-emphasize{
		padding: 13px 0 40px 0;
	}
	.emphasize p{
		font-size: 1em;
		line-height: 1.4;
	}
.font-medium{
	font-family:'Avenir LT W01_65 Medium1475532';
}
.yellow{
	background: #fcee22;
}
	.yellow.space-topbottom{
		padding: 20px 0 20px 0;	
	}
	.yellow.space-topbottom.alternative{
		padding: 25px 0 27px 0;	
	}
.heading-img{
	padding: 0 12px 0 0;
}
.fliphtml{
	position: relative;
	display: none;
}
iframe.flip{
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	right:0;
}
/**#####**/
@media screen and (min-width: 768px){
	h1 {
    	font-size: 3em;
	}
	h1.big{
		font-size: 3.250em;	
	}
	h1.alternative{
		font-size: 2.750em;
		line-height: 1.25;
	}
	h1 small{
		font-size: 0.6em;	
	}
	h2 {
    	font-size: 1.5em;
	}
	h3{
		font-size: 1.125em;
	}
	header.header .page-header img{
		padding: 50px 70px 30px 70px;
	}
	.emphasize p{
		font-size: 1.125em;
		line-height: 1.7;
	}
	.banner.top-section .heading{
		max-width: 750px;
	}
}
@media screen and (min-width: 990px) {
	
	h2.big{
		font-size: 2.000em;
	}
	section{
		 padding: 50px 50px;
	}
	section.extra-top{
		padding: 100px 50px 50px 50px;	
	}
	
	.emphasize.variety1{
		width: 65.375%;
		padding: 0 0 0 0;
	}
	.emphasize.variety2{
		width: 56.375%;
	}
	.emphasize.variety3{
		width: 67%;
	}
	.emphasize.variety4{
		width: 85%;
	}
	.emphasize.variety5{
		width: 49.375%;
	}
	.banner{
		padding: 0 0 56.25% 0;
	}
	.banner.small{
		padding: 0 0 52.5761% 0;
	}
	.banner.xsmall{
		padding: 0 0 26.5761% 0;
	}
	.banner.big{
		padding-bottom: 62.5%;
	}
	.banner.top-section .heading{
		border: 10px solid #fcee22;
		padding: 50px 45px;
	}
	.fliphtml{
		display: block;
	}
    
}
@media only screen and (min-width: 1024px){
	header.header{
		position: fixed;
	}
	article{
		padding-top: 80px;
	}
	h1.big{
		font-size: 6.250em;	
	}
	h2.alternative{
		font-size: 2.250em;
	}
	section{
		 padding: 50px 70px 50px 70px;
	}
	section.top-section{
		margin-top: 0;	
	}
	.emphasize{
		width: 74.7368%;

	}
	.banner.top-section .heading{
		max-width: 1080px;
		width: 100%;
	}
}

@media only screen and (min-width: 1279px){
}


/********************
	components
********************/

.btn-container{
	padding: 50px 0 0 0;
}
.btn{
	font-family:'Avenir LT W01_95 Black1475556';
	font-size: 0.875em;
	background-color: transparent;
	color: #000;
	padding: 17px 20px 15px 20px;
    line-height: 1;
	border: 3px solid #fff;
	border-radius: 0;
	outline: 0;
	vertical-align: middle;
    display: inline-block;
	letter-spacing: 2px;
}
	.btn.white{
		background: #fff;
		border: 3px solid #ffea00;
		padding: 17px 30px 15px 30px;
	}

.horizontal-list{
	list-style: none;
	width: auto;
	padding-top: 15px;
}
	.horizontal-list li{
		display: inline-block;
		padding: 0 30px;
		text-align: center;
		box-sizing: border-box;
	}
	.horizontal-list li span.icon{
		text-align: center;
		display: block;
		width: 100%;
		padding-bottom: 5px
	}
.vertical-list{
	list-style: disc;
	width: auto;
	padding-top: 11px;
	padding-left: 20px;
	font-size: 1em;
}
	.vertical-list li{
		display: list-item;
		text-align: left;
		vertical-align: middle;
		padding-bottom: 11px;
	}
	.vertical-list li:last-child{
		padding-bottom: 0;	
	}
	.vertical-list li span.icon{
		display: block;
		float: none;
		padding-right: 0;
		line-height: 0.5;
	}

.grid-container{
	width: 100%;
	text-align: left;
	max-width: 100%;
	position: relative;
	padding-bottom: 25%;
}
	.grid-container a{
		display: block;
	}
	.grid-container .top, .grid-container .bottom{
		width: 100%;
		height: 50%;
	}
	.grid-container .top{
		position: absolute;
		top:0;
		left: 0;
		
	}
	.grid-container .bottom{
		position: absolute;
		top:50%;
		left: 0;
		
	}
	.grid-container .grid-block{
		display: block;
		float: left;
		width: 12.5%;
		max-width: 12.5%;
		height: 100%;
		margin: 0;
	}
	.grid-container .grid-block .block{
		height: 100%;
	}
	.grid-container .grid-block img{
		max-width: 100%;	
	}
.border{
	border: 4px solid #feec22;
}
/*** Target ie 9, 10, 11 ***/
@media all and (min-width:0\0) {
	.grid-container .grid-block{
		width: calc((100% / 8) - 0.01%);
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.grid-container .grid-block{
		width: calc((100% / 8) - 0.01%);
	}
}
@media screen and (min-width: 768px){
	
	.vertical-list li span.icon{
		display: inline;
		float: left;
		padding-right: 7px;
		line-height: 1.5;
	}
}

@media screen and (min-width: 1024px){
	
}

/********************
	menu
********************/
.slideIt{
	position: relative;
	-webkit-transform:  translateX(192px);
	transform:  translateX(192px);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;	
}
nav{
	padding: 0 35px;
	box-sizing: border-box;
	white-space: nowrap;
	transition: all 0.3s ease-in-out;
}
.main-menu{
    display: block;
	width: auto;
    z-index: 110;
	background: #000;
	color: #fff;
    font-family:'Avenir LT W01_95 Black1475556';
    font-size: 0.9em ;  
    position: fixed;
	left: -195px;
    line-height: 0.8; 
    margin: 0 auto;
	box-sizing: border-box;
    text-align: left;
   	height: 100%;
	/*transition: left 0.3s ease-in-out;*/
}
	.main-menu .menu{
		position: relative;
		height: 100%;
		text-align: left;
		padding:  10px 0 0 0;
		display: block;
		width: auto;
	}
    .main-menu .menu li{
		font-weight: bolder;
		color: #000;
        box-sizing: content-box;
        cursor: pointer;
        list-style: none;
        display: block;
        vertical-align: bottom;
        position: relative;
		width: auto;
        height: 50px;
		line-height: 50px;
		padding: 0;
        text-align: left;
		transition: all 0.3s ease-out;
		white-space: nowrap;
    }
    .main-menu .menu li:last-child{
        margin-right: 0;
		
    }
	.main-menu .menu li:hover{
		background: #000;
		color: #fff;
		
	}
	/*.main-menu li:last-child:hover{
		background: rgba(0,0,0,0);
	}*/
	.main-menu li:hover .sub-menu{
		height: auto;
		display: block;
		transition: height 0.3s ease-in;
	}
    .main-menu .menu li a{
		color: #fff;
        text-decoration: none;
        display: inline-block;
		vertical-align: middle;
        width: 100%;
		max-height: 55px;
		position: relative;
		vertical-align: middle;        
        letter-spacing: 0px;
		box-sizing: border-box;
    }
	.main-menu .menu li:hover a{
		color: #000;
		background: #fff;
	}
	.main-menu .menu > li:last-child:hover{
		background: none;
	}
	.main-menu .menu > li:hover ul.social-media li:hover{
		background: none;
	}
	.main-menu .menu li:hover .social-media li a{
		color: #000;
		background: #000;
	}
	.main-menu li.active{
		background-color: #efefef;
		position: relative;
	}
	.main-menu li.active::after{
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #efefef transparent transparent transparent;
		position: absolute;
		top:100%;
		z-index: 1;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.main-menu.mobileOpen{
		display: block;
		position: fixed;
		left: 0;
		top: 80px;
		height: 100%;
		width: auto;
		transition: left 0.3s ease-in-out;
	}
	.main-menu.mobileOpen li{
		width: 100%;
		display: block;
		box-sizing: border-box;
		padding: 0 31px;
		
	}
	
.main-menu .menu .social-media{
	position: relative;
    /*top: 50%;
    -webkit-transform: translateY(-50%); 
	transform: translateY(-50%);*/
	height: 80px;
    margin: 0 auto;
    float: none;
   	display: none;
    vertical-align: middle;
}
	@media screen and (min-width:0\0) {
		.main-menu .menu .social-media{
			height: 80px;
		}	
	}
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 		/* IE10+ CSS styles go here */
		.main-menu .menu .social-media{
			height: 80px;
		}	
 	} 
	.main-menu .menu .social-media li{
		
		text-align: center;
		display: inline-block;
		max-width: 30px;
		top:36%;
	}
	.main-menu .menu .social-media li:hover{
		border-bottom: 0;
		background: transparent;
	}
	.main-menu .menu .social-media li a{
		padding: 0 7px;
		
	}
.main-logo{
	position: relative;
	width: 10.526%;
	display: none;
}
	.main-logo .logo-container{
		position: absolute;
		top:0;
	}
	.main-logo a{
		display: inline-block;
	}
	

/**********************************/

.mobile-menu{
	background-color: #000;
	color: #fff;
    display: block;
    position: fixed;
    top: 0;
    left:0;
    width: 100vw;
    height: 100%;
	max-height:  80px;
	padding: 0 30px 0 20px;
    z-index: 1020;
    transition: all 0.2s ease-out
}
	
	.mobile-menu .menu-toggle{
		max-width: 45px;
		max-height: 100%;
		position: relative;
		cursor: pointer;
		overflow: hidden;
		top: 56%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%); 
		/*extra iphone hack below*/
		text-align: left;
	}
	.mobile-menu .menu-toggle img{
		max-height: 20px;	
	}
	.mobile-menu .mobile-logo{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		max-width: 80px;
		width: 20%;
		max-height: 100px;
	}
    
@media screen and (-webkit-min-device-pixel-ratio:0){
	::i-block-chrome, .mobile-menu .menu-toggle{
		-webkit-transform: translateY(-50%);
	}
}
@media only screen and (min-width:768px){
	.mobile-menu .menu-toggle{
		left: 20px;
	}
	.mobile-menu .menu-toggle img{
		max-height: 40px;	
	}
	.main-menu .menu{
		padding:  10px 0 0 0;
	}
	
	
}
@media only screen and (min-width: 990px){
	 
    .main-menu li:last-child{
        margin-right: 0;		
    }	
}
@media only screen and (min-width: 1024px){
	
	.main-menu{
		display: block;
		position: relative;
		height: 80px;
		font-size: 0.813em;
		width: 100%;
	}
	.main-menu .menu{
		
	}
	.main-menu .menu li{
		text-align: center;
	}
	.mobile-menu{
		display: none;
	}
	.main-logo{
		width: 8.526%;
	}
	.main-logo img{
		max-width: 100%;
	}
}
@media only screen and (min-width: 1110px){
	.overview-menu{
		font-size: 0.750em;
	}
	
}
@media only screen and (min-width: 1024px){
	nav{
		padding: 0 3.1687%;
	}
	.mobile-menu{
		display: none;
	}
	.main-menu{
		left: 0;
		display: inline-block;
	}
	.main-menu .menu {
		text-align: center;
		display: table;
		padding: 0 0 0 30px;
		width: 87.474%;
		box-sizing: border-box;
		margin: 0 auto;
		float: left;
	}
	.main-menu .menu li{
		display: table-cell;
		width: auto;
	}
	.main-menu .menu li a{
		padding: 0 10px;
	}
	.main-menu .main-logo{
		display: inline-block;
    	float: left;
    	height: 100%;
	}
	.main-menu .menu .social-media{
		display: inline-block;
	}
		

}
@media only screen and (min-width:1224px){
    nav{
		padding: 0 5.46875%;
	}
	.main-logo{
		width: 10.526%;
	}
	.main-menu .menu {
		width: 88.474%;
		float: right;
		padding: 0 0 0 10px;
	}
	.main-menu .menu li{
		/*padding: 0 1.6605% 0 1.6605%;*/
		/*padding: 0;*/
	}
	.main-menu .menu li:first-child{
		padding-left: 0;
	}
	.main-menu .menu li:last-child{
		padding-right: 0;
	}
	.main-menu .menu li a{
		padding: 0 18px;
	}
}
@media only screen and (min-width: 1280px){
	 nav{
		padding: 0 70px;
	}
	
}

/*********************
	Map
*********************/



@media screen and (min-width:768px){
	

}

/**************************
	Infobox
**************************/
.infobox{
	
}
.map-infobox{
	background: #fff;
	padding: 25px;
	border-radius: 10px;
	max-width: 355px;
	width: 100%;
	clear: both;
	z-index: 1010;
	left:-100%;
	display: none;
}
	.map-infobox .map-infobox-image{
		float: left;
		padding-right: 15px;
	}
	.map-infobox .map-infobox-content{
		float: left;
		padding-left: 15px;
		text-align: left;
		max-width: 62%;
		max-width: 62%;
		box-sizing: border-box;
		font-family: "Gotham A", "Gotham B";
		
	}
	.map-infobox .map-infobox-content header{
		line-height: 1.1;
	}
	.map-infobox .map-infobox-content p{
		font-weight: 100;
		padding-top:10px;
	}
/*************************
	bxSlider
/*************************/
.slider-container{
	position: relative;
	max-width: 100%;
	width: 100%;
}
	.slider-container .carousel-logo{
		display: none;
		position: absolute;
		right: 50px;
		bottom: 50px;
	}
	.slider-container .transparent-navbar{
		display: block;
		position: absolute;
		top:82%;
		left:1%;
		width: 83.6875%;
		padding: 10px;
		border: 0;
		font-family:'Avenir LT W01_85 Heavy1475544';
		font-size: 1em;
		color: #fff;
	}
	.slider-container .transparent-navbar .title{
		float: left;
		width: auto;
		text-align: left;
		transition: all 0.3s ease-in-out;
	}
	.slider-container .transparent-navbar .arrows{
		display: none;
		float: right;
		width: auto;
		height: 15px;
		max-width: 68px;
		width: auto;
	}
	.slider-container .transparent-navbar .arrows .left-arrow{
		position: relative;
		float: left;
		padding-right: 5px;
	}
	.slider-container .transparent-navbar .arrows .right-arrow{
		position: relative;
		float: right;
		padding-left: 5px;
	}
	.slider-container.views .transparent-navbar {
		width: 95%;
		left: 1%
	}
	.slider-container .credit-bar{
		color: #fff;
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
		padding: 10px;
		font-size: 11px;
	}
.bx-wrapper{
	margin: 0 auto 0;
}
.bx-wrapper .bx-pager{
	display: none;
	position: absolute;
	width: 100%;
	top:100%;
	right: 0;
	background: rgba(0,0,0,0.5);
	padding-top: 4px;
}
	
	.bx-wrapper .bx-controls-direction{
		display: none;
	}
	div.slider-container .bx-wrapper .bx-controls-direction{
		display: block;
	}
	
	.bx-wrapper .bx-controls-direction a { width: 50px; height: 50px; margin-top: -25px; background-color: transparent; border-radius: 0; background-image: url(/img/assets/thumbnail-arrow-next.png); background-position: 0 0 !important; opacity: 0.3}
	.bx-wrapper .bx-controls-direction a.bx-prev { background-image: url(/img/assets/thumbnail-arrow-prev.png);  }

	.bx-wrapper .bx-pager.bx-default-pager a{
		background-color: transparent;
		height: 10px;
		width: 10px;
		padding: 3px;
		border: 2px solid #fff; 
		border-radius: 0;
	}
	.bx-wrapper .bx-pager.bx-default-pager a.active{
		background-color : #fcee22;
		background-clip: content-box;
		background-origin: content-box;
		border: 2px solid #fcee22; 
	}
	.bx-wrapper .bx-pager.bx-default-pager a:hover{
		background-color: #fcee22;	
	}

	.bx-wrapper .bx-viewport .bx-clone{
		visibility: visible;	
	}
	
	
.slider-thumbnails-container{
	position: relative;
	max-width: 100%;
	width: auto;
	margin: 0 auto;
	height: 80px;
	overflow: hidden;
}
	.slider-thumbnails-container .slick-next-arrow{
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		cursor: pointer;
	} 
	.slider-thumbnails-container .slick-prev-arrow{
		display: none;
		position: absolute;
		left: 20px;
		top:50%;
		transform: translateY(-50%);
		cursor: pointer;
		
	}
	

@media screen and (min-width: 768px){
	.slider-container .transparent-navbar{
		display: block;
		border: 3px solid #fcee22;
		top:87%;
		left:8%;
		width: 35.6875%;
		padding: 18px 18px 55px 18px;
		font-size: 1.125em;
	}
	.slider-container.views .transparent-navbar {
		width: 58.6875%;
	}
	.slider-container .transparent-navbar .arrows{
		display: block;
	}
	.slider-container .carousel-logo{
		display: block;
	}
	.bx-wrapper .bx-pager{
		display: block;
		position: absolute;
		width: auto;
		top:92%;
		right: 15%;
		background: transparent;
	}
	.slider-container.views .bx-wrapper .bx-pager{
		right: 10%;
	}
}
@media screen and (min-width: 990px){
	
}
@media screen and (min-width: 1024px){
	.slider-container .transparent-navbar{
		top:92%;
	}
	.slider-container.views .transparent-navbar {
		width: 51.6875%;
		left: 8%
	}
	.bx-wrapper .bx-pager{
		top:94%;
	}
	.slider-container.views .bx-wrapper .bx-pager{
		right: 15%;
	}
}

/***********************
	footer
*************************/

.footer {
	background-color: #ebebeb;
	color: #000;
}
	.footer a{
		color: #000;
	}
footer{
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #fff;
	color: #000;
	font-size: 1em;
	padding: 0 0px 5.906% 0px;
	margin-top: 0;
	z-index: -1;
}
	footer h1{
		line-height: 1.1;	
	}
	footer .banner{
		position: relative;
		padding: 0 0 0 0;
		max-height: 600px;
		min-height: 600px;
		height: 600px;
	}
	footer #gmap{
		position:  relative;
		width: 100%;
		height: 600px;
		max-height: 600px;
		top: 0;
		left: 0;
		
	}
	footer .presentation-center{
		background-color: #fcee22;
		background-image: none;
		background-repeat: no-repeat;
		background-size: auto auto;
		background-position: 90% bottom;
		position: absolute;
		top:0;
		/*-webkit-transform: translateY(-50%);
		transform: translateY(-50%);*/
		padding: 25px 35px;
		max-height: 400px;
		height: 400px;
		width: 100%;
		text-align: center;
	}
footer .presentation-center .contact-info{

position: relative;
  top: 50%;
  transform: translateY(-50%);
}

	footer .presentation-center .address{
		padding: 20px 0 20px 0;
	}
	footer .presentation-center .hour{
		padding: 20px 0 20px 0;		
		font-size: 1em;
	}
	footer .presentation-center .hour strong{
		font-family:'Avenir LT W01_65 Medium1475532';
	}
	footer .presentation-center .contact{
		padding: 20px 0 20px 0;		
		font-size: 1em;
	}
	footer h3{
		font-family:'Avenir LT W01_85 Heavy1475544';
		font-size: 1.00em;
		font-weight: 500;
	}
	footer .presentation-center .btn{
		letter-spacing: 0px;
		margin-right: 12px;
		margin-top: 12px;
	}	
	
footer .footer-end{
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 0.875em;
	color: #959595;
	text-align: left;
	padding: 0 25px;
}
	footer .footer-end .wrapper{
		text-align: center;
		font-weight: 700;
	}
	footer .footer-end  .pure-g > div{
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		padding: 20px 0 0 0;
	}
	footer .footer-end h4{
		font-family: 'Roboto', sans-serif;
		font-size: 1em;
		font-weight: 700;
		color: #000;
		padding: 0 0 20px 0;
	}
	footer .footer-end header h4{
		padding: 20px 0 15px 0;	
	}
	footer .footer-end header h4.no-padding-top{
		padding: 0 0 15px 0;	
	}
	footer .footer-end a{
		color: #959595;
		font-family: 'Roboto', sans-serif;
		
	}
	footer .footer-end .black{
		color: #000;	
	}
	footer .footer-end .logo{
		padding: 0 0 20px 0;
		text-align: center;
	}
	footer .footer-end .social-media{
		list-style: none;
		font-size: 12px;
	}
	footer .footer-end .social-media li{
		/*display: inline-block;*/
		height: 21px;
		vertical-align: middle;
		padding: 3px 0;
	}
	footer .footer-end .social-media li img{
		vertical-align: middle;
	}
	footer .footer-end .copyright{
		padding-left: 0px;
		padding-top: 45px;
		display: inline-block;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 0.857em;
		text-align: left;		
	}
/**####**/
@media screen and (min-width: 768px){
	footer{
		padding: 0 0 3.906% 0;
	}
	footer .presentation-center{
		background-image: url(/img/presentation-center-background.png);
		padding: 70px 50px;
		text-align: left;
	}
	footer .footer-end .logo{
		text-align: left;
	}
	footer .footer-end .wrapper{
		text-align: left;
	}
	
}
@media screen and (min-width: 990px){
	footer .presentation-center .hour{
		font-size: 1.125em;
	}
	footer .presentation-center .contact{
		padding: 20px 0 20px 0;		
		font-size: 1.125em;
	}
	footer h3{
		font-size: 1.125em;
	}
}
@media screen and (min-width: 1024px){
	footer{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 0 0px 3.06% 0px;
		margin-top: 0;
	}
	
	footer #gmap{
		position:  absolute;
	}
	footer .footer-end {
		padding:  0 70px;
	}
	footer .presentation-center{
		height:600px;
		min-height: 600px;
	}
}
@media screen and (min-width: 1100px){
	footer .presentation-center{
		padding: 70px 70px;
		height:600px;
		min-height: 600px;
	}
}
@media screen and (min-width: 1224px){
	footer .top-side{
		float: left;
		font-size: 1em;
	}
	footer .bottom-side{
		float: left;
		font-size: 1em;
	}
	footer .footer-menu .horizontal-list li{
		padding: 0 4.5% 0 4.5%;
	}
	footer .bottom-side .footer-menu .horizontal-list li{
		max-width: 22%;
	}
}

/************************
	Form
*************************/

#registration{
	max-width: 753px;
	text-align: center;
	margin: 0 auto;
	padding-top: 50px;
	font-family:'Avenir LT W01_65 Medium1475532';
	transition: all 0.3s linear;
}
	#registration .error{
		border-color: #D8000C;	
	}
input[type=text], input[type=email]{
	padding: 15px 15px;
	margin: 10px 0;
	box-sizing: border-box;
	border: 3px solid #fcee22;
	outline: 0;
	font-family:'Avenir LT W01_85 Heavy1475544';
	font-size:0.875em;
	text-align: center;
	max-width: 85%;
	width: 85%;
	color: #000;
	letter-spacing: 2px;
}
input[type=checkbox]{
	visibility: hidden;
	text-indent: -99999px;
}

	input::-webkit-input-placeholder {
   		color: #959595;
		letter-spacing: 2px;
		font-family:'Avenir LT W01_65 Medium1475532';
	}

	input:-moz-placeholder { /* Firefox 18- */
	   color: #959595;  
		letter-spacing: 0px;
	}

	input::-moz-placeholder {  /* Firefox 19+ */
	   color: #959595;  
		letter-spacing: 0px;
	}

	input:-ms-input-placeholder {  
	   color: #959595; 
		letter-spacing: 0px;
	}

	.checkbox-container{
		display: block;
		padding: 10px;
		position: relative;
		width: 80%;
		margin: 5px auto;
	}
	.checkbox-container .input{
		display: none;
	}
	.checkbox-container .checkbox{
		position: absolute;
		left: 0;
		top: 0;
		width: 20px;
		height: 20px;
		display: inline-block;
	}
	.checkbox-container label{
		cursor: pointer;
		position: absolute;
		width: 19px;
		height: 19px;
		border: 3px solid #fcee22;
		top: 15%;
		left: 0;
		background: none;
	}
	.checkbox-container input[type="checkbox"]:checked + label{
		background: url(/img/assets/checkmark.svg) no-repeat center;
		background-size: contain;
	}
	.checkbox-container .text{
		width: auto;
		word-wrap: nowrap;
		text-align: left;
		font-size: 0.870em;
		margin-left: 25px;
	}
	.hidden-input{
		display: none;
		width: 100%;
		position: relative;
    	top: -12px;
	}
	.submit{
		margin-top: 20px;
	}
	.submit:hover{
		background: #fcee22;
		color: #000;
		transition: all 0.3s linear;
	}

.thank-you{
	display: none;
}

@media screen and (min-width: 768px){
	input[type=text], input[type=email]{
		font-size:1em;
	}
}

/***********************
	Modal Window
***********************/
.modal-wrapper{
	display: none;
	padding:20px;
	
}
	.modal-wrapper .modal-header{
		padding-bottom: 20px;
	}
	.modal-wrapper .modal-body{
		padding-bottom: 20px;	
	}
	.modal-wrapper .modal-button{
		display: none;
	}
	.modal-wrapper .modal-button .btn{
		padding: 20px;
		background-color: #16175f;
		color: #fff;
		font-size: 0.870em
	}
/************************
	Individual Pages
*************************/
#home .banner.top-section .heading{
	border: 0;
	background: transparent;
	margin: 0 auto;
}
	#home .headlines{
		padding: 25px 0 0 0;
	}
	#home .banner .home-video-overlay{
		display: block;
		position: absolute;
		top:0;
		left:0;
		right: 0;
		width: 100%;
		height: auto;
	}
	#home .banner .home-video-overlay > img{
		height: 100%;
		width: 100%;
	}
	#home .banner .home-video-overlay .heading{
		position: absolute;
		left: 0;
		right: 0;
		top: 21.8055%;
		transform: translateY(0);
		width: 100%;
	}
	#home .banner .home-video-overlay .heading img{
		cursor: pointer;
		max-width: 25%;
	}
	#home .banner .iframe-container{
		display: none;
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#home .banner .iframe-container iframe{
		height: 100%;
		width: 100%;
	}
	#home .home-coming-soon{
		background-image: url(/img/home-coming-soon.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto 100%;
		max-height: 672px;
	}
	#home .interior-slider, #home .views-slider{
		width: 100%;
		position: relative;
	}
	#home .interior-slider li, #home .views-slider li{
		/*position: absolute;*/
	}
	#home .space-below{
		padding: 0 0 10px 0;
	}
	#home .fliphtml.banner.small{
		padding-top: 50px;	
	}
#neighbourhood{
	
}
	#neighbourhood .top-section{
		background-image: url(/img/neighbourhood-banner.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	#neighbourhood .banner.top-section .heading{
		background-color: rgba(0,0,0,0.75);
		width: 100%;
		padding: 20px 10px
	}
	header.headline h1{
		padding: 0 0 0 0;
	}
	#neighbourhood .neighbourhood-slider img{
		max-width: 100%;
		width: 100%;
	}
	#neighbourhood .thumbnail-container{
		display: none;
		position: relative;
	}
	#neighbourhood .thumbnail-container li{
		position: relative;
		float: left;
		max-width: 256px;
		box-sizing: border-box;
		display: inline-block;
		cursor: pointer;
	}
	#neighbourhood .thumbnail-container .thumbnail-slider img{
		-webkit-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	#neighbourhood .thumbnail-container li .mask{
		display: none;
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(242,236,52, 0.5);
		z-index: 1;
	}
	#neighbourhood .thumbnail-container li.active .mask{
		display: block;
	}
	#neighbourhood .thumbnail-container .arrow-container{
		position: absolute;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
		height: 50px;
		z-index: 1;
		pointer-events: none;
		opacity: 0.3;
	}
	#neighbourhood .thumbnail-container .arrow-container .next-arrow{
		position: absolute;
		right: 20px;
		pointer-events: all;
		cursor: pointer;
	}
	#neighbourhood .thumbnail-container .arrow-container .prev-arrow{
		position: absolute;
		left: 20px;
		pointer-events: all;
		cursor: pointer;
	}
	#neighbourhood .thumbnail-container .thumbnail-slider{
		transition: left 0.4s ease-in-out !important;	
	}
	#neighbourhood .fliphtml.banner.small{
		padding-top: 50px;	
	}

#builder{
	
}
	#builder .top-section{
		background-image: url(/img/builder-banner.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	#builder .banner.top-section .heading{
		position: relative;
		background: transparent;
		top: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		max-width: 85%;
	}
	#builder .banner.top-section .heading-container{
		position: absolute;
		top: 40%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#builder .banner.top-section .sub-logo{
		position: absolute;
		top: 75%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
		left: 50%;
		margin: 0 auto;
		max-width: 30%;
	}
	#builder .our-story-container{
		position: relative;
		
	}
	#builder .our-story-container.banner.big{
		padding-bottom: 2.5761%	
	}
	#builder .our-story-container .center-to-right{
		float:none;
		width: 100%;
		height: 100vw;
		display: block;
		background-image: url(/img/builder-1.jpg);
    	background-repeat: no-repeat;
		background-size: cover;
	}
	#builder .our-story-container .center-to-left{
		height: 100%;
		display: none;
	}
	#builder .our-story-container .overlay-div{
		position: relative;
		background: #fcee22;
		color: #000;
		text-align: center;
		font-family:'Avenir LT W01_85 Heavy1475544';
		font-size: 0.875em;
		text-align: center;
		padding: 20px;
	}
#building{
	
}
#building .top-section{
	background-color: #fcee22;
	background-image: url(/img/building-banner-background.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 70%;
	margin-bottom: -18%;
}
#building .top-section .emphasize{
	font-family:'Avenir LT W01_35 Light1475496';
	padding: 14px 0 20px 0;
}
	#building .banner.small.top-section{
		    padding: 0 0 162.5761% 0;	
	}
	#building .banner.top-section .heading{
		border: 0;
		background: transparent;
		color: #000;
		max-width: 1200px;
	}
	#building .move-img{
		background-image: url(/img/building-2.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 75%;
		position: relative;
		margin: 0 auto;
		z-index: 1;
		padding-bottom: 100px;
	}
	#building .split h2{
		font-size:  1.900em;
		line-height: 1.65;
	}
	#building .split .left{
		padding-top: 25px;
		padding-right: 0;	
	}
	#building .split .right{
		padding-top: 25px;
		padding-left: 0;	
	}
	#building .split .left p, #building .split .right p{
		line-height: 1.6;	
	}

#suites h1{
	/*line-height: 1.5;
	font-size: 1.7em;*/
}
	#suites .top-section{
		background-image: url(/img/suites-banner.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	#suites .banner.top-section .heading{
		background-color: rgba(0,0,0,0.65);
		border: 5px solid #fcee22;
		top: 55%;
		max-width: 1080px;
		width: 90%;
	}
	#suites .banner.top-section .heading .vector-image{
		position: absolute;
		top:100%;
		right:15%;
		z-index: 111;
	}
	#suites .main-headline h3.light{
		font-family:'Avenir LT W01_65 Medium1475532';
		letter-spacing: 3px;
		padding: 15px 0 15px 0;	
	}
#suites-list .top-section{
		background-image: url(/img/kitchen.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	#suites-list .banner.top-section .heading{
		background: transparent;
		border: 0;
	}
	#suites-list .banner.top-section .heading .vector-image{
		position: absolute;
		top:100%;
		right:15%;
		z-index: 111;
	}
	#suites-list .suites-lineup > div{
		padding: 50px 0 0 0;
	}
	#suites-list .suites-lineup > div:nth-child(odd){
		padding-right: 0;
	}
	#suites-list .suites-lineup > div:nth-child(even){
		padding-left: 0;
	}
	#suites-list h2.alternative{
		max-width: 100%;
		line-height: 1;
	}
	#suites-list .border{
		padding: 20px 15px;		
	}
	#suites-list .list{
		padding: 20px 0 0 0;	
}	 
	#suites-list .list li{
		display: block;
		text-align: left;
		font-size: 1.100em;
		font-family:'Avenir LT W01_65 Medium1475532';
		width: 100%;
	}
	#suites-list .list li a{
		display: inline-block;
		width: 100%;
	}
	#suites-list .list small{
		font-size: 0.6em;	
	}
	#suites-list .list li a > div{
		display: inline-block;
		box-sizing: border-box;
		float:left;
		border-bottom: 1px solid #ececec;
		padding: 30px 0 25px 0;
	}
	#suites-list .list li .floor{
		width:49%;
		font-family:'Didot W01 Roman';
	}
	#suites-list .list li .view{
		width:25%;
		
	}
	#suites-list .list li .area{
		width:25%;
		text-align: right;
	}
#floorplans{
	
}
	#floorplans .banner.top-section .heading{
		width: 100%;
		
	}
	#floorplans .floorplan-container{
		padding: 0;
	}
	#floorplans .floorplan-container .info{
		background: #fcee22;
		color: #000;
		padding: 100px 20px 50px 20px;
		text-align: left;
	}
	#floorplans .floorplan-container .info img{
		max-width: 100%;
		width: 100%;
	}
	#floorplans .floorplan-container .info h1, #floorplans .floorplan-container .info h3, #floorplans .floorplan-container .info > div{
		padding: 10px;
		line-height: 1;
	}
	#floorplans .floorplan-container .info > div{
		margin: 10px 0;	
		text-align: center;
	}
	#floorplans .floorplan-container .info .border{
		border: 3px solid #FFF;
		line-height: 1;
		padding: 12px 10px;
		text-align: center;
		font-family:'Avenir LT W01_85 Heavy1475544';
		font-size: 0.875em;
	}
	#floorplans .floorplan-container .info .border small{
		font-size: 0.875em;	
	}
	#floorplans .floorplan-container .info .border > span:first-child{
		text-align: left;
		float: left;
	}
	#floorplans .floorplan-container .info .border > span:last-child{
		text-align: right;
		float: right;
	}
	#floorplans .floorplan-container .info .keyplates ul{
		list-style: none;
		padding-bottom: 20px;
		padding-top: 50px;
	}
	#floorplans .floorplan-container .info .keyplates li{
		padding: 10px 0 25px 0;
		text-align: center;
	}
	#floorplans .floorplan-container .info .keyplates a{
		display: block;
	}
	#floorplans .tools ul{
		list-style: none;
		width: auto;
		float: none;
	}
	#floorplans .tools ul li{
		width: auto;
		display: inline-block;
		padding: 0 12.5px;
	}
	#floorplans .floor-container{
		position: relative;
		padding-bottom: 70px;
	}
	#floorplans .floor-container .tools{
		padding: 40px 0 30px 0;		
	}
	#floorplans .floor-container .floor{
		padding: 0 20px 20px 20px;
		position: relative;
	}
	#floorplans .floor-container .floor img{
		max-width: 95%;	
	}
	#floorplans .floor-container .prev-arrow{
		display: none;
		cursor: pointer;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 10px;
	}
	#floorplans .floor-container .next-arrow{
		display: none;
		cursor: pointer;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0px;
	}
	#floorplans .floor-container .no-furniture{
		position: relative;
		margin: 0 auto;
		height: 100%;
		width: 100%;
	}
	#floorplans .floor-container .has-furniture{
		position: relative;
		margin: 0 auto;
		height: 100%;
		width:  100%;
		display: none;
	}
	#floorplans .floor-container .furniture-checkbox-container{
/*		position: absolute;*/
/*		bottom: -10px;*/
/*		right: 50px;*/
		font-family:'Avenir LT W01_85 Heavy1475544';
		font-weight: 700;
	}
	#floorplans .btn.white{
		box-sizing: border-box;
		height: 45px;
		width: 115px;
		font-family:'Avenir LT W01_95 Black1475556';
		font-size: 0.875em;
		letter-spacing: 3px;
		padding: 17px 25px 12px 35px;
		border: 0;
		background-color: #fff;
		background-image: url(/img/assets/background-right-arrow.png);
		background-repeat:no-repeat;
		background-position: 12px center;
		margin: 0 auto;
	}
	#floorplans .view-image img{
		max-width: 100%;
	}
	#floorplans .view-title{
		padding: 20px 0 0 0;
		font-size: 0.875em;
		font-family:'Avenir LT W01_85 Heavy1475544'; 
		text-transform: uppercase;
		text-align: left;
	}


#amenities{
	
}
	#amenities .top-section{
		background-image: url(/img/games-room.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	#amenities .banner.top-section .heading{
		background: transparent;
	}
	#amenities .buttons-list .button{
		font-family:'Didot W01 Roman';
		font-size: 1.5em;
		box-sizing: border-box;
		width:100%;
		padding: 20px 0 15px 0;
		white-space: nowrap;
	}
	#amenities .buttons-list .button.border{
		border: 4px solid #feec22;	
	}
	#amenities .buttons-list > div{
		padding: 25px 5.2688%;
	}
	#amenities .buttons-list > div:first-child{
		/*padding-left: 15.7894%;
		max-width: 100%;*/
	}
	#amenities .buttons-list > div:last-child{
		/*padding-right: 15.7894%;
		max-width: 100%;*/
	}
	 area{
		cursor: default;
	}
	area.has-image{
		cursor: pointer;
	}
	#amenities .floor-container{
		position: relative;
	}
	#amenities .floor-container .floor-info{
		display: none;
		/*background: #fcee22;*/
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		height: auto;
		width: 100%;
		z-index: 2;
	}
	#amenities .floor-container .floor-info img{
		max-width: 100%;
		width: 100%;
		height: 100%;
		/*padding: 5%;*/
	}
	#amenities .floor-container .floor-info .floor-info-title{
		position: absolute;
		left: 3.46875%;
		bottom: 2.1043%;
		font-size: 0.675em;
		font-family: 'Avenir LT W01_85 Heavy1475544';
		color: #fff;
	}
	#amenities .floor-container .floor-info .floor-info-close{
		display: none;
		position: absolute;
		width: 32px;
		right: 7px;
		top: 5px;
		font-size: 13px;
		cursor: pointer;
	}
	#amenities .amenity-list{
		text-align: left;
		padding: 0 25px 0 0;
	}
	#amenities .amenity-list .number{
		font-family:'Avenir LT W01_65 Medium1475532';
		font-size: 1em;
		border: 3px solid #ebebeb;
		background: #ebebeb;
		padding: 0px 5px;
		margin-right: 15px;
		text-transform: uppercase;
	}
	#amenities .amenity-list .number.yellow-border{
		border: 3px solid #feec22;
		background: #feec22;
	}
	#amenities .amenity-list .value{
		/*font-family:'Didot W01 Roman';*/
		font-size: 1.250em;	
	}
	#amenities .amenity-list .list{
		padding: 0 25px;	
	}
	#amenities .amenity-list .list li{		
		padding: 5px;
		margin: 5px 0;		
	}
	#amenities .amenity-list .list li.has-image{
		cursor: pointer;
	}
#privacy{
	
}
	#privacy p{
		font-weight: 300;
    	padding: 15px 10px;
    	text-align: left;
	}
	#privacy .main-header {
    	padding: 35px 0 5px;
	}

@media screen and (min-width:768px){
	#suites h1{
		/*font-size: 3em;*/
	}
	#suites-list .suites-lineup > div:nth-child(odd){
		padding-right: 25px;
	}
	#suites-list .suites-lineup > div:nth-child(even){
		padding-left: 25px;
	}
	#builder .our-story-container.banner.big{
		padding-bottom: 82.5761%;
	}	
	#builder .our-story-container .center-to-right{
		position: absolute;
		float:right;
		right: 0;
		width: 62.5%;
		height: 100%;
		display: inline-block;
	}
	#builder .our-story-container .center-to-left{
		position: absolute;
		float: left;
		left: 0;
		height: 100%;
		width: 34.5%;
		display: inline-block;
		background-image: url(/img/builder-2.png);
		background-repeat: no-repeat;
		background-position: 40% bottom;
	}
	#builder .our-story-container .overlay-div{
		position: absolute;
		font-size: 1.125em;
		text-align: right;
		top: 20%;
		padding: 50px 40px 50px 80px;
		max-width: 525px;
	}
	#building .banner.small.top-section{
		    padding: 80px 0 56.5761% 0;	
	}
	#building .top-section{
		margin-bottom: -4%;
		background-size: initial;
	}
	#building .move-img{
		padding-bottom: 160px;
		background-size: initial;
	}
	#building .split .left{
		padding-top: 0;
		padding-right: 50px;	
	}
	#building .split .right{
		padding-top: 0;
		padding-left: 50px;	
	}
	#amenities .buttons-list .button{
		font-size: 1.7em;
		padding-left: 20px;
		padding-right: 20px;
	}
	#amenities .buttons-list > div{
		padding: 0px 4.2688%;
	}
	#amenities .buttons-list > div:first-child{
		/*padding-left: 0;
		max-width: 28.0674%;*/
	}
	#amenities .buttons-list > div:last-child{
		/*padding-right: 0;
		max-width: 28.0674%;*/
	}
	#amenities .floor-container .floor-info .floor-info-close{
		display: block;
	}
	#neighbourhood .thumbnail-container{
		display: block;
		padding: 0;
		margin: 0;
	}
	#floorplans .tools ul{
		float: right;
	}
	#floorplans .floor-container .prev-arrow{
		display: block;
	}
	#floorplans .floor-container .next-arrow{
		display: block;
	}
	
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 768px) {  
   /* IE10+ specific styles go here */  
	#building .top-section{
		background-size: inherit;
	}
	#building .move-img{
		background-size: 30%;
	}
}
@media screen and (min-width: 990px){
	#builder .banner.top-section .heading{
		max-width: 835px;
	}
	#builder .our-story-container.banner.big{
		padding-bottom: 62.5%;
	}	
	#building .top-section{
		margin-bottom: -8%;
	}
	#building .split h2{
		font-size:  2.250em
	}
	#building .split .left{
		padding-right: 69px;	
	}
	#building .split .right{
		padding-left: 75px;	
	}
	#amenities .amenity-list .number{
		font-size: 1.125em;
	}
	#amenities .amenity-list .value{
		font-size: 1.500em;	
	}
	#amenities .amenity-list{
		padding: 0 50px 0 50px;
	}
	#amenities .amenity-list .list{
		padding: 0px 50px;	
	}
	#suites .banner.top-section .heading{
		border: 10px solid #fcee22;
	}
	#suites-list .suites-lineup > div{
		padding: 100px 0 0 0;
	}
	#suites-list .list li{
		font-size: 1.500em;
	}
	#floorplans .floorplan-container .info{
		padding: 150px 50px 50px 70px;
	}
	#floorplans .floor-container{
		
	}
	#floorplans .floor-container .tools{
		padding: 80px 0 30px 0;		
	}
	#floorplans .floor-container .floor{
		padding: 0 50px 0px 70px;
	}
	#neighbourhood .banner.top-section .heading{
		padding: 50px 10px;
		white-space: nowrap;
	}
}
@media screen and (min-width: 1024px){
	#amenities .buttons-list .button{
		font-size: 2.125em;
		padding-left: 20px;
		padding-right: 30px;
	}
	#amenities .floor-container .floor-info .floor-info-title{
		font-size: 0.875em;
		bottom: 3.1043%;
	}
	#amenities .floor-container .floor-info .floor-info-close{
		right: 20px;
		top:20px;
		height: 32px;
	}
	#building .banner.small.top-section{
		 padding: 80px 0 46.5761% 0;	
	}
	#suites-list .suites-lineup > div:nth-child(odd){
		padding-right: 67px;
	}
	#suites-list .suites-lineup > div:nth-child(even){
		padding-left: 67px;
	}
}

@media screen and (min-width:1220px){
	
}
@media screen and (min-width: 1281px){
	#builder .banner.top-section .heading{
		max-width: 1080px;
	}
}


/***********************************
	Home flip animation
***********************************/
/* entire container, keeps perspective */
.flip-container {
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-ms-perspective: 1000px;
	/*-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
	-ms-transform-style: preserve-3d;
	width: 100%;
	height: 100%;
}
	/* flip the pane when hovered */
	.flip-container.hover .flipper {
		-webkit-transform:rotateY(180deg);
		transform:rotateY(180deg);
	}
	.flip-container, .front, .back {
		width: 100%;
		height: 100%;
		display: inline-block;
	}
	.flip-container h2{
		font-size: 1.2em;
	}

/* flip speed goes here */
.flipper {
	-ms-transition: 0.6s;
	-webkit-transition: 0.6s;
	transition: 0.6s;
	-ms-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	position: relative;
	width:100%;
	height: 100%;
	display: inline-block;
}

/* hide back of pane during swap */
.front, .back{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);

	/*background-image: url(/img/home-banner-1.jpg);*/
	background-clip: content-box;
}

/* back, initially hidden pane */
.back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	
	/*background-image: url(/img/home-banner-2.jpg);*/
	background-clip: content-box;
}
/*** Target ie 9, 10, 11 ***/
@media screen and (min-width:0\0) {
	/* entire container, keeps perspective */
	.flip-container {
		perspective: 1000px;
		transform-style: preserve-3d;
	}
	.flip-container.hover .flipper {
		transform: rotateZ(0);
		width:100%;
		height: 100%;
	}
	/*  UPDATED! flip the pane when hovered */
	.flip-container.hover .back {
		transform: rotateY(0deg);
	}
	.flip-container.hover .front {
	    transform: rotateY(180deg);
	}

	.flip-container, .front, .back {
		width:100%;
		height: 100%;
	}

	/* flip speed goes here */
	.flipper {
		transition: 0.6s;
		transform-style: preserve-3d;

		position: relative;
	}

	/* hide back of pane during swap */
	.front, .back {
		backface-visibility: hidden;
		transition: 0.6s;
		transform-style: preserve-3d;

		position: absolute;
		top: 0;
		left: 0;
	}

	/*  UPDATED! front pane, placed above back */
	.front {
		z-index: 2;
		transform: rotateY(0deg);
	}

	/* back, initially hidden pane */
	.back {
		transform: rotateY(-180deg);
	}

}

/*******************
    Helper Classes  
*******************/

.no-padding-side {
    padding-left: 0;
    padding-right: 0;
}

.no-padding-topbottom {
    padding-top: 0;
    padding-bottom: 0;
}
.no-padding-bottom {
    padding-bottom: 0;
}
.no-padding-top {
    padding-top: 0;
}
.no-padding-left{
	padding-left: 0;
}
.no-padding-except-top{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.no-padding {
    padding: 0;
}
.no-padding-except-bottom{
	padding-left: 0;
    padding-right: 0;
	padding-top: 0;
}

.no-margin-side {
    margin-left: 0;
    margin-right: 0;
}

.no-margin-topbottom {
    margin-top: 0;
    margin-bottom: 0;
}

.no-margin-top{
    margin-top: 0;
}

.no-border {
    border: 0;
}

.padding-end {
    padding-bottom: 2%;
}

.divider {
    width: 90%;
    height: 1px;
    background-color: #fff;
    margin: 1% auto;
    padding: 1px 0;
}

.vertical-space {
    padding-top: 10px;
    padding-bottom: 10px;
}
.margin-top{
    margin-top: 1.5em;
}
.horizontal-align {
    margin: 0 auto;
}
.vertical-align{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	right: 0;
	
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.make-relative {
    position: relative;
}

.absolute-center {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.primary-color{
    color: #003967
}
.primary-bg-color {
    background: #003967;
}

.secondary-bg-color {
    background: #16175f;
	color: #fff;
}

.gray-bg-color {
    background: #939597;
}

.font-black {
    color: #000;
}

.font-white {
    color: #fff;
}

.font-gray {
    color: #959595 !important;
}
.font-green{
	color:#8cc44d;
}

.font-bold {
    font-weight: bold;
    font-weight: 700;
}
.float-left{
	float: left;
}
.width-100 {
    width: 100%;
}
img.width-100{
    width: 100%;
    display: block;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}
.border-top{
    border-top: 1px solid #feec22;    
}
.border-right{
    border-right: 1px solid #feec22;    
}
.border-left{
    border-left: 1px solid #feec22;    
}
.border-bottom{
    border-bottom: 1px solid #feec22;    
}
.seperator{
    width: 100%;
    height: 2px;
    color: #fff;
}
.text-right-to-center{
    text-align: right;
}
.clearfix{
    clear: both;
}
.clearfix:after{
    content: ' ';
    clear: both;
    display: block;
}

.space-top{
    padding-top: 25px;
}
.space-top-x2{
    padding-top: 50px;
}


/**************************
    Media Queris
***************************/

@media screen and (max-width: 359px) {
  section p {
      text-align: center;
    }
}
   
/*end of media query */

@media screen and (min-width: 360px) {
	
}
   
/*end of media */
@media screen and (min-width: 361px) {
   
}
/*end of media */
@media screen and (min-width: 768px){
    
}
/* end of media */

@media screen and (min-width: 769px) {
    
}
/*end of media*/

@media screen and (min-width: 990px) {
    
    
}
/*end of media*/

@media screen and (min-width: 1024px){
	
}
@media screen and (min-width: 1224px){
    
}
/*end of media*/
@media screen and (min-width: 1600px){
   
}
/*end of media*/