* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
}



body, html {

	width: 100%;

	min-height: 100%;

}

.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading p, .wf-loading a, .wf-loading li {
	opacity: 0;
	
	-webkit-transition: opacity .3s;
	
	-o-transition: opacity .3s;
	
	transition: opacity .3s;
}

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active p, .wf-active a, .wf-active li {
	opacity: 1;
}	

body {
	font-family: "futura-pt",sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: 400;
	overflow-x: hidden;

}

body.masonry {
	overflow-y: scroll;
}

a {
	color: inherit;
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-weight: 700;
	letter-spacing: .03em;	
}

p {
	color: #000;
	font-size: 12px;
	line-height: 2;
	margin-bottom: 25px;
}

label, input, textarea {
	font-size: 16px;
	display: block;
}

input[type="checkbox"] {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

input, textarea {
	background-color: transparent;
	padding: 15px 10px;
	color: #f02610;
	width: 90%;
	border: 2px solid #f02610;
	margin-bottom: 13px;
	max-width: 375px;
	font-family: "futura-pt",sans-serif;
}

input[type="submit"] {
	padding: 0px;
	border: 0px;
	font-weight: 700;
	text-align: left;
	font-family: "futura-pt",sans-serif;
	font-size: 18px;
	letter-spacing: 0.055em;
	margin-top: 20px;
	cursor: pointer;
}

.submitwrap:hover .submitarrow {
	left: 60px;
}

form[name="contact"] .submitarrow {
	position: relative;
	top: -35px;
	left: 54px;
	width: 15px;
	height: auto;
	
	-webkit-transition: left .3s;
	
	-o-transition: left .3s;
	
	transition: left .3s;
}

	form[name="contact"] .submitarrow * {
		stroke: none;
		fill: #f02610;
	}

label {
	padding-bottom: 5px;
}

.req {
	color: #c1cd23;
}

.submit {
	font-size: 400;
}

.btn {
	display: inline-block;
	*display: inline;
	zoom: 1;
	background-color: #000;
	color: #c1cd23;
	padding: 7px 22px;
	font-size: 19px;
	letter-spacing: .03em;
}

.ib {

	display: inline-block;

	*display: inline;

	zoom: 1;

}

.v-middle {
	
	vertical-align: middle;
	
}

.v-bottom {
	
	vertical-align: bottom;
	
}

.v-top {
	
	vertical-align: top;
	
}

.cover {
	background-size: cover;
	background-position: 50% 50%;
}

.addb4:before {
	content: '';
	width: 0px;
	height: 100%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-right: -4px;
	vertical-align: middle;
}

.loadme, .bg-loadme {
	opacity: 0;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.loaded {
	opacity: 1;
}

header {
	
	z-index: 100;
	text-align: left;
	
	opacity: 1;
	width: 100%;
	
	-webkit-transition: opacity .3s;
	
	-o-transition: opacity .3s;
	
	transition: opacity .3s;
}

.splash header {
	opacity: 0;
	position: absolute;
}

	header .inner {
		width: 80%;
		width: calc(100% - 150px);
		margin: 52px 0px 40px 50px;
	}
	
	.project header .inner {
		margin: 22px 0px 20px 50px;
	}
	
	header a.logo {
		position: absolute;
		left: 51px;
		top: 41px;
		width: 200%;
		height: 50%;
		z-index: 20;
		-webkit-transform-origin: top left;
		    -ms-transform-origin: top left;
		        transform-origin: top left;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);

	}
	
	.pagestatic header a.logo {
		width: auto;
		height: auto;
	}
	
	.pagestatic header .logowhite, .pagestatic header .logocolor {
		display: none;
	}
	
	header .logostatic {
		display: none;
	}
	
	.pagestatic header .logostatic {
		display: block;
	}
	
		header a.logo .logowhite, header a.logo .logocolor {
			position: absolute;
			top: 0px;
			left: 0px;
		}
	
		header a.logo svg {
			height: 66px;
			width: auto;		
		}
		
		.lightlogo header a.logo svg * {
			stroke: none;
			fill: #fff;
		}
		
		header a.logo .logocolor svg * {
			stroke: none;
			fill: #f02610;
		}
		
		header .logowhite svg * {
			stroke: none;
			fill: #fff;
		}
		
		.project header a.logo svg {
			height: 50px;
		}
		
		/* masking of logos */
		
		header a.logo .logocolor {
			z-index: 5;
		}
		
		header a.logo .logowhite {
			clip: rect(-31px 3244px -50px 0px);
			transform: rotate(13deg);
			-webkit-transform: rotate(13deg);
			-ms-transform: rotate(13deg);
			z-index: 15;
			
			width: 100%;
			height: 100%;
			-webkit-transform-origin: top left;
			    -ms-transform-origin: top left;
			        transform-origin: top left;
			
			top: -16px;
			left: 9px;
			
			-webkit-transition: all .6s;
			
			-o-transition: all .6s;
			
			transition: all .6s;
		}
		
		.pageload header a.logo .logowhite {
			clip: rect(-31px 3244px 31px 0px);			
		}
		
		.pagestatic header a.logo .logowhite {
			clip: rect(-31px 200px 31px 0px);
		}
		
		.pagestatic header a.logo .logowhite svg * {
			fill: #000;
			stroke: none;
		}
		
			header a.logo .logowhite svg {
				transform: rotate(-13deg);
				-webkit-transform: rotate(-13deg);
				-ms-transform: rotate(-13deg);
			}
		
		/*
		header .inner a.logo .logocolor {
			clip: rect(31px 180px 87px -30px);
			transform: rotate(13deg);
			-webkit-transform: rotate(13deg);
			-ms-transform: rotate(13deg);
		}
		
			header .inner a.logo .logocolor svg {
				transform: rotate(-13deg);
				-webkit-transform: rotate(-13deg);
				-ms-transform: rotate(-13deg);
			}
		*/
		
	header .inner .filter {
		width: 75%;
		margin-right: -4px;
		
		float: right;
		z-index: 200;
		padding-top: 15px;
		
		display: none;
	}
	
	.project header .inner .filter {
		padding-top: 40px;
	}
	
	.work header .inner .filter, .project header .inner .filter {
		display: inline-block;
	}
	
	header .inner .filter ul {
		list-style-type: none;
		font-size: 11px;
		text-align: right;
		height: 100%;
		
	}
	
	header .inner .filter ul li {
		position: relative;
		margin-right: 20px;
		color: #f02610;
		height: 100%;
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.25em;
	}
	
	header .inner .filter ul li a {
		color: #000;
		-webkit-transition: color .3s;
		-o-transition: color .3s;
		transition: color .3s;
		position: relative;
		font-weight: 700;
		font-size: 12px;
		letter-spacing: 0.25em;
	}
	
	header .inner .filter ul li a:before {
		content: '';
		position: absolute;
		top: -5px;
		left: 0px;
		width: 95%;
		height: 0px;
		opacity: 0;
		border-top: 2px solid #f02610;
		
		-webkit-transition: opacity .3s;
		
		-o-transition: opacity .3s;
		
		transition: opacity .3s;
	}
	
	header .inner .filter ul li a:hover:before, header .inner .filter ul li a.pageOn:before {
		
		opacity: 1;
	}
		
	header .inner .filter ul li:last-child {
		
		margin-right: 0px;
		
	}
	
header .inner .social {
	float: right;
	margin-right: 20px;
	padding-top: 30px;
}

	header .inner .social ul li {
		margin-right: 12px;
	}
	
header .slice {
	display: none;
	position: absolute;
	left: 0px;
	top: -50%;
	width: 200%;
	height: 50%;
	background-color: #f02610;
	z-index: 10;
	-webkit-transform-origin: top left;
	    -ms-transform-origin: top left;
	        transform-origin: top left;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	
	-webkit-transition: all .6s;
	
	-o-transition: all .6s;
	
	transition: all .6s;
}

.pageload header .slice {
	top: calc(-50% + 32px);
	transform: rotate(13deg);
	-webkit-transform: rotate(13deg);
	-ms-transform: rotate(13deg);
}

.lightlogo header .slice {
	display: block;
}
	
	#sidebar {
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 921;
		width: 100px;
		height: 100%;
		background-color: #fff;
		
		-webkit-transition: background-color 0s, border 0s;
		
		-o-transition: background-color 0s, border 0s;
		
		transition: background-color 0s, border 0s;
	}
	
	.menu #sidebar, .splash #sidebar {
		background-color: transparent;
		border-left: 0px solid transparent !important;
	}
	
	#sidebar .menuBtn {	

		display: block;
		
		position: absolute;
		
		z-index: 920;

		width: 31px;	

		height: 27px;

		padding: 10px;

		top: 47%;

		left: -9%;
		
		cursor: pointer;
		
		-webkit-transform-origin: center center;
		
		    -ms-transform-origin: center center;
		
		        transform-origin: center center;
		
		transform: rotate(90deg) translate(-50%, -50%);
		-webkit-transform: rotate(90deg) translate(-50%, -50%);
		-ms-transform: rotate(90deg) translate(-50%, -50%);
		
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;

	}



		.splash #sidebar .menuBtn .line {
			background-color: #fff;
		}
		
		#sidebar .menuBtn .line {

			height: 3px;

			display: block;

			position: absolute;

			right: 0px;

			background-color: #000;

			opacity: 1;



			transform: rotate(0deg);

			-webkit-transform: rotate(0deg);

			-ms-transform: rotate(0deg);

					

			transform-origin: right center;

			-webkit-transform-origin: right center;

			-ms-transform-origin: right center;



			/* transitions */

			-webkit-transition-property: top, opacity, background-color, -webkit-transform;

			transition-property: top, opacity, background-color, -webkit-transform;

			-o-transition-property: transform, top, opacity, background-color;

			transition-property: transform, top, opacity, background-color;

			transition-property: transform, top, opacity, background-color, -webkit-transform;

			-o-transition-duration: .3s, .3s, .2s, .3s;

			   transition-duration: .3s, .3s, .2s, .3s;

			-o-transition-delay: 0s, 0s, 0s, 0s;

			   transition-delay: 0s, 0s, 0s, 0s;



			-webkit-transition-property: -webkit-transform, top, opacity, background-color;

			-webkit-transition-duration: .3s, .3s, .2s, .3s;

			-webkit-transition-delay: 0s, 0s, 0s, 0s;



			-ms-transition-property: -ms-transform, top, opacity, background-color;

			-ms-transition-duration: .3s, .3s, .2s, .3s;

			-ms-transition-delay: 0s, 0s, 0s, 0s;

		}
		
		.project #sidebar .menuBtn .line {
			
			background-color: #fff;
			
		}



		#sidebar .menuBtn .line:nth-child(1) {

			width: 31px;

			top: 0px;

		}



		#sidebar .menuBtn .line:nth-child(2) {

			width: 31px;

			top: 9px;

		}



		#sidebar .menuBtn .line:nth-child(3) {

			width: 31px;

			top: 18px;

		}

		

		.light #sidebar .menuBtn .line {

			background-color: #000;

		}





	/* menu icon, on */

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



		.menu #sidebar .menuBtn .line {
			
			background-color: #fff;

			-webkit-transition-property: top, opacity, background-color, -webkit-transform;

			transition-property: top, opacity, background-color, -webkit-transform;

			-o-transition-property: transform, top, opacity, background-color;

			transition-property: transform, top, opacity, background-color;

			transition-property: transform, top, opacity, background-color, -webkit-transform;

			-webkit-transition-duration: .3s, .3s, .2s, .3s;

			     -o-transition-duration: .3s, .3s, .2s, .3s;

			        transition-duration: .3s, .3s, .2s, .3s;

			-webkit-transition-delay: 0s, 0s, 0s, 0s;

			     -o-transition-delay: 0s, 0s, 0s, 0s;

			        transition-delay: 0s, 0s, 0s, 0s;

		}



		.menu #sidebar .menuBtn .line:nth-child(1) {

					transform: rotate(45deg);

			-webkit-transform: rotate(45deg);

				-ms-transform: rotate(45deg);

			

			top: 22px;

		}



		.menu #sidebar .menuBtn .line:nth-child(2) {

			opacity: 0;

		}



		.menu #sidebar .menuBtn .line:nth-child(3) {

					transform: rotate(-45deg);

			-webkit-transform: rotate(-45deg);

				-ms-transform: rotate(-45deg);



			top: 0px;

		}
	
