.spinner {
	border-radius: 50%;
	width: 4em;
	height: 4em;
}

.spinner {
	margin: auto auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 0.8em solid rgba(240, 240, 240, 0.6);
	border-right: 0.8em solid rgba(240, 240, 240, 0.6);
	border-bottom: 0.8em solid rgba(240, 240, 240, 0.6);
	border-left: 0.8em solid #aaa;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: rot8 0.8s infinite linear;
	animation: rot8 0.8s infinite linear;
}
.spinner-msg {
	background: #fff;
	color:  #333;
	font-size: 14px;
	max-width:  300px;
	margin: 20px auto 0 auto;
	padding:  20px;
}

@-webkit-keyframes rot8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rot8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}