@charset "UTF-8";

.js body {
	visibility:hidden
}
a {
	color:inherit
}
.accessibility {
	position:absolute;
	overflow:hidden;
	clip:rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0
}
.fullscreen {
	position:relative;
	height:100%;
	width:100%
}
.fulldiv {
	display:table;
	width:100%;
	height:100%
}
.fulldiv .center {
	display:table-cell;
	vertical-align:middle;
	text-align:center
}
.cover {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover
}
body.logo-light header h1 {
	color:#fff
}
body.logo-dark header h1 {
	color:#000
}
header {
	margin:0px auto 0;
	position:relative;
	line-height:18px;
	line-height:1.8rem
}
header h1 {
	font-family:"Brandon Grot W01 Bold",Helvetica,Arial,sans-serif;
	font-size:18px;
	font-size:1.8rem;
	color:#000;
	text-align:center
}
header h1 a {
	text-decoration:none
}
header nav {
	font-family:BrandonGrotW01-Regular,Helvetica,Arial,sans-serif;
	text-align:center
}
@media only all and (min-width:64em) {
	header nav {
		position:absolute;
		top:0;
		right:0
	}
}
header nav ul {
	display:inline-block;
	margin:30px auto 0
}
@media only all and (min-width:64em) {
	header nav ul {
		margin:0 auto
	}
}
header nav ul li {
	display:inline-block;
	margin-left:20px
}
header nav ul li:first-child {
	margin-left:0
}
header nav ul li a {
	font-size:11px;
	font-size:1.1rem;
	text-decoration:none;
	transition:all .4s ease-in-out
}
header nav ul li a.active,header nav ul li a:focus,header nav ul li a:hover {
	color:#000
}
.extra {
	color:#cacaca;
	overflow:hidden
}
.extra .container {
	margin-top:90px
}
.extra a {
	text-decoration:none;
	transition:all .4s ease-in-out
}
.extra a:hover {
	color:#000
}
.extra p {
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	font-size:1.1rem;
	margin:10px auto
}
.extra .twitter {
	margin:70px 0 0
}
.extra .close {
	padding-top:70px
}
.extra .close a:focus img,.extra .close a:hover img {
	transition:all .4s ease-in-out;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
.extra .about {
	max-width:750px;
	margin:0 30px
}
@media only all and (min-width:38.125em) {
	.extra .about {
		margin:0 auto;
		zoom:1
	}
	.extra .about:after {
		clear:both
	}
	.extra .about:after,.extra .about:before {
		content:"\0020";
		display:block;
		height:0;
		overflow:hidden
	}
	.extra .about .col {
		width:33%;
		float:left;
		padding:0 25px
	}
}
.extra .about p:first-child {
	margin-top:0
}
.extra .about p:last-child {
	margin-bottom:0
}
.extra .about p {
	text-align:left;
	line-height:2.6em;
	margin:40px auto
}
html {
	overflow-y:scroll
}
#prehome {
	color:#fff;
	position:relative
}
#prehome .sizer {
	background-color:#000
}
#prehome .h1 {
	font-family:"Brandon Grot W01 Bold",Helvetica,Arial,sans-serif;
	font-size:26px;
	font-size:2.6rem;
	letter-spacing:.3em;
	margin:20px 0
}
#prehome .h2 {
	font-family:"Brandon Grot W01 Medium",Helvetica,Arial,sans-serif;
	letter-spacing:.2em;
	margin:20px 0
}
#prehome .masker {
	position:absolute;
	background-color:#fff;
	transition:all .4s ease-in-out
}
#prehome .masker.masker-top {
	top:0;
	left:0;
	right:0;
	height:0
}
#prehome .masker.masker-left {
	top:0;
	bottom:0;
	left:0;
	width:0
}
#prehome .masker.masker-right {
	top:0;
	bottom:0;
	right:0;
	width:0
}
#prehome .masker.masker-bottom {
	bottom:0;
	left:0;
	right:0;
	height:0
}
#main.home {
	position:relative;
	z-index:1;
	margin:0 0px
}
@media only all and (min-width:38.125em) {
	#main.home {
		margin:0 50px
	}
}
#main.home #grid-container {
	max-width:1400px;
	margin: 0 auto;
	position:relative
}
#main.home #grid-list {
	margin:0 0px
}
@media only all and (min-width:38.125em) {
	#main.home #grid-list {
		margin:0 auto
	}
}
#main.home #grid-list .item {
	display:block;
	padding-bottom:120px;
	position:relative;
	transition:all .4s ease-in-out
}
@media only all and (min-width:38.125em) {
	#main.home #grid-list .item {
		display:inline-block;
		position:absolute;
		vertical-align:top
	}
}
#main.home #grid-list .item.video .image {
	position:relative
}
#main.home #grid-list .item.video .image:before {
	content:"\0020";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-size:62px 62px
}
#main.home #grid-list .item.video.dark .image:before {
	background-size:62px 62px
}
#main.home #grid-list .item .image {
	max-width:100%;
	margin:0 auto;
	position:relative;
	z-index:0
}
#main.home #grid-list .item .image>img {
	margin:0 auto;
	display:block;
	max-width:100%;
	height:auto
}
@media only all and (min-width:38.125em) {
	#main.home #grid-list .item .image>img {
		width:100%
	}
}
#main.home #grid-list .item .image .slides {
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	visibility:hidden
}
#main.home #grid-list .item .image .slides ul li {
	display:table;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
