/*
    video.css
    eastwestmoto.com | 22/01/2018
    Copyright 2018 web-communication.eu
*/

#video-box {
	position:relative; 
	margin:0 auto;
	width:100%;
	height:400px;
	overflow:hidden;
}

#video-logo	{
	position: absolute; 
	z-index: 9100;
	right:20px; 
	bottom:20px;  
	color: #fff; 
	text-align: left; 
	padding: 30px;
	background: rgba(0, 0, 0, 0.30);
	font-family: 				'Michroma', sans-serif;
	}

#video-logo h1{font-size: 50px; font-weight: 300;margin: 0px;padding:0}
    
#video-logo h2{font-size: 30px; font-weight: 300; margin: 0px;padding:0}  
    
#video-logo h3{font-size: 45px; font-weight: 300;margin:0 0 20px 0;padding:0}
    
#video-logo p{margin-bottom:30px;font-weight: 300; }










#video-box .button {
	position: 					relative;
	margin-top: 				20px;
}

#video-button {
	border: 					1px solid #FFFFFF;
	font-family:      			Arial, sans-serif;
	color:						#FFFFFF; 
	font-size: 		       		14px;
	padding: 					10px 25px;
	text-transform: 			uppercase;
	text-decoration: 			none;
	-moz-border-radius: 		20px;
	-webkit-border-radius:		20px;
	border-radius: 				20px;
 }
 
 #video-button:hover{
	background-color: 			#FFFFFF;
	color:            			#000000;
 }















#link-scroll {
	border: 1px solid #fff; 
	color:#fff; 
	text-transform: uppercase;
	padding: 10px 15px;
	text-decoration: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
 }
 
 #link-scroll:hover{
	
	background-color: #2181FF;
	border: 1px solid #2181FF;
 }

#fold{position: relative; height:100%;}

#panel{background: #fff; z-index: 100; position:relative; height:300px;opacity:0.9;padding:20px;}


video#bgvid { 

    position: absolute; top: 0;left:0;
    
	min-width: 100%; min-height: 100%;
    
    width: auto; height: auto; z-index: 9000;
    
    /*background: url(images/preview.jpg) no-repeat;
    
    background-size: cover; 
    
    z-index: 0;*/

}

video { display: block; } 





/* responsive */

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

        video#bgvid {display:none;} 
        
        body {
			background: url(images/preview.jpg) no-repeat center top;
			background-size: cover; 
			}
        
}



@media only screen and (min-width: 1440px) {
	
	#video-box {
		
		height:500px;
		
	}
	
}