@charset "UTF-8";
/* Featured Projects */

#bg_video{ 
    position: fixed;
	
    top: 50%;
    left: 50%;
	
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
	
    z-index: -100;
	
    transform: translateX(-50%) translateY(-50%);
 	/*background: url('../configuration/videos/Comp1_16.png') no-repeat;*/
	background-size: cover;
	transition: 1s opacity;
}

#bg_video_overlay{ 	
	position: fixed;
	
	top: 50%;
	left: 50%;
	
	min-width: 110%;
	min-height: 110%;
	width: auto;
	height: auto;
	
	z-index: -99;
	
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
	
	background: url('../images/bg_dim_default_80.png');
	
	overflow:hidden;
}

#video_transition{
	position: fixed;
    margin:0px;

    width:100%;
    height:100%;

    display:block;
    visibility:visible;
	
	background-color:#012424;
}

#homepage_indicators{
	position:absolute;
	
	bottom:95px;
	
	width:100%;
	height:20px;
	
	visibility:hidden;
}

.indicators{
	position:absolute;
	
	display:block;
	
	width:60px;
	height:100%;
	
	cursor:pointer;
}

.ind_display{
	position:absolute;
	top:50%;
	margin-top:-1px;
	
	width:100%;
	height:2px;
	
	background-color:#FFF;
}

#ind1{
	left:50%;
	margin-left:-200px;
	opacity:1.0;
}

#ind2{
	left:50%;
	margin-left:-120px;
	opacity:.25;
}

#ind3{
	left:50%;
	margin-left:-40px;
	opacity:.25;
}

#ind4{
	left:50%;
	margin-left:40px;
	opacity:.25;
}

#ind5{
	left:50%;
	margin-left:120px;
	opacity:.25;
}

#music_tab{
	position:absolute;
	
	width:85px;
	height:85px;
	
	bottom:60px;
    right:40px;
	
	background: url('../images/music_ico.png') no-repeat;
	background-position: center center;
    background-size: 100% 100%;
	
	opacity:0;
	
	pointer-events:none;
	
	cursor:pointer;
}

#music_pulse{
	position:absolute;
	
	width:170px;
	height:170px;
	
	bottom:17px;
    right:-2px;
	
	background: url('../images/music_ico_pulse.png') no-repeat;
	background-position: center center;
    background-size: 100% 100%;
	
	opacity:0;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
    #bg_video{ 

        top: 0%;
    	left: 0%; 

    }
	#bg_video_overlay{ 

        top: 0%;
    	left: 0%; 

    }
}}

/*@media screen and (max-width: 500px){ 
  div{width:70%;} 
}
@media screen and (max-device-width: 800px){
  html{ background: url(//demosthenes.info/assets/images/polina.jpg) #000 no-repeat center center fixed; }
  #bg_video{ display: none; }
}*/