footer {
	display: none;
	width: 100%;
	height: 398px;
	background-color: #1c1c1c;
	color: #fff;
	position: relative;
	z-index: 5;
	text-align: center;
}

	footer .inner {
		width: 90%;
		max-width: 500px;
		margin: auto;
		text-align: center;
	}
	
	footer .inner ul {
		list-style-type: none;
	}
	
	footer .inner .pitch {
		font-family: "adobe-garamond-pro",serif;
	}
	
	footer .inner .pitch em {
		font-size: 21px;
		padding-bottom: 3px;
		display: block;
	}
	
	footer .inner .pitch img {
		height: 45px;
		margin-right: 4px;
	}
	
	footer .inner .pitch .btn {
		background-color: #c1cd23;
		color: #000;
		font-family: "industry-inc-base",sans-serif;
		font-size: 23px;
		padding: 8px 22px 3px 22px;
		
		-webkit-transition: all .3s;
		
		-o-transition: all .3s;
		
		transition: all .3s;
	}
	
	footer .inner .pitch .btn:hover {
		color: #fff;
	}
	
	footer .inner .social {
		margin-top: 100px;
		margin-bottom: 20px;
	}
	
		footer .inner .social li {
			margin-right: 15px;
		}
		
	footer .inner .copyright p {
		color: #c1cd23;
		font-size: 14px;
	}
	
		footer .inner .copyright span {
			color: #fff;
		}

