/* ************** GENERAL STYLES + RESETS ******************* */

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

html {
	font-size: 100%;
}

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

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

body {
	width: 100%;
	/* height: 100% !important; */ /* for skrollr */
	font-family: "raleway",sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	background-color: #fff;
	color: #768094;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body.grid {
	overflow-y: scroll;
}

.upcase {
	text-transform: uppercase;
}

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

a.nolink {
	cursor: default;
	pointer-events: none;
}

h1, h2, h3 {
	font-weight: 400;
}

h1 {
	font-size: 70px;
}

p {
	line-height: 1.4;
	padding-bottom: 1em;
}

em, i {
	font-style: italic;
}

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

input[type="checkbox"],
input[type="radio"] {
	display: inline-block;
}

input, textarea {
	background-color: transparent;
	padding: 0px 10px;
	height: 34px;
	color: #000;
	border: 1px solid #000;

	border-radius: 0px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	-moz-appearance: none;

	     appearance: none;
	-webkit-appearance: none;
}

input[type="submit"] {
	padding: 0px 10px;
	border: 0px;
	cursor: pointer;

	border-radius: 0px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	-moz-appearance: none;

	     appearance: none;
	-webkit-appearance: none;
}

label {
	padding-bottom: 5px;
}

.clear {
	clear: both;
}

.clear-after:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.req {
	color: #c1cd23;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.addb4:before {
	content: '';
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}

.ib {
	display: inline-block;
}

.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }
.v-baseline { vertical-align: baseline; }

