.loader-spinner
{
	border: 4px solid rgba(170, 170, 170, 0.2);
	border-radius: 50%;
	width: 80px;
	height: 80px;
	left: calc(50% - 50px);
	top: calc(50% - 50px);
	position: absolute;
	color: #eee;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 25px;
	text-align: center;
}

.loader-spinner:before
{
	box-sizing: border-box;
	height: 100px;
	width: 100px;
	top: -15px;
	left: -15px;
	border-image: none;
	border-radius: 50%;
	border-style: solid;
	border-width: 4px;
	content: "";
	display: block;
	position: absolute;
	border-color: #12b2e7 transparent #12b2e7 transparent;
	animation: 3s linear 0s normal none infinite running spinner;
	-webkit-animation: spinner 3s linear infinite;
	-o-animation: spinner 3s linear infinite;
}

@keyframes spinner
{
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}