@charset "UTF-8";
@import url("//hello.myfonts.net/count/38cd86");
@font-face { font-family: 'TradeGothicLTStd-Extended'; src: url("../../fonts/38CD86_0_0.eot"); src: url("../../fonts/38CD86_0_0.eot?#iefix") format("embedded-opentype"), url("../../fonts/38CD86_0_0.woff2") format("woff2"), url("../../fonts/38CD86_0_0.woff") format("woff"), url("../../fonts/38CD86_0_0.ttf") format("truetype"); }

@font-face { font-family: 'TradeGothicLTStd-BoldExt'; src: url("../../fonts/38CD86_1_0.eot"); src: url("../../fonts/38CD86_1_0.eot?#iefix") format("embedded-opentype"), url("../../fonts/38CD86_1_0.woff2") format("woff2"), url("../../fonts/38CD86_1_0.woff") format("woff"), url("../../fonts/38CD86_1_0.ttf") format("truetype"); }

@font-face { font-family: 'Austin Web'; src: url("../../fonts/Austin-Italic-Web.woff2") format("woff2"), url("../../fonts/Austin-Italic-Web.woff") format("woff"); font-weight: 300; font-style: italic; font-stretch: normal; }

@font-face { font-family: 'Austin Web'; src: url("../../fonts/Austin-Roman-Web.woff2") format("woff2"), url("../../fonts/Austin-Roman-Web.woff") format("woff"); font-weight: 300; font-style: normal; font-stretch: normal; }

@keyframes fadein { from { opacity: 0; }
  to { opacity: 1.0; } }

@keyframes polyclipopen { 0% { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% -40px, 0% -20px); clip-path: polygon(0% 0%, 100% 0%, 100% -40px, 0% -20px); }
  100% { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }

@keyframes polyclipclosed { 0% { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% + 20px)); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% + 20px)); }
  100% { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% -40px, 0% -20px); clip-path: polygon(0% 0%, 100% 0%, 100% -40px, 0% -20px); } }

/* 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%; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

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

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }

html { width: 100%; height: 100%; }

body { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; margin: 0; padding: 0; height: 100%; background: #231F20; overscroll-behavior: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: none; }

.contact-page body, .post body, .gallery-page body, .availability-page body { background: #fff; }

html.one-page-enabled, .one-page-enabled body { margin: 0; padding: 0; overflow: hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: transparent; }

@media (max-width: 1024px) { html.one-page-enabled, .one-page-enabled body { overflow: initial; } }

main { min-height: 100%; padding-bottom: 176px; box-sizing: border-box; }

@media (max-width: 1024px) { main { padding-bottom: 122px; } }

@media (max-width: 614px) { main { padding-bottom: 154px; } }

/* Transparent autofill */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-text-fill-color: #231F20; -khtml-text-fill-color: #231F20; -moz-text-fill-color: #231F20; -ms-text-fill-color: #231F20; -o-text-fill-color: #231F20; text-fill-color: #231F20; transition: background-color 5000s ease-in-out 0s; }

*:focus { outline: none !important; }

header { position: fixed; top: 0; right: 0; left: 0;  z-index: 1111500;  }

@media (max-width: 1330px) { header { height: 56px;  } }

@media (max-width: 1330px) { .landing-page-page header { background: transparent; } }



header.exiting { -khtml-transform: translateY(-180px); transform: translateY(-180px); }

header .hamburger { position: absolute; top: 15px; left: 30px; display: none; width: 58px; height: 58px; cursor: pointer; z-index: 2; }


section.introduction { position: relative; height: 100vh; overflow: hidden; }

.menu_backer{
	width: 100%;
	height: 80px;
	position: absolute;
	z-index: -1;
	background: white;
    box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.2);
}


.quote { position: absolute; top: 50%; left: 140px; z-index: 113; -khtml-transform: translateY(-50%); transform: translateY(-50%); }

.quote h2 { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 20px; letter-spacing: 0.97px; line-height: 35px; text-transform: uppercase; color: #fff; max-width: 490px; }

 .quote h2 .first { display: inline-block; }

 .quote h2 .first::before { content: ""; display: inline-block; width: 90px; height: 55px; margin-right: 10px; opacity: 0.8; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../../img/start-quote.svg); }

 .quote p { font-family: 'Austin Web'; font-weight: 300; font-style: italic; font-stretch: normal; position: relative; font-size: 26px; letter-spacing: 2.95px; line-height: 29px; color: #fff; padding-top: 30px; padding-left: 30px; max-width: 370px; }

.quote p::before { position: absolute; left: 0; content: "— "; }

 .quote p small { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-style: normal; display: block; padding-top: 10px; font-size: 11px; letter-spacing: 1.13px; line-height: 21px; text-transform: uppercase; color: #fff; }

.quote h2 .last::after { content: ""; display: inline-block; width: 90px; height: 55px; opacity: 0.8; vertical-align: text-top; margin-top: -10px; margin-left: 5px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../../img/end-quote.svg); }


.main_menu{
	position: absolute;
	top: 30px;
	width: 97%;
	left: 50%;
	transform: translate(-50%, 0);
}

.left_side{
	width: 50%;
	float: left;
	
}


.sections{
	position: relative;
}

.mobile_holder{
	position: absolute;
	top: -60px;
}

.ph_more{
	width: 100%;
	margin-bottom: 20px;
}
#mega-menu.open { display: none; }


header nav.small { position: absolute; top: 30px; right: 30px; display: none}

.db1:hover > .m1{
	opacity: 1 !important;
	pointer-events: all !important;
}

.db2:hover > .m2{
	opacity: 1 !important;
	pointer-events: all !important;
}

.db3:hover > .m3{
	opacity: 1 !important;
	pointer-events: all !important;
}

.db4:hover > .m4{
	opacity: 1 !important;
	pointer-events: all !important;
}
.right_side{
	text-align: right;
	width: 50%;
	float: right;
	
}



.inner_menu{
	background:rgba(20, 20, 20, 0.6);
	padding: 10px 15px 5px 15px;
}

.drop_menu{
	position: absolute;
	padding-top: 10px;
	top: 15px;
	left: -15px;
	text-align: left;
	opacity: 0;
	pointer-events: none;
}

.m1{
	width: 190px;
}

.m2{
	width: 285px;
}

.m3{
	width: 195px;
}

.m4{
	width: 145px;
}


.m_btn2{
	letter-spacing: 1px;
	text-decoration: none;
	display: table;
	font-family: 'TradeGothicLTStd-Extended';
	color: #999;
	padding-bottom: 1px;
	font-size: 9.5px;
	border-bottom: 1px solid transparent;
	margin-bottom: 5px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;
}

.m_btn2:hover{
	color: white;
	border-bottom: 1px solid #F4805B;
}
.menu_btn{
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: white;
	margin-right: 2.5%;
	margin-left: 2.5%;
	font-family: 'TradeGothicLTStd-Extended';
	font-size: 11px;
	letter-spacing: 1px;
	border-bottom: 1px solid transparent;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;
	
}

.menu_btn_on{
font-family: 'TradeGothicLTStd-BoldExt';
}


.menu_btn_drop{
	cursor: pointer;
    position: relative;
	display: inline-block;
	text-decoration: none;
	color: white;
	margin-right: 2.5%;
	margin-left: 2.5%;
	font-family: 'TradeGothicLTStd-Extended';
	font-size: 11px;
	letter-spacing: 1px;
	border-bottom: 1px solid transparent;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;
	padding-bottom: 2px;
	
}

.menu_btn:hover, .menu_btn_drop:hover{
	border-bottom: 1px solid #F4805B;
}

.likenoother{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 800px;
	color: white;
	margin-top: 10%;
}

.mobile_logo2{
	display: none;
}

.likenoother2{
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}


.lno_header{
	width: 47%;
	text-transform: uppercase;
	font-size: 26px;
	letter-spacing: 1.5px;
	font-family: 'TradeGothicLTStd-Extended';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.logo_smallerish{
	width: 60px;
	margin-top: -10px;
	
}

.new_texts{
	width: 90%;
	padding-top: 80px;
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	font-size: 19px;
	line-height: 28px;
	letter-spacing: .5px;
	font-family: 'Austin Web';
}

.likenoothertext{
	width: 52%;
	font-size: 19px;
	line-height: 28px;
	letter-spacing: .5px;
	font-family: 'Austin Web';
}

.lno_header2{
	text-transform: uppercase;
	width: 35%;
	font-size: 26px;
	letter-spacing: 1.5px;
	font-family: 'TradeGothicLTStd-Extended';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #221e20
}
.likenoothertext2{
	width: 59%;
	letter-spacing: .5px;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Austin Web';
	color: #221e20
}


.menu_btn_overs{
	color: #221e20 !important;
}

.menu_btn_overs2{
	color: #221e20 !important;
}

.under_content{
	width: 100%;
	background: white;
	padding-top: 80px;
}

.new_block{
	width:90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	padding-bottom: 80px;
	position: relative;

}



.overs{
	position: absolute;
    width: 28px;
    left: 50%;
    transform: translate(-50%, 0);
    top: -18px;
}

.downarrow{
	position: absolute;
	width: 40px;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 30px;
}

.unders{
	margin-left: auto;
	margin-right: auto;
}

.animated_regular{
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;  
    -o-transition:all .3s ease-in-out;
}

#thumb139{
	display: none !important
}

.hiddens{
	opacity: 0;
	pointer-events: none;
}

.hiddens2{
	opacity: 0;
	pointer-events: none;
}

.quotess_slide{
	width: 100%;
	position: relative;
}

.logo_new { position: relative; margin-left: auto;
	margin-right: auto; width: 250px; display: block; margin-top: 35px;
	text-align: center;
}

.slide{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; overflow: hidden; z-index: -1; height: 100vh }

.slide_numbers{
	float: right;
	font-family: 'Austin Web';
	font-size: 11px;
	color: #222;
	margin-top: 10px;
	
}

.innerbtn{
	width: 100%;
}

.amen_line{
	width: 100%;
	height: 1px;
	background: #eee;
	margin-top: 30px;
	margin-bottom: 45px;
}

.gradient{
	z-index: 101;
	height: 100vh;
	position: absolute;
	opacity: .8;
	
}

.gm-svpc, .gm-control-active .gm-fullscreen-control{
	display: none !important;
}

.scaleUp{
	 transform: scale(1.2); /* Equal to scaleX(0.7) scaleY(0.7) */
	-webkit-transition:all 14s;
	-moz-transition:all 14s;  
    -o-transition:all 14s;

}

.gradient img{
	 width: 60%; 
      height: 100%; 
}

#slide1{
	padding-bottom: 80px;
}

.image_block{
    position: relative;

}

.holder{
	width: 100%;
	background: black;
	padding-top: 60px;
	position: relative;
	padding-bottom: 60px;
}

.b_text{
	font-family: 'Austin Web'; 
	color: white;
	position: absolute;
	transform: translate(0, -50%);
	top: 50%;
	left: 7%;
	width: 50%;
	max-width: 400px;
	font-weight: 300; 
	font-style: normal; font-stretch: normal; font-size: 16px; letter-spacing: 0.85px; line-height: 26px;
}

.b_header{
	font-family: 'TradeGothicLTStd-Extended';
	font-size: 24px;
	margin-bottom: 30px;
	color: #f27f60;

}

.b_img{
	width: 90%;
	
	margin-left: auto;
	margin-right: auto;
	
}

.slide3{
	width: 100%;
}

.slide3 .inside_img::after{
	display: block;
	content: '';
	padding-bottom: 65%;
}

.slide2{
	width: 100%;
	overflow: hidden;
	height: 60vh;
}

.image_block img{
	
}

.arrow{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 40px;
	cursor: pointer;
}

.nopointer{
	pointer-events: none;
}
.downs{
	background:rgba(20, 20, 20, 1) !important;
}

.downs2{
	padding-top: 30px !important;
}

.left_arrow{
	left: -60px;
	  transform: rotate(90deg);

}



.right_arrow{
	right: -60px;
	  transform: rotate(-90deg);
}

.mobile, .mobile2{
	display: none;
}

.ups{
	margin-top: -130px;
}

.hero_img{
	height: 100vh;
	width: 100%;
}

.morepadding{
		padding-top: 80px;
	}

.new_holder{
	background: #221e20;
	width: 100%;
	padding-top: 80px;
}

.nav-dots{
	position: fixed;
	transform: translate(0, -50%);
	top: 50%;
	right: 35px;
	z-index: 1100;
	
}

.navdot{
	width: 10px;
	height: 10px;
	display: block;
	border-radius: 50px;
	background: #f9f9f9;
	box-shadow: 0px 0px 2px #444;
	margin-bottom: 20px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;
	cursor: pointer;

	
}

.click-to-zoom.mobile2 { position: static; display: none; padding-top: 40px; }

.hide_this{
	display: none !important;
}

.navdot:hover{
	background: #f27f60;
}

.dotactive{
	background: #f27f60 !important;
}

.altpadding{
	padding-top: 0 !important;
}

.tanx{
	position: absolute;
    top: 50%;
    width: 90%;
    left: 50%;
    text-align: center !important;
    transform: translate(-50%, -50%);
	}

section.contact .form-wrap { max-width: 620px; margin: 0 auto; padding-bottom: 160px; position: relative; min-height: 35vh !important; }

.overlayer_main{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	background: black;
	opacity: .5;
	display: none;
}


.fp_wrappers{
	display: flex;
	margin-top: 60px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	flex-wrap: wrap;
	justify-content: space-between;
}

.av_img_new{
	width: 45%;
}