.splash footer, .showpage footer {
	display: none;
}

	
.accent {
	color: #c2ce24;
}
	
#content {
	position: relative;
	z-index: 101;
	margin-top: 90px;
}

.splash #content {
	
	width: 100%;
	height: 100%;
	margin-top: 0px;
	
}

.arrow svg {
	width: 30px;
	height: auto;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: center center;
	    -ms-transform-origin: center center;
	        transform-origin: center center;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	cursor: pointer;
	
	-webkit-transition: transform .3s;
	-mstransition: transform .3s;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}

.arrow svg:hover {
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9);
}

.arrow svg circle {
	fill: none;
	stroke: #b9c524;
	stroke-width: 3px;
}

.arrow svg path {
	fill: #b9c524;
	stroke: none;
}

.playArrow svg {
	width: 75px;
	height: auto;
	
	-webkit-transform-origin: center center;
	
	    -ms-transform-origin: center center;
	
	        transform-origin: center center;
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	
	transition: -webkit-transform .3s;
	
	-o-transition: transform .3s;
	
	transition: transform .3s;
	
	transition: transform .3s, -webkit-transform .3s;
	-webkit-transition: -webkit-transform .3s;
	-ms-transition: -ms-transform .3s;
}

.playArrow svg:hover {
	transform: scale(.9);
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
}

