/*Loader Start*/

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	background-color: rgba(255, 255, 255, 0.80);
	will-change: opacity;
	transition: all 250ms ease;
}

.preloader.loader-active {
	will-change: opacity;
	transition: all 350ms ease;
	opacity: 1;
}

.preloader.loader-inactive {
	will-change: opacity;
	transition: all 350ms ease;
	opacity: 0;
	pointer-events: none;
}

.preloader div {
	background: url('img/fav-icon.png') no-repeat center center;
	background-size: contain;
	animation: none;
	width: 80px;
	height: 80px;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	clip: initial;
	border-color: #ccc;
	position: absolute;
}

.preloader div:after {
	animation: preload-spin 1.2s ease-in-out infinite;
	clip: rect(0, 80px, 80px, 20px);
	width: 80px;
	height: 80px;
	content: '';
	border-radius: 50%;
	position: absolute;
	border-style: solid;
	border-width: 3px;
	border-color: inherit;
}

@keyframes preload-spin {
	0% {
		transform: rotate(-175deg);
	}

	100% {
		transform: rotate(175deg);
	}
}

/*Loader End*/

#loadingOver {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    text-align: center;
    background: #f6f6f6;
    width: 120px;
    border-radius: 50px;
    padding: 10px 0;
    box-shadow: 0 0 5px #ccc;
}