.loaderbg {
	background-color: #fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999999;
}

::-webkit-scrollbar {
	width: 7.5px;
	height: 6px;
	background-color: #f0f0f0;
	/* display: none */
}

::-webkit-scrollbar-thumb {
	background-color: #b1b1b1;
	border-radius: 15px;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #777;
}

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -30px;
	width: 50px;
	height: 60px;
	text-align: center;
	font-size: 10px;
}

.spinner > .double {
	background: #49a9ee;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: stretchDelay 1.2s infinite ease-in-out;
	animation: stretchDelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes stretchDelay {
	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4);
	}

	20% {
		-webkit-transform: scaleY(1);
	}
}

@keyframes stretchDelay {
	0%,
	40%,
	100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}

	20% {
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
	}
}