@font-face {font-family: 'DidotLTPro-Roman';src: url('webfonts/2E35BA_0_0.eot');src: url('webfonts/2E35BA_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E35BA_0_0.woff2') format('woff2'),url('webfonts/2E35BA_0_0.woff') format('woff'),url('webfonts/2E35BA_0_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNovaA-Regular';src: url('webfonts/2E35BA_1_0.eot');src: url('webfonts/2E35BA_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E35BA_1_0.woff2') format('woff2'),url('webfonts/2E35BA_1_0.woff') format('woff'),url('webfonts/2E35BA_1_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNovaS-Regular';src: url('webfonts/2E35BA_2_0.eot');src: url('webfonts/2E35BA_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E35BA_2_0.woff2') format('woff2'),url('webfonts/2E35BA_2_0.woff') format('woff'),url('webfonts/2E35BA_2_0.ttf') format('truetype');} 
@font-face {font-family: 'ProximaNova-Regular';src: url('webfonts/2E35BA_3_0.eot');src: url('webfonts/2E35BA_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E35BA_3_0.woff2') format('woff2'),url('webfonts/2E35BA_3_0.woff') format('woff'),url('webfonts/2E35BA_3_0.ttf') format('truetype');}
 
a,b,body,center,div,em,font,
footer,form,h1,h2,h3,h4,h5,h6,
header,hgroup,hr,html,i,iframe,
img,input,label,li,ol,p,span,strike,
strong,sub,sup,u,ul,video 
{
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
}

body
{
	background:#fff;	
	height:100%;
	width:100%;
	max-width:100%;
	font-family: "proxima-nova";
}

video#bgvid
{ 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../video/8sec_Umbrella_01.png) no-repeat;
    background-size: cover; 
}

.parallaxParent 
{
	height: 100vh;
	width:100%;
	overflow: hidden;
	position:relative;
}

.parallaxParent > * {
	height: 200%;
	position: relative;
	top: -90%;
}

#parallax1.android > *,
#parallax2.android > *,
#parallax3.android > *,
#parallax4.android > *,
#parallax5.android > *,
#parallax6.android > *,
#parallax7.android > * {
	height: 200%;
	position: relative;
	top: -100%;
}

#parallax1.android-chrome > *,
#parallax2.android-chrome > *,
#parallax3.android-chrome > *,
#parallax4.android-chrome > *,
#parallax5.android-chrome > *,
#parallax6.android-chrome > *,
#parallax7.android-chrome > * {
	height: 200%;
	position: relative;
	top: -100%;
}

.contact p{
	font-size: 14px;
}

.contact{
	max-width: 700px;
	margin: auto;
	color: #fff;
}

.contact_right{
	float: right;
	max-width: 400px;
}

.contact_left{
	float: left;
}


b,
strong {
	font-weight: bold;
}

.clear
{
	clear:both;	
}

#scrollbtn{
	cursor:pointer; 
	position: absolute !important; 
	left:50% !important; 
	margin-left:-64px !important;   
	z-index: 999999999 !important; 
	width:128px !important;  
	height: 100px !important;
}


/* new loader */



#loadwrap{
	position:fixed;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 9999999999999999999999999999999999;
	background-color: #fff;
}

#loadwrap img{
	position:absolute;
	top:50%;
	left:50%;
	margin-left: -32px;
	margin-top: -32px;
}



.loader
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:#fff;
	color:#000;
	z-index:9999999;	
}

.progress-bar
{
	width:1%;
	background:#fff;
}

.number
{
	position:absolute;
	top:50%;
	left:50%;
	width:300px;
	text-align:center;
	margin-left:-150px;
	height:30px;
	margin-top:-15px;
	font-family: 'DidotLTPro-Roman';
	font-size:28px;
	
}

a
{
	color:#000;
	text-decoration:none;	
}

body,html
{
	width:100%;
	height:100%;
	font-family: 'ProximaNova-Regular';	
}


/*nav*/

#top_nav .social_icon img
{
	display:inline-block;	
	width: 30px;
	margin-right: 15px;
	margin-top: 1px;
}

.menu_open{
	position: absolute;
	right:14px;
	top:10px;
	font-size: 35px;
	color: #000;
	cursor: pointer;
}

.menu{
	background-color: rgba(0,0,0,.9); 
	width: 400px;
	padding: 100px 0 0 0;
	position: fixed;
	height: 100%;
	top:0;
	right:-400px;
	z-index: 9999999999999999;
	color: #fff;

}

