.loading-overlay {
    background: #a5cd39;
    color: #424242;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}

.loader, .loader:after {
    border-radius: 50%;
    width: 30vw;
    height: 30vw;
}

@-webkit-keyframes load1 {
    0% {
        width:100px;
    }

    100% {
           width:300px;
    }
}
@keyframes load1 {
    0% {
           width:100px;
    }

    100% {
         width:300px;
    }
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader {
    margin: 12% auto;
    font-size: 6px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.5em solid rgba(0, 0, 0);
    border-right: 1.5em solid rgb(0, 0, 0);
    border-bottom: 1.5em solid rgba(203, 203, 203);
    border-left: 1.3em solid #ea1c24;
    /*-webkit-animation: load8 1.1s infinite linear;*/
    animation: load8 1.1s infinite linear;
	
}
.logo-loader{
	position:absolute;
	width:27%;
	/*margin:22% 38%;*/
	margin:10.5% 36%;
    
}
@media screen and (max-width: 1024px) and (min-width:768px){
	.loader{
		margin:40% auto
	}
	.logo-loader{
	    margin:40% 36%		
	}
}
@media screen and (max-width:767px){
    .loader {
     margin: 50% auto;
    }
    .logo-loader {
        margin: 50% 25%;
    }
    .logo-loader {
        width: 55%;
    }
    .loader, .loader:after {
        border-radius: 50%;
        width: 70vw;
        height: 70vw;
    }
}