.playArrow svg circle {
	fill: none;
	stroke: #fff;
	stroke-width: 3px;
}

.playArrow svg polygon {
	fill: #fff;
	stroke: none;
}

.splash #content {
	margin-top: 0px;
}

/* ************** HOMEPAGE FULLPAGE ******************* */

#fp-nav {
	position: fixed;
	left: 4.4%;
	bottom: 5%;
	z-index: 200;
	margin: auto !important;
}

	#fp-nav ul {
		list-style-type: none;
	}
	
	#fp-nav ul li {
		display: inline-block;
		*display: inline;
		zoom: 1;
		margin-right: 22px;
	}
	
	#fp-nav ul li a {
		display: block;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		border: 1px solid transparent;
	}
	
	#fp-nav ul li a.active {
		border: 1px solid #fff;
	}
	
	#fp-nav ul li a span {
		display: block;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background-color: #fff;
	}
	
	#fp-nav ul li a.active span {
		background-color: transparent;
	}

.splash .section {
	width: 100%;
	position: relative;
}

.splash .section .placeHolder {
	position: relative;
	overflow: hidden;
}

.theinfo {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	
	-webkit-transition: opacity .3s;
	
	-o-transition: opacity .3s;
	
	transition: opacity .3s;
}

.fixed {
	width: 140%;
	height: 140%;
	position: fixed;
	top: 0px;
	left: 0px;
	
	-webkit-transform-origin: center center;
	
	    -ms-transform-origin: center center;
	
	        transform-origin: center center;
	-webkit-transform: rotate(13deg) translateZ(0);
	        transform: rotate(13deg) translateZ(0);
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	
	clip: rect(-130px, 1988px, 1280px, -128px);
	/* this clip rect will be overwritten with javascript */
}

.beta .fixed {
	top: -20%;
	left: -20%;
}

.beta2 .fixed {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
}

.active .theinfo {
	opacity: 1;
	
	-webkit-transition: opacity .3s .8s;
	
	-o-transition: opacity .3s .8s;
	
	transition: opacity .3s .8s;
}

.fixed.between, .theinfo.between {
	z-index: 150 !important;
}

.fixed.on, .theinfo.on {
	z-index: 200 !important;
	opacity: 1;
}

.fixed.off.down {
	clip: rect(1280px, 1988px, 1280px, -128px);
	/* this clip rect will be overwritten with javascript */
	-webkit-transition: clip 1s;
	-o-transition: clip 1s;
	transition: clip 1s;
}