.menu ul a.header{
	font-size: 35px;
	    font-family: 'DidotLTPro-Roman';
}

.menu ul li{
	text-align: center;
	list-style: none;
}

.menu ul a{
	color: #fff;
	font-size: 20px;
	display: block;
	transition: .5s;
	padding: 15px 0;
}

.menu ul a:hover{
	background-color:#fff;
	color: #000;
}



#close{
	cursor: pointer;
	position: absolute;
	top:0px;
	right: 15px;
	color: #fff;
	font-size: 50px;
}

#wrapper
{
	width:254px;
	background:#fff;
	height:100%;
	top:0;
	left:-254px;
	position:fixed;
	box-sizing:border-box;
	z-index:9999999;
	font-family: 'ProximaNova-Regular';	
}

.logo img{
	width: 60px;
}

#top_nav{
	position: fixed;
	background-color: #fff;
	z-index: 999999999;
	color: #000;
	width: 100%;
	height: 60px;
	overflow: hidden;
}

.nav_left{
	float:left;
}
.nav_right{
	float:right;
	padding: 15px 50px 0 0;
}


#nav {
	width:100%;
	background:#fff; 
	height:100%;
	position:fixed;	
	padding-top:50px;
	font-family: 'DidotLTPro-Roman';
	left:0px;
	z-index:9999999;
}

#nav .logo, #top_nav .logo
{
	float:left;	
}

#nav_left .title,  #top_nav .title
{
	float:left;	
	font-size:26px;
	padding:12px 0 0 25px;
	font-family: 'DidotLTPro-Roman';
}

#nav .navigation
{
	clear:both;	
	margin:10px 0 0 30px;
	
}

#nav .nav-link
{
	font-size:30px;	
	display:block;
	margin:20px 0 0 0;
}

#nav .sub-link
{
	font-size:20px;	
	margin:-15px 0 0 10px;
	display:block;
}




#nav .hamburger
{
	position:absolute;
	top:28px;
	left:320px;
}

#nav-toggle { display:block !important; position: absolute; right: 5px; top: 13px; cursor:pointer; }

#nav-toggle { cursor: pointer; padding: 16px 35px 16px 0px;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  height: 4px;
  width: 35px;
  background: #000;
  position: absolute;
  display: block;
  content: '';
  margin:0 auto;
}

#nav-toggle.press span, #nav-toggle.press span:before, #nav-toggle.press span:after {
  background: #fff;
}

#nav-toggle span:before {
  top: -10px; 
}
#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}

#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

/*frame*/
.top,
.bottom,
.left,
.right
{
	position:fixed;
	background:#fff;
	z-index:9999;
}

.top,
.bottom
{
	width:100%;	
	height:15px;
	left:0;
}

.top,
.left,
.right
{
	top:0;
}

.bottom
{
	bottom:0;
}

.left,
.right
{
	width:15px;
	height:100%;
}

.left
{
	left:0;
}

.right
{
	right:0;
}

/*content*/
.monogram
{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	z-index:1;	
	top:0;
	max-height:1080px;
}

.monogram .wrap
{
	position:relative;
	height:100%;
	width:100%;	
	max-height:1080px;
}

.ca
{
	position:absolute;
	margin-top:-69px;
	left:14px;
}

.scroll
{
	position:absolute;
	/*bottom:25px;*/
	left:50%;
	margin-left:-44px;
	z-index:9999;
}

video
{
	position:absolute;
	width:120%;
	height:100% !important;	
	top:-12%;
	
}

.sectionContainer{
	position: relative;
}


.post
{
	/*width: calc(100% - 18px);*/
	width:100%;
	padding:40px 100px;
	box-sizing:border-box;
	position:relative;
	background-color:#000;
	z-index: 99999;
}


.glossy-square-gray .slide-arrows a.next{
	background-color: #fff;
}

#contact .post 
{
	position:absolute;
	height:100%;	
}

#contact .post .wrap
{
	position:relative;
}


.post .title
{
	font-family: 'DidotLTPro-Roman';
	color:#fff;
	font-size:100px;
	text-align: center;

}

.post .no-underline
{
	text-decoration:none;
	display:inline-block;
}

.post .content
{
	width:700px;
	color: #fff;
	text-align: center;
	margin: auto;
}

.post p
{
	padding-bottom:30px;	
}

.post strong
{
	letter-spacing:2px;	
}

