/* START OF PRE LOADING PAGE */
#overlay {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000000;
    transition: 1s 0.4s;
}
#overlay #progstat {
    font-size: 0.7em;
    letter-spacing: 3px;
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    color: #fff;
}
#overlay #progstat img{width:190px;}
#progress{position:absolute;width:100%;top:40%;}
.spinner{margin:120px auto 0px;width:50px;height:40px;text-align:center;font-size:10px;}
.spinner > div{
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
.spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.spinner .rect5{-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}
/* END OF PRE LOADING PAGE */