html {
	margin: 0 auto;
	height: 100%;
	width: 100%;
	background:#979A9A;
}
@font-face {
    font-family: fontDefi;
    src: url(font/VAGRoundedStd-Light.otf);
}



body {
	margin: 0 auto;
	height: 100%;
	width: 100%;
	overflow:hidden;	
}

svg {
	overflow: hidden;
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#bg1{
opacity:0.50; 
fill: #000000;
}

#frame{
opacity: 0.95;
fill: #FFFFFF;
stroke: #4C6446;
stroke-width: 0;
stroke-miterlimit: 10;	
box-shadow: 10px 10px 5px #888888;	
}

#close_button_group{
fill: #11A32C;
}


/* fix mouse on surface */
.ui-loader-default {
 display: none;    
} 
*:focus {outline:none !important;}

text{
	font-family: fontDefi;
	font-weight: 600;
}

#top_layer {
	width: 100%;
	height: 100%;
	position: absolute;
}

.box {
	width: 40px;
	height: 40px;
	font-size: 10px;
	position: absolute;
	resize: none;
    	overflow: hidden;
	outline: none;
	border: 0px solid #ffffff;
	background: rgba(0, 0, 0, 0.001);
	padding:0 0;
	text-align: center;
	vertical-align: middle;
}

#videoControl1 {
	position: absolute;
	background: rgb(255, 255, 255);

}
#video_tag1 {
	width: 100%;
	height: 100%;
	background: rgb(255, 255, 255);
}

#videoControl {
	position: absolute;
	background: rgb(255, 255, 255);
	z-index:10;
}

#pointer {
	position: absolute;
	z-index:9999;
}


#video_tag {
	width: 100%;
	height: 100%;
	background: rgb(255, 255, 255);
}