body:after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content: url('../img/loading-sequence/seq1.png') url('../img/loading-sequence/seq2.png') url('../img/loading-sequence/seq3.png') url('../img/loading-sequence/seq4.png');
}

@keyframes loadingAnimation {
  0% { background-image:url('../img/loading-sequence/seq1.png'); }
  25% { background-image:url('../img/loading-sequence/seq2.png'); }
  50% { background-image:url('../img/loading-sequence/seq3.png'); }
  75% { background-image:url('../img/loading-sequence/seq4.png'); }
  100% { background-image:url('../img/loading-sequence/seq1.png'); }
}
@-o-keyframes loadingAnimation {
  0% { background-image:url('../img/loading-sequence/seq1.png'); }
  25% { background-image:url('../img/loading-sequence/seq2.png'); }
  50% { background-image:url('../img/loading-sequence/seq3.png'); }
  75% { background-image:url('../img/loading-sequence/seq4.png'); }
  100% { background-image:url('../img/loading-sequence/seq1.png'); }
}
@-moz-keyframes loadingAnimation {
  0% { background-image:url('../img/loading-sequence/seq1.png'); }
  25% { background-image:url('../img/loading-sequence/seq2.png'); }
  50% { background-image:url('../img/loading-sequence/seq3.png'); }
  75% { background-image:url('../img/loading-sequence/seq4.png'); }
  100% { background-image:url('../img/loading-sequence/seq1.png'); }
}
@-webkit-keyframes loadingAnimation {
  0% { background-image:url('../img/loading-sequence/seq1.png'); }
  25% { background-image:url('../img/loading-sequence/seq2.png'); }
  50% { background-image:url('../img/loading-sequence/seq3.png'); }
  75% { background-image:url('../img/loading-sequence/seq4.png'); }
  100% { background-image:url('../img/loading-sequence/seq1.png'); }
}
.animate-loading {
   -webkit-animation: loadingAnimation 1s infinite;
   -moz-animation: loadingAnimation 1s infinite;
   -o-animation: loadingAnimation 1s infinite;
    animation: loadingAnimation 1s infinite;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 150px auto;
}

#preload-01 { background: url(../img/machine_status/machine0.png) no-repeat -9999px -9999px; }
#preload-01 { background: url(../img/machine_status/machine1.png) no-repeat -9999px -9999px; }
#preload-01 { background: url(../img/machine_status/machine2.png) no-repeat -9999px -9999px; }
#preload-01 { background: url(../img/machine_status/machine3.png) no-repeat -9999px -9999px; }
#preload-01 { background: url(../img/machine_status/machine4.png) no-repeat -9999px -9999px; }
#preload-01 { background: url(../img/machine_status/machine5.png) no-repeat -9999px -9999px; }