#loading{
    background:#151728;
    overflow:hidden;
    position:fixed;
    right:0;
    top:0;
    bottom:0;
    left:0;
    z-index:99999
}
#load{
    position:absolute;
    width:600px;
    height:36px;
    left:50%;
    top:40%;
    margin-left:-300px;
    overflow:visible;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:default
}
#load div{
    position:absolute;
    width:20px;
    height:36px;
    opacity:0;
    font-family:Helvetica,Arial,sans-serif;
    animation:move 2s linear infinite;
    -o-animation:move 2s linear infinite;
    -moz-animation:move 2s linear infinite;
    -webkit-animation:move 2s linear infinite;
    transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    color:#35c4f0
}
#load div:nth-child(2){
    animation-delay:.2s;
    -o-animation-delay:.2s;
    -moz-animation-delay:.2s;
    -webkit-animation-delay:.2s
}
#load div:nth-child(3){
    animation-delay:.4s;
    -o-animation-delay:.4s;
    -webkit-animation-delay:.4s;
    -webkit-animation-delay:.4s
}
#load div:nth-child(4){
    animation-delay:.6s;
    -o-animation-delay:.6s;
    -moz-animation-delay:.6s;
    -webkit-animation-delay:.6s
}
#load div:nth-child(5){
    animation-delay:.8s;
    -o-animation-delay:.8s;
    -moz-animation-delay:.8s;
    -webkit-animation-delay:.8s
}
#load div:nth-child(6){
    animation-delay:1s;
    -o-animation-delay:1s;
    -moz-animation-delay:1s;
    -webkit-animation-delay:1s
}
#load div:nth-child(7){
    animation-delay:1.2s;
    -o-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
    -webkit-animation-delay:1.2s
}
@keyframes move{
    0%{
        left:0;
        opacity:0
    }
    35%{
        left:41%;
        -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
        opacity:1
    }
    65%{
        left:59%;
        -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
        opacity:1
    }
    100%{
        left:100%;
        -moz-transform:rotate(-180deg);
        -webkit-transform:rotate(-180deg);
        -o-transform:rotate(-180deg);
        transform:rotate(-180deg);
        opacity:0
    }
}
@-moz-keyframes move{
    0%{
        left:0;
        opacity:0
    }
    35%{
        left:41%;
        -moz-transform:rotate(0deg);
        transform:rotate(0deg);
        opacity:1
    }
    65%{
        left:59%;
        -moz-transform:rotate(0deg);
        transform:rotate(0deg);
        opacity:1
    }
    100%{
        left:100%;
        -moz-transform:rotate(-180deg);
        transform:rotate(-180deg);
        opacity:0
    }
}
@-webkit-keyframes move{
    0%{
        left:0;
        opacity:0
    }
    35%{
        left:41%;
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        opacity:1
        }
    65%{
        left:59%;
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        opacity:1
    }
    100%{
        left:100%;
        -webkit-transform:rotate(-180deg);
        transform:rotate(-180deg);
        opacity:0
    }
}
@-o-keyframes move{
    0%{
        left:0;
        opacity:0
    }
    35%{
        left:41%;
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
        opacity:1
    }
    65%{
        left:59%;
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
        opacity:1
    }
    100%{
        left:100%;
        -o-transform:rotate(-180deg);
        transform:rotate(-180deg);
        opacity:0
    }
}