.centerXY {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.centerY {
	position: absolute;
	top: 50%;
	left: 0%;
	-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.centerX {
	position: absolute;
	top: 0%;
	left: 50%;
	-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.cover {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	opacity: 0;
}

.cover.loaded {
	opacity: 1;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.loadme {
	opacity: 0;
}

.bg-loadme {
	opacity: 0;
}

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

.photo.size-width {
	width: 102%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.photo.size-height {
	width: auto;
	height: 102%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.social ul {
	opacity: 0;
}



/* ************** SITE STRUCTURE ******************* */

main {
	margin: 0px auto;
	position: relative;
	z-index: 1;
}

/* add "sticky-footer" class to body if sticky footer is needed: */

.sticky-footer main {
	margin: 0 auto -200px; /* 200px = height of footer */
}

	.sticky-footer main:after {
		content: '';
		display: block;
		height: 200px; /* 200px = height of footer */
	}

.sticky-footer footer {
	height: 200px;
}

#content:before {
	content: '';
	display: block;
	height: 82px;
}




/* ************** HEADER ******************* */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 82px;
	z-index: 100;
	background-color: #fff;
}

.full header {
	background-color: transparent;
}

/*
.full header:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 150%;

	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,.5) 65%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0,.5) 65%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,.5) 65%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
*/

.home header {
	background-color: transparent;
}

header.shrink {
	height: 60px;
}

	header .inner {
		position: absolute;
		z-index: 5;
		width: 100%;
		height: 100%;
		/*height: 140px;*/
		/*transition: height .2s 0s;*/
	}
	
	.menuBtn {	
		display: block;
		position: absolute;
		top: 50%;
		left: 3%;
		/* left: calc(3% + (94vw * .015)); */
		cursor: pointer;
		text-align: left;
		height: 21px;
		
		-webkit-transform: translateY(-50%);
		
		    -ms-transform: translateY(-50%);
		
		        transform: translateY(-50%);
	}
	
	.menuBtn:after {
		content: '';
		position: absolute;
		top: -11px;
		left: -7px;
		width: 45px;
		height: 45px;
		border: 1px solid #768094;
		border-radius: 50%;
		opacity: 0;
		-webkit-transition: opacity .2s;
		-o-transition: opacity .2s;
		transition: opacity .2s;
	}
	
	.menuOn .menuBtn:after {
		opacity: 1;
	}

	.menuBtn p {
		padding-bottom: 0;
		line-height: 1;
		font-size: 0.75rem;
		font-weight: 700;
		letter-spacing: .05em;
		position: relative;
		text-align: right;
	}

	.menuOn .menuBtn p {
	    color: rgba(255,255,255,1) !important;
	}

		.menuBtn p span {
			position: relative;
		}

		.menuBtn p span:first-child {
			position: absolute;
			top: 0;right: 0;
		}

		.menuBtn p span:last-child,
		.menuOn .menuBtn p span:first-child {
			opacity: 0;
		}

		.menuBtn p span:first-child,
		.menuOn .menuBtn p span:last-child {
			opacity: 1;
		}

		.menuBtn div {
			width: 34px;
			height: 100%;
			position: relative;
			text-align: left;
		}
		
			.menuBtn .line {
				height: 1px;
				width: 100%;
				display: block;
				position: absolute;
				left: 0;
				background-color: #768094;
				opacity: 1;
				-webkit-transform: rotate(0deg);
				    -ms-transform: rotate(0deg);
				        transform: rotate(0deg);
				-webkit-transition-property: background-color, opacity, top, -webkit-transform;
				transition-property: background-color, opacity, top, -webkit-transform;
				-o-transition-property: background-color, opacity, transform, top;
				transition-property: background-color, opacity, transform, top;
				transition-property: background-color, opacity, transform, top, -webkit-transform;
				-webkit-transition-duration: .2s, .1s, .3s, .3s;
				     -o-transition-duration: .2s, .1s, .3s, .3s;
				        transition-duration: .2s, .1s, .3s, .3s;
				-webkit-transition-delay: 0s, 0s, 0s, 0s;
				     -o-transition-delay: 0s, 0s, 0s, 0s;
				        transition-delay: 0s, 0s, 0s, 0s;
			}
			
			.full .menuBtn .line {
				background-color: #fff;
				height: 2px;
			}

			.full.menuOn .menuBtn .line {
				background-color: #768094;
				height: 1px;
			}
			
			.menuOn .menuBtn .line {
			    -webkit-transition-property: background-color, opacity, top, -webkit-transform;
			    transition-property: background-color, opacity, top, -webkit-transform;
			    -o-transition-property: background-color, opacity, transform, top;
			    transition-property: background-color, opacity, transform, top;
			    transition-property: background-color, opacity, transform, top, -webkit-transform;
			    -webkit-transition-duration: .2s, .1s, .3s, .3s;
			         -o-transition-duration: .2s, .1s, .3s, .3s;
			            transition-duration: .2s, .1s, .3s, .3s;
			    -webkit-transition-delay: 0s, 0s, 0s, 0s;
			         -o-transition-delay: 0s, 0s, 0s, 0s;
			            transition-delay: 0s, 0s, 0s, 0s;
			}

			.menuBtn .line:nth-child(1) {
				top: 0px;
			}

			.menuBtn .line:nth-child(2) {
				top: 10px;
			}

			.menuBtn .line:nth-child(3) {
				top: 20px;
			}

			.menuOn .menuBtn .line:nth-child(1) {
				top: 12px;
			    -webkit-transform: rotate(45deg);
			        -ms-transform: rotate(45deg);
			            transform: rotate(45deg);
			}

			.menuOn .menuBtn .line:nth-child(2) {
				opacity: 0;
				-webkit-transition: opacity .1s 0s;
				-o-transition: opacity .1s 0s;
				transition: opacity .1s 0s;
			}

			.menuOn .menuBtn .line:nth-child(3) {
				top: 12px;
				-webkit-transform: rotate(135deg);
				    -ms-transform: rotate(135deg);
				        transform: rotate(135deg);
			}
			
		header ul.workNav {
			position: absolute;
			left: 10%;
			left: calc(3% + 90px);
			top: 50%;
			opacity: 1;
			
			font-weight: 500;
			font-size: 13px;
			line-height: 16px;
			letter-spacing: .15em;
			
			-webkit-transform: translateY(-50%);
			
			    -ms-transform: translateY(-50%);
			
			        transform: translateY(-50%);
			
			-webkit-transition: opacity .3s;
			
			-o-transition: opacity .3s;
			
			transition: opacity .3s;
		}
		
		.full header ul.workNav {
			color: #fff;
		}
		
		.menuOn header ul.workNav {
			opacity: 0;
		}
		
			header ul.workNav li {
				display: inline-block;
				*display: inline;
				zoom: 1;
				vertical-align: top;
				margin-right: 15px;
			}
			
			header ul.workNav li a {
				position: relative;
			}
			
			header ul.workNav li a:after {
				content: '';
				position: absolute;
				bottom: -4px;
				line-height: 16px;
				left: 50%;
				width: 0px;
				height: 1px;
				background-color: #768094;
				backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				
				transform: translateX(-50%);
				
				transition: width .3s;
			}

			.full header ul.workNav li a:after {
				background-color: #fff;
			}
			
			header ul.workNav li a:hover:after, header ul.workNav li a.pageOn:after {
				width: 100%;
			}

		header .logo {
			position: absolute;
			top: 50%;
			right: 3%;
			/* right: calc(3% + (94vw * .015)); */
			width: 120px;
			
			-webkit-transform: translateY(-50%);
			
			    -ms-transform: translateY(-50%);
			
			        transform: translateY(-50%);
		}

		header.shrink .logo {
			-webkit-transform: scale(0.665) translateY(-68%);
			    -ms-transform: scale(0.665) translateY(-68%);
			        transform: scale(0.665) translateY(-68%);
		}

			header .logo img,
			header .logo svg {
			    display: block;
			    width: 100%;
			    height: auto;
			}

				header .logo svg * {
					fill: #000;
				}
				
				header .logo img:last-child {
					display: none;
				}
				
				.full header .logo img:last-child {
					display: block;
				}
				
				.full header .logo img:first-child {
					display: none;
				}
	
	header nav {
		position: fixed;
		z-index: 1;
		width: 100%;
		height: 100%;
		background-color: #fff;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		-webkit-transform: translate(-100%,0%);
		    -ms-transform: translate(-100%,0%);
		        transform: translate(-100%,0%);
		opacity: 0;
		text-align: center;
		-webkit-transition: opacity .5s 0s, -webkit-transform 0s .5s;
		transition: opacity .5s 0s, -webkit-transform 0s .5s;
		-o-transition: opacity .5s 0s, transform 0s .5s;
		transition: opacity .5s 0s, transform 0s .5s;
		transition: opacity .5s 0s, transform 0s .5s, -webkit-transform 0s .5s;
	}
	
	.wf-loading header nav {
		visibility: hidden;
	}
	
	.wf-active header nav {
		visibility: visible;
	}

	.menuOn header nav {
		-webkit-transform: translate(0%,0%);
		    -ms-transform: translate(0%,0%);
		        transform: translate(0%,0%);
		opacity: 1;	
		-webkit-transition: opacity .5s 0s, -webkit-transform 0s 0s;	
		transition: opacity .5s 0s, -webkit-transform 0s 0s;	
		-o-transition: opacity .5s 0s, transform 0s 0s;	
		transition: opacity .5s 0s, transform 0s 0s;	
		transition: opacity .5s 0s, transform 0s 0s, -webkit-transform 0s 0s;
	}
	
		header nav ul {
			list-style-type: none;

		}
		
		header nav ul.main {
			width: 90%;
			max-width: 1000px;
			margin: 0 auto;
			padding-left: 5%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		header nav li {
			display: block;
			height: auto;
			/* text-transform: uppercase; */
			position: relative;
		}
		
		header nav ul.sub li a {
			position: relative;
			display: inline-block;
			line-height: 20px;
		}
		
		header nav ul.sub li a:after {
			content: '';
			position: absolute;
			bottom: -4px;
			line-height: 16px;
			left: 50%;
			width: 0px;
			height: 1px;
			background-color: #768094;
			backface-visibility: hidden;
			-webkit-backface-visibility: hidden;
			
			transform: translateX(-50%);
			
			transition: width .3s;
		}
		
		header nav ul.sub li a:hover:after, header nav ul.sub li a.pageOn:after {
			width: 100%;
		}
		
		header nav li.locations {
			margin-top: 45px;
			padding-top: 65px;
		}
		
		header nav li.locations:before {
			content: '';
			position: absolute;
			top: 0px;
			left: 50%;
			width: 450px;
			height: 1px;
			background-color: #768094;
			-webkit-transform: translateX(-50%);
			    -ms-transform: translateX(-50%);
			        transform: translateX(-50%);
		}
		
			header nav li .col {
				display: inline-block;
				*display: inline;
				zoom: 1;
				vertical-align: top;
				text-align: left;
			}
			
			header nav li .col p {
				line-height: 2.4;
				font-size: 11px;
			}
			
			header nav li .col p:last-child {
				padding-bottom: 0em;
			}
			
			header nav li .col:first-child {
				text-align: right;
				margin-right: 29px;
				margin-left: 0px;
			}
			
			header nav li .col a {
				position: relative;
			}
			
			header nav li .col a:after {
				content: '';
				position: absolute;
				bottom: -7px;
				line-height: 16px;
				left: 50%;
				width: 0px;
				height: 1px;
				background-color: #768094;
				backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				
				transform: translateX(-50%);
				
				transition: width .3s;	
			}
			
			header nav li .col a:hover:after {
				width: 100%;
			}
		
		header nav li.parent {
			font-size: 26pt;
			font-weight: 400;
			letter-spacing: 0em;
			width: 30%;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: flex-start;
		}

		header nav li.parent:after {
			content: '';
			position: absolute;
			top: 0;
			right: 19%;
			width: 1px;
			height: 100%;
			background-color: #758094;
		}

		header nav li.parent:last-child:after {
			display: none;
		}
		
		header nav ul.sub {
			margin-top: 25px;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: flex-start;
		}
		
			header nav ul.sub li, header nav ul.reels li {
				font-size: 14px;
				font-weight: 300;
				letter-spacing: .15em;
				padding: 0px 0px 16px 0px;
			}

			header nav ul.locations {
				margin-top: 20px;
			}

			header nav p {
				font-size: 14px;
				line-height: 2.5;
				font-weight: 300;
				letter-spacing: .15em;
				text-align: left;
			}

			header nav p:last-child {
				padding-bottom: 0;
			}
			
		header nav ul.reels a svg {
			width: 22px;
			height: auto;
			position: relative;
			top: 5px;
			padding-right: 5px;
			transform: scale(1);
			transition: transform .3s;
		}
		
		header nav ul.reels li a:hover svg {
			transform: scale(.9);
		}
		
			header nav ul.reels a svg * {
				fill: #768094;
			}


		header nav .social {
			margin-top: 80px;
			margin-left: -5%;
		}

		header nav .social ul {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
		}

		header nav .social ul li {
			margin: 0 3rem;
		}

		header nav .social ul li svg {
			height: 20px;
			width: auto;
			opacity: 1;
			transition: opacity .2s;
		}

		header nav .social ul li svg:hover {
			opacity: .5;
		}

@media all and (max-width: 1400px) {
	header nav ul.main {
		padding-left: 8%;
	}
}

@media all and (max-width: 1200px) {
	header nav ul.main {
		padding-left: 10%;
	}
}

@media all and (max-width: 1100px) {
	header nav li.parent:after {
		right: 13%;
	}
}


/* ************** FOOTER ******************* */

footer {
	position: relative;
	z-index: 5;
	text-align: center;
	width: 94%;
	margin: 50px auto 10px auto;
}

.grid footer {
	margin-top: -3%;
}

	footer .inner {
		width: 100%;
		margin: auto;
		text-align: center;
		font-size: 0px;
		letter-spacing: 0px;
	}
	
	footer .inner .col {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
		width: 60%;
		text-align: left;
	}
	
	footer .inner .col:last-child {
		width: 40%;
		text-align: right;
	}
	
		footer .inner ul {
			list-style-type: none;
		}
		
		footer .inner p {
			font-size: 12px;
			letter-spacing: .15em;
		}
		
		footer .inner p span.small {
			font-size: 8px;
		}
		
		footer .inner p a {
			position: relative;
		}
		
		footer .inner p a:after {
			content: '';
			position: absolute;
			bottom: -4px;
			line-height: 16px;
			left: 50%;
			width: 0px;
			height: 1px;
			background-color: #768094;
			backface-visibility: hidden;
			-webkit-backface-visibility: hidden;
			
			transform: translateX(-50%);
			
			transition: width .3s;	
		}
		
		footer .inner p a:hover:after {
			width: 100%;
		}
	
/* ************** LAYOUT SPECIFIC ******************* */

.home .intro {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 103vh;
}

	.home .intro .bottom_left {
		position: absolute;
		right: 3%;
		bottom: 5%;
		z-index: 40;
		width: 160px;
	}

	.home .intro .bottom_left img {
		display: block;
		width: 100%;
		height: auto;
	}

	.home .intro .media {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.home .intro video {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		opacity: 0;
		-webkit-transition: opacity 1s;
		-o-transition: opacity 1s;
		transition: opacity 1s;
	}
	
	.home .intro video.show {
		opacity: 1;
		-webkit-transition: opacity 1s .3s;
		
		-o-transition: opacity 1s .3s;
		
		transition: opacity 1s .3s;
	}
	
	.home .intro .text {
		position: absolute;
		top: 50%;
		left: calc(3% + 60px);
		z-index: 50;
		opacity: 1;
		
		-webkit-transform: translateY(-50%);
		
		    -ms-transform: translateY(-50%);
		
		        transform: translateY(-50%);
		
		-webkit-transition: opacity 1s .3s;
		
		-o-transition: opacity 1s .3s;
		
		transition: opacity 1s .3s;
	}
	
	.home .intro .text.on {
		opacity: 1;
	}
	
		.home .intro .text h1 {
			font-size: 70pt;
			line-height: 1.1;
			color: #768094;
		}
		
		.home.full .intro .text.white h1 {
			color: #fff;
			transition: color .5s .2s;
		}
	
		.home .intro .text ul {
			list-style-type: none;
			color: #fff;
			font-size: 24px;
			font-weight: 500;
			margin-top: 50px;
			letter-spacing: 0px;
		}
		
		.home .intro .text ul li.label {
			padding: 0px 0px 10px 0px;
		}
		
		.home .intro .text ul li {
			padding: 0px 0px 7px 0px;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: flex-start;
		}

		.home .intro .text ul li:before {
			content: url("/images/arrow.svg");
			width: 22px;
			height: auto;
			position: relative;
			top: 3px;
			padding-right: 5px;
		}
		
		.home .intro .text ul a {
			font-weight: 700;
			opacity: 1;
			transition: opacity .2s;
		}

		.home .intro .text ul a:hover {
			opacity: .5;
		}
		
		.home .intro .text ul a svg {
			width: 22px;
			height: auto;
			position: relative;
			top: 3px;
			padding-right: 5px;
		}
		
		.home .intro .text ul a svg * {
			fill: #fff;
		}

/* ************** GRIDS, GRIDS AND MORE GRIDS ******************* */

.grid_staff_picks {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 40px auto 80px auto;
	row-gap: 80px;
}

.grid_staff_picks .cell {
	display: flex;
	flex-direction: column;
	border-left: 1px solid #758094;
	border-right: 1px solid #758094;
	padding: 0 25px;
}

.grid_staff_picks .cell .top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.grid_staff_picks .cell .media {
	width: 65%;
	position: relative;
}

.grid_staff_picks .cell .talent {
	width: 30%;
	margin-left: 5%;
	color: #000;
	text-align: center;
	font-weight: 700;
	font-size: .9rem;
}

.grid_staff_picks .cell .talent img {
	display: block;
	width: 90%;
	height: auto;
	margin: 0 auto;
}

.grid_staff_picks .cell .talent .divider {
	display: block;
	width: 100px;
	height: 1px;
	background-color: #758094;
	margin: 15px auto;
}

.grid_staff_picks .cell .mediawrap {
	position: relative;
	padding-top: 150%;
	width: 100%;
	height: 0;
}

.grid_staff_picks .cell .mediawrap img.photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
}

.grid_staff_picks .cell .credits {
	margin-top: 20px;
}

.grid_staff_picks .cell .credits p {
	font-size: 1.3rem;
}

.grid_staff_picks .cell .summary {
	margin-top: 10px;
}

.grid_staff_picks .cell .summary p {
	color: #000;
	font-size: .8rem;
	line-height: 2;
	max-width: 90%;
}

.grid_staff_picks .cell .summary p a {
	font-weight: 700;
	text-decoration: none;
}

.grid_staff_picks .cell .info {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.8);
	pointer-events: none;
	
	opacity: 0;
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s;
}

.grid_staff_picks .cell .info figcaption {
	padding-top: 25px;
	opacity: 0;
	width: 80%;
	width: calc(100% - 40px);
	margin: auto;
	height: 96%;
	position: relative;
	-webkit-transition: opacity .4s .1s;
	-o-transition: opacity .4s .1s;
	transition: opacity .4s .1s;
}

.grid_staff_picks .cell .info figcaption h2 {
		font-size: 20px;
		font-weight: 400;
		line-height: 1.1;
		letter-spacing: .03em;
	}
	
	.grid_staff_picks .cell .info figcaption h3 {
		font-size: 12px;
		font-weight: 500;
		padding-top: 5px;
	}

	.grid_staff_picks .cell .info figcaption h4 {
		font-size: 12px;
		font-weight: 500;
		padding-top: 5px;
		letter-spacing: .1em;
	}
	
	.grid_staff_picks .cell .info figcaption span {
		font-size: 12px;
		font-weight: 500;
		position: absolute;
		left: 0px;
		bottom: 25px;
		letter-spacing: .1em;
	}

	.grid_staff_picks .cell .media:hover .info {
		opacity: 1;
	}
	
	.grid_staff_picks .cell .media:hover .info figcaption {
		opacity: 1;
	}

.grid .pageIntro {
	position: relative;
	width: 94%;
	margin: 30px auto 0 auto;
}

.grid .pageIntro h1 {
	font-size: 1.8rem;
	font-weight: 400;
}

.grid h2.gridTitle {
	display: block;
	font-size: 1.8rem;
	font-weight: 400;
	position: relative;
	margin-top: 30px;
}

.grid h2.gridTitle:first-child {
	margin-top: 0;
}

.grid h2.gridTitle:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #758094;
	margin-top: 5px;
	margin-bottom: 30px;
}

.grid .grid_top {
	display: flex;
	flex-direction: column;
}

.grid .subNav, .textpage .subNav {
	position: relative;
	width: 94%;
	margin: 30px auto 40px auto;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: .15em;
	list-style-type: none;
}

.grid .subNav li, .textpage .subNav li {
	margin-right: 25px;
}

.grid .subNav li a, .textpage .subNav li a {
	position: relative;
	text-transform: uppercase;
}

.grid .subNav li a:after, .textpage .subNav li a:after {
	content: '';
    position: absolute;
    bottom: -4px;
    line-height: 16px;
    left: 50%;
    width: 0px;
    height: 1px;
    background-color: #768094;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateX(-50%);
    transition: width .3s;
}

.grid .subNav li a.pageOn:after, .grid .subNav li a:hover:after, .textpage .subNav li a.pageOn:after, .textpage .subNav li a:hover:after {
	width: 100%;
}

.grid .subNav li:last-child, .textpage .subNav li:last-child {
	margin-right: 0;
}

.inner.gridpage {
	width: 94%;
	margin: 0px auto 50px auto;
	min-height: 100vh;
}

	.inner.gridpage .row {
		position: relative;
		font-size: 0px;
		letter-spacing: 0em;
		width: 100%;
		overflow: hidden;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		align-items: flex-end;
		column-gap: 30px;
		row-gap: 0px;
		margin-bottom: 0px;
	}

	.largegrid .inner.gridpage .row {
		margin-bottom: 30px;
		row-gap: 30px;
		align-items: flex-start;
	}
	
	.inner.gridpage .row .cell {
		position: relative;
		display: block;
	}

	.inner.gridpage .row .cell .mediawrap {
		position: relative;
		width: 100%;
		height: 0;
		overflow: hidden;
		padding-top: 150%;
	}

	.inner.gridpage .row .cell .mediawrap img.photo {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.inner.gridpage .row .cell .top {
		position: relative;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		justify-content: space-between;
		margin-bottom: 10px;
		height: 40px;
	}

	.largegrid .inner.gridpage .row .cell .top {
		display: none;
	}

	.inner.gridpage .row .cell .top .more {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
	}

	.inner.gridpage .row .cell .top .more span, .inner.gridpage .row .cell .top .more p {
		color: #758094;
		font-weight: 700;
		font-size: .8rem;
		margin-left: 5px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.inner.gridpage .row .cell .top .alt img {
		display: block;
		width: 80px;
		height: auto;
		opacity: 1;
	}

	.inner.gridpage .row .cell .credits {
		position: relative;
		width: 100%;
		margin-top: 20px;
	}

	.inner.gridpage .row .cell .credits p {
		font-size: .9rem;
		line-height: 1.7;
		color: #000;
	}
	
	.inner.gridpage .row .cell .info {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,.8);
		
		opacity: 0;
		-webkit-transition: opacity .6s;
		-o-transition: opacity .6s;
		transition: opacity .6s;
	}
	
	.inner.gridpage .row .cell .info figcaption {
		padding-top: 25px;
		opacity: 0;
		width: 80%;
		width: calc(100% - 40px);
		margin: auto;
		height: 96%;
		position: relative;
		-webkit-transition: opacity .4s .1s;
		-o-transition: opacity .4s .1s;
		transition: opacity .4s .1s;
	}
	
		.inner.gridpage .row .cell .info figcaption h2 {
			font-size: 20px;
			font-weight: 400;
			line-height: 1.1;
			letter-spacing: .03em;
		}
		
		.inner.gridpage .row .cell .info figcaption h3 {
			font-size: 12px;
			font-weight: 500;
			padding-top: 5px;
		}

		.inner.gridpage .row .cell .info figcaption h4 {
			font-size: 12px;
			font-weight: 500;
			padding-top: 5px;
			letter-spacing: .1em;
		}
		
		.inner.gridpage .row .cell .info figcaption span {
			font-size: 12px;
			font-weight: 500;
			position: absolute;
			left: 0px;
			bottom: 25px;
			letter-spacing: .1em;
		}
	
		.inner.gridpage .row .cell:hover .info {
			opacity: 1;
		}
		
		.inner.gridpage .row .cell:hover .info figcaption {
			opacity: 1;
		}
	
	.inner.gridpage .row .cell img {
		display: block;
		opacity: 0;
		transition: opacity .5s;
		backface-visibility: hidden;
	}
	
	.inner.gridpage .row .cell img.loaded {
		opacity: 1;
	}
	
	/*
	.inner.gridpage .row .cell:hover img {
		transform: scale(1);
	}
	
	.smallgrid .inner.gridpage .row .cell:hover img {
		transform: scale(1);
	}
	*/

	/* large grid templates */

	.largegrid .inner.gridpage .row.odd {
		grid-template-areas: "one one three four five"
							 "one one six seven eight"
	}

	.largegrid .inner.gridpage .row.odd .cell:first-child {
		grid-area: one;
	}

	.largegrid .inner.gridpage .row.odd .cell:first-child .mediawrap {
		padding-top: 148%;
	}

	.largegrid .inner.gridpage .row.odd .cell:nth-child(2) {
		grid-area: three;
	}

	.largegrid .inner.gridpage .row.odd .cell:nth-child(3) {
		grid-area: four;
	}

	.largegrid .inner.gridpage .row.odd .cell:nth-child(4) {
		grid-area: five;
	}

	.largegrid .inner.gridpage .row.odd .cell:nth-child(5) {
		grid-area: six;
	}

	.largegrid .inner.gridpage .row.odd .cell:nth-child(6) {
		grid-area: seven;
	}

	.largegrid .inner.gridpage .row.odd .cell:nth-child(7) {
		grid-area: eight;
	}

	.largegrid .inner.gridpage .row.even {
		grid-template-areas: "one two three seven seven"
							 "four five six seven seven"
	}

	.largegrid .inner.gridpage .row.even .cell:first-child {
		grid-area: one;
	}

	.largegrid .inner.gridpage .row.even .cell:nth-child(2) {
		grid-area: two;
	}

	.largegrid .inner.gridpage .row.even .cell:nth-child(3) {
		grid-area: three;
	}

	.largegrid .inner.gridpage .row.even .cell:nth-child(4) {
		grid-area: four;
	}

	.largegrid .inner.gridpage .row.even .cell:nth-child(5) {
		grid-area: five;
	}

	.largegrid .inner.gridpage .row.even .cell:nth-child(6) {
		grid-area: six;
	}

	.largegrid .inner.gridpage .row.even .cell:nth-child(7) {
		grid-area: seven;
	}

	.largegrid .inner.gridpage .row.even .cell:nth-child(7) .mediawrap {
		padding-top: 148%;
	}
	
/* ************** PROJECT PAGE ******************* */

.inner.projectpage {
    max-width: 1600px;
    margin: 50px auto 0px auto;
	min-height: 100vh;
}

	.inner.projectpage .intro {
		position: relative;
		width: 94%;
		margin: 0px auto 80px auto;
		font-size: 0px;
		height: auto;
	}

	.inner.projectpage .intro p.staff_pick {
		margin-bottom: 20px;
	}
	
	.inner.projectpage .intro .col {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
		width: calc(96% - 360px);
	}
	
	.inner.projectpage .intro .colwrap .col:first-child {
		width: 350px;
		margin-right: 4%;
	}
	
		.inner.projectpage .intro h1.title {
			font-size: 26pt;
			width: 100%;
			margin-bottom: 20px;
		}
	
		.inner.projectpage .intro .col.details p {
			font-size: 12px;
			color: #000;
			line-height: 1.7;
			font-weight: 500;
			letter-spacing: 0px;
			max-width: 95%;
		}
		
		.inner.projectpage .intro .col.summary p {
			font-size: 16px;
			line-height: 1.7;
			font-weight: 400;
			letter-spacing: 0px;
		}
		
		.inner.projectpage .intro .col.summary p:last-child {
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
		
.inner.projectpage .module {
	width: 94%;
	margin: auto;
}

	.inner.projectpage .module h2.title {
		font-size: 13px;
		font-weight: 400;
		margin-bottom: 15px;
	}
	
	.inner.projectpage .module .cell {
		position: relative;
		width: 100%;
		margin-bottom: 35px;
	}
	
	.inner.projectpage .module:last-child .cell:last-child {
		margin-bottom: 0px;
	}
	
	.inner.projectpage .module .cell img {
		width: 100%;
	}
	
	.inner.projectpage .module .cell video, .inner.textpage .module .cell video {
		width: 100%;
	}
	
	.inner.projectpage .module .cell svg.playIcon, .inner.textpage .module .cell svg.playIcon {
		width: 100px;
		height: 100px;
		position: absolute;
		top: 50%;
		left: 50%;
		cursor: pointer;
		transform: translate(-50%,-50%) scale(1);
		display: none;
		
		transition: transform .3s;
	}
	
	.inner.projectpage .module .cell svg.playIcon:hover {
		transform: translate(-50%,-50%) scale(.9);
	}
	
		.inner.projectpage .module .cell svg.playIcon * {
			stroke: #768094;
		}
	

/* ************** CLIENT PAGE ******************* */

.inner.projectpage.clientpage .intro {
	margin-bottom: 40px;
}

.inner.projectpage.clientpage .intro .colwrap .col:first-child {
	width: 65%;
	max-width: 800px;
	margin-right: 0%;
}

.inner.projectpage.clientpage .intro .colwrap .col:last-child {
	width: 29%;
	margin-left: 5%;
	padding-top: 61px;
	float: right;
}

	.inner.projectpage.clientpage .intro h1 {
		font-size: 26pt;
		margin-bottom: 20px;
		color: #000;
		font-weight: 400;
	}
	
	.inner.projectpage.clientpage .intro h3 {
		font-size: 13px;
		font-weight: 400;
		margin-bottom: 15px;
		color: #768094;
	}
	
	.inner.projectpage.clientpage .intro h2 {
		font-size: 13px;
		font-weight: 700;
		margin-bottom: 15px;
		color: #000;
		letter-spacing: .15em;
	}
	
	.inner.projectpage.clientpage .intro .col.summary p {
		font-size: 13px;
		letter-spacing: 0em;
		line-height: 1.7;
		color: #000;
	}
	
	.inner.projectpage.clientpage .intro .col.details p {
		letter-spacing: .15em;
	}
	
	.inner.projectpage.clientpage .intro .col.details a {
		font-size: 13px;
		font-weight: 300;
		color: #768094;
		letter-spacing: .15em;
	}
	
.inner.projectpage.clientpage .download {
    position: relative;
    width: 94%;
    margin: 0px auto 60px auto;
    font-size: 0px;
    letter-spacing: 0px;
    height: auto;
}

	.inner.projectpage.clientpage .download svg {
		width: 23px;
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
		margin-right: 15px;
	}
	
	.inner.projectpage.clientpage .download h3 {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
		color: #768094;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: .15em;
	}
	
.inner.clientpage .thanks {
    position: relative;
    width: 94%;
    margin: 100px auto 0px auto;
    font-size: 0px;
    letter-spacing: 0px;
    height: auto;
	text-align: center;
}

	.inner.clientpage .thanks h1.title {
		font-size: 26pt;
		font-weight: 400;
		margin-bottom: 15px;
	}
	
	.inner.clientpage .thanks p {
		font-size: 13px;
		letter-spacing: 0em;
		line-height: 1.7;
		color: #000;
	}
	
	.inner.clientpage .thanks .cell {
		width: 50%;
		display: inline-block;
		*display: inline;
		vertical-align: top;
		text-align: left;
		margin-top: 50px;
	}
	
	.inner.clientpage .thanks .cell.right {
		margin-left: 20%;
		width: 30%;
		padding-top: 20px;
	}
	
		.inner.clientpage ul.reels {
			list-style-type: none;
			color: #000;
			line-height: 2;
		}
		
			.inner.clientpage ul.reels li.label {
				font-size: 14px;
				font-weight: 700;
				color: #000;
				letter-spacing: .05em;
			}
			
			.inner.clientpage ul.reels li {
				font-size: 15px;
			}
	
		.inner.clientpage ul.reels a svg {
			width: 22px;
			height: auto;
			position: relative;
			top: 6px;
			padding-right: 5px;
		}
		
		.inner.clientpage ul.reels a svg * {
			fill: #000;
		}
		
/* ************** SUPERVISOR PAGE ******************* */

.supervisor .inner.projectpage.clientpage .intro .colwrap .col.image {
	width: 200px;
}

	.supervisor .inner.projectpage.clientpage .intro .colwrap .col.image img {
		width: 100%;
	}

.supervisor .inner.projectpage.clientpage .intro .colwrap .col.details {
	width: calc(80% - 200px);
	padding-top: 0px;
	float: none;
}

	.supervisor .inner.projectpage.clientpage .intro {
		margin-bottom: 0px;
	}

	.supervisor .inner.projectpage.clientpage .intro h2 {
		margin-bottom: 20px;
	}
	
	.supervisor .inner.projectpage.clientpage .intro .col.details p {
		margin-bottom: 10px;
	}

.supervisor .inner.projectpage.clientpage .download {
	width: 100%;
	margin-top: 10px;
}

	.supervisor .inner.projectpage.clientpage .download h3 {
		margin-bottom: 0px;
	}
	
@media all AND (max-width: 767px) {
	
	.supervisor .inner.projectpage.clientpage .intro .colwrap .col.image {
		display: block;
		width: 100%;
	}
	
		.supervisor .inner.projectpage.clientpage .intro .colwrap .col.image img {
			max-width: 200px;
			margin: 0px auto;
		}
	
	.supervisor .inner.projectpage.clientpage .intro .colwrap .col.details {
		display: block;
		width: 100%;
	}
	
}

.logo_grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	column-gap: 6rem;
	row-gap: 2rem;
	margin-top: 20px;
	margin-bottom: 80px;
}

.logo_grid .cell {
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo_grid .cell .imgwrap {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 100%;
}

.logo_grid .cell img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 70%;
}

/* ************** TEXT PAGE ******************* */

.textpage {
	width: 94%;
	max-width: 1600px;
    margin: 100px auto 0px auto;
	min-height: 59vh;
}

.subNav + .textpage {
	margin: 50px auto 0 auto;
}

.biopage .textpage {
	width: 100%;
	max-width: 100%;
	min-height: auto;
}

	.textpage p {
		width: 80%;
		max-width: 1200px;
		color: #000;
		font-size: 13px;
		letter-spacing: 0em;
		line-height: 1.7;
		padding-bottom: 1.5rem;
	}

	.textpage p.large {
		color: #758094;
		font-size: 1.1rem;
	}
	
	.textpage p a {
		position: relative;
	}
	
	.textpage p a:after {
		content: '';
		position: absolute;
		bottom: -7px;
		line-height: 16px;
		left: 50%;
		width: 0px;
		height: 1px;
		background-color: #768094;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		
		transform: translateX(-50%);
		
		transition: width .3s;		
	}
	
	.textpage p a:hover:after {
		width: 100%;
	}
	
	.textpage h1 {
		margin-bottom: 20px;
		font-size: 26pt;
	}
	
	.textpage h2 {
		font-size: 16px;
		line-height: 1.7;
		font-weight: 400;
		letter-spacing: 0px;
	}
	
	.textpage h3 {
		font-weight: 500;
		font-size: 13px;
		line-height: 16px;
		letter-spacing: .15em;
	}

	.textpage ul {
		list-style-type: disc;
		font-size: 1rem;
		margin-left: 40px;
	}

		.textpage li {
			letter-spacing: .02em;
			line-height: 1.6;
			padding-bottom: 1em;
		}
		
.inner.textpage .module {
	position: relative;
	width: 100%;
	margin: 20px auto 0px auto;
}

	.inner.textpage .module .titles {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 30px;
	}

	.inner.textpage .module .titles span {
		font-weight: 500;
		font-size: 13px;
		line-height: 16px;
		letter-spacing: .15em;
		display: flex;
	}

	.inner.textpage .module .titles span:before {
		content: "|";
		display: block;
		margin: 0 20px;
		font-size: 1.8rem;
	}

	.inner.textpage .module h2 {
		font-size: 26pt;
		font-weight: 400;
		margin: 0;
		line-height: 1;
	}
	
	.inner.textpage .module p {
		font-size: 13px;
		color: #000;
		letter-spacing: 0em;
		width: 80%;
		max-width: 900px;
		line-height: 1.7;
	}

	.inner.textpage .module .cell {
		position: relative;
		width: 100%;
		margin-bottom: 80px;
	}

	
	.inner.textpage .module .cell .textwrap {
		margin-bottom: 25px;
	}
	
	.inner.textpage .module .cell img {
		display: block;
		width: 100%;
	}
	
/* ************** CONTACT PAGE ******************* */

.inner.contactpage {
	text-align: center;
	width: 94%;
	margin: 0px auto;
	max-width: 1600px;
}

/*
.inner.contactpage:before {
	content: '';
	position: relative;
	display: block;
	width: 100%;
    height: 90vh;
    height: calc(100vh - 82px);
}
*/

	.inner.contactpage .intro {
		margin: 100px auto 0px auto;
		min-height: 69vh;
	}

	.inner.contactpage .intro .text {
		left: 0%;
		opacity: 1;
		width: 100%;
		margin: auto;
		text-align: left;
		position: relative;
	}
	
	.full .inner.contactpage .intro .text {
		color: #fff;
	}
	
	.inner.contactpage .intro .text h1 {
		font-size: 26pt;
		font-weight: 300;
		margin-bottom: 15px;
	}
	
	.inner.contactpage .intro .text h2 {
		font-size: 22pt;
		font-weight: 400;
		margin-bottom: 25px;
	}
	
	.inner.contactpage .intro .text h3 {
		font-size: 13px;
		font-weight: 400;
		margin-bottom: 25px;
	}
	
	.inner.contactpage .intro .text p {
		font-size: 13px;
		line-height: 1.9;
		letter-spacing: 0em;
	}
	
	.full .inner.contactpage .intro .text p {
		font-weight: 700;
	}
	
	.inner.contactpage .intro .text p:last-child {
		padding-bottom: 0px;
	}
	
		.inner.contactpage .intro .text a {
			position: relative;
			display: inline-block;
			line-height: 20px;
		}
		
		.inner.contactpage .intro .text a:after {
			content: '';
			position: absolute;
			bottom: -4px;
			line-height: 16px;
			left: 50%;
			width: 0px;
			height: 1px;
			background-color: #768094;
			backface-visibility: hidden;
			-webkit-backface-visibility: hidden;
			
			transform: translateX(-50%);
			
			transition: width .3s;
		}
		
		.inner.contactpage .intro .text a:hover:after, .inner.contactpage .intro .text a.pageOn:after {
			width: 100%;
		}
	
	.inner.contactpage .intro .text p:last-child {
		margin-bottom: 0px;
	}
	
	.inner.contactpage .intro .text .col {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
		width: 31%;
	}
	
	.inner.contactpage .intro .text .col.map {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 54%;
	}

	.inner.contactpage .intro .text .summary {
		width: 45%;
		margin-top: 40px;
	}
	
	@media all and (max-width: 1000px) {
		
		.inner.contactpage .intro .text .col {
			width: 35%;
		}
		
		.inner.contactpage .intro .text .col.map {
			width: 45%;
		}
		
	}
	
		.inner.contactpage .intro .text .col.map img {
			width: 100%;
		}
	
	/*
	.inner.contactpage .intro .text .col:last-child {
		margin-left: 100px;
	}
	*/
	
.inner.contactpage .modwrap {
	width: 94%;
	text-align: center;
	margin: 75px auto 0px auto;
}
	
	.inner.contactpage .module {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
		width: 45%;
		margin-right: -4px;
	}

	.inner.contactpage .module:last-child {
		margin-left: 8%;
	}
	
	.inner.contactpage .module h1.modtitle {
		text-align: left;
		font-size: 26pt;
		margin-bottom: 75px;
	}

		.inner.contactpage .module .cell {
			position: relative;
		}
		
		.inner.contactpage .module .cell .imgwrap {
			display: inline-block;
			*display: inline;
			zoom: 1;
			vertical-align: middle;
			width: 30%;
			margin-right: -4px;
			position: relative;
			
			border-radius: 50%;
			overflow: hidden;
		}
		
		.inner.contactpage .module .cell .imgwrap:after {
			content: '';
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background-color: #768094;
			z-index: 5;
			mix-blend-mode: multiply;
			
			opacity: 0;
			transition: opacity .3s;
		}
		
		.inner.contactpage .module .cell:hover .imgwrap:after {
			opacity: 1;
		}
		
		.inner.contactpage .module .cell img {
			width: 100%;
			position: relative;
			z-index: 2;
		}
		
		.inner.contactpage .module .cell .textwrap {
			display: inline-block;
			*display: inline;
			zoom: 1;
			vertical-align: middle;
			width: 65%;
			margin-right: -4px;
			margin-left: 5%;
			color: #000;
			text-align: left;
		}
		
		.inner.contactpage .module .cell .textwrap h1 {
			font-size: 14px;
			font-weight: 700;
			color: #000;
			letter-spacing: .05em;
		}
		
		.inner.contactpage .module .cell .textwrap h2 {
			font-size: 14px;
			font-weight: 700;
			color: #000;
			letter-spacing: .05em;
		}
		
		.inner.contactpage .module .cell .textwrap h3 {
			font-size: 14px;
			font-weight: 700;
			color: #000;
			letter-spacing: .05em;
		}
		
		.inner.contactpage .module .cell .textwrap p {
			font-size: 12px;
			color: #000;
			letter-spacing: .05em;
			line-height: 1.7;
		}
		
		.inner.contactpage .module .cell .textwrap h2.title, .inner.contactpage .module .cell .textwrap h3.title {
			display: inline-block;
			*display: inline;
			zoom: 1;
			vertical-align: top;
		}
		
/* ************** BIO PAGE ******************* */
	
.biopage {
	width: 94%;
	margin: 0px auto;
	max-width: 1600px;
}
	
.biopage .modwrap {
	width: 100%;
	text-align: center;
	margin: 50px auto 0px auto;
}
	
	.biopage .module {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
		width: 48%;
		margin-right: -4px;
	}

	.biopage .module:last-child {
		margin-left: 4%;
	}
	
	.biopage .module h1.modtitle {
		/*
		text-align: left;
		font-size: 26pt;
		margin-bottom: 45px;
		*/
		
		font-size: 26px;
		line-height: 1.7;
		font-weight: 400;
		letter-spacing: 0px;
		text-align: left;
		margin-bottom: 45px;
		
	}

		.biopage .module .cell {
			position: relative;
			margin-bottom: 40px;
		}
		
		.biopage .module .cell .imgwrap, .thanks .cell .imgwrap {
			display: inline-block;
			*display: inline;
			zoom: 1;
			vertical-align: middle;
			width: 200px;
			height: 200px;
			margin-right: -4px;
			position: relative;
			
			/*
			border-radius: 50%;
			overflow: hidden;
			*/
		}
		
		/*
		.biopage .module .cell .imgwrap:after {
			content: '';
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background-color: #768094;
			z-index: 5;
			mix-blend-mode: multiply;
			
			opacity: 0;
			transition: opacity .3s;
		}
		
		.biopage .module .cell:hover .imgwrap:after {
			opacity: 1;
		}
		*/
		
		.biopage .module .cell .imgwrap img, .thanks .cell .imgwrap img {
			width: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 2;
			opacity: 1;
			transition: opacity .3s;
		}
		
		.biopage .module .cell .imgwrap img:last-child, .thanks .cell .imgwrap img:last-child {
			opacity: 0;
		}
		
		.biopage .module .cell:hover .imgwrap img:last-child, .thanks .cell:hover .imgwrap img:last-child {
			opacity: 1;
		}
		
		.biopage .module .cell .textwrap, .thanks .cell .textwrap {
			display: inline-block;
			*display: inline;
			zoom: 1;
			vertical-align: middle;
			width: calc(100% - 240px);
			margin-right: -4px;
			margin-left: 5%;
			color: #000;
			text-align: left;
		}
		
		.biopage .module .cell .textwrap h1, .thanks .cell .textwrap h1 {
			font-size: 18px;
			font-weight: 700;
			color: #000;
			letter-spacing: .05em;
		}
		
		.biopage .module .cell .textwrap h2, .thanks .cell .textwrap h2 {
			font-size: 13px;
			font-weight: 700;
			color: #000;
			letter-spacing: .05em;
			padding-bottom: 2px;
		}
		
			/*
			.thanks .cell .textwrap h2 {
				font-size: 15px;
			}
			*/
		
		.biopage .module .cell .textwrap h3, .thanks .cell .textwrap h3 {
			font-size: 13px;
			line-height: 1.6;
			letter-spacing: 0em;
			color: #000;
			font-weight: 700;
			margin-bottom: -2px;
		}
		
			/*
			.thanks .cell .textwrap h3 {
				font-size: 15px;
			}
			*/
		
		.biopage .module .cell .textwrap p, .thanks .cell .textwrap p {
			font-size: 12px;
			color: #000;
			letter-spacing: .05em;
			line-height: 1.7;
		}
		
		.biopage .module .cell .textwrap p a, .thanks .cell .textwrap p a {
			position: relative;
		}
		
		.biopage .module .cell .textwrap p a:after, .thanks .cell .textwrap p a:after {
			content: '';
			position: absolute;
			bottom: -4px;
			line-height: 16px;
			left: 50%;
			width: 0px;
			height: 1px;
			background-color: #768094;
			backface-visibility: hidden;
			-webkit-backface-visibility: hidden;
			transform: translateX(-50%);
			transition: width .3s;	
		}
		
		.biopage .module .cell .textwrap p a:hover:after, .thanks .cell .textwrap p a:hover:after {
			width: 100%;
		}
		
		.biopage .module .cell .textwrap h2.title, .biopage .module .cell .textwrap h3.title, .thanks .cell .textwrap h3.title {
			display: block;
		}
		
/* VR 360 VIDEO */

.vrview iframe {
	width: 100%;
	height: auto;
}

	.vrwrap {
		position: relative;
		width: 100%;
		height: auto;
		background-color: #171614;
		margin-bottom: 60px;
	}
	
	.vrwrap .playcover {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		cursor: pointer;
		z-index: 20;
	}
	
	.vrwrap .vrtoggle {
		opacity: 1;
		transition: opacity .3s;
		width: 100%;
		height: 30px;
		position: absolute;
		background-color: #778297;
		bottom: -27px;
		left: 0px;
		z-index: 90;
	}
	
	.vrwrap .vrtoggle .playpause {
		width: 50%;
		text-align: left;
		margin-right: -4px;
	}
	
		.vrwrap .vrtoggle .playpause .svgwrap {
			width: 45px;
			height: 30px;
			border-right: 1px solid #fff;
		}
		
		.vrwrap .vrtoggle .volume .svgwrap {
			width: 45px;
			height: 30px;
			border-left: 1px solid #fff;
			float: right;
		}
	
	.vrwrap .vrtoggle .volume {
		width: 50%;
		text-align: right;
		margin-right: -4px;
	}
	
	.vrwrap svg {
		height: 20px !important;
		width: auto !important;
		padding-top: 4px !important;		
	}
	
	.vrwrap .vrtoggle .videoPlay {
		position: relative;
		top: auto;
		left: auto;
		height: 20px;
		width: auto;
		
		transform: translate(0%,0%);
		-webkit-transform: translate(0%,0%);
		-moz-transform: translate(0%,0%);
		-o-transform: translate(0%,0%);
		
	}
		
	
	.videoPlay.pause {
		display: none;
	}
	
		.videoPlay circle, .videoPlay line, .videoPlay polygon {
			stroke: #fff;
		}
	
	.vrwrap .videoPlay.pause, .vrwrap .sound.muted {
		opacity: 0;
		display: none;
	}
	
	.vrwrap .videoPlay {
		padding-left: 17px;
		cursor: pointer;
		position: relative;
	}
	
	.vrwrap .videoPlay.pause {
		left: -2px;
	}
	
	.volume .sound {
		padding-right: 12px;
		cursor: pointer;
	}
	
		.vrwrap svg circle, .vrwrap svg line, .vrwrap svg polygon, .vrwrap svg path {
			fill: #fff;
			stroke: none;
		}
		
		.vrwrap svg.pause circle, .vrwrap svg.pause line, .vrwrap svg.pause polygon, .vrwrap svg.pause path {
			fill: none;
			stroke: #fff;
		}	
		
/* **************************** */
/* VIDEO JS SKIN */
/* **************************** */

.video-js {
  background-color: #fff;
  opacity: 0;
  transition: opacity .5s;
}
.video-js.show {
	opacity: 1;
}


.vjs-default-skin .vjs-big-play-button {
  
  font-size: 3em;
  
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  /* 0.06666em = 2px default */
  border: 0.06666em solid #2e2727;
  /* 0.3em = 9px default */
  border-radius: 0.3em;
  /* Align top left. 0.5em = 15px default */
  left: 0.5em;
  top: 0.5em;
}

/* The default color of control backgrounds is mostly black but with a little
   bit of blue so it can still be seen on all-black video frames, which are common. */
.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
  /* IE8 - has no alpha support */
  background-color: #000;
  /* Opacity: 1.0 = 100%, 0.0 = 0% */
  background-color: rgba(0, 0, 0, 0.7);
}

/* Slider - used for Volume bar and Progress bar */
.video-js .vjs-slider {
  background-color: #545454;
  background-color: rgba(84, 84, 84, 0.5);
}

/* The slider bar color is used for the progress bar and the volume bar
   (the first two can be removed after a fix that's coming) */
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: #2e2727;
}

/* The main progress bar also has a bar that shows how much has been loaded. */
.video-js .vjs-load-progress {
  /* For IE8 we'll lighten the color */
  background: #949494;
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(84, 84, 84, 0.5);
}

/* The load progress bar also has internal divs that represent
   smaller disconnected loaded time ranges */
.video-js .vjs-load-progress div {
  /* For IE8 we'll lighten the color */
  background: #d4d4d4;
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(84, 84, 84, 0.75);
}

.video-js .vjs-control-bar {
  background-color: transparent;
}

.video-js .vjs-play-control {
  order: 1;
}

.video-js .vjs-progress-control {
  order: 2;
}

.video-js .vjs-volume-panel {
  order: 3;
}

.video-js .vjs-time-control {
  display: none;
}

.video-js .vjs-playback-rate {
  display: none;
}

.video-js .vjs-fullscreen-control {
  order: 4;
}

.video-js .vjs-play-progress:before {
  display: none;
}

.video-js .vjs-slider {
  background-color: #768094;
}

.video-js .vjs-control {
	color: #768094;
}

.video-js .vjs-big-play-button {
  height: 72px;
  width: 72px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 100%;
  margin: 0px auto;
}

	.vjs-big-play-button span:before {
	    color: #fff;
	    top: 11px !important;
	    left: 0 !important;
	}

.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus {
    text-shadow: none;
}