/* apply a natural box layout model to all elements */
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

div#preloader {position: absolute;left: -9999px;top:  -9999px;}
div#preloader img {display: block;}

.oscar {position:fixed;bottom:32px;left:24px;color:#7b7b7b;z-index:1000;font-size:22px;line-height:28px;letter-spacing:0.5px;}
.oscar a:hover { color:#black;}
.oscar a{color:#7b7b7b;text-decoration:none;border:0;white-space: nowrap}



html {min-height:100%;  overflow-y: scroll; }
body {font-family:'Futura';min-height:100%}
nav {position:fixed;top:0px;left:0px;font-size:42px;letter-spacing:0.5px;width:100%;z-index:50;height:113px;}
nav .padding {margin-top:32px;margin-left:24px;margin-right:33px}
nav .padding a {float:right;color:black;text-decoration:none;margin-right:34px}
nav .padding a:nth-of-type(3) {margin-right:0px;}
nav .padding .logo {float:left;}
nav .padding .title {float:left;display:none}

nav .white a {color:white;-o-transition:color .5s ease-out;-ms-transition:color .5s ease-out;-moz-transition:color .5s ease-out;-webkit-transition:color .5s ease-out;transition:color .5s ease-out;}
nav .white a:hover { color:black;}

.section-nav a,
nav .black a {color:black;-o-transition:color .5s ease-out;-ms-transition:color .5s ease-out;-moz-transition:color .5s ease-out;-webkit-transition:color .5s ease-out;transition:color .5s ease-out;}
.section-nav a:hover,
nav .black a:hover { color:white;}

nav div .active {color:white}

.bg-grey,
.bg-grey nav {background-color:#7b7b7b}
.bg-black,
.bg-black nav {background-color:black}

#blank-screen {position: absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2000}

.slideshow {width:100%;height:100%;position: relative;}
.slideshow .bottom,
.slideshow .top {background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;top:0px;left:0px;z-index:5;width:100%;height:100%;overflow: hidden;cursor: pointer}
.slideshow .bottom {z-index:1}

.casrousel-dots .bullet-on {background:url(../img/bullet-on.svg) 0px 0px;width:18px;height:18px;display:inline-block;background-size:contain}
.casrousel-dots .bullet-off {background:url(../img/bullet-off.svg) 0px 0px;width:18px;height:18px;display:inline-block;background-size:contain}

.casrousel-dots {position:absolute;left:0px;bottom:34px;text-align:center;width:100%;height:18px;z-index:5}
.casrousel-dots div {margin-left:30px;cursor: pointer}
.casrousel-dots div:first-child {margin-left:0px}

.project-detail .copy,
.project-copy,
.press-detail,
.press-copy,
.about-copy {max-width:820px;margin-left:auto;margin-right:auto;font-size:24px;line-height:34px;margin-top:113px;color:white;letter-spacing:0.5px}
.about-copy img {width:100%;height:auto}
.about-copy a {color:white;text-decoration: none;border-bottom:2px solid black;-o-transition:color .5s ease-out,border-color .3s ease-out;-ms-transition:color .5s ease-out,border-color .3s ease-out;-moz-transition:color .5s ease-out,border-color .3s ease-out;-webkit-transition:color .5s ease-out,border-color .3s ease-out;transition:color .5s ease-out,border-color .3s ease-out;}
.about-copy a:hover { color:black;border-color:#7b7b7b}

.section-nav {text-align: center}
.section-nav a{color:black;text-decoration:none;border:0;white-space: nowrap}
.section-nav a:last-of-type {margin-right:0px;}
.section-nav .active{color:white}

.project-copy,
.press-copy {max-width:1200px}
.press-copy .section-nav {color:black;padding-bottom:41px}

.project-copy .section-nav,
.press-detail .section-nav {padding-bottom:41px;}
.about-copy .section-nav a,
.project-copy .section-nav a,
.press-detail .section-nav a {margin-left:16px;margin-right:16px;}

.press-detail img {width:100%;height:auto}

.project-copy img {border:2px solid #7b7b7b;display:block;margin-left:auto;margin-right:auto;line-height:32px;font-size:24px;margin-bottom:17px;
-o-transition:border-color .5s ease-out;-ms-transition:border-color .5s ease-out;-moz-transition:border-color .5s ease-out;-webkit-transition:border-color .5s ease-out;transition:border-color .5s ease-out}

.project-copy .item {width:100%;margin-bottom:34px;display:flex;justify-content:center;align-items:center}
.project-copy .item div {width:50%;}
.project-copy .item div:first-of-type {text-align: center;cursor:pointer;font-size:32px;line-height: 42px;}
.project-copy .item div:nth-child(2) img {width:100%;height:auto;display:block;border:2px solid #7b7b7b;cursor:pointer}

.press-copy .item {float:left;text-align:center}

.press-copy .item div {width:250px;margin-left:auto;margin-right:auto;line-height:32px}
.press-copy .item img {width:250px;height:auto;border:2px solid #7b7b7b;display:block;margin-left:auto;margin-right:auto;line-height:32px;font-size:24px;margin-bottom:17px;
-o-transition:border-color .5s ease-out;-ms-transition:border-color .5s ease-out;-moz-transition:border-color .5s ease-out;-webkit-transition:border-color .5s ease-out;transition:border-color .5s ease-out;}

.project-copy .item div span,
.press-copy .item {color:black;-o-transition:color .5s ease-out;-ms-transition:color .5s ease-out;-moz-transition:color .5s ease-out;-webkit-transition:color .5s ease-out;transition:color .5s ease-out;text-decoration: none}

.press-copy .item:hover img {border-color: white}
.press-copy .item:hover {color:white;}

.divider {position: fixed;top:0px;left:0px;width:2px;height:100%;z-index:65;background-color:white;overflow:hidden;display:none}
.project-detail {position: absolute;top:0px;left:0px;width:100%;min-height:100%;z-index:70;background-color:black;}
.project-detail nav {background-color:black;}
.project-detail nav a {color:#7b7b7b;cursor:pointer}

.project-detail .copy-loading {position: fixed;width:100%;height:100%;background-color:black;z-index:40;display:none}

.project-detail .copy {padding-bottom:50px;letter-spacing:0.5px}
.project-detail .copy h1 {font-size:32px;line-height:42px;text-align: center;font-weight: normal;}
.project-detail .copy .image,
.project-detail .copy .video {text-align: center;margin-bottom:50px}
.project-detail .copy .image img {width:85%;height:auto;display:block;margin-left:auto;margin-right:auto}

.project-nav {position:fixed;bottom:32px;left:0px;width:100%;font-size:42px;letter-spacing:0.5px;z-index:1000;display:none}
.project-nav .padding {margin-left:32px;margin-right:33px}
.project-nav-mobile span,
.project-nav .padding a {float:right;color:#7b7b7b;text-decoration:none;cursor:pointer;-o-transition:color .5s ease-out;-ms-transition:color .5s ease-out;-moz-transition:color .5s ease-out;-webkit-transition:color .5s ease-out;transition:color .5s ease-out;}
.project-nav-mobile span:first-of-type,
.project-nav .padding a:first-of-type {float:left}
.project-nav-mobile span:hover,
.project-nav .padding a:hover{color:white}

.project-detail .copy a {color:white;border-bottom:2px solid #7b7b7b;text-decoration: none;-o-transition:color .5s ease-out,border-color .3s ease-out;-ms-transition:color .5s ease-out,border-color .3s ease-out;-moz-transition:color .5s ease-out,border-color .3s ease-out;-webkit-transition:color .5s ease-out,border-color .3s ease-out;transition:color .5s ease-out,border-color .3s ease-out}
.project-detail .copy a:hover {color:#7b7b7b;border-color:black}



.break {width:100%;height:47px;overflow:hidden}

.grey {color:#7b7b7b}
.grey-center {color:#7b7b7b;text-align: center;display:block}

.dropmenu {padding-left:24px;padding-top:27px;position:fixed;top:0px;left:0px;width:100%;height:100%;overflow: hidden;background-color:#7b7b7b;z-index:80;display:none;letter-spacing:0.5px}
.dropmenu a {color:white;text-decoration: none;font-size:24px;line-height:34px;display:block}
.dropmenu div {height:49px;}
.dropmenu .logo {float:left}
.dropmenu .btn-close {float:right;margin-right:34px;margin-top:5px;}


.btn-menu,
.btn-close {background-image:url(../img/btn-close.svg);background-size:contain;width:22px;height:22px;overflow: hidden;background-position: 0px 0px;background-repeat: no-repeat}
.btn-menu {background-image:url(../img/btn-menu.svg);display:none}

.project-nav-mobile {display:none}

.password-field input {font-size:28pt;text-align: center;width:500px}

@media screen and (max-width: 900px) { 
	.project-nav,
	nav {font-size:26pt}
	.contact {font-size:26pt}
	.oscar {font-size:11pt;line-height:16pt}
	
	.project-detail .copy,
	.project-copy,
	.press-detail,
	.press-copy,
	.about-copy {width:100%;padding-left:34px;padding-right:34px}	
	
	nav .padding a {display:none}
	nav .padding .title {display:inline-block;margin:0}
	nav .padding .btn-close {margin:0}
	nav .padding .btn-menu {display:inline-block;margin:0}
	
}

	
@media screen and (max-width: 667px) { 	
.password-field input {font-size:28pt;text-align: center;width:90%}	
	.about-copy .section-nav a,
	.project-copy .section-nav a,
	.press-detail .section-nav a {margin-left:10px;margin-right:10px;}
	
	
	.video .control {display:none}
	.casrousel-dots .bullet-on,
	.casrousel-dots .bullet-off {width:10px;height:10px}
	.casrousel-dots div {margin-left:20px}
	.oscar {font-size:11pt;line-height:16pt}
	.contact {font-size:24px}
	nav {font-size:24px;height:85px}	
	.project-nav {position:relative;display:none}
	
	
	.project-copy .section-nav {padding-bottom:20px}
	
	.project-detail .copy,
	.project-copy,
	.press-detail,
	.press-copy,
	.about-copy {font-size:14px;line-height:21px;margin-top:85px;letter-spacing: 0.5px}
	
	.project-detail .copy {padding-bottom:0px}
	
	.project-copy .item div span {font-size:21px;line-height:31px}
	
	.project-detail .copy h1 {font-size:21px;line-height:44px;text-align: center}
	
	.project-copy .item {flex-flow: row wrap;margin-bottom:23px}
	.project-copy .item div:first-of-type {order:2; flex: 1 100%;line-height:21px}
	.project-copy .item div:nth-child(2) {order:1; flex: 1 100%;margin-bottom:12px}
	.project-copy .item div:nth-child(2) img {margin-bottom:0}	
	

	
	.project-nav-mobile {display:block;font-size:21px;padding-top:20px;padding-bottom:20px;overflow:hidden}
	.project-nav-mobile span {border-bottom:0}
	
	.project-copy .item div,
	.press-copy .item div {line-height:21px}
	
}

@media screen and (max-width:320px) {
	.casrousel-dots div {margin-left:15px}
	.casrousel-dots div:first-child {margin-left:0px}
}