/* Preloader */
#preloader {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 11111;
	animation: breath 5s ease infinite;
	background-color: #01010c;
}

.dot {
	width: 20px;
	height: 20px;
	margin: 0 10px;
	border: 4px solid #fff;
	border-radius: 50%;
	animation: show-hide 1s ease infinite;
}

.dot:nth-child(2) {
	animation-delay: 300ms;
}

.dot:nth-child(3) {
	animation-delay: 600ms;
}

@keyframes show-hide {
	0% {
		transform: scale(0);
	}

	50% {
		transform: scale(1);
	}

	100% {
		opacity: 0;
	}
}

/* Helpers */
#preloader.preloader-hiding {
	opacity: 0;
	z-index: -1 !important;
}

#preloader.preloader-hidden {
	display: none;
}


@keyframes img {
	0% {
		opacity: 1.0;
	}

	5% {
		opacity: 0.1;

	}

	15% {
		opacity: 1.0;
	}

	60% {
		opacity: 0.1;
	}

	90% {
		opacity: 1.0;
	}

	100% {
		opacity: 1.0;
	}
}


#img {
	width: 170px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	animation: img 5s linear infinite;
	z-index: -1;
}