
.logo_endframe
{
  background-image : url(logo.svg);
  /*To create image referenced in CSS, use \'Export Selected CSS\' command.*/
  background-repeat : no-repeat;
  position : absolute ;
  left : 80px;
  top : 56px;
  width : 193px;
  height : 102px;
}


#border-top {
	position:absolute;
	width:100%;
	height:1px;
	border-top: 1px #000000 solid; top: 0;
}
#border-bottom {
	position:absolute;
	width:100%;
	height:1px;
	border-bottom: 1px #000000 solid; bottom: 0;
}
#border-left {
	position:absolute;
	width:1px;
	height:100%;
	border-left: 1px #000000 solid; left: 0;
}
#border-right {
	position:absolute;
	width:1px;
	height:100%;
	border-right: 1px #000000 solid; right: 0;
}	
/*
#border-top-10 {
	position:absolute;
	width:100%;
	height:10px;
	border-top: 10px #ffffff solid; top: 0;
}
#border-bottom-10 {
	position:absolute;
	width:100%;
	height:10px;
	border-bottom: 10px #ffffff solid; bottom: 0;
}
#border-left-10 {
	position:absolute;
	width:10px;
	height:100%;
	border-left: 10px #ffffff solid; left: 0;
}
#border-right-10 {
	position:absolute;
	width:10px;
	height:100%;
	border-right: 10px #ffffff solid; right: 0;
}	
*/
	html, body {margin:0; padding: 0;}
	
	#clickthrough {width:100%; height: 100%; z-index: 999; cursor: pointer;}
	
	#vector-wrapper #title1, #vector-wrapper #title2, #vector-wrapper #title3, #vector-wrapper #title4, #vector-wrapper #logo_endframe  {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; background-position: center;}
	#vector-wrapper #logo  {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; background-position: center;}

	#vector-src-wrapper {display: none !important;}
	
	#vector-wrapper {width:100%; height: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;	}
	
	div, video {position: absolute; background-repeat: no-repeat; }
	img {width:100%; height: auto;}
	#vector-src-wrapper {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;	
	}
	
#muteBtn { position: absolute; background: url(btUnmute.svg) no-repeat left; background-size: contain; width: 14px; height: 14px; bottom:0; left: 0; z-index: 9999; }
#unmuteBtn { position: absolute; background: url(btMute.svg) no-repeat left; background-size: contain; width: 14px; height:14px; bottom: 0; left: 0; z-index: 9999; }

.muteControls, .playControls {
	position: absolute;
	bottom: 15px;
	left: 15px;
	cursor: pointer;
}
#playBtn, #pauseBtn, #muteBtn, #unmuteBtn {
	display: none;
}	
	
#videoholder {
	position:absolute; 
	top:0; 
	left:0; 
	z-index:0; 
	overflow:hidden; 
	width:100%; 
	height:100%;   
	}
#video1 { 
	position:absolute; 
	min-width: 100%;
    min-height: 100%;
	width:100%; 	
   top: 0;
   left: 50%; 
			
   -webkit-transform: translate(-50%, 0%);
   -moz-transform: translate(-50%, 0%); 
   -ms-transform: translate(-50%, 0%); 
   -o-transform: translate(-50%, 0%); 
   transform: translate(-50%, 0%); 
	}


	#manifest {display: none;}	
