@charset "utf-8";
/* -------------------------------------------

	Name:		SethCable.com (print)
	Date:		2014/06/08
	Version:	1.33.4
			   		   
---------------------------------------------  */
* { margin: 0; padding: 0; }

html { overflow-y: scroll; min-height: 100%; height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); }
body { min-height: 100%; height: 100%; padding-top: 28px; background: #f1f0f0; font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; opacity: 0; }

body, textarea, input, select, option, button { color: #2c2c2c; font-family: Gotham, Arial, Helvetica, sans-serif; line-height: 1.55; }
li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.8em; } 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: 28px; }

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


/*! Layout --------- */
#root { overflow: hidden; min-height: 100%; }
	#top { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 161px; padding: 85px 0 0; background: #fff; }
	#top:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	.lt-ie9 #top { top: 28px; }
		#top h1 { position: relative; z-index: 1; width: 90%; max-width: 1130px; height: 90px; margin: 0 auto; }
			#top h1 a { display: block; overflow: hidden; width: 239px; height: 100%; background: url(../images/sprite-a.png) -32px -7px no-repeat; text-indent: -3000em; }
			#top h1 a { transform-origin: left center; -moz-transform-origin: left center; -webkit-transform-origin: left center; -o-transform-origin: left center; -ms-transform-origin: left center; }
				#top h1 a:hover, #top h1 a:focus, #top h1 a:active { background-position: -32px -948px; }
		#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 { position: absolute; right: 50%; top: 50%; z-index: 2; margin: -25px -565px 0 0; line-height: 50px; }
			#nav > ul { float: right; list-style: none; margin: 0; padding: 0; }
				#nav > ul > li { float: left; padding: 0 0 0 50px; font-size: 2em; text-transform: uppercase; }
				#nav > ul > li:first-child { padding-left: 0; }
				#nav > ul > li > a { font-weight: 400; }
			#nav > .fit-a { position: absolute; right: 3000em; top: 0; }
			#nav em { position: absolute; left: -3000em; top: -3000em; }
	#projects { width: 100%; max-width: 1360px; margin: 246px auto 18px; }
		#projects > ul { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; color: #fff; line-height: 1.1; }
			#projects > ul > li { overflow: hidden; position: relative; float: left; width: 25%; padding: 0; font-size: 2em; text-transform: uppercase; }
			.js #projects > ul > li { display: none; }
			#projects > ul > li a { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(243,104,35,.85); color: #fff; font-weight: 700; opacity: 0; filter: alpha(opacity = 0); }	
				/*#projects > ul > li a:after { content: ""; display: block; position: absolute; right: 18px; bottom: 21px; width: 19px; height: 31px; background: url(../images/sprite-a.png) -375px 0 no-repeat; }*/
				#projects > ul > li a > .inner { padding: 21px 25px 0; }
				#projects > ul > li:hover a { opacity: 1; filter: alpha(opacity = 100); }	
				#projects > ul > li a .fit-a { position: absolute; right: 26px; bottom: 17px; z-index: 2; width: 19px; height: 31px; } 
				#projects > ul > li a .fit-a { transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); } 
					#projects > ul > li a .fit-a > .a, #projects > ul > li a .fit-a > .b { content: ""; display: block; position: absolute; right: 0; top: 0; border-radius: 2px; background: #fff; }
						#projects > ul > li a .fit-a > .a { width: 23px; height: 5px; }
						#projects > ul > li a .fit-a > .b { width: 5px; height: 23px; }
				#projects > ul > li a .fit-b { display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; opacity: .85; filter: alpha(opacity = 85); }	
			#projects > ul > li.a a, .image-a.a span { background: rgba(0,173,255,.85); }
			#projects > ul > li.b a, .image-a.b span { background: rgba(241,198,1,.85); }
			.lt-ie9 #projects > ul > li a, .lt-ie9 .image-a span { background: url(../images/shadows/a.png); }
			.lt-ie9 #projects > ul > li.a a, .lt-ie9 .image-a.a span { background: url(../images/shadows/b.png); }
			.lt-ie9 #projects > ul > li.b a, .lt-ie9 .image-a.b span { background: url(../images/shadows/c.png); }
		#projects > ul > li > ul { position: absolute; left: -3000em; bottom: 15px; z-index: 2; }
			#projects > ul > li:hover > ul { left: 25px; }
			#projects > ul > li > ul li { padding: 0 0 3px; font-size: .7em; }
	#featured { margin: 246px 0 38px; text-align: center; }
		#featured + #content, #projects + #content { margin-top: 0; }
	#content { position: relative; z-index: 1; width: 90%; max-width: 1130px; margin: 246px auto 0; padding: 62px 0 150px; }
	#content:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
		#content #featured { width: 1360px; margin: 77px 0 77px -115px; }
	#footer { overflow: hidden; position: relative; z-index: 2; height: 50px; margin: -50px 0 0; background: #2c2c2c; color: #fff; font-weight: 700; line-height: 50px; text-transform: uppercase; }
		#footer a { color: #fff; }
			#footer a:hover, #footer a:focus, #footer a:active { color: #00adff; }
		#footer p { width: 90%; max-width: 1130px; margin: 0 auto; font-size: 1.5em; }
			#footer .date { margin-left: 57px; }
		#footer nav { position: absolute; right: 50%; top: 0; margin: 0 -565px 0 0; }
			#footer nav li { display: inline; font-size: 1.5em; font-style: normal; }
			#footer nav li:first-child { padding-left: 0; }
				#footer nav li a:hover, #footer nav li a:focus, #footer nav li a:active { color: #e67405; }