.fixed.off.up {
	clip: rect(-130px, 1988px, -130px, -128px);
	/* this clip rect will be overwritten with javascript */
	-webkit-transition: clip 1s;
	-o-transition: clip 1s;
	transition: clip 1s;
}

	#content .fixed .inner {
		width: 80%;
		position: fixed;
		top: 0%;
		left: -10%;
		-webkit-transform-origin: center center;
		    -ms-transform-origin: center center;
		        transform-origin: center center;
		transform: rotate(-13deg);
		-webkit-transform: rotate(-13deg);
		-ms-transform: rotate(-13deg);
	}
	
	.inner.home .logo {
		position: fixed;
		top: 49%;
		right: 100px;
		width: 30%;
		z-index: 500;
		
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		
		-webkit-transition: color .5s .2s;
		
		-o-transition: color .5s .2s;
		
		transition: color .5s .2s;
	}
	
	/*
	@media all and (max-width: 1500px) {
	
		#fullpage .logo {
			right: 6%;
		}
	
	}
	*/

	.beta .fixed .logo {
		position: fixed;
		z-index: 2;
		top: 43%;
		right: 21%;
		left: auto;
		width: 25%;
		-webkit-transform: translateY(-50%) rotate(-13deg);
		    -ms-transform: translateY(-50%) rotate(-13deg);
		        transform: translateY(-50%) rotate(-13deg);
	}

	.beta2 .fixed .logo {
		position: fixed;
		z-index: 2;
		top: 50%;
		right: 8%;
		left: auto;
		width: 25%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	
		.inner.home .logo svg {
			width: 100%;
			height: auto;
			fill: currentColor;
			stroke: none;
		}

	.fixed img {
		position: absolute;
		z-index: 1;
		top: 0;left: 0;
		-webkit-transform: rotate(-13deg) translateZ(0);
		        transform: rotate(-13deg) translateZ(0);
		-webkit-transform-style: preserve-3d;
		        transform-style: preserve-3d;
		-webkit-transform-origin: 50% 50%;
		    -ms-transform-origin: 50% 50%;
		        transform-origin: 50% 50%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
	}

	.beta2 .fixed img {
		position: absolute;
		z-index: 1;
		top: 0;left: 0;
		-webkit-transform: translateZ(0);
		        transform: translateZ(0);
		-webkit-transform-style: preserve-3d;
		        transform-style: preserve-3d;
		-webkit-transform-origin: 50% 50%;
		    -ms-transform-origin: 50% 50%;
		        transform-origin: 50% 50%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
	}
	
	.theinfo .info {
		position: absolute;
		left: 4%;
		bottom: 8%;
		color: #fff;
	}
	
		.theinfo a {
			display: block;
			width: 100%;
			height: 100%;
		}
	
		.theinfo .info h1 {
			font-size: 20px;
			font-weight: 700;
			color: #fff;
			letter-spacing: .1em;
			margin-bottom: 3px;
		}
		
		.theinfo .info h2 {
			font-size: 12px;
			font-weight: 400;
			letter-spacing: .1em;
			color: #fff;
		}

/*
.fixed.between {
	z-index: 900;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
}

.fixed.between.down {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
}

.fixed.up {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
}

.fixed.on {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
}

.fixed.upcoming {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	z-index: 800;
	
	transition: transform 0s ease-in;
	-webkit-transition: -webkit-transform 0s ease-in;
	-moz-transition: -moz-transform 0s ease-in;
	-o-transition: -o-transform 0s ease-in;
	-ms-transition: -o-transform 0s ease-in;
}
*/

/* ************** SLIDESHOW ***************** */

.slideshow {
	
	width: 100%;
	
	height: 100%;
	
}

	.slideshow ul.slides {
		
		list-style-type: none;
		
		width: 100%;
		
		height: 100%;
		
	}
	
	.slideshow ul.slides li {
		
		width: 100%;
		
		height: 100%;
		
		position: relative;
		
	}
	
	.slideshow ul.slick-dots {
		
		list-style-type: none;
		
		position: absolute;
		
		bottom: 25px;
		
		left: 25px;
		
	}
	
	
/* ************** COMMON PAGE ELEMENTS ******************* */

#content .inner {
	margin: 0px 0px 100px 83px;
	width: 75%;
	width: calc(100% - 183px);
}

.splash #content .inner {
	width: 100%;
	margin: 0;
}

#content .inner h1.title {
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1;
	letter-spacing: 0.225em;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	padding-top: 5px;
	margin-top: 15px;
	margin-bottom: 20px;
}

	#content .inner h1.title svg {
		position: absolute;
		-webkit-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		        transform: rotate(180deg);
		width: 12px;
		left: -20px;
		top: 12px;
	}

#content .inner h1.title:before {
	content: '';
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	border-top: 2px solid #f02610;
}

/* ************** PROJECT DETAIL PAGE ******************* */

.project #sidebar {
	background-color: transparent;
}

#content .inner.projectpage {
	width: 100%;
	margin: 0px auto;
}

	.inner.projectpage .hero {
		width: 100%;
		position: relative;
	}
	
	.inner.projectpage .hero .playicon {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 12;
		
		width: 75px;
		cursor: pointer;
		
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	
	.inner.projectpage .hero iframe {
		position: relative;
		top: 0%;
		left: 0%;
		width: 100%;
		z-index: 5;
		opacity: 0;
	}
	
	.inner.projectpage .hero .posterwrap {
		width: 100%;
		position: relative;
		z-index: 10;
	}
	
	.inner.projectpage .info {
		width: 90%;
		max-width: 1200px;
		text-align: center;
		margin: 0px auto 0px auto;
		padding: 70px 0px 50px 0px;
	}
	
		.inner.projectpage .info .leftCol {
			width: 25%;
			text-align: right;
			margin-right: -4px;
		}
		
			.inner.projectpage .info .leftCol h1, .inner.projectpage .info .fullCol h1 {
				font-weight: 700;
				font-size: 26px;
				margin-bottom: 5px;
			}
			
			.inner.projectpage .info .leftCol h2, .inner.projectpage .info .fullCol h2 {
				font-weight: 400;
				font-size: 16px;
			}
		
		.inner.projectpage .info .rightCol {
			width: 60%;
			width: calc(65% - 25px);
			text-align: left;
			margin-right: -4px;
			margin-top: 0px;
			margin-left: 30px;
			max-width: 600px;
		}
		
			.inner.projectpage .info .rightCol p {
				font-size: 20px;
				line-height: 1.4;
			}
		
	.inner.projectpage .thumbs {
		width: 100%;
		position: relative;
	}
	
	.inner.projectpage .thumbs a {
		pointer-events: none;
	}
	
	.inner.projectpage .thumbs a.video {
		pointer-events: all;
	}
	
	.inner.projectpage .pager {
		
	}

/* ************** WORK PAGE ******************* */

#content .inner.workpage {
	width: 100%;
	margin: 0px auto;
}

	#content .inner.workpage .thumbs {
		width: 100%;
		width: calc(100% - 100px);
		position: relative;
	}

	.thumbs .cell {
		opacity: 0;
	}


