.load-window {
  z-index: 99;
  position: fixed;
  top: 10px;
  width: 100%;
}

.load-window > span {
  display: inline-block;
  background: #dbdbdb;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 0px;
  position: fixed;
  top: 12px;
  left: -10%;
  transition: 2.8s all cubic-bezier(0.030, 0.615, 0.995, 0.415);
  -o-transition: 2.8s all cubic-bezier(0.030, 0.615, 0.995, 0.415);
  -ms-transition: 2.8s all cubic-bezier(0.030, 0.615, 0.995, 0.415);
  -moz-transition: 2.8s all cubic-bezier(0.030, 0.615, 0.995, 0.415);
  -webkit-transition: 2.8s all cubic-bezier(0.030, 0.615, 0.995, 0.415);
  z-index: 101;
}

.load-window > span.jmp {
  transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
}

.load-window span.l-1 { background: #e74c3c; }

.load-window span.l-2 { background: #e67e22; }

.load-window span.l-3 { background: #f1c40f; }

.load-window span.l-4 { background: #2ecc71; }

.load-window span.l-5 { background: #3498db; }

.load-window span.l-6 { background: #9b59b6; }