.dividers{
	width: 1px;
	background: #F2ECE4;
	padding-bottom: 25%;
}
.vt_btn svg{
	width: 28px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}




.main_title{
	width: 100%;
    font-size: 28px;
    text-align: center;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-top: 70px;
}



.fp_btn svg{
	width: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.fp_btn{
	margin-right: 10px;
}
.btnzz{
	    display: inline-block;
	    font-family: 'TradeGothicLTStd-Extended';
		font-size: 14px;
	    line-height: 12px;
		color: #f27f60;
	    letter-spacing: 2.5px;
	    text-transform: uppercase;
	    text-decoration: none;
		padding: 10px 25px;
		border: 1px solid #f27f60;
		position: relative;
	    box-sizing: border-box;

		cursor: pointer;
	    -webkit-transition:all .2s ease-in-out;
	    -moz-transition:all .2s ease-in-out;  
        -o-transition:all .2s ease-in-out;
}

.btnzz:hover{
	background: #f27f60;
	color: white;
}

.fp_arrow1{enable-background:new    ;}
.fp_arrow2{fill:#F27F60; -webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;}
.vt1{enable-background:new    ;}
.vt2{fill:#F27F60; -webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;}

.fp_btn:hover > svg .fp_arrow2{
	fill:white;
}


.vt_btn:hover > svg .vt2{
	fill:white;
}

.av_info_new{
	width: 41%;
	position: relative;
	 padding: 20px 0px;

    box-sizing: border-box;
}

.av_btns{
	position: absolute;
	bottom: 20px;
	width: 100%;
	
}
.av_title{
font-family: 'TradeGothicLTStd-Extended';
font-size: 12px;
text-transform: uppercase;
line-height: 20px;
	letter-spacing: 3.5px;
color: #222;
}

.av_title strong{
	display: block;
    font-size: 18px;
	line-height: 26px;
	margin-bottom: 30px;
	font-family: 'TradeGothicLTStd-BoldExt';
	font-weight: normal;
}

.av_block{
	width: 100%;
	font-family: 'Austin Web';
	font-size: 14px;
	line-height: 22px;
	color: #222;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}
.av_img_new .arrow {
    top: 45%;
    width: 30px;
}

.av_img_new .left_arrow{
	left: -55px;
}

.av_img_new .right_arrow{
	right: -55px;
}
.btnz2{
	    margin-top: 20px;
		font-family: 'TradeGothicLTStd-Extended';
		font-size: 12px;
	    line-height: 12px;
		color: #222;
	    text-transform: uppercase;
	    display: table;
	    text-decoration: none;
		padding: 10px 25px;
		border: 1px solid #f27f60;
		position: relative;
		cursor: pointer;
	 -webkit-transition:all .2s ease-in-out;
	    -moz-transition:all .2s ease-in-out;  
        -o-transition:all .2s ease-in-out;
}

.btnz2:hover{
	background: #f27f60;
	color: white;
}

.fp_gallery{
	padding-top: 5% !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	display: none;
}
.wpcf7-spinner{
	display: none !important;
}
@media screen and (max-width:1530px) {

.btnzz{
	   
		font-size: 13px;
	    letter-spacing: 1.5px;
		padding: 10px 15px;
		
}
}


@media screen and (max-width:1330px) {
	
		.fp_gallery{
	padding-top: 6% !important;
}
	

	
	.nav-dots {
    right: 20px;
}
	
	section.gallery nav { top: 80px; }
.quote { left: 64px; }
.quote h2 .first::before { width: 40px; height: 25px; }
	.quote h2 { font-size: 12px; letter-spacing: 0.58px; line-height: 21px; max-width: 315px; }
	.quote h2 .last::after { width: 40px; height: 25px; margin-top: -7px;}
.quote p { font-size: 18px; letter-spacing: 2.04px; line-height: 29px; padding-top: 30px; padding-left: 18px; }
.quote p small { padding-top: 0; font-size: 8px; letter-spacing: 0.91px; line-height: 12px; max-width: 180px; }

	 .logo_new { 
		width: 180px;
		 
	}
	
	.slide2{
	
	height: 68vh;
}
	
	section.contact .form-wrap {  min-height: 30vh !important; }

	.new_block{
		width: 80%;
	}
	.btnzz {
    font-size: 12px;
		    letter-spacing: 1px;
    padding: 10px;

	}
}
@media screen and (max-width:1025px) {
	
	.av_info_new{
		padding: 0;
	}
	
.av_img_new{
		width: 100%;
		margin-bottom: 40px;
	}
	
	.btnzz{
		width: 100%;
		margin-bottom: 20px;
		font-size: 16px;
		max-width: 320px;
		padding: 10px;
		text-align: center;
		letter-spacing: 1.5px;
	}
	
	.fp_btn{
		margin-top: 40px;
	}
	
	.av_btns{
		position: relative;
		bottom: auto;
	}
	
	.dividers{
		height: 1px;
		    background: #ccc;
padding-bottom: 0;
		width: 100%;
		margin-bottom: 40px;
	}
	.av_info_new{
		width: 100%;
	}
	

	.tanx{
	
    left: 0%;
    text-align: left !important;
    transform: translate(0%, -50%);
		line-height: 26px;
	}
	
		section.contact .form-wrap {  min-height: 23vh !important; }

	
	 .left_arrow{
		  left: -50px;
	  }
	  
	  .right_arrow{
		  right: -50px;
	  }
	
	section.gallery nav{
		
			top: 60px !important;
	}
	
	.b_text{
		width: 40%;
		
	}
	
.slide, .gradient{height: 100vh }
	
	header .hamburger { display: block; } 

	.main_menu{
		display: none;
	}
	
	
	.overs{
		position: relative;
		left: auto;
		top: auto;
		transform: translate(0)
	}
	
	
		.menu_btn, .menu_btn_drop{
	color: #222;
			font-size: 10px;
			margin-left: 1%;
			letter-spacing: .5px;
			margin-right: 1%;
	
}
	
	 .logo_new { 
		
		 display: none;
		 
	}
	
	.hiddens{
		opacity: 1;
	}
	
	
	

	
	.mobile{
	display: inline-block;
}
	
	.m_logo{
		width: 30%;
		min-width: 280px;
	}
	
	.main_menu{
	display: none;
}
	
	.menu_backer{
		height: 60px;
	}
	
	.mobile_logo, .mobile_logo2{
		width: 25px;
		margin-left: 20px;
		margin-top: 7px;
		z-index: 101;
		position: absolute;
	}
	
	.mobile_menu{
		text-align: center;
		display: inline-block;
		margin-left: auto;
		position: relative;
		margin-top: 18px;
		margin-right: auto;
		width: 100%;
		vertical-align: middle;
	}
	
	.inner_scroll{
		max-height: 550px;
		overflow: scroll;

	}
	
	.blocker{
		display: block;
		height: 150px;
	}
	
	.d_btn{
		margin-top: 30px;
		margin-bottom: 30px;
		font-size: 9px;
		display: block;
		color: white;
		text-decoration: none;
	}
	
	.mobile_nav{
		letter-spacing: 1px;
		position: absolute;
		left: 50%;
		top: 100px;
		transform: translate(-50%, 0%);
		width: 90%;
	}
	
	.drop_btn{
		font-family: 'TradeGothicLTStd-Extended';
		font-size: 14px;
		color: white;
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #f27f60;
		position: relative;
		cursor: pointer;

	}
	
	.m_inner_menu{
		max-height: 600px;
		height: auto;
		overflow: hidden;
	}
	
	.hidden_menu{
		max-height: 0 !important;
	}
	
	.rotater{
		  transform: rotate(180deg);

	}
	
	.mm_inn{
		padding-top: 10px;
	}
	
	.m_btn3{
		display: block;
		font-family: 'TradeGothicLTStd-Extended';
		font-size: 11px;
		color: white;
		text-decoration: none;
		margin-top: 15px;
		-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;
		cursor: pointer;
	}
	
	.m_btn3:hover{
		color: #f27f60;
	}
	
	.drop_arrow{
		position: absolute;
		right: 0;
		width: 20px;
		top: 20px;
		
	}
	
	
	
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  section.contact .form-wrap {
    min-height: 23vh !important;
}
	  
	  .zoomed-images .close {
		  top: 110px !important;
		  
	  }
	
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  
	    .tanx{
	
    left: 50%;
    text-align: center !important;
    transform: translate(-50%, -50%);
	}
	  
	  section.contact .form-wrap {
    min-height: 55vh !important;
}
	  
	  .new_texts{
	padding-top: 45px;
	
}
	  
	
	  
	  .under_content{
		  padding-top: 45px;
	  }
	  
	  .morepadding2, .morepadding{
		  padding-top: 45px;
	  }
	  
	  .new_block{
		  padding-bottom: 45px;
	  }
	  
	  section.introduction { height: 100vh;}
	
	.introduction .slide{
		height: 100vh;
	}



	
		
.slide, .gradient{height: 45vh }

		.slide2{
	
	height: 35vh;
}
	  
	  .left_arrow{
		  left: -50px;
	  }
	  
	  .right_arrow{
		  right: -50px;
	  }
	  
	  #slide1{
		padding-bottom: 0
	}
	

}

@media screen and (max-width:768px) {
	
	
	
	.select-selected{
		margin-top: 18px
	}
	
	
	.main_title{
		margin-top: 0;
		margin-bottom: 50px;
	}
	
.fp_gallery {
    padding-top: 110px !important;
}
	
	
	.fp_wrappers{
		margin-top: 0;
	}
	
	section.contact .form-wrap { min-height: 46vh !important; max-width: none; }
	
	  .new_texts{
	padding-top: 40px;
	
}
	
	.likenoother, .likenoother2{
		margin-top: 20px;
		
	}
	
	.new_holder{
		padding-top: 50px;
		padding-bottom: 40px;
	}
	

	
	
	.gradient{
		opacity: 0;
	}
	
	.under_content{
		  padding-top: 40px;
	  }
	
	.new_holder .new_block{
		padding-bottom: 0;
	}
	  
	#slide1{
		padding-bottom: 0
	}
	 
	
	.morepadding2, .morepadding{
		padding-top: 40px;
	}
	
	.new_block{
		width: 79%;
		padding-bottom: 40px;
	}
	
	section.introduction { height: 100vh;}
	
	.introduction .slide{
		height: 100vh;
	}



	
		
.slide, .gradient{height: 45vh }

		.slide2{
	
	height: 35vh;
}
	
	.mobile_menu{
		    margin-left: 20px;
		z-index: 100;

	}
	
	.lno_header, .lno_header2{
		font-size: 22px;
	}
	
	
	
}

@media screen and (max-width:700px) {
	
	.av_block{
		width: 100%;
	}
	
form .half{
	width: 100% !important;
}

form .second{
	width: 50% !important;
}

form .third{
	width: 50% !important;
}
	
			.nav-dots{
display: none;
	
}
	
	.overlayer_main{
	
	display: block;
}
	
	.click-to-zoom.mobile2 { display: block; }

	
		section.introduction::before {
		background-color: rgba(35, 31, 32, 0) !important;
	}

	
	#slideshow2{
		padding-top: 0;
	}
	
	.new_holder{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.holder{
		overflow: hidden;
	}
	
	.b_img{
		width: 120%;
		margin-right: -20px;
	}
	
	.b_text{
		font-size: 14px;
		line-height: 20px;
		width: 50%;
	}
	
	#slide1{
		padding-bottom: 0;
	}
	.unders{
		display: none;
	}
	
	.arrow{
		width: 26px;
	}
	
	.left_arrow{
		left: -40px;
	}
	
	.right_arrow{
		right: -40px;
	}
	
	.inner_quote{
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		text-align: left;
	}
	
	.new_block{
		width: 80%;
	}
	

	
	.quote h2{
		max-width: 600px;
	}
	
.quote h2 { font-size: 16px; line-height: 30px; max-width: 590px; }


 .quote h2 .first::before { width: 70px; height: 35px;  }
	
 .quote h2 .last::after { width: 70px; height: 35px;  }

 .quote p { font-size: 18px; line-height: 22px;  }


 .quote p small { font-size: 8px; letter-spacing: 1.13px; line-height: 16px; margin-top: 10px; }

	
	
	.quote{
		position: relative;
		background: #211f21;
		width: 100%;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 60px;
		left: auto;
		top: auto;
		transform: translate(0);
	}
.desktop{
		display: none;
	}
	
	.lno_header2 br, .lno_header br{
		display: none;
	}
	
.lno_header{
	width: 90%;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.likenoothertext{
	width: 90%;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	
}
	
	.lno_header2{
		width: 100%;
		margin-bottom: 10px;
	
	}
	
	.likenoothertext2{
		width: 100%;
		max-width: 500px;
	
	
	}
	
	.desktop2{
		display: none;
	}
	
	.mobile2{
		display: block;
	}
		.altpadding{
		padding-top: 40px !important;
	}
	.downarrow2 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 30px;
}
	
	
	
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { /* STYLES GO HERE */
	section.introduction { height: 100vh !important;}

	.introduction .slide {
    height: 100vh !important;
}
}

@media screen and (max-width:668px) {
	
	body, html{
		overflow-x: hidden !important;
	}
	.fixeds{
		height: 100vh;
		position: fixed;
		overflow: hidden;
	}
	.launch-pad { position: absolute; top: 56%;  }

	
		section.contact .form-wrap { min-height: 24vh !important; }

	
.slide, .gradient{height: 40vh }

		.slide2{
	
	height: 30vh;
}

	.holder{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	.inner_quote{
		width: 90%;
	}
	
	.new_block{
		width: 85%;
	}
	
	#mega-menu.open { display: block; height: 100vh; }

	
	.b_header{
		font-size: 20px;
		line-height: 28px;
	}
	
	.downarrow2{
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		width: 30px;
	}
	
	.likenoothertext2{
	font-size: 15px;
	line-height: 20px;
}
	

	
	.under_content{
		
		    overflow-x: hidden;

	}
	
	.left_arrow{
		left: -30px;
	}
	
	.right_arrow{
		right: -30px;
	}
	
	.arrow{
		top: 50%;
		width: 24px;
	}
	
	.lno_header2{
		font-size: 18px;
	}
	
	
	
	
	
	.m_logo{
		width: 220px;
		min-width: none;
	}
	
	section.introduction { height: 55vh;}
	
	.introduction .slide{
		height: 55vh;
	}

	
.quote h2 { font-size: 15px; line-height: 28px; }
	
 .quote p small { max-width: 350px;}
	
header nav.small { display: block}
	
	.mobile_logo2{
	display: block;
		width: 26.4px;
    margin-left: 19.1px;
    margin-top: 10px;
}
	
	.mobile_logo{
		display: none;
	}
	
	
	.menu_backer{
background: #211f21;
	}

	.mobile_menu{
		display: none;
	}
	
}

@media screen and (max-width:376px) {
	
		section.contact .form-wrap { min-height: 7vh !important; }
}

@media (max-width: 1330px) { header .hamburger { left: auto; top: 20px; right: 30px; width: 36px; height: 20px; } }

@media (max-width: 614px) { header .hamburger { right: 18px; display: block; } }

header .hamburger span { position: absolute; display: block; top: 50%; width: 24px; height: 2px; background: #fff; }

@media (max-width: 1330px) { header .hamburger span { width: 15px; height: 1px; } }

header .hamburger span:nth-child(1) { left: 0; -khtml-transform: translateY(-4px); transform: translateY(-4px); }

header .hamburger span:nth-child(2) { right: 0; -khtml-transform: translateY(-4px); transform: translateY(-4px); }

header .hamburger span:nth-child(3) { left: 0; -khtml-transform: translateY(2px); transform: translateY(2px); }

header .hamburger span:nth-child(4) { right: 0; -khtml-transform: translateY(2px); transform: translateY(2px); }

header .icon img { display: none; position: absolute; top: 15px; left: 50%; width: auto; height: 50px; opacity: 0; z-index: 2; transition: all 300ms; -khtml-transform: translateX(-50%); transform: translateX(-50%); }

@media (max-width: 1330px) { header .icon img { opacity: 1.0; top: 10px; left: 20px; height: 40px; -khtml-transform: translate(0); transform: translate(0); } }

@media (max-width: 1330px) { .landing-page-page header .icon img { opacity: 0; } }

@media (max-width: 1330px) { header .logo { display: none; } }



.launch-pad2 { position: absolute; top: 50%; left: 50%; z-index: 2; transition: all 2s; -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 768px) { .introduction .launch-pad2 { top: calc(50% + 54px); } }

@media (max-width: 614px) { .introduction .launch-pad2{ top: calc(50% - 30px); } }

@media (max-width: 614px) and (max-height: 736px) { .introduction .launch-pad2 { top: calc(50%); } }

@media (max-width: 614px) and (max-height: 667px) { .introduction .launch-pad2 { top: calc(50% + 30px); } }

@media (max-width: 614px) and (max-height: 568px) { .introduction .launch-pad2 { top: calc(50% + 54px); } }

#mega-menu .launch-pad2 { display: none; }

@media (max-width: 1330px) { #mega-menu .launch-pad2 { display: block; } }

@media (max-width: 768px) { #mega-menu .launch-pad2 { top: calc(50% - 40px); } }

@media (max-width: 614px) { #mega-menu .launch-pad2 { top: calc(50% - 60px); } }

@media (max-width: 614px) and (max-height: 736px) { #mega-menu .launch-pad2 { top: calc(50% - 60px); } }

@media (max-width: 614px) and (max-height: 667px) { #mega-menu .launch-pad2 { top: calc(50% - 16px); } }

.launch-pad2 ul { width: calc(100vw - 50px); display: -ms-flexbox; display: flex; max-width: 1500px; }

@media (max-width: 768px) and (min-height: 768px) { .launch-pad2 ul { -ms-flex-direction: column; flex-direction: column; } }

@media (max-width: 614px) { .launch-pad2 ul { -ms-flex-direction: column; flex-direction: column; } }

.launch-pad2 ul li { -ms-flex: 1; flex: 1; text-align: center; }

@media (max-width: 768px) { .launch-pad2 ul li { padding: 18px 0; } }

@media (max-width: 614px) { .launch-pad2 ul li { padding: 5px 0; } }

.launch-pad2 ul li a { position: relative; font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; display: inline-block; padding: 5px 10px; font-size: 12px; letter-spacing: 2px; line-height: 28px; color: #fff; cursor: pointer; text-decoration: none; text-transform: uppercase; text-align: center; white-space: nowrap; margin: 0 auto; }

@media (max-width: 1024px) { .launch-pad2 ul li a { font-size: 9px; letter-spacing: 1.52px; line-height: 22px; } }

.launch-pad2 ul li a::after { position: relative; bottom: 0; left: 0; right: 0; content: ""; display: block; height: 1px; background: #F4805B; opacity: 0; transition: all 300ms; }

.launch-pad2 ul li a span { display: block; width: 96px; height: 136px; opacity: 0.4; margin: 0 auto 12px; transition: all 2s; }

#mega-menu .launch-pad2 ul li a span { opacity: 1.0; }

@media (max-width: 1330px) { .launch-pad2 ul li a span { width: 74px; height: 100px; } }

@media (max-width: 1024px) { .launch-pad2 ul li a span { width: 52px; height: 70px; margin: 0 auto 10px; } }

@media (max-width: 768px) { .launch-pad2 ul li a span { margin: 0 auto 5px; } }

@media (max-width: 614px) { .launch-pad2 ul li a span { width: 38px; height: 30px; } }

.launch-pad2 ul li a span::before, .launch-pad2 ul li a span::after { position: absolute; top: 0; left: 50%; width: 96px; height: 136px; content: ""; display: block; background-repeat: no-repeat; background-position: center 136px; background-size: contain; transition: all 1s; -khtml-transform: translateX(-50%); transform: translateX(-50%); }

@media (max-width: 1330px) { .launch-pad2 ul li a span::before, .launch-pad2 ul li a span::after { width: 74px; height: 100px; } }

@media (max-width: 1024px) { .launch-pad2 ul li a span::before, .launch-pad2 ul li a span::after { width: 52px; height: 70px; } }

@media (max-width: 614px) { .launch-pad2 ul li a span::before, .launch-pad2 ul li a span::after { width: 38px; height: 30px; } }

#mega-menu .launch-pad2 ul li a span::before { opacity: 0; }

.launch-pad2 ul li a span::after { opacity: 0; }

#mega-menu .launch-pad2 ul li a span::after { opacity: 1.0; }

.launch-pad2 ul li a span.visible::before, .launch-pad2 ul li a span.visible::after { background-position: center 0; }

#mega-menu .launch-pad2 ul li a span::before, #mega-menu .launch-pad2 ul li a span::after { background-position: center 0; }

.launch-pad2 ul li a:hover span::before, .launch-pad2 ul li a:hover span::after { -khtml-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); }

.launch-pad2 ul li a:hover span::before { opacity: 0; }

.launch-pad2 ul li a:hover span::after { opacity: 1.0; }

.launch-pad2 ul li.active a::after { opacity: 1; }

.launch-pad2 ul li:nth-child(1) a span::before { background-image: url(../../img/numeral-01.svg); }

.launch-pad2 ul li:nth-child(1) a span::after { background-image: url(../../img/numeral-01-orange.svg); }

.launch-pad2 ul li:nth-child(2) a span::before { background-image: url(../../img/numeral-02.svg); }

.launch-pad2 ul li:nth-child(2) a span::after { background-image: url(../../img/numeral-02-orange.svg); }

.launch-pad2 ul li:nth-child(3) a span::before { background-image: url(../../img/numeral-03.svg); }

.launch-pad2 ul li:nth-child(3) a span::after { background-image: url(../../img/numeral-03-orange.svg); }

.launch-pad2 ul li:nth-child(4) a span::before { background-image: url(../../img/numeral-04.svg); }

.launch-pad2 ul li:nth-child(4) a span::after { background-image: url(../../img/numeral-04-orange.svg); }

.launch-pad2 ul li:nth-child(5) a span::before { background-image: url(../../img/numeral-05.svg); }

.launch-pad2 ul li:nth-child(5) a span::after { background-image: url(../../img/numeral-05-orange.svg); }

.launch-pad2.exiting { opacity: 0; }

.launch-pad2.exiting ul li a span { -khtml-transform: translateY(-500px); transform: translateY(-500px); }

header nav.main { position: absolute; top: 90px; left: 0; right: 0; opacity: 0; text-align: center; z-index: 1; transition: all 300ms; }

@media (max-width: 1330px) { header nav.main { display: none; } }

header nav.main ul { position: relative; display: inline-block; margin: 0 auto; text-align: center; }

header nav.main ul::before { position: absolute; top: 0; left: 0; right: 0; content: ""; border-top: 1px solid #fff; }

header nav.main ul li { display: inline-block; vertical-align: middle; padding: 14px 12px 0; }

header nav.main ul li:first-child { padding-left: 0; }

header nav.main ul li:last-child { padding-right: 0; }

header nav.main ul li a { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; display: inline-block; vertical-align: middle; padding: 8px 0 6px; color: #fff; font-size: 12px; line-height: 8px; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; border-style: solid; border-width: 0 0 1px; border-color: transparent; text-decoration: none; transition: all 300ms; }

header nav.main ul li a:focus, header nav.main ul li a:hover { box-shadow: none; box-shadow: none; border-color: #F4805B; }

@media (max-width: 768px) { header nav.main ul li a:focus, header nav.main ul li a:hover { border: 1px solid transparent; } }

header nav.main ul li a.active { font-family: 'TradeGothicLTStd-BoldExt', sans-serif; font-weight: 500; }


@media (max-width: 1330px) { header nav.small { top: 11px; right: 70px; } }


header nav.small ul li { display: inline; }

header nav.small ul li a { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; display: inline-block; padding: 8px 0 6px; margin: 0 12px; color: #fff; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; cursor: pointer; border: 1px solid transparent; vertical-align: middle; transition: all 300ms; }

@media (max-width: 1330px) { header nav.small ul li a { font-size: 9px; letter-spacing: 1.52px; padding: 13px 0 6px; } }

@media (max-width: 614px) { header nav.small ul li a { padding: 13px 6px 6px; margin: 0; } }

header nav.small ul li a:focus, header nav.small ul li a:hover { box-shadow: none; border-bottom: 1px solid #F4805B; }

@media (max-width: 768px) { header nav.small ul li a:focus, header nav.small ul li a:hover { border-bottom: 1px solid transparent; } }

header.visible .icon img { opacity: 1; }


header.visible nav.main { opacity: 1.0; }

.team-page header, .contact-page header, .post header, .gallery-page header, .availability-page header { height: 90px; background: #231F20; }

@media (max-width: 1330px) { .team-page header, .contact-page header, .post header, .gallery-page header, .availability-page header { height: 56px; } }

.team-page header .icon img, .contact-page header .icon img, .post header .icon img, .gallery-page header .icon img, .availability-page header .icon img { opacity: 1; }

.team-page header .logo, .contact-page header .logo, .post header .logo, .gallery-page header .logo, .availability-page header .logo { display: none; opacity: 0; }

#mega-menu { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #231F20; z-index: 1000; animation: polyclipopen 1s; }

@media (max-width: 614px) { #mega-menu { animation: none; } }


#mega-menu.closing { animation: polyclipclosed 1s; }

@media (max-width: 614px) { #mega-menu.closing { display: none; } }

#mega-menu .close { position: absolute; top: 30px; left: 40px; display: block; width: 30px; height: 30px; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../../img/close-white.svg); }

@media (max-width: 1330px) { #mega-menu .close { top: 20px; left: auto; right: 30px; width: 18px; height: 18px; } }

#mega-menu .home { position: absolute; top: 10px; left: 30px; display: none; width: 28px; height: 40px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../../img/fs-icon.svg); }

@media (max-width: 1330px) { #mega-menu .home { display: block; top: 10px; left: 18px; } }

@media (max-width: 614px) { #mega-menu .home { left: 18px; } }

#mega-menu nav.small { position: absolute; top: 30px; right: 30px; }

@media (max-width: 1330px) { #mega-menu nav.small { top: 11px; right: 70px; } }

#mega-menu nav.small ul li { display: inline; }

#mega-menu nav.small ul li a { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; display: inline-block; padding: 8px 12px 6px; color: #fff; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; cursor: pointer; border: 1px solid transparent; vertical-align: middle; transition: all 300ms; }

@media (max-width: 1330px) { #mega-menu nav.small ul li a { font-size: 9px; letter-spacing: 1.52px; line-height: 22px; } }

@media (max-width: 614px) { #mega-menu nav.small ul li a { padding: 8px 6px 6px; } }

#mega-menu nav.small ul li a:focus { box-shadow: none; border: 1px solid #fff; }

@media (max-width: 768px) { #mega-menu nav.small ul li a:focus { border: 1px solid transparent; } }

#mega-menu .lockup { display: -ms-grid; display: grid; grid: 1fr / 464px auto; grid-gap: 100px; position: absolute; top: 50%; left: 50%; width: calc(100vw - 300px); max-width: 930px; -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 1330px) { #mega-menu .lockup { display: block; top: 75%; width: auto; max-width: initial; }
  #mega-menu .lockup > div { display: none; } }

@media (max-width: 768px) { #mega-menu .lockup { top: auto; bottom: 50px; } }

@media (max-width: 614px) { #mega-menu .lockup { bottom: 12px; -khtml-transform: translate(-50%, 0); transform: translate(-50%, 0); } }

#mega-menu .lockup .tree { position: relative; width: 464px; height: 708px; -webkit-clip-path: url(#tree-clip-path); clip-path: url(#tree-clip-path); z-index: 1; }

#mega-menu .lockup .tree video { position: absolute; top: 0px; left: 0px; /* fixed to left. Replace it by right if you want.*/ width: 464px; height: 708px; transition: all 1s; }

#mega-menu .lockup .tree video.content { opacity: 0; }

#mega-menu .lockup .tree video.content.active { opacity: 1; }

#mega-menu .lockup .tree svg { position: absolute; }

#mega-menu .lockup .tree-logo { width: 220px; padding-bottom: 10%; margin: 30px auto 0; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../../img/four-seasons-logo-no-icon.svg); }

#mega-menu .menus { position: relative; -ms-grid-row-align: center; align-self: center; display: -ms-grid; display: grid; grid: auto / 1fr 1fr; grid-gap: 130px; z-index: 2; }

@media (max-width: 1330px) { #mega-menu .menus { display: block; } }

@media (max-width: 1330px) { #mega-menu .menus ul { display: table; table-layout: fixed; margin: 0 auto; } }

@media (max-width: 1330px) { #mega-menu .menus ul:first-child { display: none; } }

#mega-menu .menus ul li { padding: 0; }

@media (max-width: 1330px) { #mega-menu .menus ul li { display: table-cell; text-align: center; } }

#mega-menu .menus ul li a { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; display: inline-block; padding: 5px 0; font-size: 16px; letter-spacing: 1.81px; line-height: 65px; text-transform: uppercase; color: #fff; text-decoration: none; white-space: nowrap; cursor: pointer; }

@media (max-width: 1330px) { #mega-menu .menus ul li a { padding: 5px 30px; } }

#mega-menu .menus ul li a::after { position: relative; bottom: 18px; left: 0; right: 0; content: ""; display: block; height: 1px; background: #F4805B; opacity: 0; transition: all 300ms; }

#mega-menu .menus ul li:hover a::after, #mega-menu .menus ul li.active a::after { opacity: 1; }

#mega-menu .menus ul:last-child li a { font-size: 12px; }

@media (max-width: 1330px) { #mega-menu .menus ul:last-child li a { font-size: 9px; letter-spacing: 1.02px; line-height: 41px; } }

#mega-menu .menus ul:last-child li a::after { bottom: 22px; }

@media (max-width: 1330px) { #mega-menu .menus ul:last-child li a::after { bottom: 12px; } }

.selectbox-wrapper .selectbox { position: relative; height: 70px; }

@media (max-width: 614px) { .selectbox-wrapper .selectbox { height: 55px; } }

.selectbox-wrapper .selectbox .anchor { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; cursor: pointer; padding-top: 40px; font-size: 18px; letter-spacing: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #231F20; outline: 0; }

@media (max-width: 1024px) { .selectbox-wrapper .selectbox .anchor { font-size: 17px; letter-spacing: 1.99px; } }

@media (max-width: 614px) { .selectbox-wrapper .selectbox .anchor { padding-top: 33px; } }

.selectbox-wrapper .selectbox .anchor::after { position: absolute; bottom: 12px; right: 0; content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../../img/drop-arrow-orange.svg"); transition: all 300ms; }

.selectbox-wrapper .selectbox .options { display: none; position: absolute; top: calc(100% + 1px); right: -1px; left: -1px; max-height: 250px; padding: 0; color: #231F20; background: #fff; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; z-index: 50000; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; box-shadow: 0 5px 5px rgba(150, 150, 150, 0.5); }

.selectbox-wrapper .selectbox .options li a { position: relative; font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; letter-spacing: 2px; display: block; cursor: pointer; padding: 20px 14px; border-style: solid; border-width: 0 0 1px; border-color: #231F20; font-size: 18px; letter-spacing: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #231F20; }

@media (max-width: 768px) { .selectbox-wrapper .selectbox .options li a { font-size: 17px; letter-spacing: 1.99px; } }

@media (max-width: 614px) { .selectbox-wrapper .selectbox .options li a { padding: 14px; } }

.selectbox-wrapper .selectbox .options li.selected a { background: #231F20; color: #fff; }

.selectbox-wrapper .selectbox.open .anchor::after { -khtml-transform: rotate(180deg); transform: rotate(180deg); }

.selectbox-wrapper .selectbox.open .options { display: block; }

footer { position: relative; display: -ms-grid; display: grid; grid: auto auto / auto auto; padding: 40px; margin-top: -176px; height: 176px; background: #231F20; box-sizing: border-box; z-index: 1; }

@media (max-width: 1024px) { footer { margin-top: -122px; height: 122px; padding: 24px; } }

@media (max-width: 614px) { footer { margin-top: -154px; height: 154px; padding: 18px; } }

footer::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: #F4805B; }

footer > div.logo { -ms-grid-column-span: 1; -ms-grid-column: 1; grid-column: 1 / span 1; -ms-grid-row-span: 2; -ms-grid-row: 1; grid-row: 1 / span 2; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

@media (max-width: 614px) { footer > div.logo { -ms-grid-row-span: 1; -ms-grid-row: 1; grid-row: 1 / span 1; } }

footer > div.logo img { display: block; width: auto; height: 93px; }

@media (max-width: 1024px) { footer > div.logo img { height: 70px; } }

@media (max-width: 614px) { footer > div.logo img { height: 60px; } }

footer > div.legal { -ms-grid-column-span: 1; -ms-grid-column: 2; grid-column: 2 / span 1; -ms-grid-row-span: 1; -ms-grid-row: 1; grid-row: 1 / span 1; -ms-flex-item-align: start; align-self: flex-start; text-align: right; }

@media (max-width: 614px) { footer > div.legal { -ms-flex-item-align: end; align-self: flex-end; -ms-grid-column-span: 2; -ms-grid-column: 1; grid-column: 1 / span 2; -ms-grid-row-span: 1; -ms-grid-row: 2; grid-row: 2 / span 1; text-align: left; } }

@media (max-width: 614px) { footer > div.legal ul { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } }

footer > div.legal ul li { display: inline-block; vertical-align: middle; padding-left: 60px; }

@media (max-width: 1024px) { footer > div.legal ul li { padding-left: 25px; } }

@media (max-width: 614px) { footer > div.legal ul li { display: block; text-align: center; padding: 0; } }

@media (max-width: 614px) { footer > div.legal ul li:first-child { padding-left: 0; } }

@media (max-width: 614px) { footer > div.legal ul li:last-child { padding-right: 0; } }

footer > div.legal ul li.extra { display: none; }

@media (max-width: 1024px) { footer > div.legal ul li.extra { display: inline-block; } }

footer > div.legal ul li a { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; display: inline-block; font-size: 12px; letter-spacing: 1.81px; line-height: 16px; text-transform: uppercase; color: #fff; cursor: pointer; text-decoration: none; white-space: nowrap; vertical-align: middle; }

@media (max-width: 1024px) { footer > div.legal ul li a { font-size: 8px; letter-spacing: 0.91px; line-height: 22px; } }

footer > div.accessibility { -ms-grid-column-span: 1; -ms-grid-column: 2; grid-column: 2 / span 1; -ms-grid-row-span: 1; -ms-grid-row: 2; grid-row: 2 / span 1; -ms-flex-item-align: end; align-self: flex-end; text-align: right; }

@media (max-width: 614px) { footer > div.accessibility { -ms-flex-item-align: start; align-self: flex-start; -ms-grid-column-span: 1; -ms-grid-column: 2; grid-column: 2 / span 1; -ms-grid-row-span: 1; -ms-grid-row: 1; grid-row: 1 / span 1; } }

footer > div.accessibility ul li { display: inline-block; vertical-align: middle; padding-left: 30px; }

@media (max-width: 1024px) { footer > div.accessibility ul li { padding-left: 10px; } }

footer > div.accessibility ul li img { display: block; height: 30px; width: auto; }

@media (max-width: 1024px) { footer > div.accessibility ul li img { height: 14px; } }

.one-page-scroll { position: fixed; top: 0; left: 0; right: 0; background: #231F20; z-index: 2; transition: all 1s; }

.one-page-scroll.mobile { position: relative; }



#more { position: relative; background: #fff; padding-bottom: 118px; box-sizing: border-box; z-index: 1; }

@media (max-width: 1330px) { #more { padding-bottom: 40px; } }



#more h2 { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 16px; letter-spacing: 1.81px; line-height: 30px; text-transform: uppercase; text-align: center; color: #231F20; }

@media (max-width: 1330px) { #more h2 { font-size: 10px; letter-spacing: 1.13px; line-height: 22px; } }

#more h2::before { content: ""; display: block; width: 10px; height: 78px; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(../../img/more-lines.svg); }

@media (max-width: 1330px) { #more h2::before { height: 34px; } }

#more ul { display: -ms-grid; display: grid; grid: auto / 1fr 1fr 1fr 1fr; grid-gap: 90px; width: 100%; max-width: 1164px; padding: 0 32px; margin: 24px auto 0; box-sizing: border-box; }

@media (max-width: 1330px) { #more ul { max-width: 730px; grid-gap: 80px; margin: 5px auto 0; } }

@media (max-width: 768px) { #more ul { max-width: 650px; grid-gap: 50px; } }

@media (max-width: 640px) { #more ul { padding: 0 13px; grid-gap: 5px; } }

#more ul li a { text-decoration: none; color: #231F20; }

#more ul li figure { position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; }

#more ul li figure .image { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; transition: all 1s; }

#more ul li figure .image:hover { -khtml-transform: scale(1.05); transform: scale(1.05); }

#more ul li h3 { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 14px; letter-spacing: 1.81px; line-height: 30px; text-transform: uppercase; text-decoration: none; text-align: left; color: #231F20; padding-top: 8px; }

@media (max-width: 1330px) { #more ul li h3 { font-size: 8px; letter-spacing: 0.51px; line-height: 22px; padding-top: 0; } }

@media (max-width: 640px) { #more ul li h3 { font-size: 6px; } }

.launch-pad { position: absolute; top: 50%; left: 50%; z-index: 2; transition: all 2s; -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; text-align: center; }






#mega-menu .launch-pad { display: none; }

@media (max-width: 1330px) { #mega-menu .launch-pad { display: block; } }

@media (max-width: 768px) { #mega-menu .launch-pad { top: calc(50% - 40px); } }

@media (max-width: 614px) { #mega-menu .launch-pad { top: calc(50% - 60px); } }

@media (max-width: 614px) and (max-height: 736px) { #mega-menu .launch-pad { top: calc(50% - 60px); } }

@media (max-width: 614px) and (max-height: 667px) { #mega-menu .launch-pad { top: calc(50% - 16px); } }

.launch-pad ul { width: calc(100vw - 150px); display: -ms-flexbox; display: flex; max-width: 1500px; }

@media (max-width: 768px) and (min-height: 768px) { .launch-pad ul { -ms-flex-direction: column; flex-direction: column; } }

@media (max-width: 614px) { .launch-pad ul { -ms-flex-direction: column; flex-direction: column; } }

.launch-pad ul li { -ms-flex: 1; flex: 1; text-align: center; }

@media (max-width: 768px) { .launch-pad ul li { padding: 18px 0; } }

@media (max-width: 614px) { .launch-pad ul li { padding: 5px 0; } }

.launch-pad ul li a { position: relative; font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; display: inline-block; padding: 5px 0; font-size: 12px; letter-spacing: 2px; line-height: 28px; color: #fff; cursor: pointer; text-decoration: none; text-transform: uppercase; text-align: center; white-space: nowrap; margin: 0 auto; }

@media (max-width: 1024px) { .launch-pad ul li a { font-size: 9px; letter-spacing: 1.52px; line-height: 22px; } }

.launch-pad ul li a::after { position: relative; bottom: 0; left: 0; right: 0; content: ""; display: block; height: 1px; background: #F4805B; opacity: 0; transition: all 300ms; }

.launch-pad ul li a span { display: block; width: 96px; height: 136px; opacity: 0.4; margin: 0 auto 12px; transition: all 2s; }

#mega-menu .launch-pad ul li a span { opacity: 1.0; }

@media (max-width: 1330px) { .launch-pad ul li a span { width: 74px; height: 100px; } }

@media (max-width: 1024px) { .launch-pad ul li a span { width: 52px; height: 70px; margin: 0 auto 10px; } }

@media (max-width: 768px) { .launch-pad ul li a span { margin: 0 auto 5px; } }

@media (max-width: 614px) { .launch-pad ul li a span { width: 38px; height: 30px; } }

.launch-pad ul li a span::before, .launch-pad ul li a span::after { position: absolute; top: 0; left: 50%; width: 96px; height: 136px; content: ""; display: block; background-repeat: no-repeat; background-position: center 136px; background-size: contain; transition: all 1s; -khtml-transform: translateX(-50%); transform: translateX(-50%); }

@media (max-width: 1330px) { .launch-pad ul li a span::before, .launch-pad ul li a span::after { width: 74px; height: 100px; } }

@media (max-width: 1024px) { .launch-pad ul li a span::before, .launch-pad ul li a span::after { width: 52px; height: 70px; } }

@media (max-width: 614px) { .launch-pad ul li a span::before, .launch-pad ul li a span::after { width: 38px; height: 30px; } }

#mega-menu .launch-pad ul li a span::before { opacity: 0; }

.launch-pad ul li a span::after { opacity: 0; }

#mega-menu .launch-pad ul li a span::after { opacity: 1.0; }

.launch-pad ul li a span.visible::before, .launch-pad ul li a span.visible::after { background-position: center 0; }

#mega-menu .launch-pad ul li a span::before, #mega-menu .launch-pad ul li a span::after { background-position: center 0; }

.launch-pad ul li a:hover span::before, .launch-pad ul li a:hover span::after { -khtml-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); }

.launch-pad ul li a:hover span::before { opacity: 0; }

.launch-pad ul li a:hover span::after { opacity: 1.0; }

.launch-pad ul li.active a::after { opacity: 1; }

.launch-pad ul li:nth-child(1) a span::before { background-image: url(../../img/numeral-01.svg); }

.launch-pad ul li:nth-child(1) a span::after { background-image: url(../../img/numeral-01-orange.svg); }

.launch-pad ul li:nth-child(2) a span::before { background-image: url(../../img/numeral-02.svg); }

.launch-pad ul li:nth-child(2) a span::after { background-image: url(../../img/numeral-02-orange.svg); }

.launch-pad ul li:nth-child(3) a span::before { background-image: url(../../img/numeral-03.svg); }

.launch-pad ul li:nth-child(3) a span::after { background-image: url(../../img/numeral-03-orange.svg); }

.launch-pad ul li:nth-child(4) a span::before { background-image: url(../../img/numeral-04.svg); }

.launch-pad ul li:nth-child(4) a span::after { background-image: url(../../img/numeral-04-orange.svg); }

.launch-pad ul li:nth-child(5) a span::before { background-image: url(../../img/numeral-05.svg); }

.launch-pad ul li:nth-child(5) a span::after { background-image: url(../../img/numeral-05-orange.svg); }

.launch-pad.exiting { opacity: 0; }

.launch-pad.exiting ul li a span { -khtml-transform: translateY(-500px); transform: translateY(-500px); }

section.fs-panel { position: relative; height: 100vh; }

section.fs-panel .grade { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.75+0,0+50 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, transparent 50%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ }

@media (max-width: 1330px) { section.fs-panel .grade { background: rgba(35, 31, 32, 0.35); } }

section.fs-panel#building-at-a-glance .grade { display: none; }

section.fs-panel.hero::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ""; background-color: rgba(35, 31, 32, 0.35); z-index: 1; }

section.fs-panel.hero .landing { position: absolute; top: 50%; left: 50%; width: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; z-index: 2; -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 614px) { section.fs-panel.hero .landing { top: 216px; left: 32px; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: initial; align-items: initial; -khtml-transform: translate(0); transform: translate(0); } }

section.fs-panel.hero .landing h1 { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 30px; letter-spacing: 3.74px; line-height: 39px; text-transform: uppercase; color: #fff; margin-right: 220px; white-space: nowrap; }

@media (max-width: 1330px) { section.fs-panel.hero .landing h1 { font-size: 18px; letter-spacing: 2.04px; line-height: 26px; margin-right: 170px; } }

@media (max-width: 768px) { section.fs-panel.hero .landing h1 { margin-right: 108px; } }

@media (max-width: 614px) { section.fs-panel.hero .landing h1 { font-size: 18px; letter-spacing: 2.04px; line-height: 26px; margin-right: 0; padding-bottom: 30px; } }

section.fs-panel.hero .landing ul li { padding: 0; }

section.fs-panel.hero .landing ul li a { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; display: block; padding: 5px 0; font-size: 16px; letter-spacing: 1.81px; line-height: 65px; text-transform: uppercase; color: #fff; cursor: pointer; text-decoration: none; white-space: nowrap; }

@media (max-width: 1330px) { section.fs-panel.hero .landing ul li a { font-size: 11px; letter-spacing: 1.25px; line-height: 30px; } }

section.fs-panel.hero .landing.solo { display: block; }

section.fs-panel.hero .landing.solo h1 { text-align: center; margin-right: 0; }

@media (max-width: 614px) { section.fs-panel.hero .landing.solo h1 { text-align: left; } }

section.fs-panel.hero .landing.solo ul { display: none; }

section.fs-panel.hero .anchor { position: absolute; left: 50%; bottom: 30px; display: block; width: 30px; height: 30px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../../img/arrow-down-white.svg); cursor: pointer; z-index: 4; -khtml-transform: translateX(-50%); transform: translateX(-50%); }

@media (max-width: 1024px) { section.fs-panel.hero .anchor { bottom: 80px; } }

@media (max-width: 614px) { section.fs-panel.hero .anchor { bottom: 120px; } }

section.fs-panel figure { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; overflow: hidden; }

section.fs-panel figure .image-container { position: absolute; top: 0; right: 0; left: 0; bottom: 0; overflow: hidden; z-index: -1; }

section.fs-panel figure .image-container .image { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; }

section.fs-panel figure .image-container .image.contain { padding: 60px; background-size: contain; background-origin: content-box; }

@media (max-width: 1330px) { section.fs-panel figure .image-container .image.contain { padding: 0; } }

section.fs-panel figure .image-container video { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; min-width: 100%; min-height: 100%; width: 100%; height: auto; -khtml-transform: translate(0); transform: translate(0); }

@media (max-width: 768px) { section.fs-panel figure .image-container .image.desktop, section.fs-panel figure .image-container video.desktop { display: none; } }

section.fs-panel figure .image-container .image.mobile, section.fs-panel figure .image-container video.mobile { display: none; }

@media (max-width: 768px) { section.fs-panel figure .image-container .image.mobile, section.fs-panel figure .image-container video.mobile { display: block; } }

section.fs-panel figure.fading-gallery .image-container { opacity: 0; transition: all 3s; }

section.fs-panel figure.fading-gallery .image-container .image { -khtml-transform: scale(1); transform: scale(1); }

section.fs-panel figure.fading-gallery .image-container .image.scaling { transition: all 20s linear; -khtml-transform: scale(1.5); transform: scale(1.5); }

section.fs-panel figure.fading-gallery .image-container.visible { opacity: 1; }

















 .text { position: absolute; top: 50%; left: 140px; z-index: 3; -khtml-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 1330px) { .text { left: 64px; } }

@media (max-width: 614px) {  .text { left: 32px; } }

 .text h2 { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 30px; letter-spacing: 3.4px; line-height: 40px; text-transform: uppercase; color: #fff; padding-bottom: 8px; }

@media (max-width: 1330px) {  .text h2 { font-size: 18px; letter-spacing: 2.04px; line-height: 26px; } }

 .text p { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; position: relative; font-size: 16px; letter-spacing: 0.85px; line-height: 26px; color: #fff; max-width: 363px; }

@media (max-width: 1330px) {  .text p { font-size: 15px; letter-spacing: 0.8px; line-height: 20px; max-width: 360px; } }

@media (max-width: 614px) {  .text p { max-width: 250px; } }

@media (max-width: 1330px) {  .text { top: 50px; left: 50%; -khtml-transform: translate(-50%, 0); transform: translate(-50%, 0); } }

section.fs-panel .caption { position: absolute; top: 50%; left: 140px; z-index: 3; -khtml-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 1330px) { section.fs-panel .caption { left: 64px; } }

@media (max-width: 614px) { section.fs-panel .caption { left: 32px; } }

section.fs-panel .caption h2 { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 30px; letter-spacing: 3.4px; line-height: 40px; text-transform: uppercase; color: #fff; }

@media (max-width: 1330px) { section.fs-panel .caption h2 { font-size: 18px; letter-spacing: 2.04px; line-height: 26px; } }

@media (max-width: 614px) { section.fs-panel .caption h2 { max-width: 240px; } }

@media (max-width: 768px) { figure.image-zoom { min-height: 0; } }

section.fs-panel figure.image-zoom { top: 158px; left: 50%; bottom: 40px; z-index: 3; overflow: visible; }

figure.image-zoom .image { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }

figure.image-zoom .image img { position: absolute; display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; margin: 0 auto; }

figure.image-zoom .img-zoom-lens { display: none; position: absolute; border: 1px solid #d4d4d4; width: 40px; height: 40px; }

figure.image-zoom .img-zoom-lens.visible { display: block; }

figure.image-zoom .img-zoom-result { display: none; position: absolute; width: 300px; height: 300px; background-size: 500%; background-repeat: no-repeat; border: 1px solid #d4d4d4; }

figure.image-zoom .img-zoom-result.visible { display: block; }


section.introduction::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ""; background-color: rgba(35, 31, 32, 0.35); z-index: 1; transition: all 2s; }

section.introduction figure { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; }

section.introduction figure .video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; transition: all 20s; }

section.introduction figure .video video { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; min-width: 100%; min-height: 100%; width: 100%; height: auto; -khtml-transform: translate(0); transform: translate(0); }

@media (max-width: 768px) { section.introduction figure .video.desktop { display: none; } }

section.introduction figure .video.mobile { display: none; }

@media (max-width: 768px) { section.introduction figure .video.mobile { display: block; } }

section.introduction figure .image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 1.0; transition: all 3s; }

section.introduction figure .image > div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center; background-size: cover; background-repeat: no-repeat; }

section.introduction figure .image.hide { opacity: 0; }

section.introduction figure .image.scaling > div { transition: all 20s linear; -khtml-transform: scale(1.5); transform: scale(1.5); }

@media (max-width: 768px) { section.introduction figure .image.desktop { display: none; } }

section.introduction figure .image.mobile { display: none; }

@media (max-width: 768px) { section.introduction figure .image.mobile { display: block; } }

section.introduction.exiting::before { background-color: #231f20; }

section.amenities { padding: 60px 0 60px; background: #231F20; box-sizing: border-box;  -webkit-overflow-scrolling: touch; }

@media (max-width: 1330px) { section.amenities { padding: 100px 0 80px; } }

@media (max-width: 768px) { section.amenities { padding: 94px 0 80px; } }

@media (max-width: 640px) { section.amenities { padding: 90px 0 50px; } }

section.amenities article { max-width: 1260px; margin: 0 auto; padding: 0 60px; }

@media (max-width: 1330px) { section.amenities article { max-width: 800px; } }

@media (max-width: 640px) { section.amenities article { padding: 0 32px; } }

section.amenities article h2 { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 25px; letter-spacing: 2.83px; line-height: 32px; text-transform: uppercase; color: #F4805B; padding-bottom: 10px; }

@media (max-width: 1330px) { section.amenities article h2 { font-size: 18px; letter-spacing: 2.04px; line-height: 26px; } }

section.amenities article p { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; position: relative; font-size: 16px; letter-spacing: 0.85px; line-height: 26px; color: #fff; text-transform: none; padding-bottom: 50px; }

@media (max-width: 1330px) { section.amenities article p { font-size: 15px; letter-spacing: 0.8px; line-height: 20px; padding-bottom: 30px; } }

@media (max-width: 768px) { section.amenities article p { padding-bottom: 10px; } }

section.amenities article > ul { width: 100%; column-count: 3; column-gap: 70px; margin-top: 20px; }

@media (max-width: 640px) { section.amenities article > ul { column-count: 1; } }

section.amenities article > ul > li { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 15px; letter-spacing: 1.7px; line-height: 22px; text-transform: uppercase; color: #F4805B; -webkit-break-inside: avoid; -khtml-break-inside: avoid; -moz-break-inside: avoid; -ms-break-inside: avoid; -o-break-inside: avoid; break-inside: avoid; }

@media (max-width: 1330px) { section.amenities article > ul > li { font-size: 12px; letter-spacing: 1.36px; line-height: 18px; } }

section.amenities article > ul > li:first-child { padding-left: 0; }

section.amenities article > ul > li:last-child { padding-right: 0; }

section.amenities article > ul > li > ul { padding-top: 12px; padding-bottom: 30px; }

@media (max-width: 1330px) { section.amenities article > ul > li > ul { padding-top: 10px; padding-bottom: 20px; } }

section.amenities article > ul > li > ul > li { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; padding-bottom: 12px; position: relative; font-size: 16px; letter-spacing: 1.48px; line-height: 20px; color: #fff; text-transform: none; }

@media (max-width: 1330px) { section.amenities article > ul > li > ul > li { font-size: 15px; letter-spacing: 0.8px; line-height: 17px; } }

section.amenities article:nth-child(2) { position: relative; margin-top: 60px; padding-top: 60px; }

@media (max-width: 1330px) { section.amenities article:nth-child(2) { margin-top: 20px; } }

@media (max-width: 640px) { section.amenities article:nth-child(2) { margin-top: 0; padding-top: 32px; } }

@media (max-width: 614px) { section.amenities article:nth-child(2) { margin-top: 10px; padding-top: 42px; } }

section.amenities article:nth-child(2)::before { position: absolute; top: 0; left: 60px; right: 60px; display: block; content: ""; border-top: 1px solid #fff; }

@media (max-width: 640px) { section.amenities article:nth-child(2)::before { left: 32px; right: 32px; } }

section.amenities article:nth-child(2) > ul { column-count: 2; }

@media (max-width: 640px) { section.amenities article:nth-child(2) > ul { column-count: 1; } }

.map { position: relative; height: 100vh; }

.map #map { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

section.team article { max-width: 1000px; margin: 0 auto; padding: 170px 60px; }

@media (max-width: 1330px) { section.team article { max-width: 720px; padding: 150px 60px; } }

@media (max-width: 768px) { section.team article { max-width: 630px; padding: 130px 34px; } }

@media (max-width: 614px) { section.team article { padding: 120px 34px; } }

section.team article > h1 { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 25px; letter-spacing: 2.83px; line-height: 32px; text-transform: uppercase; color: #F4805B; padding-bottom: 10px; }

@media (max-width: 1330px) { section.team article > h1 { font-size: 18px; letter-spacing: 2.04px; line-height: 26px; } }

section.team article > h3 { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; position: relative; font-size: 28px; letter-spacing: 1.49px; line-height: 34px; color: #fff; text-transform: none; padding-bottom: 70px; }

@media (max-width: 1330px) { section.team article > h3 { font-size: 16px; letter-spacing: 0.85px; line-height: 24px; padding-bottom: 30px; } }

section.team article ul { display: -ms-grid; display: grid; grid: auto / 1fr 1fr; grid-gap: 60px; width: 100%; }

@media (max-width: 1330px) { section.team article ul { grid: auto / auto; grid-gap: 30px; } }

section.team article ul li h3 { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 15px; letter-spacing: 1.87px; line-height: 22px; text-transform: uppercase; color: #F4805B; }

@media (max-width: 1330px) { section.team article ul li h3 { font-size: 12px; letter-spacing: 1.36px; line-height: 18px; padding-bottom: 10px; } }

section.team article ul li p { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; position: relative; font-size: 16px; letter-spacing: 0.85px; line-height: 26px; color: #fff; text-transform: none; }

@media (max-width: 1330px) { section.team article ul li p { font-size: 14px; letter-spacing: 0.74px; line-height: 20px; } }

section.contact { padding: 240px 60px 60px; color: #231F20; background: white; }

@media (max-width: 1330px) { section.contact { padding: 170px 60px 60px; } }


@media (max-width: 1000px) { section.contact { padding: 130px 60px 60px; } }

@media (max-width: 614px) { section.contact { padding: 100px 40px 60px; } }






section.contact h1 { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 100; padding-bottom: 70px; text-align: left; text-transform: uppercase; font-size: 20px; letter-spacing: 2.5px; color: #231F20; }

@media (max-width: 1024px) { section.contact h1 { padding-bottom: 50px; } }

@media (max-width: 614px) { section.contact h1 { font-size: 16px; letter-spacing: 1.77px; padding-bottom: 30px; } }

section.contact .thanks { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; color: #231F20; font-size: 20px; letter-spacing: 1px; line-height: 30px; min-height: 500px; }

@media (max-width: 1330px) { section.contact .thanks { min-height: 300px; } }

@media (max-width: 768px) { section.contact .thanks { min-height: 450px; } }


section.contact form { display: flex; flex-wrap: wrap; justify-content: space-between;}

form .half, form .full, form .third, form .second{
	margin-bottom: 10px;
}

form label{
	pointer-events: none !important;
}

form .half{
	width: 48%;
}

form .full{
	width: 100%;
}

form .third{
	width: 35%;
}

.req{
	font-family: 'Austin Web';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    font-size: 14px;
    letter-spacing: 2px;
	margin-top: 30px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
	display: none !important;
}

span.wpcf7-not-valid-tip{
	display: none !important;
}

div.wpcf7 .ajax-loader{
	display: none !important
}

div.wpcf7-mail-sent-ok{
	display: none !important
}

.tanx{
	display: none;
}

.submits .wpcf7-submit{
	font-family: 'TradeGothicLTStd-Extended', sans-serif;
    font-weight: 100;
    display: inline-block;
    padding: 14px 36px 12px;
    font-size: 12px;
    margin-top: 40px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #231F20;
    border: 1px solid #F4805B;
    line-height: 1;
    background: #fff;
    cursor: pointer;
    /* clear: both; */
    position: relative;
    margin-right: 0px;
    transition: all 300ms;
    -khtml-transform: translateY(-20px);
    transform: translateY(-20px);
}



.submits .wpcf7-submit:hover{
	background: #111;
    border: 1px solid #111;
	color: white;
}

form .second{
	width: 65%;
}
.wpcf7-list-item-label{
	 color: #808080;
	font-family: 'Austin Web';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    font-size: 18px;
}

.wpcf7-not-valid.reds{
	border-bottom: 1px solid #ce181e !important;
}



.reds{
	border-bottom: 1px solid #ce181e !important;
}

.red_texts{
	color: #ce181e !important;
}

.wpcf7-radio.reds{
		border-bottom: none !important;

}

[type="radio"]:checked, [type="radio"]:not(:checked) {
	border-bottom: none !important;
    position: relative;
    padding-left: 45px !important;
    margin-right: 0px;
    cursor: pointer;
	padding-top: 15px !important;
    line-height: 20px;
    border: none;
    display: inline-block;
    color: #808080;
	font-family: 'Austin Web';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    font-size: 18px;
    letter-spacing: 2px;
}

.wpcf7-list-item{
	margin-left: 30px !important;
}

[type="radio"]:checked:before, [type="radio"]:not(:checked):before {
    position: absolute;
	
    content: '';
    left: -35px;
    top: 16px;
    width: 20px;
    height: 20px;
    border: 1px solid #F4805B;
    background: #fff;
}

[type="radio"]:checked:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

[type="radio"]:checked:after{
    content: '';
    width: 20px;
    border: 1px solid #F4805B;
    height: 20px;
    background: #F4805B;
    position: absolute;
    left: -35px;
    top: 16px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


/* The container must be positioned relative: */
.custom-sel {
  position: relative;
 
}

.custom-sel select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: none;
	
}
.rotate{
	  transform: rotate(180deg); /* Equal to rotateZ(45deg) */

}
.d_arrows{
	width: 15px;
	position: absolute;
	right: 0;
	bottom: 10px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;
}

.select-items{
  max-height: 450px;
  height: auto;
  overflow-y: scroll;
}


.select-items div{
	padding-top: 15px;
	padding-bottom: 35px;
	text-indent: 10px;
	border-bottom: 1px solid #231F20;
	background: white;
    font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; display: block; height: 38px; width: 100%; font-size: 18px; letter-spacing: 1.95px; color: #231F20; box-sizing: border-box; -webkit-appearance: none;  outline: 0;
    cursor: pointer;
}

/* style the items (options), including the selected item: */
.select-selected {
	
font-family: 'Austin Web';
    font-weight: 300;
    border-bottom: 1px solid #111;
    font-style: normal;
    font-stretch: normal;
    display: block;
    height: 32px;
    width: 100%;
    font-size: 18px;
    letter-spacing: 1.95px;
    color: #231F20;
    box-sizing: border-box;
    margin-top: 40px;
    /* border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */
    cursor: pointer;
}

/* Style items (options): */
.select-items {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
  position: absolute;
  background-color: white;
  top: 82%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: #231F20 !important;
	color: white !important;
}

section.contact form .field { position: relative; height: 70px;  -ms-grid-column-span: 4; -ms-grid-column: 1; grid-column: 1 / span 4; }

@media (max-width: 614px) { section.contact form .field { height: auto; } }

@media (max-width: 614px) { section.contact form .field.long-label { height: 75px; } }

@media (max-width: 614px) { section.contact form .field.long-label legend, section.contact form .field.long-label label { line-height: 14px; padding: 9px 10px 0 0; } }

section.contact form .field.half-first { -ms-grid-column-span: 2; -ms-grid-column: 1; grid-column: 1 / span 2; }

@media (max-width: 640px) { section.contact form .field.half-first { -ms-grid-column-span: 4; -ms-grid-column: 1; grid-column: 1 / span 4; } }

section.contact form .field.half-second { -ms-grid-column-span: 2; -ms-grid-column: 3; grid-column: 3 / span 2; }

@media (max-width: 640px) { section.contact form .field.half-second { -ms-grid-column-span: 4; -ms-grid-column: 1; grid-column: 1 / span 4; } }

section.contact form .field.quarter-first { -ms-grid-column-span: 1; -ms-grid-column: 1; grid-column: 1 / span 1; }

@media (max-width: 1080px) { section.contact form .field.quarter-first { -ms-grid-column-span: 2; -ms-grid-column: 1; grid-column: 1 / span 2; } }

@media (max-width: 640px) { section.contact form .field.quarter-first { -ms-grid-column-span: 4; -ms-grid-column: 1; grid-column: 1 / span 4; } }

section.contact form .field.quarter-second { -ms-grid-column-span: 1; -ms-grid-column: 2; grid-column: 2 / span 1; }

@media (max-width: 1080px) { section.contact form .field.quarter-second { -ms-grid-column-span: 2; -ms-grid-column: 3; grid-column: 3 / span 2; } }

@media (max-width: 640px) { section.contact form .field.quarter-second { -ms-grid-column-span: 4; -ms-grid-column: 1; grid-column: 1 / span 4; } }

section.contact form .field.quarter-third { -ms-grid-column-span: 1; -ms-grid-column: 3; grid-column: 3 / span 1; }

@media (max-width: 1080px) { section.contact form .field.quarter-third { -ms-grid-column-span: 2; -ms-grid-column: 1; grid-column: 1 / span 2; } }

@media (max-width: 640px) { section.contact form .field.quarter-third { -ms-grid-column-span: 4; -ms-grid-column: 1; grid-column: 1 / span 4; } }

section.contact form .field.quarter-fourth { -ms-grid-column-span: 1; -ms-grid-column: 4; grid-column: 4 / span 1; }

@media (max-width: 1080px) { section.contact form .field.quarter-fourth { -ms-grid-column-span: 2; -ms-grid-column: 3; grid-column: 3 / span 2; } }

@media (max-width: 640px) { section.contact form .field.quarter-fourth { -ms-grid-column-span: 4; -ms-grid-column: 1; grid-column: 1 / span 4; } }

@media (max-width: 1080px) { section.contact form .field.has-radios { -ms-grid-column-span: 4; -ms-grid-column: 1; grid-column: 1 / span 4; } }

@media (max-width: 712px) { section.contact form .field.has-select { -ms-grid-column-span: 4; -ms-grid-column: 1; grid-column: 1 / span 4; } }

section.contact form .field.submit { height: 100px; padding-top: 30px; border: none; text-align: left; }

@media (max-width: 614px) { section.contact form .field.submit { padding-top: 12px; } }

section.contact form .field.submit p { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; font-size: 14px; letter-spacing: 2px; }

section.contact form .field.submit button, section.contact form .field.submit .button { position: absolute; bottom: 0; right: 0; }

section.contact form .field.pulled-up { border-top: none; -khtml-transform: translateY(-20px); transform: translateY(-20px); }

@media (max-width: 768px) { section.contact form .field.pulled-up { border-top: 1px solid #231F20; -khtml-transform: translateY(0); transform: translateY(0); } }

@media (max-width: 768px) { section.contact form .field.seeking { height: 116px; }
  section.contact form .field.seeking .radio-group { top: auto; left: -1px; bottom: 0; width: 100%; height: 58px; border-top: 1px solid #231F20; } }

section.contact form .field input, section.contact form .field textarea { 
	font-family: 'Austin Web';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    display: block;
    width: 100%;
    font-size: 18px;
    letter-spacing: 1.95px;
    color: #231F20;
    box-sizing: border-box;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid #231F20;
    outline: 0;
    /* margin-bottom: 5px; */
    padding-top: 30px;
    z-index: 2;
}

@media (max-width: 1024px) { section.contact form .field input, section.contact form .field textarea { font-size: 17px; letter-spacing: 1.99px; } }

@media (max-width: 614px) { section.contact form .field input, section.contact form .field textarea { padding: 0px 0 6px; } 

	form .half, form .full, form .third, form .second{
		margin-bottom: 5px;
	}
	.select-selected{
		margin-top: 0px;
		font-size: 16px;
		height: 30px;
	}
	
	.wpcf7-list-item-label {
    position: relative;
    top: -10px;
	}
	
	[type="radio"]:checked, [type="radio"]:not(:checked){
		padding-top: 20px !important;
	}

}

section.contact form .field textarea { padding: 41px 0 18px; }

@media (max-width: 614px) { section.contact form .field textarea { padding: 30px 0 13px; } }

section.contact form .field label, section.contact form .field legend { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 100; position: absolute; top: 0; bottom: auto; left: 0; right: 0; display: block; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #231F20; padding: 16px 15px 0 0; line-height: 0; z-index: 1; transition: all 300ms; }

@media (max-width: 1024px) { section.contact form .field label, section.contact form .field legend { font-size: 11px; letter-spacing: 1.69px; } }

@media (max-width: 768px) { section.contact form .field label, section.contact form .field legend { font-size: 9px; line-height: 18px; position: relative; padding: 5px 10px 0 0; } 

	.field br{
		display: none;
	}

}

section.contact form .field label { cursor: pointer; }

section.contact form .field.error { border-color: #aa2222; }

section.contact form .field.error label, section.contact form .field.error legend { color: #aa2222; }

section.contact form .field .phone-combo { position: absolute; top: -1px; right: -1px; left: -1px; bottom: -1px; display: -ms-grid; display: grid; grid: 70px / 212px auto; }

@media (max-width: 614px) { section.contact form .field .phone-combo { grid: 55px / 146px auto; } }

section.contact form .field .phone-combo > div { position: relative; }

section.contact form fieldset .radio-group { position: absolute; bottom: 0; left: 0; display: table; height: 100%; z-index: 2; }

section.contact form fieldset .radio-group > div { display: table-cell; font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; font-size: 18px; letter-spacing: 2px; padding: 0 20px 6px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #231F20; cursor: pointer; vertical-align: bottom; transition: all 300ms; /* ADA tab focus colors */ }

section.contact form fieldset .radio-group > div:first-child { padding-left: 0; }

section.contact form fieldset .radio-group > div:last-child { padding-right: 0; }

section.contact form fieldset .radio-group > div::before { content: ""; display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: 15px; width: 20px; height: 20px; border: 1px solid #F4805B; }

@media (max-width: 768px) { section.contact form fieldset .radio-group > div::before { margin-right: 10px; } }

section.contact form fieldset .radio-group > div.active::before { background: #F4805B; }

section.contact form fieldset .radio-group.low-pad > div { padding: 0 12px; }

section.contact button { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 100; display: inline-block; padding: 14px 36px 12px; font-size: 12px; text-transform: uppercase; text-align: center; letter-spacing: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; color: #231F20; border: 1px solid #F4805B; line-height: 1; background: #fff; cursor: pointer; clear: both; transition: all 300ms; -khtml-transform: translateY(-20px); transform: translateY(-20px); }

section.contact button:hover, section.contact button:focus { outline: none !important; box-shadow: none; background: #231F20; border-color: #231F20; color: #fff; }

section.contact .details { display: table; }

@media (max-width: 614px) { section.contact .details { display: block; } }

section.contact .details > div { display: table-cell; padding-right: 70px; }

@media (max-width: 1024px) { section.contact .details > div { padding-right: 50px; } }

@media (max-width: 614px) { section.contact .details > div { display: block; padding-right: 0; padding-bottom: 30px; } }

@media (max-width: 614px) { section.contact .details > div:last-child { padding-bottom: 0; } }

section.contact .details > div h3 { font-family: 'TradeGothicLTStd-BoldExt', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 1.36px; line-height: 22px; text-transform: uppercase; }

@media (max-width: 1024px) { section.contact .details > div h3 { font-size: 10px; letter-spacing: 1.13px; line-height: 19px; } }

section.contact .details > div p { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 12px; letter-spacing: 1.36px; line-height: 22px; text-transform: uppercase; }

@media (max-width: 1024px) { section.contact .details > div p { font-size: 10px; letter-spacing: 1.13px; line-height: 19px; } }

section.contact .details > div p a { text-decoration: none; color: #231F20; }

section.availability { padding: 260px 60px 110px; background: white }

@media (max-width: 1330px) { section.availability { padding: 200px 42px 90px; } }

@media (max-width: 1000px) { section.availability { padding-top: 110px; } }


@media (max-width: 960px) { section.availability { padding-top: 56px; } }

@media (max-width: 614px) { section.availability { padding-left: 0; padding-right: 0; padding-bottom: 0; } }

section.availability table { width: 100%; max-width: 1024px; table-layout: fixed; margin: 0 auto; }

@media (max-width: 960px) { section.availability table { table-layout: initial; } }

@media (max-width: 960px) { section.availability table thead { display: none; } }

section.availability table thead tr th { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 12px; letter-spacing: 1.3px; text-align: center; text-transform: uppercase; padding-bottom: 34px; }

@media (max-width: 1330px) { section.availability table thead tr th { font-size: 11px; letter-spacing: 1.19px; padding-bottom: 20px; } }

section.availability table tbody tr td { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 12px; letter-spacing: 1.58px; line-height: 16px; text-align: center; padding: 32px 0; border-top: 1px solid #231F20; vertical-align: middle; }

@media (max-width: 1330px) { section.availability table tbody tr td { font-size: 11px; letter-spacing: 1.45px; } }

@media (max-width: 960px) { section.availability table tbody tr td { text-align: left; vertical-align: middle; padding: 42px 0; } }

section.availability table tbody tr td.not-on-mobile { display: table-cell; }

@media (max-width: 960px) { section.availability table tbody tr td.not-on-mobile { display: none; } }

@media (max-width: 960px) { section.availability table tbody tr td .not-on-mobile { display: none; } }

section.availability table tbody tr td:first-child { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; font-size: 51px; letter-spacing: 1px; line-height: 40px; }

@media (max-width: 960px) { section.availability table tbody tr td:first-child { padding-left: 34px; } }

@media (max-width: 614px) { section.availability table tbody tr td:first-child { vertical-align: top; } }

section.availability table tbody tr td:first-child label { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 12px; text-transform: uppercase; letter-spacing: 1.3px; line-height: 17px; margin-bottom: 12px; display: none; }

@media (max-width: 960px) { section.availability table tbody tr td:first-child label { display: block; } }

section.availability table tbody tr td:first-child div.not-on-desk-tablet { display: none; font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 13px; letter-spacing: 1.71px; line-height: 16px; text-transform: uppercase; white-space: nowrap; vertical-align: top; padding-top: 10px; margin-top: 15px; margin-left: 0; }

@media (max-width: 614px) { section.availability table tbody tr td:first-child div.not-on-desk-tablet { display: block; } }

section.availability table tbody tr td:nth-child(2) div.not-on-desk-mobile { display: none; font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 13px; letter-spacing: 1.71px; line-height: 16px; text-transform: uppercase; white-space: nowrap; }

@media (max-width: 960px) { section.availability table tbody tr td:nth-child(2) div.not-on-desk-mobile { display: inline-block; vertical-align: top; } }

@media (max-width: 614px) { section.availability table tbody tr td:nth-child(2) div.not-on-desk-mobile { display: none; } }

@media (max-width: 960px) { section.availability table tbody tr td:last-child { padding-right: 34px; text-align: right; } }

@media (max-width: 614px) { section.availability table tbody tr td:last-child { vertical-align: top; } }

section.availability table tbody tr td:last-child:first-child { text-align: center; }

section.availability table tbody tr td a { display: inline-block; font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 11px; text-transform: uppercase; text-decoration: none; letter-spacing: 1.73px; color: #231F20; text-decoration: none; border: 1px solid #F4805B; background-color: transparent; vertical-align: middle; padding: 8px 36px 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 300ms; }

section.availability table tbody tr td a:hover { background: #231F20; border-color: #231F20; color: #fff; }

@media (max-width: 960px) { section.availability table tbody tr:first-child td { border-top: 0; } }

section.privacy-policy { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 20000; background: #231F20; transition: all 1s; animation: fadein 1s; }

@media (max-width: 1330px) { section.privacy-policy { top: 0; } }

section.privacy-policy.visible { display: block; }

section.privacy-policy article { position: absolute; top: 65%; left: 50%; width: calc(100% - 60px); max-width: 730px; box-sizing: border-box; padding: 90px; -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: white; }

@media (max-width: 1330px) { section.privacy-policy article { max-width: 560px; padding: 60px; top: 55%; } }

@media (max-width: 614px) { section.privacy-policy article { padding: 60px 40px; top: 50%; } }

section.privacy-policy article .close { position: absolute; top: 26px; right: 26px; width: 30px; height: 30px; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../../img/close-thin.svg); }

@media (max-width: 1330px) { section.privacy-policy article .close { top: 18px; right: 18px; width: 18px; height: 18px; } }

section.privacy-policy article h2 { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 25px; letter-spacing: 2.83px; color: #F4805B; text-transform: uppercase; padding-bottom: 14px; }

@media (max-width: 1330px) { section.privacy-policy article h2 { font-size: 18px; letter-spacing: 2.04px; } }

section.privacy-policy article p { font-size: 9px; letter-spacing: 1.02px; line-height: 17px; text-transform: uppercase; padding-bottom: 14px; }

@media (max-width: 1330px) { section.privacy-policy article p { font-size: 7px; letter-spacing: 0.79px; line-height: 16px; } }

section.privacy-policy article p:last-child { padding-bottom: 0; }

.click-to-zoom { position: absolute; top: 50%; right: 50px; cursor: pointer; font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 12px; letter-spacing: 1.36px; line-height: 22px; text-decoration: none; text-transform: uppercase; color: #fff; z-index: 2; }

.click-to-zoom::before { display: inline-block; content: ""; vertical-align: middle; margin-right: 12px; margin-top: -2px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../../img/plus-white.svg); }

@media (max-width: 1024px) { .click-to-zoom::before { width: 13px; height: 13px; } }

@media (max-width: 768px) { .click-to-zoom.desktop { display: none; } }




.zoomed-images { position: fixed; background: #000; top: 0; right: 0; left: 0; bottom: 0; z-index: 50000; }

@media (max-width: 614px) { .zoomed-images { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } }

.zoomed-images.visible { display: block; }

.zoomed-images .close { position: absolute; top: 25px; right: 25px; display: block; width: 32px; height: 32px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../../img/close-white.svg); cursor: pointer; text-indent: -9999px; overflow: hidden; z-index: 3; }

@media (max-width: 1024px) { .zoomed-images .close { top: 80px; right: 20px; width: 18px; height: 18px; } }

.zoomed-images figure { position: absolute; top: 70px; right: 250px; left: 0; bottom: 0; min-height: 0; height: auto; }

@media (max-width: 1024px) { .zoomed-images figure { top: 56px; } }

@media (max-width: 614px) { .zoomed-images figure { position: relative; height: 400px; } }

.zoomed-images figure > div { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: contain; background-origin: content-box; padding: 24px; }

@media (max-width: 614px) { .zoomed-images figure > div { padding: 0; } }

.zoomed-images figure > div img { display: block; margin: 0 auto; max-width: 100%; max-height: 100%; width: auto; height: auto; }

.zoomed-images ul { position: absolute; top: 50%; right: 0; width: 250px; -khtml-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 614px) { .zoomed-images ul { position: relative; top: 0; width: auto; padding: 0 34px; -khtml-transform: translateY(0); transform: translateY(0); } }

.zoomed-images ul li { cursor: pointer; padding: 12px; }

@media (max-width: 614px) { .zoomed-images ul li { padding: 12px 0; } }

.zoomed-images ul li span { position: relative; display: inline-block; font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 12px; letter-spacing: 1.36px; line-height: 22px; text-transform: uppercase; color: #fff; }

@media (max-width: 1024px) { .zoomed-images ul li span { font-size: 11px; letter-spacing: 1.25px; line-height: 22px; } }

.zoomed-images ul li span::after { display: block; position: absolute; bottom: -2px; left: 0; right: 0; content: ""; opacity: 0; border-bottom: 1px solid #F4805B; }

.zoomed-images ul li.active span::after { opacity: 1.0; }

section.blog { padding: 160px 0 120px; background: white; }

@media (max-width: 1330px) { section.blog { padding: 100px 0; } }

@media (max-width: 614px) { section.blog { padding: 90px 0; } }

section.blog h1 { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; font-size: 26px; letter-spacing: 1.87px; line-height: 32px; padding-bottom: 100px; }

@media (max-width: 768px) { section.blog h1 { padding-bottom: 46px; } }

@media (max-width: 1024px) and (max-height: 614px) { section.blog h1 { padding-bottom: 33px; max-width: 264px; margin: 0 auto; } }

section.blog > div { display: -ms-grid; display: grid; grid: auto / 1fr 1fr 1fr; grid-gap: 72px; max-width: 1100px; margin: 0 auto; padding: 0 60px; }

@media (max-width: 1330px) { section.blog > div { padding: 0 48px; grid-gap: 36px; } }

@media (max-width: 768px) { section.blog > div { grid: auto / 1fr 1fr; grid-gap: 40px 50px; } }

@media (max-width: 614px) { section.blog > div { grid: auto / 1fr; grid-gap: 32px; padding: 0 32px; } }

section.blog .article { position: relative; padding-bottom: 40px; border-bottom: 1px solid #231F20; }

@media (max-width: 1330px) { section.blog .article { padding-bottom: 20px; } }

@media (max-width: 768px) { section.blog .article { padding-bottom: 15px; } }

@media (max-width: 614px) { section.blog .article { padding-bottom: 10px; } }

section.blog .article .image-container { overflow: hidden; position: relative; padding-bottom: 100%; }

section.blog .article .image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: gray; box-sizing: border-box; transition: all 1s; }

section.blog .article .image:hover { -khtml-transform: scale(1.05); transform: scale(1.05); }

section.blog .article .content > div { margin: 0; padding: 0; height: 100%; width: 100%; display: table; }

section.blog .article .content > div > div { display: table-cell; vertical-align: middle; padding-top: 15px; }

@media (max-width: 768px) { section.blog .article .content > div > div { padding-left: 30px; padding-right: 30px; } }

section.blog .article .content h2 { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; font-size: 25px; letter-spacing: 0.93px; line-height: 34px; max-width: 460px; padding-top: 15px; padding-bottom: 20px; }

@media (max-width: 1330px) { section.blog .article .content h2 { font-size: 22px; letter-spacing: 0.82px; line-height: 27px; padding-top: 2px; padding-bottom: 8px; } }

@media (max-width: 1024px) { section.blog .article .content h2 { line-height: 28px; } }

@media (max-width: 768px) { section.blog .article .content h2 .not-on-mobile { display: none; } }

@media (max-width: 768px) { section.blog .article .content h2.news-headline { font-size: 25px; } }

@media (max-width: 614px) { section.blog .article .content h2.news-headline { padding-bottom: 10px; letter-spacing: normal; font-weight: 700; font-size: 25px; } }

section.blog .article .content .date, section.blog .article .content .source { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 100; font-size: 13px; letter-spacing: 0.86px; line-height: 30px; padding-bottom: 12px; text-decoration: none; text-transform: uppercase; }

@media (max-width: 1330px) { section.blog .article .content .date, section.blog .article .content .source { font-size: 11px; letter-spacing: 0.73px; line-height: 30px; } }

section.blog .article .content .source { padding-left: 50px; }

section.blog .article .content button, section.blog .article .content .button { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 100; display: inline-block; margin-top: 30px; padding: 14px 18px 12px; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 12px; letter-spacing: 1.88px; line-height: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; color: #231F20; border: 1px solid #F4805B; background: #fff; cursor: pointer; clear: both; transition: all 300ms; -khtml-transform: translateY(-20px); transform: translateY(-20px); }

@media (max-width: 1330px) { section.blog .article .content button, section.blog .article .content .button { font-size: 11px; letter-spacing: 1.73px; } }

section.blog .article .content button:hover, section.blog .article .content button:focus, section.blog .article .content .button:hover, section.blog .article .content .button:focus { outline: none !important; box-shadow: none; background: #F4805B; }

@media (max-width: 768px) { section.blog .article.narrow-mobile { margin-left: 0; margin-right: 0; } }

@media (max-width: 768px) { section.blog .article.narrow-mobile .content > div > div { padding-left: 0; padding-right: 0; } }

section.blog-post { padding: 112px 30px 120px; }

@media (max-width: 1024px) { section.blog-post { padding: 112px 100px 70px; } }

@media (max-width: 768px) { section.blog-post { padding: 82px 97px 70px; } }

@media (max-width: 614px) { section.blog-post { padding: 64px 32px 70px; } }

@media (max-width: 1024px) and (max-height: 614px) { section.blog-post { padding: 112px 30px 40px; } }

.article-body { position: relative; max-width: 876px; margin: 0 auto; }

@media (max-width: 1330px) { .article-body { max-width: 684px; } }

@media (max-width: 768px) { .article-body { padding: 0; } }

.article-body .date, .article-body .source, .article-body .back { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 100; font-size: 13px; letter-spacing: 0.86px; line-height: 30px; padding-bottom: 12px; text-decoration: none; text-transform: uppercase; }

@media (max-width: 1330px) { .article-body .date, .article-body .source, .article-body .back { font-size: 11px; letter-spacing: 0.73px; line-height: 30px; } }

@media (max-width: 614px) { .article-body .date, .article-body .source, .article-body .back { display: block; line-height: 26px; } }

@media (max-width: 614px) { .article-body .date { padding: 0; } }

.article-body .source { padding-left: 50px; }

@media (max-width: 614px) { .article-body .source { padding: 0; } }

.article-body .back { display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-bottom: 5px; }

.article-body .back::before { content: ""; width: 15px; height: 7px; display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: 5px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../../img/drop-arrow-orange.svg); -khtml-transform: rotate(90deg); transform: rotate(90deg); }

.article-body figure { position: relative; overflow: hidden; width: 100%; padding-bottom: 75%; margin-bottom: 15px; }

.article-body figure .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: gray; background-position: center; background-repeat: no-repeat; }

.article-body .read-more { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 100; display: inline-block; margin-top: 50px; padding: 14px 24px 12px; font-size: 12px; text-transform: uppercase; text-decoration: none; text-align: center; letter-spacing: 1.88px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; color: #231F20; border: 1px solid #F4805B; line-height: 1; background: #fff; cursor: pointer; clear: both; transition: all 300ms; -khtml-transform: translateY(-20px); transform: translateY(-20px); }

.article-body .read-more:hover, .article-body .read-more:focus { outline: none !important; box-shadow: none; background: #F4805B; }

.article-body h1 { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; font-size: 25px; letter-spacing: 0.93px; line-height: 34px; padding-top: 70px; padding-bottom: 34px; }

@media (max-width: 1330px) { .article-body h1 { padding-top: 40px; font-size: 22px; letter-spacing: 0.82px; line-height: 27px; padding-bottom: 18px; } }

@media (max-width: 614px) { .article-body h1 { padding-top: 20px; } }

.article-body b, .article-body strong { font-family: 'TradeGothicLTStd-BoldExt', sans-serif; font-weight: 500; }

.article-body i, .article-body em { font-style: italic; }

.article-body p { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; font-size: 16px; letter-spacing: 1.08px; line-height: 26px; padding-bottom: 18px; }

@media (max-width: 1330px) { .article-body p { font-size: 14px; letter-spacing: 0.74px; line-height: 20px; } }

.article-body blockquote { padding: 12px; margin: 12px 24px 40px; background: rgba(0, 0, 0, 0.1); }

@media (max-width: 768px) { .article-body blockquote { margin: 12px 0px 20px; } }

.article-body blockquote p { padding: 0; margin: 0; }

.article-body a { color: #231F20; }

.article-body ul, .article-body ol { padding-left: 40px; margin: 12px 24px 40px; }

@media (max-width: 768px) { .article-body ul, .article-body ol { padding-left: 20px; margin: 12px 0px 20px; } }

.article-body ul li, .article-body ol li { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; font-size: 19px; letter-spacing: 1.87px; line-height: 28px; padding: 0 0 24px 24px; }

@media (max-width: 768px) { .article-body ul li, .article-body ol li { font-size: 16px; } }

.article-body ul { list-style: disc; }

.article-body ol { list-style: decimal; }

.article-body img { display: block; width: 100%; height: auto; }

.article-body img.alignright, .article-body img.alignleft { width: 50%; max-width: 540px; }

@media (max-width: 768px) { .article-body img.alignright, .article-body img.alignleft { width: 100%; max-width: none; } }

.article-body img.alignright { margin: 0 0 40px 60px; float: right; }

.article-body img.alignleft { margin: 0 60px 40px 0; float: left; }

.article-summaries { display: -ms-grid; display: grid; grid: auto / 1fr 1fr 1fr; -ms-grid: auto / 1fr 1fr 1fr; grid-gap: 30px; -ms-grid-gap: 30px; }

@media (max-width: 900px) { .article-summaries { grid: auto / 1fr 1fr; -ms-grid: auto / 1fr 1fr; } }

@media (max-width: 768px) { .article-summaries { grid: auto / 1fr; -ms-grid: auto / 1fr; } }

@media (max-width: 768px) { .article-summaries .article { padding-bottom: 80px; } }

.article-summaries .article .image { display: block; height: 330px; margin-bottom: 30px; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: gray; transition: all 1s; }

.article-summaries .article .date, .article-summaries .article .source { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 100; font-size: 13px; letter-spacing: 0.86px; line-height: 30px; padding-bottom: 12px; text-decoration: none; text-transform: uppercase; }

.article-summaries .article .source { padding-left: 50px; }

.article-summaries .article h2 { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 300; font-size: 33px; letter-spacing: 3.74px; line-height: 39px; padding-top: 20px; }

.article-summaries .article p { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; font-size: 19px; letter-spacing: 1.87px; line-height: 28px; max-width: 380px; padding: 14px 0 24px; }

@media (max-width: 1024px) { .article-summaries .article p { font-size: 12px; letter-spacing: 0.31px; line-height: 21px; } }

.article-summaries .article button, .article-summaries .article .button { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; font-size: 19px; letter-spacing: 1.87px; line-height: 28px; position: relative; display: inline-block; text-transform: uppercase; color: #231F20; text-decoration: none; }

.article-summaries .article button span, .article-summaries .article .button span { display: block; position: absolute; left: 0; right: 0; height: 2px; top: 100%; overflow: hidden; }

.article-summaries .article button span::before, .article-summaries .article button span::after, .article-summaries .article .button span::before, .article-summaries .article .button span::after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all 300ms; }

.article-summaries .article button span::before, .article-summaries .article .button span::before { -khtml-transform: translateX(-200%); transform: translateX(-200%); }

.article-summaries .article button span::after, .article-summaries .article .button span::after { background-color: black; }

.pagination { margin-top: 40px; padding-bottom: 40px; border-top: 1px solid rgba(0, 0, 0, 0.1); text-align: center; }

.pagination .page-numbers { position: relative; display: inline-block; padding: 12px; color: #231F20; text-decoration: none; text-transform: uppercase; }

.pagination .page-numbers.current::before { display: block; position: absolute; content: ""; top: -1px; left: 0; right: 0; height: 1px; background: #231F20; }

section.gallery { padding-top: 50px; padding-bottom: 70px; background: white; }



@media (max-width: 1330px) { section.gallery{ padding-top: 90px; } }


section.gallery nav { position: fixed; top: 80px; left: 0; right: 0; text-align: center; box-shadow: 0 2px 5px rgba(100, 100, 100, 0.1); background: #fff; z-index: 2; }




section.gallery nav .anchor { display: none; position: relative; font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 100; padding: 25px 12px 23px; color: #231F20; font-size: 12px; letter-spacing: 1.36px; text-transform: uppercase; cursor: pointer; text-decoration: none; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media (max-width: 1330px) { section.gallery nav .anchor { font-size: 9px; letter-spacing: 0.92px; } }

@media (max-width: 768px) { section.gallery nav .anchor { display: block; font-size: 9px; letter-spacing: 0.6px; padding: 15px 12px 14px; } }

section.gallery nav .anchor::after { content: ""; width: 15px; height: 7px; position: absolute; top: 50%; right: 34px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../../img/drop-arrow-orange.svg); transition: all 300ms; -khtml-transform: translateY(-50%); transform: translateY(-50%); }

section.gallery nav .anchor.open::after { -khtml-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

@media (max-width: 768px) { section.gallery nav ul { display: none; position: absolute; top: 100%; left: 0; right: 0; background: rgba(255, 255, 255, 0.85); box-shadow: 0 2px 5px rgba(100, 100, 100, 0.1); } }

@media (max-width: 768px) { section.gallery nav ul.open { display: block; } }

section.gallery nav ul li { display: inline-block; vertical-align: middle; }

@media (max-width: 768px) { section.gallery nav ul li { display: block; } }

section.gallery nav ul li a { position: relative; font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 100; display: inline-block; padding: 25px 12px 23px; color: #231F20; font-size: 12px; letter-spacing: 1.36px; text-transform: uppercase; cursor: pointer; text-decoration: none; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media (max-width: 1330px) { section.gallery nav ul li a { font-size: 9px; letter-spacing: 0.92px; } }

@media (max-width: 768px) { section.gallery nav ul li a { font-size: 9px; letter-spacing: 0.6px; display: block; padding: 15px 12px 14px; border-top: 1px solid #231F20; } }

section.gallery nav ul li a::after { position: relative; bottom: 0; left: 0; right: 0; content: ""; display: block; height: 1px; background: #F4805B; opacity: 0; transition: all 300ms; }

@media (max-width: 768px) { section.gallery nav ul li a::after { display: none; } }

section.gallery nav ul li a.active { font-family: 'TradeGothicLTStd-BoldExt', sans-serif; font-weight: 500; }

@media (max-width: 768px) { section.gallery nav ul li a.active { font-family: 'TradeGothicLTStd-Extended', sans-serif; font-weight: 100; background: #231F20; color: #fff; } }

section.gallery nav ul li a:focus::after, section.gallery nav ul li a:hover::after { opacity: 1; }

section.gallery .grid { display: -ms-grid; display: grid; grid: auto / 1fr 1fr 1fr; grid-gap: 20px; max-width: 1160px; margin: 0 auto; padding: 180px 60px 60px; }

@media (max-width: 1330px) { section.gallery .grid { padding: 90px 34px 0; } }


@media (max-width: 1000px) { section.gallery .grid { padding: 70px 34px 0; } }

@media (max-width: 768px) { section.gallery .grid { padding: 50px 34px 0; } }


@media (max-width: 614px) { section.gallery .grid { grid: auto / 1fr 1fr; padding: 30px 22px 0; grid-gap: 10px; } }

section.gallery .grid figure { position: relative; width: 100%; padding-bottom: 74%; overflow: hidden; }

section.gallery .grid figure .image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; transition: all 1s; }

section.gallery .grid figure:hover .image { -khtml-transform: scale(1.05); transform: scale(1.05); }

#lightbox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 500; background: #231F20; overflow: hidden; display: none; }

#lightbox.visible { display: block; }

#lightbox .close { position: absolute; top: 100px; right: 30px; width: 30px; height: 30px; display: block; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../../img/close-white.svg); z-index: 1000 }

@media (max-width: 1330px) { #lightbox .close { top: 100px; right: 20px; width: 18px; height: 18px; } }

#lightbox .prev, #lightbox .next { position: absolute; top: 80px; bottom: 80px; width: 136px; background-repeat: no-repeat; background-position: center; background-size: 20px 43px; cursor: pointer; }

@media (max-width: 1330px) { #lightbox .prev, #lightbox .next { width: 90px; background-size: 14px 30px; } }

@media (max-width: 614px) { #lightbox .prev, #lightbox .next { width: 30px; background-size: 9px 20px; } }

#lightbox .prev { left: 0; background-image: url(../../img/arrow-left-white.svg); }

#lightbox .next { right: 0; background-image: url(../../img/arrow-right-white.svg); }

#lightbox > div { position: absolute; top: 80px; bottom: 80px; left: 136px; right: 136px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; opacity: 0; transition: all 1s; }

@media (max-width: 1330px) { #lightbox > div { left: 90px; right: 90px; } }

@media (max-width: 614px) { #lightbox > div { left: 30px; right: 30px; } }

#lightbox > div.visible { opacity: 1; }

#lightbox > div figure .lightbox-image { display: block; max-width: calc(100vw - 272px); max-height: calc(100vh - 160px); width: auto; height: auto; }

@media (max-width: 1330px) { #lightbox > div figure .lightbox-image { max-width: calc(100vw - 180px); max-height: calc(100vh - 270px); } }

@media (max-width: 614px) { #lightbox > div figure .lightbox-image { max-width: calc(100vw - 60px); } }

#lightbox > div figure figcaption { font-family: 'Austin Web'; font-weight: 300; font-style: normal; font-stretch: normal; font-size: 16px; letter-spacing: 0.85px; padding: 12px 0; color: #fff; }