/* Grid 1: row-based, justified */
.row {
	position: relative;
	text-align: center;
}

.row:after {
    content: '';
    display: block;
    clear: both;
}

.grid-1.full-width-hovers figure {
	position: relative;
	cursor: pointer;
}

	.grid-1.full-width-hovers a.row {
		display: block;
	}

		.grid-1 .row .cell {
			float: left;
			opacity: 1;
			position: relative;
			overflow: hidden;
		}
		
		.grid-1 .row .cell .caption {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			opacity: 0;
			color: #fff;
			z-index: 10;
			text-align: center;
			background-color: rgba(0,0,0,.3);
			
			-webkit-transition: opacity .3s;
			
			-o-transition: opacity .3s;
			
			transition: opacity .3s;
		}
		
		.grid-1 .row .cell .caption .infowrap {
			opacity: 0;
			transform: translateY(25px);
			-webkit-transform: translateY(25px);
			-ms-transform: translateY(-5px);
			
			-o-transition: all .3s .3s;
			
			transition: all .3s .3s;
			-webkit-transition: all .3s .3s;
			-ms-transition: all .3s .3s;
		}
		
		.grid-1 .row .cell:hover .caption .infowrap {
			opacity: 1;
			transform: translateY(0px);
			-webkit-transform: translateY(0px);
			-ms-transform: translateY(0px);
		}
		
			.grid-1 .row .cell .caption h1 {
				font-size: 24px;
				letter-spacing: .36em;
				font-weight: 700;
				margin-bottom: 8px;
			}
			
			.grid-1 .row .cell .caption h2 {
				font-size: 18px;
				letter-spacing: .06em;
				font-style: italic;
				font-weight: 400;
			}
		
		.grid-1 .row .cell:hover .caption {
			opacity: 1;
		}
		
		.grid-1 .row .cell .slice {
			position: absolute;
			left: -20%;
			bottom: -50%;
			width: 200%;
			height: 50%;
			background-color: rgba(240,38,16,.5);
			z-index: 10;
			-webkit-transform-origin: bottom left;
			    -ms-transform-origin: bottom left;
			        transform-origin: bottom left;
			transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-webkit-backface-visibility: hidden;
			        backface-visibility: hidden;
			-webkit-transform-style: preserve-3d;
			        transform-style: preserve-3d;

			-webkit-transition: all .3s;

			-o-transition: all .3s;

			transition: all .3s;
		}
		
		.grid-1 .row .cell:hover .slice {
			bottom: 0%;
			transform: rotate(13deg);
			-webkit-transform: rotate(13deg);
			-ms-transform: rotate(13deg);
		}

			/*
			.grid-1 .cell:before {
				content: '';
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;left: 0;
				background-color: rgba(255,156,40,.7);
				z-index: 2;
				opacity: 0;
				transition: .3s;
			}

			.no-touchevents .grid-1 .cell:hover:before {
				opacity: 1;
				transition: .2s;
			}

			.grid-1.full-width-hovers .cell:before {
				display: none;
			}
			*/

			.row .photo {
				position: relative;
				z-index: 1;
				display: block;
				width: 100%;
				height: auto;
			}
			
			.row .playicon {
				position: absolute;
				top: 50%;
				left: 50%;
				width: 75px;
				height: auto;
				cursor: pointer;
				z-index: 10;
				
				transform: translate(-50%,-50%);
				-webkit-transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
			}
				

			.grid-1 .cell figcaption {
			    letter-spacing: .05em;
			    line-height: 1;
			    padding-top: 1.5em;
			}

				.thumbs figcaption h2 {
					font-size: 1.9rem;
				    font-size: 2.35vw;
				}
	
/* ************** CONTACT PAGE ******************* */

body.contact {
	background-color: #f3f3f3;
}

.contact #sidebar {
	border-left: 1px solid #f02610;
}

.inner.contactpage h1.title {
	margin-bottom: 75px !important;
}

.inner.contactpage .leftcol {
	width: 35%;
	max-width: 300px;
	margin-right: -4px;
}

	.inner.contactpage .leftcol p {
		font-size: 16px;
		line-height: 1.6;
		color: #f02610;
	}