.post .image
{
	height:42%;
	width:100%;	
	background:url(../images/contact.jpg) center center no-repeat;
	background-size:cover;
	position:absolute;
	left:0;
	bottom:0;
	z-index:-1;
}

section
{
	z-index:99;
	margin: auto;
	width:90%;
	height:100%;	
}

#contact,
#press
{
	height: 100vh;
	width:100%;
	overflow: hidden;
	position:relative;
}

#contact
{
	height: 130vh;
	width:100%;
	overflow: hidden;
	position:relative;
}


#contact{
	height: auto !important;
	position: static !important;
	overflow: visible !important;
}

#contact .post{
	height: auto !important;
}

#press
{
	background:#000;	
}

#press .post,
#press .post .title,
#press .post a
{
	color:#fff;	
}

#image
{
	height:50vh;	
}

#message
{
	background:#000;
	color:#fff;
	border:solid 1px #fff;
	border-radius: 5px;	
	width:97%;
	height:165px;
	padding:10px;
}

#ca{
	position: absolute; 
	left:15px; 
	top:50%; 
	margin-top: -137px; 
	z-index: 999999999; 
	width: 278px; 
	height: 278px;
}

.form-wrap
{
	position:relative;	
	width:100%;
}

.form_left,
.form_right
{
	float:left;	
	width:48%;
	box-sizing:border-box;
}

.form_left
{
	margin-right:4%;
}

#success, #error {
    display:none;
}

#success span, #error span {
    display:block;
    position:absolute;
    top:150px;
	left:205px;
    width:280px;
}
#success span p, #error span p {
 	
}
#success span p {
  color:#00c012;
}
#error span p {
  color:#c0392b;
}


video { 
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    width: auto !important;
    height: auto !important;
    z-index: -100 !important;
    transform: translateX(-50%) translateY(-50%) !important;
	  background-size: cover !important;
	  transition: 1s opacity !important;
}


input[type=text]
{
	background:#000;
	color:#fff;
	border:solid 1px #fff;
	border-radius: 5px;	
	padding:10px;
	margin:6px 0 16px 0;
	width:100%;
	box-sizing:border-box;
}

#submit
{	
	border-radius: 5px;	
	background:transparent;
	color:#fff;
	border:solid 1px #fff;
	font-size:12px;
	text-transform:uppercase;
	padding:15px 45px;	
	margin:25px 0 0 260px;
	font-size:16px;
	cursor: pointer;
}


#landscape {
    position: fixed;
    top: 50%;
    left: 50%;
	margin-top:-160px;
	margin-left:-160px;
    width: 320px;
    height: 320px;
    background: transparent url("../images/flip.png") no-repeat center center;
	background-size:cover;
    z-index: 99999999;
	display:none;
}

#mobileSlider{
	display:none;
	width: 100%; 
	height:auto; 
	margin-bottom: 25px;
}



@media screen and (max-width: 1550px){
	
	.parallaxParent{
		height: auto;
		overflow: auto;
		margin-bottom: 50px;
	}
	
	.post .title{
		font-size: 35px;
	}
	
	.post .content{
		width:auto;
		font-size: 14px;
	}
	
	.parallaxParent > *{
		height: auto;
		position: static;
		top: auto;
	}
	
	section{
		margin-top: 20px;
		position: static;
	}
	
	#parallax0, #parallax0 div{
		height:100vh !important;
	}
		
}

@media screen and (max-width: 900px){
	
	.contact_right, .contact_left{
		float: none;
		max-width: 100%;
		text-align: center;
		margin-bottom: 25px;
	}
	
	#ca{
		width: 150px; 
		height: 150px;
	}
	
	#contact{
		height: auto;
		overflow: auto;
	}
	#contact .post{
		position: static;
	}
	
	.glossy-square-gray .slide-arrows a.next{
		right:14px;
	}
	
}

@media screen and (max-width: 700px){

	
	
	.form_left, .form_right{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	
	.contact{
		padding: 20px;
	}
	
	.contact img{
		width: 100%;
	}
	
	#message
{
	background:#000;
	color:#fff;
	border:solid 1px #fff;
	border-radius: 5px;	
	width:100%;
	height:165px;
	padding:10px 0;
}
	
	#submit{
		margin:25px auto;
	}
	
	#ca{
		display: none !important;
	}
	
	
	#parallax0{
		display:none;
	}
	
	#mobileSlider{
		display:block;
	}
	
	.post{
		padding: 40px 20px;
	}
	
	
}