#preloader{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	text-align: center;
	background-color: #fffceb;
}

#preloader span{
	color: #c11111;
	display: inline-block;
	margin-top: 20%;
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.loader-wrapper {
	box-sizing: content-box; 
	color: #c11111;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fffceb;
	justify-content: center;
	align-items: center;
	text-align: center;
	z-index: 99999999;
} 

.loading-dots > div{
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	display: inline-block;
	animation: 1.5s bounce infinite ease-in-out both;
}
.bounce{
	background-color:#ef4c48;
}
.bounce2{
	background-color:#bba08c;
}
.bounce3{
	background-color:#0f8a89;
}
.bounce4{
	background-color:#f27269;
}

.loading-dots .bounce{
	animation-delay: -0.30s;
}
.loading-dots .bounce2{
	animation-delay: -0.15s;
}
@keyframes bounce{
	0%,80%,100%{
		transform: scale(0);
	}
	40%{
		transform: scale(1);
	}
}