.inner.contactpage .rightcol {
	width: 60%;
	margin-left: 5%;
	margin-right: -4px;
}

	.inner.contactpage .rightcol {
		font-size: 16px;
		line-height: 1.6;
		color: #f02610;
	}

/* ************** BIO PAGE ******************* */

body.bio {
	background-color: #181818;
}

#content .inner.biopage h1.title {
	margin-bottom: 20px;
	color: #fff;
}

.inner.biopage {
	max-width: 1200px;
}

.inner.biopage p {
	color: #fff;
	font-size: 18px;
	line-height: 1.7;
}

.inner.biopage .leftcol {
	width: 40%;
	width: calc(50% - 83px);
	margin-right: -4px;
}

.inner.biopage .rightcol {
	width: 40%;
	width: calc(50% - 83px);
	margin-right: -4px;
	margin-left: 83px;
}

.inner.biopage .col {
	text-align: justify;
}

	.inner.biopage .col img {
		width: 100%;
	}
	
/* ************** NEWS OVERVIEW PAGE ******************* */

body.news {
	background-color: #181818;
}

#content .inner.newspage h1.title {
	margin-bottom: 20px;
	color: #fff;
	letter-spacing: 0.225em;
	font-size: 20px;
	margin-top: 15px;
}

/*
.inner.newspage {
	max-width: 1200px;
}
*/

	.inner.newspage .fullcol {
		width: 80%;
		max-width: 960px;
		margin-top: 60px;
	}
	
	.inner.newspage .fullcol ul {
		list-style-type: none;
	}
	
		.inner.newspage .fullcol ul li {
			display: block;
			margin: 0px 0px 50px 0px;
		}
		
		.inner.newspage .fullcol ul li img {
			width: 40%;
			margin-right: -4px;
		}
		
		.inner.newspage .fullcol ul li .info {
			width: 50%;
			width: calc(60% - 20px);
			margin-left: 20px;
			margin-right: -4px;
			line-height: 2;
		}
		
		.inner.newspage .fullcol ul li.textonly .info {
			width: 60%;
			margin-left: 0px;
		}
	
	.inner.newspage h1 {
		color: #fff;
		font-weight: 700;
		line-height: 1.3;
		font-size: 1.7vw;
	}
	
	.inner.newspage p {
		color: #fff;
	}
	
	.inner.newspage a {
		color: #f02610;
		text-decoration: underline;
		font-size: 15px;
		letter-spacing: 0.05em;
	}
	
/* ************** POST PAGE ******************* */

body.post {
	background-color: #eeeeee;
}

#content .inner.postpage h1.title {
	margin-bottom: 20px;
}

.inner.postpage {
	max-width: 1200px;
}

	.inner.postpage .fullcol {
		width: 80%;
		max-width: 960px;
		margin-top: 20px;
	}
	
	.inner.postpage .fullcol h1 {
		font-size: 2.4vw;
		font-weight: 700;
		line-height: 1.1;
		margin-bottom: 30px;
	}
	
	.inner.postpage .fullcol h2 {
		font-size: 18px;
		font-weight: 700;
		line-height: 1.2;
		margin-bottom: 20px;
	}
	
	.inner.postpage .fullcol p {
		font-size: 18px;
		margin-bottom: 18px;
		line-height: 1.7;
	}
	
	.inner.postpage .fullcol img {
		max-width: 100%;
	}
	
	.inner.postpage .fullcol iframe {
		width: 100%;
	}
	
/* ************** GRID ***************** */

.masongrid {
	width: 100%;
	list-style-type: none;
	min-height: 100%;
}

.masongrid li.cell {
	display: block;
	float: left;
	opacity: 0;
	overflow: hidden;
	text-align: left;
}

	.grid-sizer, .masongrid li.cell {
		width: 24.5%;
		height: auto;
	}
	
	.masongrid li.cell.large {
		width: 49.66%;
	}

	.gutter-sizer {
		width: .66%;
	}

	.masongrid li.shown,
	.no-js .masongrid li,
	.no-cssanimations .masongrid li {
		opacity: 1;
	}

	.masongrid li a,
	.masongrid li img {
		outline: none;
		border: none;
		width: 100%;
		display: block;
		text-decoration: none;
	}

.recent.grid {
	background-color: #131313;
}
	
.recent .grid-sizer, .recent .masongrid li.cell {
		width: 33%;
		height: auto;
		text-align: center;
	}
	
	.recent .masongrid li.cell.large {
		width: 66.5%;
	}

	.recent .gutter-sizer {
		width: .5%;
	}
	
/* Effect 1: opacity */

.masongrid.effect-1 li.animate {
	animation: fadeIn 0.65s ease forwards;
	-webkit-animation: fadeIn 0.65s ease forwards;
	-moz-animation: fadeIn 0.65s ease forwards;
	-o-animation: fadeIn 0.65s ease forwards;
}

