#log{
	float:left;
}
.button{
	display:none;
	float:left;
	width:25px;
	height:10px;
	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;
}
.buttons-container{
	position:absolute;
	width:50%;
	left:25%;
	margin:0 auto;
}
.images{
	float:left;
	position:relative;
}
.images li{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:300px;
	height:169px;
}
.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:contain;
	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:300px;
	height:169px;
}