#main.home #grid-list .item .image .slides ul li .center {
	display:table-cell;
	text-align:center;
	vertical-align:middle
}
#main.home #grid-list .item .image .slides img {
	max-width:100%;
	height:auto
}
#main.home #grid-list .item:hover .slides {
	visibility:visible
}
#main.home #grid-list .item:hover .legend {
	color:#000
}
#main.home #grid-list .item .legend {
	position:absolute;
	left:0;
	height: 100px;
	padding-top: 0px;
	bottom:0px;
	text-transform:uppercase;
	transition:color .4s ease-in-out
}
@media only all and (min-width:38.125em) {
	#main.home #grid-list .item.large {
		width:590px
	}
	#main.home #grid-list .item.medium {
		width:420px
	}
	#main.home #grid-list .item.small {
		width:250px
	}
}
body.dark #details-container {
	background-color:#f8f8f6
}
body.dark #details-container .cover {
	background-color:#fff
}
#details-container {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%
}
#details-container img {
	display:block
}
#details-container .close-details {
	position:fixed;
	z-index:2;
	right:0;
	top:0;
	padding:24px;
	background-color:#212121
}
#details-container .close-details img {
	transition:all .4s ease-in-out
}
#details-container .close-details:focus,#details-container .close-details:hover {
	background-color:#1A1A1A
}
#details-container .close-details:focus img,#details-container .close-details:hover img {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
#details-container .cover {
	background-color:#000
}
#details-container .cover img {
	max-width:100%;
	min-width:100%;
	height:auto
}
#details-container .details {
	max-width:600px;
	margin:109px 30px 45px;
	text-align:center;
	text-transform:uppercase
}
@media only all and (min-width:38.125em) {
	#details-container .details {
		margin:109px auto 45px
	}
}
#details-container .details h2 {
	font-size:28px;
	font-size:2.8rem;
	color:#000;
	margin:35px 0
}
#details-container .details p {
	font-size:11px;
	font-size:1.1rem;
	font-family:BrandonGrotW01-Regular,Helvetica,Arial,sans-serif;
	line-height:3em
}
#details-container .gallery {
	max-width:960px;
	margin:0 auto;
	padding:62px 30px 0
}
#details-container .gallery.dark {
	background-color:#f8f8f6
}
#details-container .gallery .row {
	zoom:1
}
#details-container .gallery .row:after {
	clear:both
}
#details-container .gallery .row:after,#details-container .gallery .row:before {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden
}
#details-container .gallery .item {
	position:relative;
	width:900px;
	max-width:100%;
	margin:0 auto 60px;
	background-color:#f4f4f4
}
@media only all and (min-width:64em) {
	#details-container .gallery .item.left {
		float:left
	}
	#details-container .gallery .item.right {
		float:right
	}
}
#details-container .gallery .item.portrait {
	width:420px
}
#details-container .gallery .item.video {
	margin-bottom:120px
}
#details-container .gallery .item .play-video:before {
	content:"\0020";
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:url(../images/d3db8f1d.play.jpg) no-repeat center center;
	background-size:62px 62px
}
#details-container .gallery .item.dark .play-video:before {
	background:url(../images/99696062.play-dark.jpg) no-repeat center center;
	background-size:62px 62px
}
#details-container .gallery .item h3 {
	padding-top:36px;
	width:100%;
	position:absolute;
	text-transform:uppercase;
	text-align:center;
	font-family:BrandonGrotW01-Regular,Helvetica,Arial,sans-serif;
	font-size:11px;
	font-size:1.1rem
}
#details-container .gallery img {
	position:relative;
	max-width:100%;
	min-width:100%;
	height:auto
}
#details-container .gallery iframe {
	position:absolute;
	z-index:1;
	top:0;
	left:0
}
#details-container .back {
	display:block;
	font-size:11px;
	font-size:1.1rem;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:60px;
	padding-bottom:90px;
	transition:all .4s ease-in-out
}
#details-container .back:focus,#details-container .back:hover {
	color: #000
}