.loader {
           background: rgba(255,255,255,0.75);
            width: 100vw;
            height: 100vh;
			left:0;
			top:0;
			position:fixed;
			z-index:99999;
        }
  
        .loader div {
            width : 50vw;
            height : 25vh;
			animation: spinlogo 1s linear infinite;
			position : absolute;
			left:25vw;
			top:37vh;
			transition: transform 1s ease;
        }

        @keyframes spinlogo {
            0% {
                transform: scale(1, 1)
            }
  
            50% {
                transform: scale(0.75, 0.75);
            }
			
			100% {
                transform: scale(1, 1)
            }
        }
		

#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(0,0,0,0.7);
    z-index:999999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:white;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}