/*** DEFAULT RESET STYLES ***/

html{
	font-size: 100%; /* IE hack */
	color:#000;
	background:#020809;
}
html, body {
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
}
body{
	font-size:62.5%;
}
body, textarea{
	font-family:arial,helvetica,clean,sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border:0;
	margin:0;
	border-collapse: collapse;
	border-spacing: 0;
	background:transparent;
	font-size: 100%; /* IE hack */ 
}
td,th {
	vertical-align: top;
	background:transparent;
	text-align:left;
}
form{
	border:0;
	background:transparent;
}
form select, form input, form textarea{
	font-size: 100%; /* IE hack */
	font-family:inherit;
	font-weight:inherit;
}
img{
	border: 0;	
}
div.clearer{
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}


/*** THEME BASED BASIC STYLES ***/
html{
	background-color:#070707;
}
body{
	color:#fff;
	background:#070707;
	width:100%;
	height:100%;
	text-align:center;
	font-size:11.5px;
	font-family:Arial;
}

a{
	color:#fff;
	text-decoration:none;
	outline:none;
    cursor:pointer;
}
a:hover{
	text-decoration:underline;
}

p{
	margin:0 0 1em 0;
}
	
#site-wrapper{	
	max-width:2560px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	min-height:1500px;
	text-align:center;
	padding-bottom:200px;
	/*background: #070707 url(../images/siteVideoInit.jpg) top center no-repeat;
	background-size: auto 1080px;	
    */
    background: #070707 url(../images/siteBg_2019.jpg) top center no-repeat;
	background-size: 100% auto;	
}
#site-wrapper.loaded{
	background-image:none !important;
}
#header{
	max-width:1440px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:3;
	
}
#logo{
	position:absolute;
	top:80px;
	left:6%;
	height:38px;
}/*
#icon-menu{
	position:absolute;
	top:94px;
	right:6%;
	cursor:pointer;
	height:20px;
}*/
#icon-menu{
	position:absolute;
	top:94px;
	right:6%;
	cursor:pointer;
	height:25px;
}
#video-wrap {
	position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
	overflow:hidden;
}
#video {
	position: absolute;
    top: 0;
	margin: auto;
    min-width: 100%;
    width: auto;
    height: 1080px;
    z-index: -1;
    transform: translateX(-50%);
	display:none;
}
#intro-contents{
	max-width:1440px;
	padding-top:380px;
	padding-bottom:300px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:2;
}
#intro-contents p{
	font-size:50px;
	font-weight:500;
	color:#fff;
	font-family: 'Open Sans';
	margin-bottom:40px;
	padding-left:10px;
	padding-right:10px;
    line-height: 54px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;  
    text-shadow: 8px 8px 30px rgba(0,0,0,0.2);
}
#intro-contents p.hashtags{
    max-width: 620px;
    font-size: 21px;
    color: #d6d6d6;
    line-height: 28px;
    margin-top: -22px;
    padding-right:20px;
    padding-right:20px;
}
.btn-contact{
	display:inline-block;
	font-size:16px;
	text-transform:uppercase;
	font-weight:400;
	color:#fff;
	padding:16px 60px 14px 60px;
	border:1px solid #fff;
	font-family: 'Open Sans';
    cursor:pointer;
}
.btn-contact:hover{
	text-decoration:none;
}
h1{
	font-size:54px;
	color:#fff;
	letter-spacing:10px;
	text-transform:uppercase;
	margin-bottom:70px;
	line-height:1.2em;
	font-family: 'Open Sans';
	font-weight:500;
}
h2{
}
#section-videography{
}
.thumb{
		width:100%;
		height:auto;
		margin-bottom:18px;
}
h3.thumbTitle{
	font-size:20px;
	color:#fff;
	letter-spacing:0;
	margin-bottom:4px;
	line-height:26px;
}
.thumbDesc{
	font-size:16px;
	color:#b9b9b9;
	font-weight:500;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	line-height:20px;
}
.thumbDesc.extraTopPad{
	padding-top:20px;
}

.extraBotPad {
	padding-bottom: 100px;
}
.thumbImage{
	margin-bottom:10px;
	width:100%;
	max-width:1288px;
}
.section{
	max-width:1440px;
/*	background-color:yellow;*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;
	position:relative;
	z-index:2;
}
  .secondaryTitle{
	  font-size: 0.45em;letter-spacing: 0;line-height: 1.9em;
  }
#section-design .cols-100{
	padding-left:10px;
	padding-right:10px;
}
#section-about{
	 padding-top:40px;
	 text-align:center;
}
#section-about h1{
	position:relative;
	z-index:2;
}
#section-about img{
	position: relative;
    z-index: 1;
    margin-top: -70px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	max-width:640px;
}
#section-about p.extraTopPad{
	margin-top: -90px;
    position: relative;
    z-index: 3;
}
.cols-25, .cols-33, .cols-50, .cols-75, .cols-100{
	text-align:center;
}
.col{
	float:left;
	margin-bottom:52px;
}
.cols-25 .col{
	width:230px;
	margin-left:20px;
}
.cols-33 .col{
	width:310px;
	margin-left:25px;	
}
.cols-50 .col{
	width:41%;
	margin-left:3%;
	margin-right:3%;
/*	background-color:blue;*/
}
.cols-50 .col:first-child{
	margin-left:6%;		
}
.cols-50 .col:nth-child(2){
	margin-right:6%;		
}
.cols-100 .col{
	float:none;
}
.first{
	margin-left:0 !important;
}