html.scrolled #top { height: 110px; padding: 20px 0 0; box-shadow: 0 2px 4px rgba(0,0,0,.05); }
	html.scrolled #top h1 a { transform: scale(.75,.75); -moz-transform: scale(.75,.75); -webkit-transform: scale(.75,.75); -o-transform: scale(.75,.75); -ms-transform: scale(.75,.75); }	
html.scrolled #content, html.scrolled #featured, html.scrolled #projects { margin-top: 130px; }


/*! Columns --------- */
.cols-a { width: 100%; padding: 0 0 78px; }
.cols-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	.cols-a > *:first-child { float: left; width: 61.5%; }
	.cols-a > aside { float: right; width: 31.6%; }
	.cols-a > asidealt { float: right; width: 31.6%; }
	
.double-a { position: relative; width: 100%; margin: 77px 0; }
.double-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	.double-a > * { position: relative; z-index: 2; float: right; width: 49.9%; margin: 0; }
		.double-a > .middle > .inner { position: absolute; left: 0; top: 50%; }
	.double-a > *:first-child { float: left; width: 42.4%; }
	.double-a > figure, .triple-a > figure { padding-top: 6px; }
.double-a.a { margin: 105px 0; }
	.double-a.a > * { float: left; }
	.double-a.a > *:first-child { float: right; }
.double-a.b { min-height: 513px; }
	.double-a.b > * { padding-top: 116px; }
	.double-a.b > figure { position: absolute; left: 50%; top: 0; z-index: 1; width: auto; margin: 0 0 0 -680px; padding: 0; }
figure + .double-a { margin-top: 102px; }

