.cssload-conveyor{
  position:relative;
  display:block;
  margin: 97px auto;
  width:107px;
}
  
.cssload-conveyor, .cssload-conveyor * {
  box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cssload-conveyor span {
  display: inline-block;
  height: 15px;
  width: 15px;
  background: rgb(47,172,155);
  transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
  transform-perspective: 97px;
    -o-transform-perspective: 97px;
    -ms-transform-perspective: 97px;
    -webkit-transform-perspective: 97px;
    -moz-transform-perspective: 97px;
}

.cssload-conveyor span:nth-child(1) {
  animation: cssload-cuve 1.15s 0.58s infinite;
    -o-animation: cssload-cuve 1.15s 0.58s infinite;
    -ms-animation: cssload-cuve 1.15s 0.58s infinite;
    -webkit-animation: cssload-cuve 1.15s 0.58s infinite;
    -moz-animation: cssload-cuve 1.15s 0.58s infinite;
}
.cssload-conveyor span:nth-child(2) {
  animation: cssload-cuve 1.15s 1.15s infinite;
    -o-animation: cssload-cuve 1.15s 1.15s infinite;
    -ms-animation: cssload-cuve 1.15s 1.15s infinite;
    -webkit-animation: cssload-cuve 1.15s 1.15s infinite;
    -moz-animation: cssload-cuve 1.15s 1.15s infinite;
}
.cssload-conveyor span:nth-child(3) {
  animation: cssload-cuve 1.15s 1.73s infinite;
    -o-animation: cssload-cuve 1.15s 1.73s infinite;
    -ms-animation: cssload-cuve 1.15s 1.73s infinite;
    -webkit-animation: cssload-cuve 1.15s 1.73s infinite;
    -moz-animation: cssload-cuve 1.15s 1.73s infinite;
}
.cssload-conveyor span:nth-child(4) {
  animation: cssload-cuve 1.15s 2.3s infinite;
    -o-animation: cssload-cuve 1.15s 2.3s infinite;
    -ms-animation: cssload-cuve 1.15s 2.3s infinite;
    -webkit-animation: cssload-cuve 1.15s 2.3s infinite;
    -moz-animation: cssload-cuve 1.15s 2.3s infinite;
}
.cssload-conveyor span:nth-child(5) {
  animation: cssload-cuve 1.15s 2.88s infinite;
    -o-animation: cssload-cuve 1.15s 2.88s infinite;
    -ms-animation: cssload-cuve 1.15s 2.88s infinite;
    -webkit-animation: cssload-cuve 1.15s 2.88s infinite;
    -moz-animation: cssload-cuve 1.15s 2.88s infinite;
}



@keyframes cssload-cuve {
  0% {
    transform: rotateY(-90deg) perspective(49px);
    background: rgb(25,92,83);
  }
  50% {
    transform: rotateY(0deg);
    background: rgb(107,214,200);
  }
  100% {
    transform: rotateY(90deg) perspective(49px);
    transform-origin: 100% 50%;
    background: rgb(25,92,83);
  }
}

@-o-keyframes cssload-cuve {
  0% {
    -o-transform: rotateY(-90deg) perspective(49px);
    background: rgb(25,92,83);
  }
  50% {
    -o-transform: rotateY(0deg);
    background: rgb(107,214,200);
  }
  100% {
    -o-transform: rotateY(90deg) perspective(49px);
    -o-transform-origin: 100% 50%;
    background: rgb(25,92,83);
  }
}

@-ms-keyframes cssload-cuve {
  0% {
    -ms-transform: rotateY(-90deg) perspective(49px);
    background: rgb(25,92,83);
  }
  50% {
    -ms-transform: rotateY(0deg);
    background: rgb(107,214,200);
  }
  100% {
    -ms-transform: rotateY(90deg) perspective(49px);
    -ms-transform-origin: 100% 50%;
    background: rgb(25,92,83);
  }
}

@-webkit-keyframes cssload-cuve {
  0% {
    -webkit-transform: rotateY(-90deg) perspective(49px);
    background: rgb(25,92,83);
  }
  50% {
    -webkit-transform: rotateY(0deg);
    background: rgb(107,214,200);
  }
  100% {
    -webkit-transform: rotateY(90deg) perspective(49px);
    -webkit-transform-origin: 100% 50%;
    background: rgb(25,92,83);
  }
}

@-moz-keyframes cssload-cuve {
  0% {
    -moz-transform: rotateY(-90deg) perspective(49px);
    background: rgb(25,92,83);
  }
  50% {
    -moz-transform: rotateY(0deg);
    background: rgb(107,214,200);
  }
  100% {
    -moz-transform: rotateY(90deg) perspective(49px);
    -moz-transform-origin: 100% 50%;
    background: rgb(25,92,83);
  }
}