// STARTING PRELOADER
// ===================

.preloader-backdrop {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1004;
	background-color: #fff;
	.page-preloader {
	    position: fixed;
	    top: 40%;
	    left: 50%;
	    padding: 10px 45px 10px 10px;
	    margin-left: -60px;
	    z-index: 1005;
	    font-family: "Poppins";
	    font-size: 16px;
	    &::before {
	        content: '';
		    position: absolute;
		    top: 50%;
		    right: 10px;
		    width: 20px;
		    height: 20px;
		    margin-top: -10px;
		    margin-left: -10px;
		    border-top: 2px solid #34495f;
		    border-right: 2px solid transparent;
		    border-radius: 50%;
		    animation: loader-rotate 0.6s linear infinite;
	    }
	}
}

.backdrop {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
    background-color: rgba(0, 0, 0, .5) !important;
	transition: opacity .3s cubic-bezier(.4,0,.2,1);
	z-index: 1004;
	pointer-events: none;
}

.shined {
	z-index: 1005 !important;
}

body.has-backdrop {
	.backdrop {
	    pointer-events: auto;
	    opacity: 1;
	}
}