.double-b { position: relative; width: 100%; margin: 53px 0; }
.double-b:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	.double-b > * { float: right; width: 465px; padding: 38px 37px 15px; background: #fff; }
	.double-b > *:first-child { float: left; }
.gallery-c + .double-b { margin-top: 0; }
	
.double-c { width: 100%; margin: 77px 0; }
.double-c:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	.double-c > * { float: right; width: 31%; }
	.double-c > *:first-child { float: left; width: 65.6%; }
.double-c.a { }
	.double-c.a > * { float: left; }
	.double-c.a > *:first-child { float: right; }	
	
.triple-a { width: 100%; margin: 77px 0; }
.triple-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	.triple-a > * { float: left; width: 31%; }
		.triple-a > *:first-child { margin-right: 3.5%; }
		.triple-a > *:last-child { float: right; }
		.triple-a > .last-child { float: right; }


/*! Modules --------- */
.double-a:first-child, .triple-a:first-child, .double-a.a:first-child, .pagination-a:first-child { margin-top: 0; }
.double-a:last-child, .triple-a:last-child, .double-a.a:last-child { margin-bottom: 0; }
.double-a.last-child, .triple-a.last-child, .double-a.a.last-child { margin-bottom: 0; }

.error-a, #content.error-a { width: 480px; padding-top: 218px; padding-left: 225px; padding-right: 425px; }
	.error-a h2:first-child { overflow: hidden; position: absolute; left: 0; top: 105px; z-index: 1; width: 394px; height: 117px; background: url(../images/sprite-a.png) 0 -393px no-repeat; text-indent: -3000em; }
	.error-a > * { position: relative; z-index: 2; }
	.error-a a { text-transform: uppercase; }

.gallery-a { overflow: hidden; list-style: none; width: 105%; margin: 0; padding: 0; }
	.gallery-a li { float: left; margin: 0 34px 34px 0; padding: 0; }

.gallery-b { overflow: hidden; list-style: none; width: 105%; margin: 0 0 50px; padding: 0; }
	.gallery-b li { display: block; position: relative; float: left; margin: 0 25px 23px 0; padding: 0; }
	.gallery-b li a { display: block; position: relative; }
	.gallery-b li img { display: block; position: relative; z-index: 1; }
	.gallery-b li canvas, .gallery-b li img.bw { position: absolute; left: 0; top: 0; z-index: 2; }
		.gallery-b li:hover canvas, .gallery-b li:hover img.bw { opacity: 0; filter: alpha(opacity = 0); }
.rgba .gallery-b { width: auto; margin-left: -25px; }
	.rgba .gallery-b li { width: 11.1111%; margin-right: 0; border-left: 25px solid rgba(0,0,0,0); }
	.rgba .gallery-b li.double { width: 22.2222%; }
	.rgba .gallery-b li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
.gallery-b.a { }
	.gallery-b.a li { margin: 0 23px 22px 0; }	
.rgba .gallery-b.a { width: auto; margin-left: -23px; }
	.rgba .gallery-b.a li { width: 10%; margin-right: 0; border-left: 23px solid rgba(0,0,0,0); }
	.rgba .gallery-b.a li.double { width: 20%; }
.gallery-b:last-child, .cols-a:last-child { margin-bottom: 0; }
.gallery-b.ast-child, .cols-a.last-child { margin-bottom: 0; }

.gallery-c { overflow: hidden; list-style: none; width: 105%; margin: 59px 0 9px; padding: 0; }
	.gallery-c li { float: left; width: 539px; margin: 0 52px 43px 0; padding: 0; font-size: 1.5em; }
	.gallery-c li img { display: block; margin: 0 0 9px; }
.gallery-c.a { margin-bottom: 11px; }
	.gallery-c.a li { width: 351px; margin: 0 39px 59px 0; }
.gallery-c.b { margin-bottom: 13px; }	
	.gallery-c.b li { width: 250px; margin: 0 43px 30px 0; }
.gallery-c + .gallery-c, .gallery-c.a + .gallery-c, .gallery-c.b + .gallery-c, .gallery-c.a + .gallery-c.a, .gallery-c.b + .gallery-c.a, .gallery-c.a + .gallery-c.b, .gallery-c.b + .gallery-c.b { margin-top: 0; }
	.gallery-c + .gallery-c.a, .gallery-c + .gallery-c.b { margin-top: 58px; }

.gallery-d { overflow: hidden; list-style: none; width: auto; margin-left: -23px; margin-right: -23px; padding: 0; text-align: center; }
	.gallery-d li { display: -moz-inline-stack; display: inline-block; position: relative; margin: 0 23.5px 50px; padding: 0; background: none; }
	.ie7 .gallery-d li { display: inline; zoom: 1; }
	.gallery-d li img { position: absolute; left: 0; top: 0; z-index: 2; opacity: 1; filter: alpha(opacity = 000); }
	.gallery-d li img:first-child, .gallery-d li:hover img:first-child { position: relative; z-index: 1; opacity: 1; filter: alpha(opacity = 100); }
	.gallery-d li:hover img { opacity: 0; filter: alpha(opacity = 0); }

.pagination-a { margin: 135px 0 37px; padding: 34px 57px 35px; border-top: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; }
	.pagination-a ul { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; text-transform: uppercase; }
		.pagination-a ul li { float: right; padding: 0; background: none; }
			.pagination-a ul li:first-child { float: left; }
		.pagination-a ul li a { display: block; padding: 0 29px 0 0; background: url(../images/sprite-a.png) 100% -675px no-repeat #797979; font-weight: 400; }
			.pagination-a ul li:first-child a { padding: 0 0 0 29px; background-position: 0 -575px; }
			.pagination-a ul li a:hover, .pagination-a ul li a:focus, .pagination-a ul li a:active { background-color: #e67405; color: #e67405; }

.popup-a { position: absolute; left: -3000em; top: -3000em; z-index: 11; width: 100%; height: 100%; }
	.popup-a .box-outer > .close { position: fixed; left: -3000em; top: -3000em; z-index: 1; width: 100%; height: 100%; text-indent: -3000em; cursor: pointer; }
	.popup-a .box-outer { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
	.popup-a .box-inner { position: absolute; left: 50%; top: 50%; z-index: 2; width: 690px; background: #fff; }	
		.popup-a .box-inner > .close { display: block; overflow: hidden; position: absolute; right: 24px; top: 0; z-index: 2; width: 57px; height: 51px; background: url(../images/sprite-a.png) -305px 0 no-repeat; text-indent: -3000em; }
			.popup-a .box-inner > .close:hover { background-position: -305px -55px; }
	.popup-a .slider-a { margin: 0; }
.popup-a.show, .popup-a.show .box-outer > .close { left: 0; top: 0; }

.slider-a { position: relative; list-style: none; margin: 0 0 40px; width: 690px; padding: 0; }
	.slider-a .bx-viewport { overflow: visible !important; }
	.slider-a .inner { height: 444px; }
	.slider-a li { padding: 0; }
	.slider-a .bx-prev, .slider-a .bx-next { display: block; overflow: hidden; position: absolute; top: 50%; z-index: 2; width: 65px; height: 90px; margin: -45px 0 0; background: url(../images/sprite-a.png) -3000em -3000em no-repeat; text-indent: -3000em; }
		.slider-a .bx-prev { left: 15px; background-position: 0 -150px; }
			.slider-a .bx-prev:hover { background-position: -140px -150px; }
		.slider-a .bx-next { right: 15px; background-position: -71px -150px; }
			.slider-a .bx-next:hover { background-position: -212px -150px; }
		.slider-a .bx-prev.disabled, .slider-a .bx-next.disabled { top: -3000em; }
			

/*! Headers --------- */
h1, h2, h3, h4, h5, h6 { margin: 50px 0 27px; font-weight: 500; line-height: 1.15; }
h1 { margin-bottom: 35px; font-size: 2.4em; }
h2, h3 { font-size: 2.0em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.5em; }
	h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }
	
.double-a h1, .double-b h1 { margin-bottom: 20px; }


/*! Typography --------- */
b, strong, .strong { font-weight: 700; }
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; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

.scheme-a { max-width: 618px; }

.double-a p, .double-a ul, .double-a ol { margin-bottom: 22px; }


/*! Links --------- */
a { color: #2c2c2c; font-weight: 500; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; }
	a:hover, a:focus, a:active, #nav > ul > li.active > a { color: #e67405; }

figure a[class^="open-popup-"] { display: block; position: relative; }
	figure a[class^="open-popup-"] img { display: block; position: relative; z-index: 1; }
	figure a[class^="open-popup-"]:after { content: ""; display: block; position: absolute; right: 28px; bottom: 25px; z-index: 2; width: 40px; height: 38px; background: url(../images/sprite-a.png)  -18px -104px no-repeat; }

	
/*! Figures --------- */
img { border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; vertical-align: middle; }
	img::selection { background: transparent; }
	img::-moz-selection { background: transparent; }
@media only screen and (min-width: 1px) { img { max-width: 100% !important; } img { height: auto !important; } }


.image-a { display: -moz-inline-stack; display: inline-block; overflow: hidden; position: relative; padding: 0; font-size: 2em; text-transform: uppercase; }
	.image-a a { display: block; position: relative; }
	.image-a img { display: block; position: relative; z-index: 0; }
	.image-a span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(243,104,35,.85); color: #fff; font-weight: 700; opacity: 0; filter: alpha(opacity = 0); }
		.image-a span > .inner { padding: 21px 25px 0; }
		.image-a:hover span { opacity: 1; filter: alpha(opacity = 100); }


/*! Lists --------- */
ul, ol, dd, blockquote { padding-left: 40px; }
	ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
ul { list-style: none; padding: 0; }
	ul li { position: relative; padding: 0 0 0 18px; }
	ul li:after { content: ""; display: block; position: absolute; left: 0; top: 13px; width: 6px; height: 4px; background: url(../images/sprite-a.png) 0 -104px no-repeat; }
		#nav > ul li:after, #footer nav li:after, .list-b li:after, .gallery-a li:after, .gallery-b li:after, .pagination-a ul li:after, .slider-a li:after, .gallery-c li:after, #projects li:after { background: none; }
		
.list-a { }
	.list-a li:after { top: 9px; width: 12px; height: 10px; background-position: 0 -111px; }	

.list-b { list-style: none; padding: 0; }
	.list-b li { padding: 0; font-size: 1.6em; }
	.list-b li > span:first-child { margin-right: 5px; font-weight: 500; font-size: .875em; }
	.list-b li a { font-weight: 400; }
.list-b.a { }
	.list-b.a li { margin-bottom: .5em; }
	.list-b.a li > span:first-child { display: block; margin: 0 0 -2px; text-transform: uppercase; }
	
	
/*! Forms --------- */
legend { position: absolute; left: 0; top: -3000em; padding: 0; border: 0; white-space: normal; }
.ie7 legend { left: -7px; }
fieldset, hr { border-width: 0; }
button, input[type="submit"] { padding: 0 8px; overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
::-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; }
	:focus::-webkit-input-placeholder { opacity: 0; }
	:focus::-moz-placeholder { opacity: 0; }
	:focus:-moz-placeholder { opacity: 0; }
	:focus:-ms-placeholder { opacity: 0; }

form { }
	label { display: block; left: 0; top: 0; z-index: 2; }
	form p { position: relative; clear: both; }
	form p:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	input[type="color"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"], input[type="text"], input[type="number"],input[type="password"], input[type="range"], input[type="search"], input[type="time"], input[type="url"], input[type="week"] { height: 32px; margin: 0; padding: 0 12px; line-height: 32px; }
	select { margin: 0; padding: 7px 7px 7px 9px; text-overflow: ''; text-indent: 0.01px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } 
	select::-ms-expand { display: none; }
	textarea { margin: 0; padding: 7px 7px 7px 12px; }  
input[type="color"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"], input[type="text"], input[type="number"],input[type="password"], input[type="range"], input[type="search"], input[type="time"], input[type="url"], input[type="week"], select, textarea { position: relative; z-index: 1; border: 1px solid #ccc; }
	button { display: block; position: relative; float: left; height: 32px; margin: 0; padding: 0 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 --------- */
* { transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s, opacity 0.3s ease 0s; -moz-transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s, opacity 0.3s ease 0s; -webkit-transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s, opacity 0.3s ease 0s; -o-transition: color 0.4s ease 0s, border-color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s, opacity 0.3s ease 0s; -ms-transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s, opacity 0.3s ease 0s; transform-origin: center center; -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; }
#top, #nav > ul { transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; }
#content, #featured, #projects { transition: margin 0.4s ease 0s; -moz-transition: margin 0.4s ease 0s; -webkit-transition: margin 0.4s ease 0s; -o-transition: margin 0.4s ease 0s; -ms-transition: margin 0.4s ease 0s; }
body { transition: all 1.6s ease 0s; -moz-transition: all 1.6s ease 0s; -webkit-transition: all 1.6s ease 0s; -o-transition: all 1.6s ease 0s; -ms-transition: all 1.6s ease 0s; }
.popup-a, #projects li { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; }

.clear { clear: both; overflow: hidden; width: 100%; height: 0; }
.hidden, [hidden] { position: absolute; left: -3000em; top: 0; }

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


/*! Warnings --------- */
p.lt-ie9, #root:after { 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; }
	
#root:after { content: "Ummm.. please, enable JavaScript support to fully experience this site."; }
.js #root:after { position: absolute; left: -3000em; top: -3000em; }
.js body { padding-top: 0; }
.lt-ie9 body { padding-top: 28px; }


/*! Miscellaneous --------- */
svg:not(:root) { overflow: hidden; }

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

@font-face { font-family: 'Gotham'; src: url('fonts/gotham-book.eot'); src: url('fonts/gotham-book.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-book.woff') format('woff'), url('fonts/gotham-book.ttf') format('truetype'), url('fonts/gotham-book.svg#gothambook') format('svg'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('fonts/gotham-bookitalic.eot'); src: url('fonts/gotham-bookitalic.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-bookitalic.woff') format('woff'), url('fonts/gotham-bookitalic.ttf') format('truetype'), url('fonts/gotham-bookitalic.svg#gothambook_italic') format('svg'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Gotham'; src: url('fonts/gotham-light.eot'); src: url('fonts/gotham-light.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-light.woff') format('woff'), url('fonts/gotham-light.ttf') format('truetype'), url('fonts/gotham-light.svg#gothamlight') format('svg'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('fonts/gotham-lightitalic.eot'); src: url('fonts/gotham-lightitalic.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-lightitalic.woff') format('woff'), url('fonts/gotham-lightitalic.ttf') format('truetype'), url('fonts/gotham-lightitalic.svg#gothamlight_italic') format('svg'); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Gotham'; src: url('fonts/gotham-medium.eot'); src: url('fonts/gotham-medium.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-medium.woff') format('woff'), url('fonts/gotham-medium.ttf') format('truetype'), url('fonts/gotham-medium.svg#gothammedium') format('svg'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('fonts/gotham-mediumitalic.eot'); src: url('fonts/gotham-mediumitalic.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-mediumitalic.woff') format('woff'), url('fonts/gotham-mediumitalic.ttf') format('truetype'), url('fonts/gotham-mediumitalic.svg#gothammedium_italic') format('svg'); font-weight: 500; font-style: italic; }
@font-face { font-family: 'Gotham'; src: url('fonts/gotham-bold.eot'); src: url('fonts/gotham-bold.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-bold.woff') format('woff'), url('fonts/gotham-bold.ttf') format('truetype'), url('fonts/gotham-bold.svg#gothambold') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('fonts/gotham-bolditalic.eot'); src: url('fonts/gotham-bolditalic.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-bolditalic.woff') format('woff'), url('fonts/gotham-bolditalic.ttf') format('truetype'), url('fonts/gotham-bolditalic.svg#gothambold_italic') format('svg'); font-weight: 700; font-style: italic; }

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


/* Responsive --------- */
@media only screen and (max-width: 1200px) {
#top h1, #content, #footer p, .error-a, #content.error-a { width: 90%; }
#nav { right: 5%; margin-right: 0; }
#footer nav { margin-right: -490px; }
#content #featured { width: 112%; margin-left: -6%; }
#projects > ul > li a, #projects > ul > li > ul { font-size: .9em; }

/*.cols-a > *:first-child { float: left; width: 500px; }*/
.double-a > .middle > .inner { position: relative; left: 0; top: 0; margin: 0 !important; }
/*.double-a.b > figure { left: -5%; width: 110%; margin-left: 0; }*/
.double-b { width: auto; margin-left: -20px; }	
	.double-b > *, .double-b > *:first-child { float: left; width: 50%; border-left: 20px solid #f1f0f0; }

.error-a, #content.error-a { padding-right: 0; }
.gallery-a { width: auto; margin-left: -20px; }
	.gallery-a li { width: 20%; margin: 0 0 20px; border-left: 20px solid rgba(0,0,0,0); }
.rgba .gallery-b, .rgba .gallery-b.a { width: auto; margin-left: -10px; }
	.rgba .gallery-b li, .rgba .gallery-b.a li { margin-bottom: 10px; border-left: 10px solid rgba(0,0,0,0); }
.gallery-c { width: auto; margin-left: -20px; }
	.gallery-c li, .gallery-c.a li, .gallery-c.b li { width: 50%; margin: 0 0 20px; border-left: 20px solid rgba(0,0,0,0); }
		.gallery-c.a li { width: 33.3333%; }
		.gallery-c.b li { width: 25%; }
.gallery-c + .double-b { margin-top: 33px; }
	
.gallery-a li, .gallery-b li, .error-a, .gallery-c li, .double-b > * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
}
@media only screen and (max-width: 1000px) {
#top h1, #content, #footer p, .error-a, #content.error-a { width: 90%; }
#footer nav { margin-right: -360px; }
#projects > ul > li a, #projects > ul > li > ul { font-size: .75em; }
	#projects > ul > li { width: 33.3333%; }
	#projects > ul > li a > .inner { padding: 15px 10px; }
	#projects > ul > li a:after { background: none; }
		#projects > ul > li:hover > ul { left: -3000em; }
		#projects > ul > li:hover a { opacity: 0; }

/*
.cols-a > *:first-child { float: left; width: 380px; }
.cols-a > aside { width: 300px; }
.cols-a > asidealt { width: 300px; }
*/
.double-a.b > *:first-child { width: 62%; }

.pagination-a { padding-left: 30px; padding-right: 30px; }

#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 (min-width: 741px) {
#nav > ul { min-height: 0 !important; }


}
@media only screen and (max-width: 740px) {
#root { overflow: hidden; width: 100%; }
#top h1, #content, #footer p, .error-a, #content.error-a, .popup-a .box-inner { width: 90%; }
#top, html.scrolled #top { position: relative; height: 60px; padding: 14px 0 0; background: #fff; }
	#top h1 a, html.scrolled #top h1 a { transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform: scale(.52,.52); -moz-transform: scale(.52,.52); -webkit-transform: scale(.52,.52); -o-transform: scale(.52,.52); -ms-transform: scale(.52,.52); }
	#nav { right: 0; top: 0; width: 100%; margin: 0; line-height: 56px; }
		#nav > ul { position: absolute; right: -400px; top: 74px; min-width: 50%; background: #2c2c2c; }
			#nav > ul > li { float: none; padding: 0; font-size: 1.6em; }
			#nav > ul > li > a { display: block; padding: 0 21px 0; border-bottom: 1px solid #454545; color: #fff; font-weight: 300; }
		#nav > .fit-a { display: block; position: absolute; right: 5%; top: 19px; padding: 0 32px 0 0; background: url(../images/sprite-a.png) 100% -326px no-repeat #2c2c2c; color: #2c2c2c; font-size: 1.6em; line-height: 30px; text-transform: uppercase; cursor: pointer; }
			#nav.active > .fit-a { background-color: #e67405; color: #e67405; }
			#nav.active > ul { right: 0; }
#content, html.scrolled #content { margin-top: 0; padding: 56px 0 88px; }
#projects, html.scrolled #projects { margin: 0 0 10px; }
	#projects > ul > li { width: 50%; }
	#projects > ul > li img { width: 100% !important; }
#featured, html.scrolled #featured { margin: 0 0 10px; }
#footer { }
	#footer nav { right: 5%; margin-right: 0; }
	#footer nav li { display: block; float: left; width: 40px; height: 50px; padding: 0; }
	#footer nav li a { display: block; overflow: hidden; float: left; width: 100%; height: 100%; background: url(../images/sprite-a.png) -3000em -3000em no-repeat; text-indent: -3000em; }
		#footer nav li.em a { background-position: 11px -249px; background-color: #404040; }
		#footer nav li.li a { background-position: -30px -249px; background-color: #3b3b3b; }
		#footer nav li.tw a { background-position: -70px -249px; background-color: #363636; }
		#footer nav li.sk a { background-position: -109px -249px; background-color: #303030; }

figure a, figure a[class^="open-popup-"] { display: -moz-inline-stack; display: inline-block; }

.cols-a > *:first-child, .cols-a > aside, .cols-a > asidealt, #root .double-a > *, .double-a > *:first-child, #root .triple-a > *, .double-b > *, .double-b > *:first-child, #root .double-c > * { float: none; width: auto; min-height: 0 !important; margin-right: 0; }
.double-a > *:first-child { margin-bottom: 2em; }
.cols-a > *:first-child { margin-bottom: 4em; }
.double-a.b { min-height: 0; }
.double-a.b > *:first-child { padding-top: 0; }
.double-a.b > figure { position: relative; left: 0; top: 0; margin: 0; }
	.double-a > .middle > .inner { position: relative; left: 0; top: 0; margin: 0 !important; }
.double-b { margin-left: 0; }
	.double-b > *, .double-b > *:first-child { padding-right: 0; padding-top: 0; padding-left: 0; border: 0; }
	
.error-a, #content.error-a { padding-top: 56px; padding-left: 0; padding-right: 0; }
	.error-a h2:first-child { position: relative; left: 0; top: 0; width: auto; height: auto; background: none; color: #e2e2e2; font-weight: 700; font-size: 12em; text-indent: 0; letter-spacing: -7px; }
.gallery-a { margin-left: -20px; }
	.gallery-a li { width: 33.33333%; margin: 0 0 20px; border-left: 20px solid rgba(0,0,0,0); }
	
.gallery-c {  margin-left: -10px; }
	.gallery-c li, .gallery-c.a li, .gallery-c.b li { margin: 0 0 1px; border-left: 10px solid rgba(0,0,0,0); }
.pagination-a { padding-left: 5px; padding-right: 5px; }
	/*.pagination-a ul li a { background-position: 100% -870px; }
	.pagination-a ul li:first-child a { background-position: 0 -770px; } */
.popup-a .box-inner { left: 5%; margin-left: 0 !important; }
.slider-a { width: auto; }

#footer p .date, .mobile-hide { position: absolute; left: -3000em; top: -3000em; }

#content .cols-a > asidealt { position: absolute; left: -3000em; top: -3000em; }

#root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; }
#root .tablet-only, #root .mobile-hide { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }
}
@media only screen and (max-width: 400px) {
.error-a h2:first-child { font-size: 7em; letter-spacing: -2px; }
.gallery-a li { width: 50%; }
#root .gallery-b { width: 100%; margin-left: 0; }
	#root .gallery-b li { float: none; width: auto; margin: 0 0 20px; border: 0; text-align: center; }
.gallery-c { margin-left: 0; }
	.gallery-c li { float: none; width: auto; margin: 0 0 10px; border-left: 0; }	
.gallery-c.a, .gallery-c.b { margin-left: -10px; }
	.gallery-c.a li, .gallery-c.b li { float: left; width: 50%; margin-bottom: 1px; border-left: 10px solid rgba(0,0,0,0); }
}