.preloader {
	height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: none;
	.load-animation &{
		display: flex;
	}
	.ie9 .load-animation &{
		display: none;
	}
}
@preloader-speed: 8;
.preloader .preloader-container {
	width: 10rem;
	height: 10rem;
	background: transparent;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 1;
	-ms-flex: 1 1 1;
	flex: 1 1 1;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-animation: animeThree 0.1s linear infinite;
	animation: animeThree 0.1s linear infinite;
}
.preloader .preloader-container .circleOne {
	background: transparent;
	border: 1px solid;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	-webkit-animation: animeOne 0.9s * @preloader-speed linear infinite;
	animation: animeOne 0.9s * @preloader-speed linear infinite;
	position: absolute;
}
.preloader .preloader-container .circleTwo {
	background: transparent;
	border: 1px solid;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	-webkit-animation: animeTwo 0.9s * @preloader-speed linear infinite;
	animation: animeTwo 0.9s * @preloader-speed linear infinite;
	position: absolute;
}
.preloader .preloader-container .circleThree {
	background: transparent;
	border: 1px solid;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	-webkit-animation: animeOne 0.6s * @preloader-speed linear infinite;
	animation: animeOne 0.6s * @preloader-speed linear infinite;
	position: absolute;
}
.preloader .preloader-container .circleFour {
	background: transparent;
	border: 1px solid;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	-webkit-animation: animeTwo 0.6s * @preloader-speed linear infinite;
	animation: animeTwo 0.6s * @preloader-speed linear infinite;
	position: absolute;
}
.preloader .preloader-container .circleFive {
	background: transparent;
	border: 1px solid;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	-webkit-animation: animeOne 0.3s * @preloader-speed linear infinite;
	animation: animeOne 0.3s * @preloader-speed linear infinite;
	position: absolute;
}
.preloader .preloader-container .circleSix {
	background: transparent;
	border: 1px solid;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	-webkit-animation: animeTwo 0.3s * @preloader-speed linear infinite;
	animation: animeTwo 0.3s * @preloader-speed linear infinite;
	position: absolute;
}
.preloader-container:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
@-webkit-keyframes animeOne {
	from {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		opacity: 0.2;
	}
	to {
		-webkit-transform: rotateX(360deg);
		transform: rotateX(360deg);
		opacity: 0.6;
	}
}
@keyframes animeOne {
	from {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		opacity: 0.2;
	}
	to {
		-webkit-transform: rotateX(360deg);
		transform: rotateX(360deg);
		opacity: 0.6;
	}
}
@-webkit-keyframes animeTwo {
	from {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
		opacity: 0.2;
	}
	to {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
		opacity: 0.6;
	}
}
@keyframes animeTwo {
	from {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
		opacity: 0.2;
	}
	to {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
		opacity: 0.6;
	}
}
@-webkit-keyframes animeThree {
	from {
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
	to {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}
@keyframes animeThree {
	from {
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
	to {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}