/* Effect 2: Move Up */
.masongrid.effect-2 li.animate {
	opacity: 1;
	-webkit-transform: translateY(200px);
	-ms-transform: translateY(200px);
	    transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { opacity: 0; }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { opacity: 0; }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}



@keyframes fadeIn {

	0% { }

	100% { opacity: 1; }

}



@-webkit-keyframes fadeIn {

  0% { }

  100% { opacity: 1; }

}

#overlay, #videoplayer {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.9);
	text-align: center;
	
	opacity: 0;
	z-index: -1;
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	
	-webkit-transition: z-index 0s .4s, opacity .3s 0s, -webkit-transform 0s .4s;
	
	transition: z-index 0s .4s, opacity .3s 0s, -webkit-transform 0s .4s;
	
	-o-transition: z-index 0s .4s, transform 0s .4s, opacity .3s 0s;
	
	transition: z-index 0s .4s, transform 0s .4s, opacity .3s 0s;
	
	transition: z-index 0s .4s, transform 0s .4s, opacity .3s 0s, -webkit-transform 0s .4s;
	-webkit-transition: z-index 0s .4s, transform 0s .4s, opacity .3s 0s;
	-ms-transition: z-index 0s .4s, transform 0s .4s, opacity .3s 0s;
	
}

.menu #overlay, .popvideo #videoplayer {
	opacity: 1;
	z-index: 901;
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	
	-webkit-transition: z-index 0s 0s, opacity .3s 0s, -webkit-transform 0s 0s;
	
	transition: z-index 0s 0s, opacity .3s 0s, -webkit-transform 0s 0s;
	
	-o-transition: z-index 0s 0s, transform 0s 0s, opacity .3s 0s;
	
	transition: z-index 0s 0s, transform 0s 0s, opacity .3s 0s;
	
	transition: z-index 0s 0s, transform 0s 0s, opacity .3s 0s, -webkit-transform 0s 0s;
	-webkit-transition: z-index 0s 0s, transform 0s 0s, opacity .3s 0s;
	-ms-transition: z-index 0s 0s, transform 0s 0s, opacity .3s 0s;
}

#overlay .closer, #videoplayer .closer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#videoplayer .inner {
	margin: auto;
	text-align: center;
	width: 60%;
	height: 80%;
	position: relative;
	z-index: 10;
}

	#videoplayer .inner iframe {
		margin: auto;
		width: 100%;
		height: auto;
		display: inline-block;
		vertical-align: middle;
	}

#overlay .slice {
	position: absolute;
	right: 0px;
	bottom: -100%;
	width: 200%;
	height: 50%;
	background-color: #f02610;
	z-index: 1;
	
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	
	-webkit-transform-origin: bottom right;
	
	    -ms-transform-origin: bottom right;
	
	        transform-origin: bottom right;
	
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	
	-webkit-transition: all .6s;
	
	-o-transition: all .6s;
	
	transition: all .6s;
}

.menu #overlay .slice {
	bottom: -50%;
	
	transform: rotate(13deg);
	-webkit-transform: rotate(13deg);
	-ms-transform: rotate(13deg);
}

#overlay nav {
	position: relative;
	z-index: 10;
	text-align: center;
	width: 90%;
	margin: auto;
}

	#overlay nav ul {
		list-style-type: none;
		width: 100%;
		text-align: center;
		margin: auto;
		position: relative;
		top: -60px;
	}
	
	#overlay nav ul li {
		font-size: 3.3vw;
		margin: 40px auto;
	}
	
	#overlay nav ul li a {
		color: #fff;
		display: inline-block;
		*display: inline;
		zoom: 1;
		position: relative;
		font-weight: 700;
		
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		
		-webkit-transition: color .3s;
		
		-o-transition: color .3s;
		
		transition: color .3s;
	}
	
	#overlay nav ul li a:before {
		content: '';
		position: absolute;
		top: -10px;
		left: 0px;
		width: 100%;
		height: 0px;
		border-top: 10px solid #f02610;
		opacity: 0;
		z-index: 90;
		
		-webkit-transition: opacity .3s;
		
		-o-transition: opacity .3s;
		
		transition: opacity .3s;
	}
		
	#overlay nav ul li a:hover, #overlay nav ul li a.pageOn {
		color: #f02610;
	}
	
	#overlay nav ul li a:hover:before, #overlay nav ul li a.pageOn:before {
		opacity: 1;
	}
	
	#overlay .social {
		position: fixed;
		left: 50%;
		bottom: 5%;
		
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	#overlay .social ul li a:before {
		display: none;
	}
	
	#overlay .social ul {
		top: auto;
	}

	#overlay .social ul li {
		margin: 0px 16px 0px 0px;
	}

	#overlay .social ul li:last-child {
		margin-right: 0px;
	}

	.social svg {
		height: 25px;
		width: auto;
	}

		.social svg * {
			fill: #fff;
			stroke: none;
		}