.preloader.inline {
  position:relative;
  min-height: 300px;
  z-index: 998
}
.preloader:not(.leftModal) {
  position: fixed;
}
.preloader{
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   background: #fff;
   z-index: 999;
}

.preloader.leftModal{
  position: absolute;
}


.preloader.out.inline {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  position:relative;
}
.preloader.out {
  opacity: 0;
  visibility: hidden;
  z-index: -10;
  position: absolute
}

.preloader-cont {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 72px;
  height: 72px;
  margin-left: -36px;
  margin-top: -36px
}

.preloader-item {
  float: left;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 6px
}

.preloader-item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 25, 25, .8)
}

.preloader-item:nth-child(3n) {
  margin-right: 0;
  margin-bottom: 6px
}

.preloader-item:nth-child(1):before,
.preloader-item:nth-child(4):before {
  margin-left: 26px
}

.preloader-item:nth-child(3):before {
  margin-top: 52px
}

.preloader-item:last-child {
  margin-bottom: 0
}

@-webkit-keyframes moveBox-1 {
  9.09091% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  27.27273% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  45.45455% {
    -webkit-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  54.54545% {
    -webkit-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  63.63636% {
    -webkit-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  72.72727% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  81.81818% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  90.90909% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-moz-keyframes moveBox-1 {
  9.09091% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  27.27273% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  45.45455% {
    -moz-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  54.54545% {
    -moz-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  63.63636% {
    -moz-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  72.72727% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  81.81818% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  90.90909% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-o-keyframes moveBox-1 {
  9.09091% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  27.27273% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  45.45455% {
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  54.54545% {
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  63.63636% {
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  72.72727% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  81.81818% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  90.90909% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes moveBox-1 {
  9.09091% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  27.27273% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  45.45455% {
    -webkit-transform: translate(26px, 26px);
    -moz-transform: translate(26px, 26px);
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  54.54545% {
    -webkit-transform: translate(26px, 26px);
    -moz-transform: translate(26px, 26px);
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  63.63636% {
    -webkit-transform: translate(26px, 26px);
    -moz-transform: translate(26px, 26px);
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  72.72727% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  81.81818% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  90.90909% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.preloader-item:nth-child(1) {
  -webkit-animation: moveBox-1 4s infinite;
  -moz-animation: moveBox-1 4s infinite;
  -o-animation: moveBox-1 4s infinite;
  animation: moveBox-1 4s infinite
}

@-webkit-keyframes moveBox-2 {
  9.09091% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  45.45455% {
    -webkit-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  54.54545% {
    -webkit-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  63.63636% {
    -webkit-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  72.72727% {
    -webkit-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  81.81818% {
    -webkit-transform: translate(0, 26px);
    transform: translate(0, 26px)
  }

  90.90909% {
    -webkit-transform: translate(0, 26px);
    transform: translate(0, 26px)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-moz-keyframes moveBox-2 {
  9.09091% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  27.27273% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  45.45455% {
    -moz-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  54.54545% {
    -moz-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  63.63636% {
    -moz-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  72.72727% {
    -moz-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  81.81818% {
    -moz-transform: translate(0, 26px);
    transform: translate(0, 26px)
  }

  90.90909% {
    -moz-transform: translate(0, 26px);
    transform: translate(0, 26px)
  }

  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-o-keyframes moveBox-2 {
  9.09091% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  27.27273% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  45.45455% {
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  54.54545% {
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  63.63636% {
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  72.72727% {
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  81.81818% {
    -o-transform: translate(0, 26px);
    transform: translate(0, 26px)
  }

  90.90909% {
    -o-transform: translate(0, 26px);
    transform: translate(0, 26px)
  }

  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes moveBox-2 {
  9.09091% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  45.45455% {
    -webkit-transform: translate(26px, 26px);
    -moz-transform: translate(26px, 26px);
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  54.54545% {
    -webkit-transform: translate(26px, 26px);
    -moz-transform: translate(26px, 26px);
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  63.63636% {
    -webkit-transform: translate(26px, 26px);
    -moz-transform: translate(26px, 26px);
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  72.72727% {
    -webkit-transform: translate(26px, 26px);
    -moz-transform: translate(26px, 26px);
    -o-transform: translate(26px, 26px);
    transform: translate(26px, 26px)
  }

  81.81818% {
    -webkit-transform: translate(0, 26px);
    -moz-transform: translate(0, 26px);
    -o-transform: translate(0, 26px);
    transform: translate(0, 26px)
  }

  90.90909% {
    -webkit-transform: translate(0, 26px);
    -moz-transform: translate(0, 26px);
    -o-transform: translate(0, 26px);
    transform: translate(0, 26px)
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.preloader-item:nth-child(2) {
  -webkit-animation: moveBox-2 4s infinite;
  -moz-animation: moveBox-2 4s infinite;
  -o-animation: moveBox-2 4s infinite;
  animation: moveBox-2 4s infinite
}

@-webkit-keyframes moveBox-3 {
  9.09091% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  45.45455% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  54.54545% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  63.63636% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  72.72727% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  81.81818% {
    -webkit-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  90.90909% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-moz-keyframes moveBox-3 {
  9.09091% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  45.45455% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  54.54545% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  63.63636% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  72.72727% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  81.81818% {
    -moz-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  90.90909% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-o-keyframes moveBox-3 {
  9.09091% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  45.45455% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  54.54545% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  63.63636% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  72.72727% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  81.81818% {
    -o-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  90.90909% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes moveBox-3 {
  9.09091% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  45.45455% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  54.54545% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  63.63636% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  72.72727% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  81.81818% {
    -webkit-transform: translate(-26px, -26px);
    -moz-transform: translate(-26px, -26px);
    -o-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  90.90909% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.preloader-item:nth-child(3) {
  -webkit-animation: moveBox-3 4s infinite;
  -moz-animation: moveBox-3 4s infinite;
  -o-animation: moveBox-3 4s infinite;
  animation: moveBox-3 4s infinite
}

@-webkit-keyframes moveBox-4 {
  9.09091% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  36.36364% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  45.45455% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  54.54545% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  63.63636% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  72.72727% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  81.81818% {
    -webkit-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  90.90909% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-moz-keyframes moveBox-4 {
  9.09091% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -moz-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  36.36364% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  45.45455% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  54.54545% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  63.63636% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  72.72727% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  81.81818% {
    -moz-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  90.90909% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-o-keyframes moveBox-4 {
  9.09091% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -o-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  36.36364% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  45.45455% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  54.54545% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  63.63636% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  72.72727% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  81.81818% {
    -o-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  90.90909% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes moveBox-4 {
  9.09091% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(-26px, -26px);
    -moz-transform: translate(-26px, -26px);
    -o-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  36.36364% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  45.45455% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  54.54545% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  63.63636% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  72.72727% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  81.81818% {
    -webkit-transform: translate(-26px, -26px);
    -moz-transform: translate(-26px, -26px);
    -o-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  90.90909% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.preloader-item:nth-child(4) {
  -webkit-animation: moveBox-4 4s infinite;
  -moz-animation: moveBox-4 4s infinite;
  -o-animation: moveBox-4 4s infinite;
  animation: moveBox-4 4s infinite
}

@-webkit-keyframes moveBox-5 {
  9.09091% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  27.27273% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  45.45455% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  54.54545% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  63.63636% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  72.72727% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  81.81818% {
    -webkit-transform: translate(26px, -26px);
    transform: translate(26px, -26px)
  }

  90.90909% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-moz-keyframes moveBox-5 {
  9.09091% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  27.27273% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  45.45455% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  54.54545% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  63.63636% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  72.72727% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  81.81818% {
    -moz-transform: translate(26px, -26px);
    transform: translate(26px, -26px)
  }

  90.90909% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-o-keyframes moveBox-5 {
  9.09091% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  27.27273% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  45.45455% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  54.54545% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  63.63636% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  72.72727% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  81.81818% {
    -o-transform: translate(26px, -26px);
    transform: translate(26px, -26px)
  }

  90.90909% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes moveBox-5 {
  9.09091% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  27.27273% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  45.45455% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  54.54545% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  63.63636% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  72.72727% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  81.81818% {
    -webkit-transform: translate(26px, -26px);
    -moz-transform: translate(26px, -26px);
    -o-transform: translate(26px, -26px);
    transform: translate(26px, -26px)
  }

  90.90909% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.preloader-item:nth-child(5) {
  -webkit-animation: moveBox-5 4s infinite;
  -moz-animation: moveBox-5 4s infinite;
  -o-animation: moveBox-5 4s infinite;
  animation: moveBox-5 4s infinite
}

@-webkit-keyframes moveBox-6 {
  9.09091% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  36.36364% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  45.45455% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  54.54545% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  63.63636% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  72.72727% {
    -webkit-transform: translate(0, 26px);
    transform: translate(0, 26px)
  }

  81.81818% {
    -webkit-transform: translate(-26px, 26px);
    transform: translate(-26px, 26px)
  }

  90.90909% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-moz-keyframes moveBox-6 {
  9.09091% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  36.36364% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  45.45455% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  54.54545% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  63.63636% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  72.72727% {
    -moz-transform: translate(0, 26px);
    transform: translate(0, 26px)
  }

  81.81818% {
    -moz-transform: translate(-26px, 26px);
    transform: translate(-26px, 26px)
  }

  90.90909% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-o-keyframes moveBox-6 {
  9.09091% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  36.36364% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  45.45455% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  54.54545% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  63.63636% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  72.72727% {
    -o-transform: translate(0, 26px);
    transform: translate(0, 26px)
  }

  81.81818% {
    -o-transform: translate(-26px, 26px);
    transform: translate(-26px, 26px)
  }

  90.90909% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes moveBox-6 {
  9.09091% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  36.36364% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  45.45455% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  54.54545% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  63.63636% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  72.72727% {
    -webkit-transform: translate(0, 26px);
    -moz-transform: translate(0, 26px);
    -o-transform: translate(0, 26px);
    transform: translate(0, 26px)
  }

  81.81818% {
    -webkit-transform: translate(-26px, 26px);
    -moz-transform: translate(-26px, 26px);
    -o-transform: translate(-26px, 26px);
    transform: translate(-26px, 26px)
  }

  90.90909% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.preloader-item:nth-child(6) {
  -webkit-animation: moveBox-6 4s infinite;
  -moz-animation: moveBox-6 4s infinite;
  -o-animation: moveBox-6 4s infinite;
  animation: moveBox-6 4s infinite
}

@-webkit-keyframes moveBox-7 {
  9.09091% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  18.18182% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  36.36364% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  45.45455% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  54.54545% {
    -webkit-transform: translate(26px, -26px);
    transform: translate(26px, -26px)
  }

  63.63636% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  72.72727% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  81.81818% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  90.90909% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-moz-keyframes moveBox-7 {
  9.09091% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  18.18182% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  27.27273% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  36.36364% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  45.45455% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  54.54545% {
    -moz-transform: translate(26px, -26px);
    transform: translate(26px, -26px)
  }

  63.63636% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  72.72727% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  81.81818% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  90.90909% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-o-keyframes moveBox-7 {
  9.09091% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  18.18182% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  27.27273% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  36.36364% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  45.45455% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  54.54545% {
    -o-transform: translate(26px, -26px);
    transform: translate(26px, -26px)
  }

  63.63636% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  72.72727% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  81.81818% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  90.90909% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes moveBox-7 {
  9.09091% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  18.18182% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  36.36364% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  45.45455% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  54.54545% {
    -webkit-transform: translate(26px, -26px);
    -moz-transform: translate(26px, -26px);
    -o-transform: translate(26px, -26px);
    transform: translate(26px, -26px)
  }

  63.63636% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  72.72727% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  81.81818% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  90.90909% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.preloader-item:nth-child(7) {
  -webkit-animation: moveBox-7 4s infinite;
  -moz-animation: moveBox-7 4s infinite;
  -o-animation: moveBox-7 4s infinite;
  animation: moveBox-7 4s infinite
}

@-webkit-keyframes moveBox-8 {
  9.09091% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  36.36364% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  45.45455% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  54.54545% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  63.63636% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  72.72727% {
    -webkit-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  81.81818% {
    -webkit-transform: translate(26px, -26px);
    transform: translate(26px, -26px)
  }

  90.90909% {
    -webkit-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-moz-keyframes moveBox-8 {
  9.09091% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -moz-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  36.36364% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  45.45455% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  54.54545% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  63.63636% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  72.72727% {
    -moz-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  81.81818% {
    -moz-transform: translate(26px, -26px);
    transform: translate(26px, -26px)
  }

  90.90909% {
    -moz-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-o-keyframes moveBox-8 {
  9.09091% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -o-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  36.36364% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  45.45455% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  54.54545% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  63.63636% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  72.72727% {
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  81.81818% {
    -o-transform: translate(26px, -26px);
    transform: translate(26px, -26px)
  }

  90.90909% {
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes moveBox-8 {
  9.09091% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  18.18182% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(-26px, -26px);
    -moz-transform: translate(-26px, -26px);
    -o-transform: translate(-26px, -26px);
    transform: translate(-26px, -26px)
  }

  36.36364% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  45.45455% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  54.54545% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  63.63636% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  72.72727% {
    -webkit-transform: translate(0, -26px);
    -moz-transform: translate(0, -26px);
    -o-transform: translate(0, -26px);
    transform: translate(0, -26px)
  }

  81.81818% {
    -webkit-transform: translate(26px, -26px);
    -moz-transform: translate(26px, -26px);
    -o-transform: translate(26px, -26px);
    transform: translate(26px, -26px)
  }

  90.90909% {
    -webkit-transform: translate(26px, 0);
    -moz-transform: translate(26px, 0);
    -o-transform: translate(26px, 0);
    transform: translate(26px, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.preloader-item:nth-child(8) {
  -webkit-animation: moveBox-8 4s infinite;
  -moz-animation: moveBox-8 4s infinite;
  -o-animation: moveBox-8 4s infinite;
  animation: moveBox-8 4s infinite
}

@-webkit-keyframes moveBox-9 {
  9.09091% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  45.45455% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  54.54545% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  63.63636% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  72.72727% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  81.81818% {
    -webkit-transform: translate(-52px, 0);
    transform: translate(-52px, 0)
  }

  90.90909% {
    -webkit-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-moz-keyframes moveBox-9 {
  9.09091% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  45.45455% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  54.54545% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  63.63636% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  72.72727% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  81.81818% {
    -moz-transform: translate(-52px, 0);
    transform: translate(-52px, 0)
  }

  90.90909% {
    -moz-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-o-keyframes moveBox-9 {
  9.09091% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  45.45455% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  54.54545% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  63.63636% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  72.72727% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  81.81818% {
    -o-transform: translate(-52px, 0);
    transform: translate(-52px, 0)
  }

  90.90909% {
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes moveBox-9 {
  9.09091% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  18.18182% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  27.27273% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  36.36364% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  45.45455% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  54.54545% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  63.63636% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  72.72727% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  81.81818% {
    -webkit-transform: translate(-52px, 0);
    -moz-transform: translate(-52px, 0);
    -o-transform: translate(-52px, 0);
    transform: translate(-52px, 0)
  }

  90.90909% {
    -webkit-transform: translate(-26px, 0);
    -moz-transform: translate(-26px, 0);
    -o-transform: translate(-26px, 0);
    transform: translate(-26px, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.preloader-item:nth-child(9) {
  -webkit-animation: moveBox-9 4s infinite;
  -moz-animation: moveBox-9 4s infinite;
  -o-animation: moveBox-9 4s infinite;
  animation: moveBox-9 4s infinite
}