/* -------------------------------------------

	Name: 		Transit
	Date:		2017/04/25
	Author:		http://psdhtml.me
		   		   
---------------------------------------------  */
* { margin: 0; padding: 0; }
*, :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; }
body { min-height: 100%; background: #fff; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, textarea, input, select, option, button { color: #666; font-family: Gotham_web, Arial, Helvetica, sans-serif; line-height: 1.63636363636; }
li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.1em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 12px; }

article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }


/*! Layout --------- */
#root { overflow: hidden; position: relative; width: 100%; min-height: 100px; }
	body:before { content: ""; display: block; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; width: 525px; background: #fff; }
	#top { }
		#logo { position: fixed; left: 40px; top: 40px; z-index: 9; color: #fff; font-size: 22px; font-weight: 400; line-height: 1.09090909091; text-transform: uppercase; }
			#logo a { color: #fff; font-weight: 400; text-decoration: none; }
			#logo span, #logo img { display: block; }
		#skip { position: fixed; top: 0; left: -10000px; }
			#skip a:focus, #skip a:active { display: block; position: absolute; left: 10000px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 4px 8px; background: #333; color: #fff; font-weight: 500; font-size: 1.1em; text-align: center; text-decoration: none; }			
		#nav { }
			#nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 { position: absolute; right: 40px; top: 35px; z-index: 12; padding: 0 37px 0 0; color: #000; font-size: 1.1em; font-weight: 300; text-transform: uppercase; cursor: pointer; }
				#nav h1:before, #nav h2:before, #nav h3:before, #nav h4:before, #nav h5:before, #nav h6:before { content: ""; display: block; position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; z-index: 9; }
				#nav .burger { position: absolute; right: 0; top: 6px; width: 15px; height: 7px; }
				#nav .burger:before, #nav .burger:after { content: ""; display: block; position: absolute; right: 0; width: 15px; height: 2px; background: #000; }
					#nav .burger:before { top: 0; }
					#nav .burger:after { bottom: 0; }
						.home #nav .burger:before, .home #nav .burger:after { background-color: #fff; }
						.menu-active #nav .burger:before, .menu-active #nav .burger:after, .gallery.menu-active #nav .burger:before, .gallery.menu-active #nav .burger:after { background-color: #ed1c24; }
							.menu-active #nav .burger:before { top: 1px; }
							.menu-active #nav .burger:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
							.menu-active #nav .burger:after { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
							.menu-active #nav .burger:after { bottom: 4px; }
					.menu-active #nav h1, .menu-active #nav h2, .menu-active #nav h3, .menu-active #nav h4, .menu-active #nav h5, .menu-active #nav h6 { position: fixed; }	
					.bg-active #nav h1, .bg-active #nav h2, .bg-active #nav h3, .bg-active #nav h4, .bg-active #nav h5, .bg-active #nav h6, .home #nav h1, .home #nav h2, .home #nav h3, .home #nav h4, .home #nav h5, .home #nav h6 { color: #fff; }	
						.bg-active #nav .burger:before, .bg-active #nav .burger:after { background-color: #fff; }
			#nav > ul { position: fixed; right: 0; top: 0; bottom: 0; z-index: 11; list-style: none; width: 525px; margin: 0; padding: 91px 55px 0; background: #fff; }
			#nav > ul, #footer { right: -525px; }
				#nav > ul > li { margin: 0; font-size: 2em; }
				#nav > ul > li > a { display: block; padding: 1px 0; color: #000; font-weight: 500; text-decoration: none; }
					#nav > ul > li.active > a, #nav > ul > li > a:hover { color: #666; }
					#nav > ul > li.active > a { cursor: default; }
					#nav > ul > li.footer { visibility: hidden; width: auto; padding-top: 20px; padding-right: 0; font-size: 10px; opacity: 0; }
				#nav #footer { position: absolute; }
				#nav > ul > li.logo { position: absolute; left: -3000em; top: 0; }
					#nav > ul > li.logo > a { padding: 0; }
			.menu-active #nav > ul, .menu-active #footer { right: 0; }
			.menu-active #nav > ul, .menu-active #footer, #nav #footer, .bg-active #background, .bg-active #background .wide, .home #background .wide, .home #background { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; }
		#bottom { position: fixed; left: 0; bottom: 0; z-index: 9; width: 100%; }
			#bottom ul { overflow: hidden; list-style: none; margin: 0; padding: 0; }
				#bottom ul li { visibility: hidden; position: absolute; right: 40px; bottom: 17px; float: right; font-size: 1.5em; opacity: 0; }
					#bottom ul li:first-child { visibility: visible; right: auto; left: 40px; float: left; opacity: 1; }
					.bg-active #bottom ul li, .home #bottom ul li { visibility: visible; opacity: 1; }
				#bottom ul li a { color: #fff; font-weight: 400; }
					#bottom ul li a:hover { color: #fff; }
	#content { position: relative; z-index: 4; float: right; width: 525px; padding: 100px 100px 50px; background: #fff; }
	#content:after, #top:after, #footer:after, form p:after, .social-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	#footer { position: fixed; right: -525px; bottom: 0; z-index: 12; width: 525px; padding: 0 55px 13px; background: #fff; color: #666; line-height: 1.8em; }
		#footer li, #footer p { font-size: 1em; }
		#footer a { color: #666; font-weight: 400; text-decoration: none; }
			#footer a:hover { color: #000; }	
		#footer #author { padding: 42px 0 0; color: #666; font-size: .85em; line-height: 1.41176470588; }
			#footer #author a { color: #666; }
				#footer #author a:hover { color: #000; }
			#footer .social-a + #author { padding-top: 0; }
	#background { overflow: hidden; position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 8; height: 100%; margin: 0; background-position: 0 center; background-repeat: no-repeat; background-size: cover; background-color: #000; line-height: 1.09090909091; }
		#background { -moz-transform: translateX(-525px); -webkit-transform: translateX(-525px); -o-transform: translateX(-525px); -ms-transform: translateX(-525px); transform: translateX(-525px); }
		#background .wide, #background .mobile { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; background-position: 100% center; background-repeat: no-repeat; background-size: cover; }
		#background .wide { -moz-transform: translateX(10%); -webkit-transform: translateX(10%); -o-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); }
		#background .mobile { left: -3000em; top: -3000em; right: auto; bottom: auto; background-position: center center; }
		#background img { display: block; position: absolute; right: 0; top: 0; width: auto !important; height: 100% !important; }
		#background a.big { display: block; visibility: hidden; position: absolute; right: 40px; bottom: 15px; width: 45px; height: 45px; color: #000; font-weight: 400; font-family: i; font-size: 18px; line-height: 45px; text-align: left; text-indent: -3000em; text-decoration: none; opacity: 0; }
			#background.resize a.big { visibility: visible; opacity: 1; }
			#background a.big:before, #background a.big:after { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; text-indent: 0; }
				#background a.big:before { z-index: 1; border-radius: 99px; background: #fff; opacity: .4; }
				#background a.big:after { content: "\e90c"; z-index: 2; }
		#background a.big.b { right: auto; left: -45px; margin: 0 0 0 -22.5px; font-size: 14px; }
			#background a.big.b:after { content: "\e90e"; }
		#background figcaption { display: block; position: absolute; left: 0; top: 50%; z-index: 99; width: 100%; padding: 0 40px; }
		#background figcaption { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
			#background figcaption span { display: block; color: #fff; font-weight: 400; font-size: 50px; text-transform: none; }
			#background figcaption span + span { margin-top: 0; }
			#background figcaption span.strong { font-size: 80px; font-weight: 700; }
		.bg-active #background { }
			.bg-active #background a.big.a { right: -45px; }
			.bg-active #background a.big.b { left: 50%; }
		#background iframe, #background .video { display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; width: 100%; height: 100%; margin: 0; background: #000; object-fit: cover; }
			#background video { object-fit: cover; }
			#background .video { /*left: -50px; right: -50px; bottom: -55px;*/ width: auto; height: auto; background: #000; }
				#background .video video { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; min-width: 100%; height: 100%; min-height: 100%; background: #000; object-fit: cover; }
				#background .video > *, #background .video video { z-index: 10 !important; }
	#back { position: fixed; right: 45px; top: 0; z-index: 99; width: 80px; height: 80px; }
		#back a { display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: #000; font-size: 23px; font-weight: 400; line-height: 40px; text-align: left; text-indent: -3000em; text-decoration: none; }
			#back a:before { content: "\e90e"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -20px 0 0; font-family: i; text-align: center; text-indent: 0; }
	#gallery { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 98; list-style: none; margin: 0; padding: 0; background: #fff; }
		#gallery li { height: 100vh; border: 120px solid #fff; background-position: center center; background-repeat: no-repeat; background-size: contain; }
		#gallery li.full { border-width: 0; background-size: cover; }
		#gallery .bx-prev, #gallery .bx-next, #gallery .ar { display: block; position: absolute; top: 0; bottom: 0; z-index: 9; width: 100px; color: #000; font-weight: 400; font-family: i; font-size: 23px; line-height: 40px; text-decoration: none; text-align: left; text-indent: -3000em; cursor: pointer; }
			#gallery .bx-prev, #gallery .ar.a { left: 0; }
			#gallery .bx-next, #gallery .ar.b { right: 0; }
			#gallery .ar { z-index: 8; }
		#gallery .ar:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -20px 0 0; line-height: 40px; text-align: center; text-indent: 0; }
			#gallery .ar.a:before { content: "\e907"; text-align: right; }
			#gallery .ar.b:before { content: "\e909"; text-align: left; }			
		#gallery.swiping .ar { z-index: 10; }
	#gallery-mobile { position: relative; z-index: 99; list-style: none; margin: 0; padding: 0; }
		#gallery-mobile li { margin: 0 0 20px; }
	#root:before, #root:after { content: ""; display: block; position: fixed; right: 0; z-index: 5; width: 525px; background: #fff; }
		#root:before { top: 0; height: 40px; }
		#root:after { bottom: 0; height: 25px; }

.gallery { }
	.gallery #footer, .gallery #logo, .gallery #nav, .gallery #nav ul, #gallery.off, #gallery .bx-prev.disabled, #gallery .bx-next.disabled { visibility: hidden; opacity: 0; }
	

/*! Columns --------- */


/*! Modules --------- */
.social-a { list-style: none; margin-top: 12px; margin-bottom: 25px; padding: 0; }
	.social-a li { float: left; margin: 0 20px 0 0; font-size: 1.3em; }
	.social-a a, #footer .social-a a { color: #000; font-weight: 400; text-decoration: none; }
	.social-a i { display: block; float: left; font-size: 13px; line-height: 13px; }
		.social-a i.icon-twitter { font-size: 11px; }
	.social-a:last-child { margin-bottom: 12px; }


/*! Headers --------- */
h1, h2, h3, h4, h5, h6 { margin-bottom: 5px; color: #000; font-weight: 500; font-size: 1.3em; line-height: 1.61538461538; }
	h1.inline, h2.inline, h3.inline, h4.inline, h5.inline, h6.inline { margin: 0; font-size: 1.1em; line-height: 1.63636363636; }
	h1.inline.big, h2.inline.big, h3.inline.big, h4.inline.big, h5.inline.big, h6.inline.big { margin-bottom: 14px; font-size: 1.3em; }
h1, h2 { margin: 30px 0 20px; color: #7b6e66; font-size: 4em; }
h3 { margin: 30px 0 14px; color: #7b6e66; font-size: 2em; }


/*! Content --------- */
b, strong, .strong { color: #000; font-weight: 500; }
blockquote { margin: 1em 40px; }
dfn, em, i, .em { font-style: italic; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 85%; }
strike, del, .strike { text-decoration: line-through; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }

.overlay-a { color: #000; }
.overlay-b { color: #666; }
	a.overlay-b { font-weight: 400; }
.overlay-c { color: #7b6e66; }


/*! Links --------- */
a { background: none; color: #000; font-weight: 700; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; }
	a:hover, a:focus, a:active { text-decoration: underline; outline: none; }

.link-a { margin-top: 35px; font-size: 1.1em; }
	.link-a a { display: inline-block; overflow: hidden; position: relative; padding: 9px 22px; border: 2px solid #000; text-decoration: none; }
		.link-a a:hover { color: #fff; }
		.link-a a:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; background: #000; }
		.link-a a:before { -moz-transform-origin: right center; -webkit-transform-origin: right center; -o-transform-origin: right center; -ms-transform-origin: right center; -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -o-transform: scale(0, 1); -ms-transform: scale(0, 1); } 
			.link-a a:hover:before { -moz-transform-origin: left center; -webkit-transform-origin: left center; -o-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } 


/*! Lists --------- */
ul, ol, dd, blockquote { padding-left: 40px; }
	ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

.list-a { list-style: none; margin-top: 18px; padding: 0; }
	.list-a li { margin-bottom: 17px; }
	.list-a + .list-a, .list-a + .list-a.a { margin-top: 30px; }
.list-a.a { margin-top: 14px; }
	.list-a.a li { margin-bottom: 6px; }
	.list-a.a li > span:first-child { display: block; color: #000; font-weight: 700; }

.list-b { list-style: none; margin: 0 0 29px; padding: 0; color: #000; font-weight: 700; }	
	.list-b li { position: relative; margin: 0 0 6px; padding-right: 65px; }
	.list-b span { display: block; color: #666; font-weight: 400; }
	.list-b .price { position: absolute; right: 0; top: 0; color: #000; font-weight: 700; }	
	
	
/*! Media --------- */
img, iframe, object, embed { max-width: 100% !important; }
img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }
.lt-ie9 img { max-width: none !important; }
	img::selection { background: transparent; }
	img::-moz-selection { background: transparent; }
iframe[src*="restogiftcards"] { min-height: 600px !important; }


/*! Forms --------- */
fieldset, hr { border-width: 0; }
	legend { position: absolute; left: 0; top: -3000em; padding: 0; border: 0; white-space: normal; }
	input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
	input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline: none; }
	input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
		input { }
			input[type="search"], input[type="number"], input[type="date"], input[type="time"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; }
				input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; }
				input::-o-outer-spin-button, input::-o-inner-spin-button { -o-appearance: none; margin: 0; }		
			input[type="checkbox"], input[type="radio"] { height: auto; padding: 0; border: 0; background: none; line-height: 1; }
			input[type="color"] { padding: 0; cursor: pointer; }
			input[type="date"] { display: -webkit-inline-flex; }
		textarea { overflow: auto; vertical-align: top; resize: vertical; }
		select { line-height: 1; text-overflow: ''; text-indent: 0.01px; -moz-appearance: none; -webkit-appearance: none; appearance: none;  } 
			select::-ms-expand { display: none; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline: none; -webkit-appearance: button; -webkit-font-smoothing: inherit; } 
		button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; }
	form [disabled] { cursor: default; }
	form > div { position: relative; }
::-webkit-input-placeholder { opacity: 1; color: inherit; }
::-moz-placeholder { opacity: 1; color: inherit; }
:-moz-placeholder { opacity: 1; color: inherit; }
:-ms-input-placeholder { opacity: 1; color: inherit; }
::-ms-input-placeholder { opacity: 1; color: inherit; }
	:focus::-webkit-input-placeholder { opacity: 0; }
	:focus::-moz-placeholder { opacity: 0; }
	:focus:-moz-placeholder { opacity: 0; }
	:focus:-ms-input-placeholder { opacity: 0; }
	:focus::-ms-input-placeholder { opacity: 0; }

form { }
	label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; }
	form p { position: relative; clear: both; }
	input { height: 32px; padding: 0 12px; }
	select { padding: 7px 7px 7px 9px; } 
	textarea { padding: 7px 7px 7px 12px; }  
	input, select, textarea { border: 1px solid #ccc; background: #fff; } 
	button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; float: left; padding: 6px 12px; border: 1px solid #ccc; background: #fff; }


/*! Tables --------- */
table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; }
	th, td { padding: 5px 10px; border: 1px solid #eee; font-weight: 400; text-align: left; }


/*! Helpers --------- */
.no-mobile .link-a a { -moz-transition: all .4s cubic-bezier(.4,0,.2,1); -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -o-transition: all .4s cubic-bezier(.4,0,.2,1); -ms-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1); }
.no-mobile .link-a a:before { -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1), -webkit-transform .4s cubic-bezier(.4,0,.2,1); }
#nav > ul, #footer { -webkit-transition: right .6s cubic-bezier(.77,0,.175,1) 0s; transition: right .6s cubic-bezier(.77,0,.175,1) 0s; }
#bottom ul li, #background a.big, .bg-active #nav h1, .bg-active #nav h2, .bg-active #nav h3, .bg-active #nav h4, .bg-active #nav h5, .bg-active #nav h6, .bg-active #nav .burger:before, .bg-active #nav .burger:after/*, content*/, #gallery, #background, #background .wide { -moz-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; -webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; -ms-transition: all .6s cubic-bezier(.77,0,.175,1) 0s; transition: all .6s cubic-bezier(.77,0,.175,1) 0s; }
#nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6, #nav .burger:before, #nav .burger:after { -moz-transition: all .2s cubic-bezier(.77,0,.175,1) 0s; -webkit-transition: all .2s cubic-bezier(.77,0,.175,1) 0s; -o-transition: all .2s cubic-bezier(.77,0,.175,1) 0s; -ms-transition: all .2s cubic-bezier(.77,0,.175,1) 0s; transition: all .2s cubic-bezier(.77,0,.175,1) 0s; }
#gallery .bx-prev, #gallery .bx-next, #back a, #gallery .ar { -moz-transition: color 1s cubic-bezier(.77,0,.175,1) 0s; -webkit-transition: color 1s cubic-bezier(.77,0,.175,1) 0s; -o-transition: color 1s cubic-bezier(.77,0,.175,1) 0s; -ms-transition: color 1s cubic-bezier(.77,0,.175,1) 0s; transition: color 1s cubic-bezier(.77,0,.175,1) 0s; }

#background, #background .wide { -moz-transition: -moz-transform .6s cubic-bezier(.77,0,.175,1) 0s; -webkit-transition: -webkit-transform .6s cubic-bezier(.77,0,.175,1) 0s; -webkit-transition: transform .6s cubic-bezier(.77,0,.175,1) 0s; -o-transition: -o-transform .6s cubic-bezier(.77,0,.175,1) 0s; -ms-transition: -ms-transform .6s cubic-bezier(.77,0,.175,1) 0s; transition: -webkit-transform .6s cubic-bezier(.77,0,.175,1) 0s; transition: transform .6s cubic-bezier(.77,0,.175,1) 0s; }
/*#background { -moz-transition: right .6s cubic-bezier(.77,0,.175,1) 0s; -webkit-transition: right .6s cubic-bezier(.77,0,.175,1) 0s; -o-transition: right .6s cubic-bezier(.77,0,.175,1) 0s; -ms-transition: right .6s cubic-bezier(.77,0,.175,1) 0s; transition: right .6s cubic-bezier(.77,0,.175,1) 0s; }
#background .wide { -moz-transition: background-position .6s cubic-bezier(.77,0,.175,1) 0s; -webkit-transition: background-position .6s cubic-bezier(.77,0,.175,1) 0s; -o-transition: background-position .6s cubic-bezier(.77,0,.175,1) 0s; -ms-transition: background-position .6s cubic-bezier(.77,0,.175,1) 0s; transition: background-position .6s cubic-bezier(.77,0,.175,1) 0s; }*/

.clear { clear: both; overflow: hidden; width: 100%; height: 0; }
.hidden, [hidden], template, #nav em, .js #background img, .social-a span, #mobile em, #bottom em, .js #gallery li img, #gallery-mobile, .home #background a.big, .js #root #background .mobile img { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; }

hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .hr hr { display: none; }

.social-a:first-child, .link-a:first-child, .list-a:first-child, .list-a.a:first-child, .list-b:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, h1 + .inline, h2 + .inline { margin-top: 0; }
#root .mb-a, #gallery-mobile li:last-child { margin-bottom: 0; }

#root .mb-b { margin-bottom: 12px; }
#root .mb-c { margin-bottom: 18px; }


/*! Warnings --------- */
p.lt-ie9 { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; }
	p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; }
	p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; }
.lt-ie9 body { padding-top: 28px; }


/*! Miscellaneous --------- */
audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
svg:not(:root) { overflow: hidden; }
@-ms-viewport { width: auto; } 

::selection { background: #000; color: #fff; text-shadow: none; }
::-moz-selection { background: #000; color: #fff; text-shadow: none; }

#root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }


/*! Fonts --------- */
@font-face { font-family: 'Gotham_web'; src: url('fonts/gotham-book.eot'); src: url('fonts/gotham-book.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-book.woff2') format('woff2'), url('fonts/gotham-book.woff') format('woff'), url('fonts/gotham-book.ttf') format('truetype'), url('fonts/gotham-book.svg#gotham_bookbook') format('svg'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Gotham_web'; src: url('fonts/gotham-bookitalic.eot'); src: url('fonts/gotham-bookitalic.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-bookitalic.woff2') format('woff2'), url('fonts/gotham-bookitalic.woff') format('woff'), url('fonts/gotham-bookitalic.ttf') format('truetype'), url('fonts/gotham-bookitalic.svg#gotham_bookbookitalic') format('svg'); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Gotham_web'; src: url('fonts/gotham-medium.eot'); src: url('fonts/gotham-medium.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-medium.woff2') format('woff2'), url('fonts/gotham-medium.woff') format('woff'), url('fonts/gotham-medium.ttf') format('truetype'), url('fonts/gotham-medium.svg#gotham_mediummedium') format('svg'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Gotham_web'; src: url('fonts/gotham-mediumitalic.eot'); src: url('fonts/gotham-mediumitalic.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-mediumitalic.woff2') format('woff2'), url('fonts/gotham-mediumitalic.woff') format('woff'), url('fonts/gotham-mediumitalic.ttf') format('truetype'), url('fonts/gotham-mediumitalic.svg#gotham_mediummediumitalic') format('svg'); font-weight: 500; font-style: italic; }
@font-face { font-family: 'Gotham_web'; src: url('fonts/gotham-bold.eot'); src: url('fonts/gotham-bold.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-bold.woff2') format('woff2'), url('fonts/gotham-bold.woff') format('woff'), url('fonts/gotham-bold.ttf') format('truetype'), url('fonts/gotham-bold.svg#gotham_boldbold') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Gotham_web'; src: url('fonts/gotham-bolditali.eot'); src: url('fonts/gotham-bolditali.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-bolditali.woff2') format('woff2'), url('fonts/gotham-bolditali.woff') format('woff'), url('fonts/gotham-bolditali.ttf') format('truetype'), url('fonts/gotham-bolditali.svg#gotham_boldbolditali') format('svg'); font-weight: 700; font-style: italic; }


/*! Icons --------- */
@font-face { font-family: 'i'; src: url('icons/icomoon.eot'); src: url('icons/icomoon.eot#iefix') format('embedded-opentype'), url('icons/icomoon.ttf') format('truetype'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.svg#icomoon') format('svg'); font-weight: 400; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.icon-arrow-down:before { content: "\e90b"; }
	.icon-arrow-left:before { content: "\e907"; }
	.icon-arrow-right:before { content: "\e909"; }
	.icon-arrow-up:before { content: "\e90a"; } 
	.icon-facebook:before { content: "\e908"; }
	.icon-google-plus:before { content: "\e905"; }
	.icon-instagram:before { content: "\e906"; }
	.icon-logo:before { content: "\e907"; }
	.icon-pinterest:before { content: "\e904"; }
	.icon-resize:before { content: "\e90c"; }
	.icon-skype:before { content: "\e901"; }
	.icon-twitter:before { content: "\e902"; }
	.icon-vimeo:before { content: "\e903"; }
	.icon-youtube:before { content: "\e900"; }
	.icon-x:before { content: "\e90e"; }


/* Animations --------- */
@-webkit-keyframes slide_down { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: none; transform: none; } }
@keyframes slide_down { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: none; transform: none; } }
@-webkit-keyframes slide_up { 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 0% { -webkit-transform: none; transform: none; } }
@keyframes slide_up { 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 0% { -webkit-transform: none; transform: none; } }


/* Responsive --------- */
@media only screen and (max-width: 75em) { /* 1200 */
#back { right: 0; }
#gallery { }
	#gallery .bx-prev:before, #gallery .bx-next:before, #gallery .ar:before { text-align: center; }
}
@media only screen and (max-width: 68.75em) { /* 1100 */
#content { width: 425px; padding-left: 50px; padding-right: 50px; }
#background { -moz-transform: translateX(-425px); -webkit-transform: translateX(-425px); -o-transform: translateX(-425px); -ms-transform: translateX(-425px); transform: translateX(-425px); }
#root:before, #root:after, #nav > ul, #footer { width: 425px; }
#nav > ul, #footer { padding-left: 50px; padding-right: 50px; }
#nav > ul, #footer { right: -425px; }
}
@media only screen and (max-width: 62.5em), screen and (max-height: 37.5em) { /* 1000 or 600h */
#gallery { }
	#gallery li { border-width: 80px; }
	#gallery .bx-prev, #gallery .bx-next, #gallery .ar { width: 50px; }
	
#root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; }
#root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }
}
@media only screen and (max-width: 62.5em) { /* 1000 */
#root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; }
#root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }
}
@media only screen and (max-width: 47.5em), screen and (max-height: 37.5em) { /* 760 or 600h */
#top { position: static; left: 0; }
	#logo { position: absolute; left: 40px; top: 20px; font-size: 20px; }
	#nav { }	
		#nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 { top: 18px; text-indent: -3000em; }
			#nav .burger:before, #nav .burger:after { background: #fff; }
		#nav > ul { left: 0; right: 0; top: 0; width: auto; padding-left: 40px; padding-right: 40px; }
		#nav > ul { -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
		#nav > ul { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(.77,0,.175,1); animation-timing-function: cubic-bezier(.77,0,.175,1); }
		.menu-deactive #nav > ul { -webkit-animation-name: slide_up; animation-name: slide_up; }
		.menu-active #nav > ul { -webkit-animation-name: slide_down; animation-name: slide_down; }
			#nav > ul > li.logo { position: relative; left: 0; margin: -72px 0 40px; }
			#nav > ul > li.footer { visibility: visible; position: absolute; left: 0; bottom: 0; top: auto; right: 0; padding-right: 20px; opacity: 1; }
			#nav #footer { position: relative; left: 0; top: 0; right: 0; bottom: 0; padding-top: 20px; }
#background { height: auto; max-height: 50vh; }
	#root #background { position: relative; left: 0; right: 0; background-position: -3000em -3000em; }
		#root #background .wide { visibility: hidden; opacity: 0; }
		#background img, #gallery-mobile img { width: 100% !important; height: auto !important; }
		.home #root #background { position: fixed; max-height: none; }
	#background figcaption span { font-size: 25px; }
		#background figcaption span.strong { font-size: 40px; }
	.home #background .mobile { left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }
#content { float: none; width: auto; }
	#content, #content.a, #footer { padding: 34px 40px 25px; }
#gallery-mobile { z-index: 1; }

#bottom, #gallery { visibility: hidden; opacity: 0; }
.gallery #top, .gallery #footer, .gallery #logo, .gallery #nav, .gallery #nav ul, .home #root #background .wide, .home #bottom { visibility: visible; opacity: 1; }
	.gallery #top { position: relative; padding-right: 50px; }
		.gallery #logo { position: relative; left: 0; top: 0; padding: 30px 40px; }
			.gallery #logo, .gallery #logo a { color: #000; }

h1, h2, h3 { margin-top: 20px; }
h1, h2 { margin-bottom: 20px; font-size: 3em; }
h3 { font-size: 2em; }

/*#nav > ul, #footer { -webkit-transition: transform .6s cubic-bezier(.77,0,.175,1) 0s; transition: transform .6s cubic-bezier(.77,0,.175,1) 0s; }*/

#footer, #background, #background .wide { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; }
.bg-active #nav h1, .bg-active #nav h2, .bg-active #nav h3, .bg-active #nav h4, .bg-active #nav h5, .bg-active #nav h6, .bg-active #nav .burger:before, .bg-active #nav .burger:after { -moz-transition: all .2s cubic-bezier(.77,0,.175,1) 0s; -webkit-transition: all .2s cubic-bezier(.77,0,.175,1) 0s; -o-transition: all .2s cubic-bezier(.77,0,.175,1) 0s; -ms-transition: all .2s cubic-bezier(.77,0,.175,1) 0s; transition: all .2s cubic-bezier(.77,0,.175,1) 0s; }
#root #background, #root #background .wide { -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
#root .tablet-hide, #root .mobile-only, .js #root #background img, #gallery-mobile { position: relative; left: 0; top: 0; }
#root .tablet-only, #root .mobile-hide, #root:before, #root:after, #root #background a.big, #footer, #back, #bottom { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }
}
@media only screen and (max-width: 31.25em) { /* 500 */
}
@media only screen and (max-width: 25em), screen and (max-height: 25em) { /* 400 or 400h */
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }	

#top { }
	#logo, #bottom ul li:first-child { left: 30px; }
		#nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6, #bottom ul li { right: 30px; }
#content, #content.a, #footer, #nav > ul, #background figcaption, .gallery #logo { padding-left: 30px; padding-right: 30px; }
}
@media only screen and (max-width: 47.5em) and (max-height: 31.25em) { /* 760 and 500h */
#nav > ul { padding-top: 30px; }
	#nav > ul > li.logo { margin: 0 0 20px; }
}
@media only screen and (max-width: 47.5em) and (max-height: 28.125em) { /* 760 and 450h */
#nav > ul { overflow-y: auto; overflow-x: hidden; padding-top: 20px; }
	#nav > ul > li.footer { position: relative; padding-right: 0; }
	#nav #footer { padding-right: 0; padding-left: 0; padding-top: 0; }
}