@media only screen and (max-width: 3000px) {
	
	#site-wrapper{
		background-size:1920px auto;
	}
}


@media only screen and (max-width: 1325px) {
	
	#site-wrapper{
		background-size:120% auto;
	}
	#intro-contents{
		padding-top:300px;
        padding-bottom:200px;
	}
	#intro-contents p{
        font-size: 46px;
        line-height: 52px;
	}
}
@media only screen and (max-width: 960px) {
    
    
	#intro-contents{
		padding-top:310px;
	   padding-bottom:200px;
	}
	.cols-25 .col, .cols-33 .col, .cols-50 .col, .cols-75 .col, .cols-100 .col{
			width:100%;
			margin-left:auto !important;
			margin-right:auto !important;
	}
	.section{
			padding-left:40px;
			padding-right:40px;
	}
	#logo{
		top:60px;
	}
	#icon-menu{
		top:74px;
	}
}
@media only screen and (max-width: 720px) {
	#site-wrapper{
		background-size:200% auto;
	}
	#intro-contents{
		padding-top:240px;
		padding-bottom:130px;
	}
    #intro-contents p {
    font-size: 40px;
    line-height: 44px;
    }
    #intro-contents p.hashtags {
    max-width: 620px;
    font-size: 18px;
    color: #b9b9b9;
    line-height: 24px;
    margin-top: -29px;
    }
    
	.btn-contact{
		font-size:13px;
		padding:12px 48px 10px 45px;
	}
	h1{
			margin-bottom:40px;
			letter-spacing:6px;
	}
	#video {
		height:960px;	
	}
	#site-wrapper{
		background-size: auto 960px;
	}
	
	#section-about img{
		margin-top: -40px;
		margin-bottom:20px;
	}
}
@media only screen and (max-width: 580px) {

	.section{
			padding-left:12px;
			padding-right:12px;
	}
	#logo{
		top:40px;
	}
	#icon-menu{
		top:48px;
	}
    #intro-contents p{
        font-size: 40px;
        
    line-height: 43px;
        } 
#intro-contents p.hashtags{
  font-size:16px;
    line-height:24px;
    margin-top:-30px;
    
  }  

	.extraBotPad {
		padding-bottom: 40px;
	}
    
	h1{
		font-size:40px;
		letter-spacing:7px;
	}
	.col{
		margin-bottom:38px;
	}
	.thumb{
			margin-bottom:16px;
	}
	h3.thumbTitle{
		font-size:16px;
		line-height:20px;
		margin-bottom:0;
	}
	.thumbDesc{
		font-size:14px;
		line-height:17px;
	}
	.thumbDesc.extraTopPad {
		padding-top: 10px;
	}
	#section-about img{
		margin-top: -40px;
		margin-bottom:50px;
	}
}
@media only screen and (max-width: 420px) {
	
	h1{
		font-size:30px;
		letter-spacing:5px;
		margin-bottom:30px;
	}
	#intro-contents p {
		font-size: 32px;
    line-height: 36px;
		margin-bottom:20px;
	}
    #intro-contents p.hashtags{
  font-size:14px;
    line-height:19px;
    margin-top: -12px;
    
  }  
	#intro-contents {
		padding-top: 165px;
		padding-bottom: 80px;
	}
	#logo{
		height:32px;
	}
	#icon-menu{
		top: 46px;
		height: 20px;
	}
	.col{
		margin-bottom:24px;
	}
	.section{
			margin-bottom:40px;
	}
	#video {
		height:400px;	
	}
	#site-wrapper{
		background-size: 180% auto;
	}
	#section-about img{
		margin-top: -30px;
	}
  .secondaryTitle{
	  font-size: 0.39em;letter-spacing: 0;line-height: 1.6em;
  }
	
}

@media only screen and (max-width: 380px) {
	
    #intro-contents p {
        font-size: 27px;
        line-height: 30px;
    }
    #intro-contents .hashtags{
        font-size: 12px;
        line-height: 17px;
        margin-top: -14px;
    }     
}
#fancybox-wrap{
	margin-top:-80px;
}
#fancybox-title{
	background-color:transparent;
	margin-left:-50px;
}
#fancybox-title-float-left, #fancybox-title-float-main, #fancybox-title-float-right {
	background-image:none !important;
	background-color:rgba(0,0,0,0.9) !important;
}
#fancybox-title-float-main{
color:#3f4244 !important;
font-weight:normal !important;
}
.fancybox-title-float {
bottom:-40px !important;
padding:10px 50px 5px 50px;
}