.loader {
	position:relative;
	float:left;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	box-sizing:border-box;
	width:150px;
	height:150px
}
.spinner-holder-one, .spinner-holder-two {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	background:0 0;
	box-sizing:border-box
}
.loader-bg {
	width:100%;
	height:100%;
	border-radius:50%;
	box-sizing:border-box;
	border:5px solid #eee;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center
}
.spinner-holder-one {
	width:50%;
	height:50%
}
.spinner-holder-two {
	width:100%;
	height:100%
}
.loader-spinner {
	width:200%;
	height:200%;
	border-radius:50%;
	border:5px solid #87ceeb;
	box-sizing:border-box
}
.animate-0-25-a {
	transform:rotate(90deg);
	transform-origin:100% 100%
}
.animate-0-25-b {
	transform:rotate(-90deg);
	transform-origin:100% 100%
}
.animate-25-50-a {
	transform:rotate(180deg);
	transform-origin:100% 100%
}
.animate-25-50-b {
	transform:rotate(-90deg);
	transform-origin:100% 100%
}
.animate-50-75-a {
	transform:rotate(270deg);
	transform-origin:100% 100%
}
.animate-50-75-b {
	transform:rotate(-90deg);
	transform-origin:100% 100%
}
.animate-75-100-a {
	transform:rotate(0);
	transform-origin:100% 100%
}
.animate-75-100-b {
	transform:rotate(-90deg);
	transform-origin:100% 100%
}
.text {
	text-align:center;
	font-size:20px;
	color:#87ceeb;
	font-weight:700
}