#loader-bg {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #000;
z-index: 950;
}

.load {
background-color: #333;
position: fixed;
top: 50%;
width: 100%;
z-index: 1002;
}

.loader {
animation-name: anime1;
animation-duration: 1s;
animation-timing-function: ease;
animation-fill-mode: both;
z-index: 1000;
}

@keyframes anime1 {
0% {width: 10px; height: 2px; background-color: #fff;}
100% {width: 100%; height: 2px; background-color: #f00;}
}

.loader p {
font-size: 16px;
text-align: center;
color: #fff;
position: fixed;
width: 100%;
margin: -24px 0 -24px 0;
z-index: 1001;
}