@charset "UTF-8";

#loading {
	position: fixed;
	top: 0;
	left: 0;
	background: black;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0.5;
	display: flex;
	align-items: center;
}

.loader {
	transform: rotateZ(45deg);
	perspective: 1000px;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	color: #fff;
	position: absolute;
}

.loader:before, .loader:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	border-radius: 50%;
	transform: rotateX(70deg);
	animation: 1s spin linear infinite;
}

.loader:after {
	color: #39a3f4;
	transform: rotateY(70deg);
	animation-delay: .4s;
}

#loading img {
	width: 120px;
	position: absolute;
	top: 45px;
}