.main-loading{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:#2b3643 !important;
    display:flex;
    justify-content:center;
    align-items:center;
}
.main-loading-box{
    text-align:center;
    width:140px;
    height:40px;
}
.main-loading-txt{
    color:#ccc;
    margin:0;
    letter-spacing:5px;
    font-size:12px !important;
}
.main-loading span{
    display:inline-block;
    vertical-align:middle;
    width:9px !important;
    height:9px !important;
    margin:2px !important;
    background:#007DB6;
    border-radius:.6em;
    animation:main-loading 1s infinite alternate;
}
.main-loading span:nth-of-type(2){
    background:#008FB2;
    animation-delay:0.2s;
}
.main-loading span:nth-of-type(3){
    background:#009B9E;
    animation-delay:0.4s;
}
.main-loading span:nth-of-type(4){
    background:#00A77D;
    animation-delay:0.6s;
}
.main-loading span:nth-of-type(5){
    background:#00B247;
    animation-delay:0.8s;
}
.main-loading span:nth-of-type(6){
    background:#5AB027;
    animation-delay:1.0s;
}
.main-loading span:nth-of-type(7){
    background:#A0B61E;
    animation-delay:1.2s;
}
@-webkit-keyframes main-loading{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@keyframes main-loading{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}