@charset "UTF-8";

html, body					{	height : 100%;	width : 100%;	margin : 0;padding : 0;	}
* 							{ 	padding : 0;	margin : 0;	}
a img, img 					{ 	border : 0; outline : none; }
/*Opera Fix*/ body:before 	{	content:"";	height:100%;	float:left;	width:0;	margin-top:-32767px;}
body 						{	margin : 0;	background-color: #14151a; }


div 						{	font-family: "Inter", sans-serif;  letter-spacing: 0; 	font-size : 12px; }
a 							{ 	font-family: "Inter", sans-serif;  text-decoration: none; }
header 						{ 	width: 100%;  	position: relative; overflow: hidden; z-index:10 }
header img 					{	width:100%; 	height:auto;}
.video 						{ 	display:block; width:100%; 	height:auto; margin-top:-1000px;     z-index:-1;  }
.overlay 					{	position: absolute;	width : 100%;	background : url(../images/dots.png);	background-size: 2px;	opacity : 0.9;	z-index : 998;	height : 100%;}
.title 						{   text-transform:uppercase;   font-family: "Nunito Sans", sans-serif;  font-optical-sizing: auto;  font-weight: 1000;  font-style: italic;  font-variation-settings: "wdth" 75,    "YTLC" 500;font-size:85px; color:#fff;line-height:100%;  letter-spacing:-5px;}
.sub 						{ 	font-family: "Inter", sans-serif;   font-optical-sizing: auto;  font-weight:400; line-height:200%; letter-spacing:-1px;  font-style: normal; font-size:16px; color:#fff}
.hero 						{ 	text-align:center; width: 100%; height:auto; cursor: pointer;   z-index : 1000; position:absolute;  left:50%;   top:37%;    -webkit-transform: translate(-50%,-37%);    transform: translate(-50%,-37%);  }
.logo 						{	float:left; transition : all 0.2s ease-in-out; background:url(../images/logo.png); background-size:cover; z-index : 999; width:40%; padding-bottom:22%; margin-left:30%; margin-top:200px;margin-bottom:0px }
.logo.active 				{	transition : all 0.9s ease-in-out;top:0%; margin-top:-27% }
.bg_content 				{	width:100%;   min-height:1000px;   background: rgba(0,0,0,0);  background:url(../images/bg.png) no-repeat;  background-size: 100%;     float:left;  margin-top:-200px; z-index:100; position:relative}
.pg_content 				{	float:left; width:100%;  margin-top:0px; color:#fff;  }
section  					{	width:50%; margin-left:25%; margin-top:180px; margin-bottom:180px;  text-align:center  }
.footer_ttl 				{	text-transform:uppercase;  font-family: "Nunito Sans", sans-serif;  font-optical-sizing: auto;  font-weight: 1000;  font-style: italic;  font-variation-settings:    "wdth" 75,    "YTLC" 500;    letter-spacing:-1px; font-size:18px; color:#fff}
.footer_txt 				{ 	font-family: "Inter", sans-serif;   font-optical-sizing: auto;  font-weight:200;   font-style: normal; font-size:14px; color:#fff}
.footer_txt a 				{ 	font-family: "Inter", sans-serif;   font-optical-sizing: auto;  font-weight:200;   font-style: normal; font-size:14px; color:#fff}
.footer_logo img 			{ 	width:30%;   margin-top:80px;  }
.credit 					{	width: 100%;  float: left;  text-align: center;  font-size: 9px;  font-weight: 600;  margin-top: 120px;margin-bottom: 10px; }
.socials 					{ 	width: 100%;   font-size:70px;  margin-top:50px; display:block; }
.socials a 					{ 	color:#fff; margin:2px;  }
.name 						{   text-transform:uppercase;  font-family: "Nunito Sans", sans-serif;  font-optical-sizing: auto;  font-weight: 1000;  font-style: italic;  font-variation-settings:    "wdth" 75,    "YTLC" 500; font-size:50px; color:#fff; margin:10px ; letter-spacing:-3px;}
.email 						{	margin-bottom:100px;  }
.email a 					{ 	font-family: "Inter", sans-serif;   font-optical-sizing: auto;  font-weight:300;    font-style: normal; font-size:20px; color:#fff;   }
.gram 						{	margin:20px;  }
.gram a 					{ 	font-family: "Inter", sans-serif;   font-optical-sizing: auto;  font-weight:300;    font-style: normal; font-size:20px; color:#d67d1d; }
.fade-in 					{	opacity: 1;	animation-name: fadeInOpacity;	animation-iteration-count: 1;	animation-timing-function: ease-in;	animation-duration: 1.5s;}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
  
 

@media only screen and (max-width:1200px) {
.bg_content 				{	margin-top:-200px;}
.logo 						{	width:50%; padding-bottom:27%; margin-left:25%; margin-top:50px;}
.video 						{ 	width:100%; 	height:auto; margin-top:-50px!important      }
section  					{	width:80%; margin-left:10%;margin-top:100px; margin-bottom:100px;   }
.logo 						{	width:60%; padding-bottom:32%;  margin-left:20%;  margin-top:140px;   }
.footer_logo img			{	width:40%; }
.footer_logo img 			{ 	margin-top:20px;  }
.title 						{   font-size:68px;  letter-spacing:-3px;}
.sub 						{   font-size:14px;  }
.hero 						{   top:42%;    -webkit-transform: translate(-50%,-42%);    transform: translate(-50%,-42%);  }
.gram 						{	margin:8px;  }
}
 
 @media only screen and (max-width:800px) {
.title 						{  font-size:38px;  letter-spacing:-3px;}
.hero 						{  top:38%;    -webkit-transform: translate(-50%,-38%);    transform: translate(-50%,-38%);  }
 }