#log{
	float:left;
	position:fixed;
	width:50px;
	z-index:1000;
}
.button{
	display:none;
	float:left;
	width:50px;
	height:20px;
	text-align:center;
	border-radius:5px;
	background:#202a81;
	color:white;
	font-weight:bold;
	margin:5px;
	padding:5px;
	cursor:pointer;
}
.button.active{
	background:#ff1029;
}
.button:hover{
	background:#ee6059;
}
.buttons{
	position:relative;
	z-index:220;
}
.buttons-container{
	position:absolute;
	width:50%;
	left:25%;
	margin:0 auto;
}
.helper{
	display:none;
	z-index:200;
	background-color:#fff;
	position:absolute;
	top:24px;
	left:15px;
	opacity:0;
	width:960px;
	height:540px;
}
.helptext{
	margin:0 auto;
	width:50%;
	padding:10px;
	text-align:center;
	font-weight:Arial;
	background:rgb(255,255,255,0.3);
}
.images{
	float:left;
	position:relative;
}
.images li{
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	background-color:#fff;
	width:960px;
	height:540px;
}
.spinner{
	background:no-repeat center;
	background-size:100%;
	float:left;
}
.spinner .counter{
	margin:auto;
	margin-top:40%;
	text-align:center;
	z-index:30;
	width:100%;
}
.spinnerContainer{
	float:left;
}
.spinner-logo{
	background-color:#fff;
	background-image:url(img/logo.jpg);
	background-repeat:no-repeat;
	background-size:70%;
	background-position:center;
	position:absolute;
	z-index:10;
}
.progressbar{
	height:10px;
	background-color:#ee3029;
	float:left;
}
.mousereader{
	position:absolute;
	z-index:100;
	top:0px;
	left:0px;
	width:960px;
	height:540px;
}