/* PRELOADER ANIMATION */
/* preloader-design-1 */
@-webkit-keyframes circle-1 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes circle-1 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes circle-1 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes circle-1 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes circle-2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes circle-2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes circle-2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes circle-2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes circle-3 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes circle-3 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes circle-3 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes circle-3 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
.preloader-design-1 .circle-1 {
  -webkit-animation: circle-1 2s infinite linear;
     -moz-animation: circle-1 2s infinite linear;
       -o-animation: circle-1 2s infinite linear;
          animation: circle-1 2s infinite linear;
}
.preloader-design-1 .circle-2 {
  -webkit-animation: circle-2 2s infinite linear;
     -moz-animation: circle-2 2s infinite linear;
       -o-animation: circle-2 2s infinite linear;
          animation: circle-2 2s infinite linear;
}
.preloader-design-1 .circle-3 {
  -webkit-animation: circle-3 2s infinite linear;
     -moz-animation: circle-3 2s infinite linear;
       -o-animation: circle-3 2s infinite linear;
          animation: circle-3 2s infinite linear;
}
/* preloader design 2 */
@-webkit-keyframes circle-scale-1 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
}
@-moz-keyframes circle-scale-1 {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
    opacity: 0;
  }
  15% {
    -moz-transform: scale(0);
         transform: scale(0);
    opacity: 0;
  }
  25% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(0);
         transform: scale(0);
    opacity: 1;
  }
}
@-o-keyframes circle-scale-1 {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 0;
  }
  15% {
    -o-transform: scale(0);
       transform: scale(0);
    opacity: 0;
  }
  25% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -o-transform: scale(0);
       transform: scale(0);
    opacity: 1;
  }
}
@keyframes circle-scale-1 {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
}
@-webkit-keyframes circle-scale-2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  45% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
}
@-moz-keyframes circle-scale-2 {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
    opacity: 0;
  }
  25% {
    -moz-transform: scale(0);
         transform: scale(0);
    opacity: 0;
  }
  45% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(0);
         transform: scale(0);
    opacity: 1;
  }
}
@-o-keyframes circle-scale-2 {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 0;
  }
  25% {
    -o-transform: scale(0);
       transform: scale(0);
    opacity: 0;
  }
  45% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -o-transform: scale(0);
       transform: scale(0);
    opacity: 1;
  }
}
@keyframes circle-scale-2 {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  45% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
}
@-webkit-keyframes circle-scale-3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
}
@-moz-keyframes circle-scale-3 {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
    opacity: 0;
  }
  15% {
    -moz-transform: scale(0);
         transform: scale(0);
    opacity: 0;
  }
  75% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(0);
         transform: scale(0);
    opacity: 1;
  }
}
@-o-keyframes circle-scale-3 {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 0;
  }
  15% {
    -o-transform: scale(0);
       transform: scale(0);
    opacity: 0;
  }
  75% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -o-transform: scale(0);
       transform: scale(0);
    opacity: 1;
  }
}
@keyframes circle-scale-3 {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  75% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
}
.preloader-design-2 .circle-1 {
  -webkit-animation: circle-scale-1 2.4s infinite ease-in-out;
     -moz-animation: circle-scale-1 2.4s infinite ease-in-out;
       -o-animation: circle-scale-1 2.4s infinite ease-in-out;
          animation: circle-scale-1 2.4s infinite ease-in-out;
}
.preloader-design-2 .circle-2 {
  -webkit-animation: circle-scale-2 2.4s infinite ease-in-out;
     -moz-animation: circle-scale-2 2.4s infinite ease-in-out;
       -o-animation: circle-scale-2 2.4s infinite ease-in-out;
          animation: circle-scale-2 2.4s infinite ease-in-out;
}
.preloader-design-2 .circle-3 {
  -webkit-animation: circle-scale-3 2.4s infinite ease-in-out;
     -moz-animation: circle-scale-3 2.4s infinite ease-in-out;
       -o-animation: circle-scale-3 2.4s infinite ease-in-out;
          animation: circle-scale-3 2.4s infinite ease-in-out;
}
/* preloader design 3 */
@-webkit-keyframes circle-t-1 {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  25% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-moz-keyframes circle-t-1 {
  0% {
    -moz-transform: translateY(-100%);
         transform: translateY(-100%);
  }
  25% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(100%);
         transform: translateY(100%);
  }
  100% {
    -moz-transform: translateY(-100%);
         transform: translateY(-100%);
  }
}
@-o-keyframes circle-t-1 {
  0% {
    -o-transform: translateY(-100%);
       transform: translateY(-100%);
  }
  25% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  50% {
    -o-transform: translateY(100%);
       transform: translateY(100%);
  }
  100% {
    -o-transform: translateY(-100%);
       transform: translateY(-100%);
  }
}
@keyframes circle-t-1 {
  0% {
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  25% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes circle-t-2 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  25% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@-moz-keyframes circle-t-2 {
  0% {
    -moz-transform: translateY(100%);
         transform: translateY(100%);
  }
  25% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-100%);
         transform: translateY(-100%);
  }
  100% {
    -moz-transform: translateY(100%);
         transform: translateY(100%);
  }
}
@-o-keyframes circle-t-2 {
  0% {
    -o-transform: translateY(100%);
       transform: translateY(100%);
  }
  25% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  50% {
    -o-transform: translateY(-100%);
       transform: translateY(-100%);
  }
  100% {
    -o-transform: translateY(100%);
       transform: translateY(100%);
  }
}
@keyframes circle-t-2 {
  0% {
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  25% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@-webkit-keyframes circle-t-3 {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  25% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-moz-keyframes circle-t-3 {
  0% {
    -moz-transform: translateY(-100%);
         transform: translateY(-100%);
  }
  25% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(100%);
         transform: translateY(100%);
  }
  100% {
    -moz-transform: translateY(-100%);
         transform: translateY(-100%);
  }
}
@-o-keyframes circle-t-3 {
  0% {
    -o-transform: translateY(-100%);
       transform: translateY(-100%);
  }
  25% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  50% {
    -o-transform: translateY(100%);
       transform: translateY(100%);
  }
  100% {
    -o-transform: translateY(-100%);
       transform: translateY(-100%);
  }
}
@keyframes circle-t-3 {
  0% {
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  25% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.preloader-design-3 .circle-1 {
  -webkit-animation: circle-t-1 2s infinite ease;
     -moz-animation: circle-t-1 2s infinite ease;
       -o-animation: circle-t-1 2s infinite ease;
          animation: circle-t-1 2s infinite ease;
}
.preloader-design-3 .circle-2 {
  -webkit-animation: circle-t-2 2s infinite ease;
     -moz-animation: circle-t-2 2s infinite ease;
       -o-animation: circle-t-2 2s infinite ease;
          animation: circle-t-2 2s infinite ease;
}
.preloader-design-3 .circle-3 {
  -webkit-animation: circle-t-3 2s infinite ease;
     -moz-animation: circle-t-3 2s infinite ease;
       -o-animation: circle-t-3 2s infinite ease;
          animation: circle-t-3 2s infinite ease;
}
/* preloader design 4 */
@-webkit-keyframes circle-x1 {
  0% {
    -webkit-transform: translateX(-400%);
            transform: translateX(-400%);
  }
  20% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-400%);
            transform: translateX(-400%);
  }
  80% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-400%);
            transform: translateX(-400%);
  }
}
@-moz-keyframes circle-x1 {
  0% {
    -moz-transform: translateX(-400%);
         transform: translateX(-400%);
  }
  20% {
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(-400%);
         transform: translateX(-400%);
  }
  80% {
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-400%);
         transform: translateX(-400%);
  }
}
@-o-keyframes circle-x1 {
  0% {
    -o-transform: translateX(-400%);
       transform: translateX(-400%);
  }
  20% {
    -o-transform: translateX(0);
       transform: translateX(0);
  }
  40% {
    -o-transform: translateX(-400%);
       transform: translateX(-400%);
  }
  80% {
    -o-transform: translateX(0);
       transform: translateX(0);
  }
  100% {
    -o-transform: translateX(-400%);
       transform: translateX(-400%);
  }
}
@keyframes circle-x1 {
  0% {
    -webkit-transform: translateX(-400%);
       -moz-transform: translateX(-400%);
         -o-transform: translateX(-400%);
            transform: translateX(-400%);
  }
  20% {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-400%);
       -moz-transform: translateX(-400%);
         -o-transform: translateX(-400%);
            transform: translateX(-400%);
  }
  80% {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-400%);
       -moz-transform: translateX(-400%);
         -o-transform: translateX(-400%);
            transform: translateX(-400%);
  }
}
@-webkit-keyframes circle-x2 {
  0% {
    -webkit-transform: translateY(-400%);
            transform: translateY(-400%);
  }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-400%);
            transform: translateY(-400%);
  }
  80% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-400%);
            transform: translateY(-400%);
  }
}
@-moz-keyframes circle-x2 {
  0% {
    -moz-transform: translateY(-400%);
         transform: translateY(-400%);
  }
  20% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-400%);
         transform: translateY(-400%);
  }
  80% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-400%);
         transform: translateY(-400%);
  }
}
@-o-keyframes circle-x2 {
  0% {
    -o-transform: translateY(-400%);
       transform: translateY(-400%);
  }
  20% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-400%);
       transform: translateY(-400%);
  }
  80% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  100% {
    -o-transform: translateY(-400%);
       transform: translateY(-400%);
  }
}
@keyframes circle-x2 {
  0% {
    -webkit-transform: translateY(-400%);
       -moz-transform: translateY(-400%);
         -o-transform: translateY(-400%);
            transform: translateY(-400%);
  }
  20% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-400%);
       -moz-transform: translateY(-400%);
         -o-transform: translateY(-400%);
            transform: translateY(-400%);
  }
  80% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-400%);
       -moz-transform: translateY(-400%);
         -o-transform: translateY(-400%);
            transform: translateY(-400%);
  }
}
@-webkit-keyframes circle-x3 {
  0% {
    -webkit-transform: translateX(400%);
            transform: translateX(400%);
  }
  20% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(400%);
            transform: translateX(400%);
  }
  80% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(400%);
            transform: translateX(400%);
  }
}
@-moz-keyframes circle-x3 {
  0% {
    -moz-transform: translateX(400%);
         transform: translateX(400%);
  }
  20% {
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(400%);
         transform: translateX(400%);
  }
  80% {
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(400%);
         transform: translateX(400%);
  }
}
@-o-keyframes circle-x3 {
  0% {
    -o-transform: translateX(400%);
       transform: translateX(400%);
  }
  20% {
    -o-transform: translateX(0);
       transform: translateX(0);
  }
  40% {
    -o-transform: translateX(400%);
       transform: translateX(400%);
  }
  80% {
    -o-transform: translateX(0);
       transform: translateX(0);
  }
  100% {
    -o-transform: translateX(400%);
       transform: translateX(400%);
  }
}
@keyframes circle-x3 {
  0% {
    -webkit-transform: translateX(400%);
       -moz-transform: translateX(400%);
         -o-transform: translateX(400%);
            transform: translateX(400%);
  }
  20% {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(400%);
       -moz-transform: translateX(400%);
         -o-transform: translateX(400%);
            transform: translateX(400%);
  }
  80% {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(400%);
       -moz-transform: translateX(400%);
         -o-transform: translateX(400%);
            transform: translateX(400%);
  }
}
@-webkit-keyframes circle-x4 {
  0% {
    -webkit-transform: translateY(400%);
            transform: translateY(400%);
  }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(400%);
            transform: translateY(400%);
  }
  80% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(400%);
            transform: translateY(400%);
  }
}
@-moz-keyframes circle-x4 {
  0% {
    -moz-transform: translateY(400%);
         transform: translateY(400%);
  }
  20% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(400%);
         transform: translateY(400%);
  }
  80% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(400%);
         transform: translateY(400%);
  }
}
@-o-keyframes circle-x4 {
  0% {
    -o-transform: translateY(400%);
       transform: translateY(400%);
  }
  20% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  40% {
    -o-transform: translateY(400%);
       transform: translateY(400%);
  }
  80% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  100% {
    -o-transform: translateY(400%);
       transform: translateY(400%);
  }
}
@keyframes circle-x4 {
  0% {
    -webkit-transform: translateY(400%);
       -moz-transform: translateY(400%);
         -o-transform: translateY(400%);
            transform: translateY(400%);
  }
  20% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(400%);
       -moz-transform: translateY(400%);
         -o-transform: translateY(400%);
            transform: translateY(400%);
  }
  80% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(400%);
       -moz-transform: translateY(400%);
         -o-transform: translateY(400%);
            transform: translateY(400%);
  }
}
.preloader-design-4 .circle-1 {
  -webkit-animation: circle-x1 2s infinite ease-in-out;
     -moz-animation: circle-x1 2s infinite ease-in-out;
       -o-animation: circle-x1 2s infinite ease-in-out;
          animation: circle-x1 2s infinite ease-in-out;
}
.preloader-design-4 .circle-2 {
  -webkit-animation: circle-x2 2s infinite ease-in-out;
     -moz-animation: circle-x2 2s infinite ease-in-out;
       -o-animation: circle-x2 2s infinite ease-in-out;
          animation: circle-x2 2s infinite ease-in-out;
}
.preloader-design-4 .circle-3 {
  -webkit-animation: circle-x3 2s infinite ease-in-out;
     -moz-animation: circle-x3 2s infinite ease-in-out;
       -o-animation: circle-x3 2s infinite ease-in-out;
          animation: circle-x3 2s infinite ease-in-out;
}
.preloader-design-4 .circle-4 {
  -webkit-animation: circle-x4 2s infinite ease-in-out;
     -moz-animation: circle-x4 2s infinite ease-in-out;
       -o-animation: circle-x4 2s infinite ease-in-out;
          animation: circle-x4 2s infinite ease-in-out;
}
/* preloader design 5 */
@-webkit-keyframes circle-w-1 {
  0% {
    -webkit-transform: translateY(-300%);
            transform: translateY(-300%);
  }
  50% {
    -webkit-transform: translateY(300%);
            transform: translateY(300%);
  }
  75% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-300%);
            transform: translateY(-300%);
  }
}
@-moz-keyframes circle-w-1 {
  0% {
    -moz-transform: translateY(-300%);
         transform: translateY(-300%);
  }
  50% {
    -moz-transform: translateY(300%);
         transform: translateY(300%);
  }
  75% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-300%);
         transform: translateY(-300%);
  }
}
@-o-keyframes circle-w-1 {
  0% {
    -o-transform: translateY(-300%);
       transform: translateY(-300%);
  }
  50% {
    -o-transform: translateY(300%);
       transform: translateY(300%);
  }
  75% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  100% {
    -o-transform: translateY(-300%);
       transform: translateY(-300%);
  }
}
@keyframes circle-w-1 {
  0% {
    -webkit-transform: translateY(-300%);
       -moz-transform: translateY(-300%);
         -o-transform: translateY(-300%);
            transform: translateY(-300%);
  }
  50% {
    -webkit-transform: translateY(300%);
       -moz-transform: translateY(300%);
         -o-transform: translateY(300%);
            transform: translateY(300%);
  }
  75% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-300%);
       -moz-transform: translateY(-300%);
         -o-transform: translateY(-300%);
            transform: translateY(-300%);
  }
}
@-webkit-keyframes circle-w-2 {
  0% {
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
  }
  50% {
    -webkit-transform: translateY(150%);
            transform: translateY(150%);
  }
  75% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
  }
}
@-moz-keyframes circle-w-2 {
  0% {
    -moz-transform: translateY(-150%);
         transform: translateY(-150%);
  }
  50% {
    -moz-transform: translateY(150%);
         transform: translateY(150%);
  }
  75% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-150%);
         transform: translateY(-150%);
  }
}
@-o-keyframes circle-w-2 {
  0% {
    -o-transform: translateY(-150%);
       transform: translateY(-150%);
  }
  50% {
    -o-transform: translateY(150%);
       transform: translateY(150%);
  }
  75% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  100% {
    -o-transform: translateY(-150%);
       transform: translateY(-150%);
  }
}
@keyframes circle-w-2 {
  0% {
    -webkit-transform: translateY(-150%);
       -moz-transform: translateY(-150%);
         -o-transform: translateY(-150%);
            transform: translateY(-150%);
  }
  50% {
    -webkit-transform: translateY(150%);
       -moz-transform: translateY(150%);
         -o-transform: translateY(150%);
            transform: translateY(150%);
  }
  75% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-150%);
       -moz-transform: translateY(-150%);
         -o-transform: translateY(-150%);
            transform: translateY(-150%);
  }
}
@-webkit-keyframes circle-w-3 {
  from {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-moz-keyframes circle-w-3 {
  from {
    -moz-transform: scale(1.15);
         transform: scale(1.15);
  }
  to {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}
@-o-keyframes circle-w-3 {
  from {
    -o-transform: scale(1.15);
       transform: scale(1.15);
  }
  to {
    -o-transform: scale(1);
       transform: scale(1);
  }
}
@keyframes circle-w-3 {
  from {
    -webkit-transform: scale(1.15);
       -moz-transform: scale(1.15);
         -o-transform: scale(1.15);
            transform: scale(1.15);
  }
  to {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes circle-w-4 {
  0% {
    -webkit-transform: translateY(150%);
            transform: translateY(150%);
  }
  50% {
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
  }
  75% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(150%);
            transform: translateY(150%);
  }
}
@-moz-keyframes circle-w-4 {
  0% {
    -moz-transform: translateY(150%);
         transform: translateY(150%);
  }
  50% {
    -moz-transform: translateY(-150%);
         transform: translateY(-150%);
  }
  75% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(150%);
         transform: translateY(150%);
  }
}
@-o-keyframes circle-w-4 {
  0% {
    -o-transform: translateY(150%);
       transform: translateY(150%);
  }
  50% {
    -o-transform: translateY(-150%);
       transform: translateY(-150%);
  }
  75% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  100% {
    -o-transform: translateY(150%);
       transform: translateY(150%);
  }
}
@keyframes circle-w-4 {
  0% {
    -webkit-transform: translateY(150%);
       -moz-transform: translateY(150%);
         -o-transform: translateY(150%);
            transform: translateY(150%);
  }
  50% {
    -webkit-transform: translateY(-150%);
       -moz-transform: translateY(-150%);
         -o-transform: translateY(-150%);
            transform: translateY(-150%);
  }
  75% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(150%);
       -moz-transform: translateY(150%);
         -o-transform: translateY(150%);
            transform: translateY(150%);
  }
}
@-webkit-keyframes circle-w-5 {
  0% {
    -webkit-transform: translateY(300%);
            transform: translateY(300%);
  }
  50% {
    -webkit-transform: translateY(-300%);
            transform: translateY(-300%);
  }
  75% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(300%);
            transform: translateY(300%);
  }
}
@-moz-keyframes circle-w-5 {
  0% {
    -moz-transform: translateY(300%);
         transform: translateY(300%);
  }
  50% {
    -moz-transform: translateY(-300%);
         transform: translateY(-300%);
  }
  75% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(300%);
         transform: translateY(300%);
  }
}
@-o-keyframes circle-w-5 {
  0% {
    -o-transform: translateY(300%);
       transform: translateY(300%);
  }
  50% {
    -o-transform: translateY(-300%);
       transform: translateY(-300%);
  }
  75% {
    -o-transform: translateY(0);
       transform: translateY(0);
  }
  100% {
    -o-transform: translateY(300%);
       transform: translateY(300%);
  }
}
@keyframes circle-w-5 {
  0% {
    -webkit-transform: translateY(300%);
       -moz-transform: translateY(300%);
         -o-transform: translateY(300%);
            transform: translateY(300%);
  }
  50% {
    -webkit-transform: translateY(-300%);
       -moz-transform: translateY(-300%);
         -o-transform: translateY(-300%);
            transform: translateY(-300%);
  }
  75% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(300%);
       -moz-transform: translateY(300%);
         -o-transform: translateY(300%);
            transform: translateY(300%);
  }
}
.preloader-design-5 .circle-1 {
  -webkit-animation: circle-w-1 2s infinite ease-in-out;
     -moz-animation: circle-w-1 2s infinite ease-in-out;
       -o-animation: circle-w-1 2s infinite ease-in-out;
          animation: circle-w-1 2s infinite ease-in-out;
}
.preloader-design-5 .circle-2 {
  -webkit-animation: circle-w-2 2s infinite ease-in-out;
     -moz-animation: circle-w-2 2s infinite ease-in-out;
       -o-animation: circle-w-2 2s infinite ease-in-out;
          animation: circle-w-2 2s infinite ease-in-out;
}
.preloader-design-5 .circle-3 {
  -webkit-animation: circle-w-3 2s infinite ease;
     -moz-animation: circle-w-3 2s infinite ease;
       -o-animation: circle-w-3 2s infinite ease;
          animation: circle-w-3 2s infinite ease;
}
.preloader-design-5 .circle-4 {
  -webkit-animation: circle-w-4 2s infinite ease-in-out;
     -moz-animation: circle-w-4 2s infinite ease-in-out;
       -o-animation: circle-w-4 2s infinite ease-in-out;
          animation: circle-w-4 2s infinite ease-in-out;
}
.preloader-design-5 .circle-5 {
  -webkit-animation: circle-w-5 2s infinite ease-in-out;
     -moz-animation: circle-w-5 2s infinite ease-in-out;
       -o-animation: circle-w-5 2s infinite ease-in-out;
          animation: circle-w-5 2s infinite ease-in-out;
}
/* preloader design 6 */
@-webkit-keyframes circle-wave {
  50% {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
}
@-moz-keyframes circle-wave {
  50% {
    -moz-transform: translateY(-200%);
         transform: translateY(-200%);
  }
}
@-o-keyframes circle-wave {
  50% {
    -o-transform: translateY(-200%);
       transform: translateY(-200%);
  }
}
@keyframes circle-wave {
  50% {
    -webkit-transform: translateY(-200%);
       -moz-transform: translateY(-200%);
         -o-transform: translateY(-200%);
            transform: translateY(-200%);
  }
}
.preloader-design-6 [class^="circle-"] {
  -webkit-animation: circle-wave 1s infinite;
     -moz-animation: circle-wave 1s infinite;
       -o-animation: circle-wave 1s infinite;
          animation: circle-wave 1s infinite;
}
.preloader-design-6 .circle-2 {
  -webkit-animation-delay: 0.2s;
     -moz-animation-delay: 0.2s;
       -o-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.preloader-design-6 .circle-3 {
  -webkit-animation-delay: 0.3s;
     -moz-animation-delay: 0.3s;
       -o-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.preloader-design-6 .circle-4 {
  -webkit-animation-delay: 0.4s;
     -moz-animation-delay: 0.4s;
       -o-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.preloader-design-6 .circle-5 {
  -webkit-animation-delay: 0.5s;
     -moz-animation-delay: 0.5s;
       -o-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.preloader-design-6 .circle-6 {
  -webkit-animation-delay: 0.6s;
     -moz-animation-delay: 0.6s;
       -o-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
/* preloader design 7 */
@-webkit-keyframes circle-drop {
  0% {
    -webkit-transform: translateY(500%);
            transform: translateY(500%);
  }
  50% {
    -webkit-transform: translateY(-500%);
            transform: translateY(-500%);
  }
  100% {
    -webkit-transform: translateY(500%);
            transform: translateY(500%);
  }
}
@-moz-keyframes circle-drop {
  0% {
    -moz-transform: translateY(500%);
         transform: translateY(500%);
  }
  50% {
    -moz-transform: translateY(-500%);
         transform: translateY(-500%);
  }
  100% {
    -moz-transform: translateY(500%);
         transform: translateY(500%);
  }
}
@-o-keyframes circle-drop {
  0% {
    -o-transform: translateY(500%);
       transform: translateY(500%);
  }
  50% {
    -o-transform: translateY(-500%);
       transform: translateY(-500%);
  }
  100% {
    -o-transform: translateY(500%);
       transform: translateY(500%);
  }
}
@keyframes circle-drop {
  0% {
    -webkit-transform: translateY(500%);
       -moz-transform: translateY(500%);
         -o-transform: translateY(500%);
            transform: translateY(500%);
  }
  50% {
    -webkit-transform: translateY(-500%);
       -moz-transform: translateY(-500%);
         -o-transform: translateY(-500%);
            transform: translateY(-500%);
  }
  100% {
    -webkit-transform: translateY(500%);
       -moz-transform: translateY(500%);
         -o-transform: translateY(500%);
            transform: translateY(500%);
  }
}
.preloader-design-7 [class^="circle-"] {
  -webkit-animation: circle-drop 3s infinite;
     -moz-animation: circle-drop 3s infinite;
       -o-animation: circle-drop 3s infinite;
          animation: circle-drop 3s infinite;
}
.preloader-design-7 .circle-2 {
  -webkit-animation-delay: 0.1s;
     -moz-animation-delay: 0.1s;
       -o-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.preloader-design-7 .circle-3 {
  -webkit-animation-delay: 0.2s;
     -moz-animation-delay: 0.2s;
       -o-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.preloader-design-7 .circle-4 {
  -webkit-animation-delay: 0.3s;
     -moz-animation-delay: 0.3s;
       -o-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.preloader-design-7 .circle-5 {
  -webkit-animation-delay: 0.4s;
     -moz-animation-delay: 0.4s;
       -o-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.preloader-design-7 .circle-6 {
  -webkit-animation-delay: 0.5s;
     -moz-animation-delay: 0.5s;
       -o-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
/* preloader design 8 */
@-webkit-keyframes circle-p-1 {
  0% {
    -webkit-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-1600%, -1500%);
            transform: translate(-1600%, -1500%);
    opacity: 0;
  }
}
@-moz-keyframes circle-p-1 {
  0% {
    -moz-transform: translate(0, 1000%);
         transform: translate(0, 1000%);
  }
  50% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(-1600%, -1500%);
         transform: translate(-1600%, -1500%);
    opacity: 0;
  }
}
@-o-keyframes circle-p-1 {
  0% {
    -o-transform: translate(0, 1000%);
       transform: translate(0, 1000%);
  }
  50% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(-1600%, -1500%);
       transform: translate(-1600%, -1500%);
    opacity: 0;
  }
}
@keyframes circle-p-1 {
  0% {
    -webkit-transform: translate(0, 1000%);
       -moz-transform: translate(0, 1000%);
         -o-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-1600%, -1500%);
       -moz-transform: translate(-1600%, -1500%);
         -o-transform: translate(-1600%, -1500%);
            transform: translate(-1600%, -1500%);
    opacity: 0;
  }
}
@-webkit-keyframes circle-p-2 {
  0% {
    -webkit-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0%, -1500%);
            transform: translate(0%, -1500%);
    opacity: 0;
  }
}
@-moz-keyframes circle-p-2 {
  0% {
    -moz-transform: translate(0, 1000%);
         transform: translate(0, 1000%);
  }
  50% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0%, -1500%);
         transform: translate(0%, -1500%);
    opacity: 0;
  }
}
@-o-keyframes circle-p-2 {
  0% {
    -o-transform: translate(0, 1000%);
       transform: translate(0, 1000%);
  }
  50% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(0%, -1500%);
       transform: translate(0%, -1500%);
    opacity: 0;
  }
}
@keyframes circle-p-2 {
  0% {
    -webkit-transform: translate(0, 1000%);
       -moz-transform: translate(0, 1000%);
         -o-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0%, -1500%);
       -moz-transform: translate(0%, -1500%);
         -o-transform: translate(0%, -1500%);
            transform: translate(0%, -1500%);
    opacity: 0;
  }
}
@-webkit-keyframes circle-p-3 {
  0% {
    -webkit-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1600%, -1500%);
            transform: translate(1600%, -1500%);
    opacity: 0;
  }
}
@-moz-keyframes circle-p-3 {
  0% {
    -moz-transform: translate(0, 1000%);
         transform: translate(0, 1000%);
  }
  50% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(1600%, -1500%);
         transform: translate(1600%, -1500%);
    opacity: 0;
  }
}
@-o-keyframes circle-p-3 {
  0% {
    -o-transform: translate(0, 1000%);
       transform: translate(0, 1000%);
  }
  50% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(1600%, -1500%);
       transform: translate(1600%, -1500%);
    opacity: 0;
  }
}
@keyframes circle-p-3 {
  0% {
    -webkit-transform: translate(0, 1000%);
       -moz-transform: translate(0, 1000%);
         -o-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1600%, -1500%);
       -moz-transform: translate(1600%, -1500%);
         -o-transform: translate(1600%, -1500%);
            transform: translate(1600%, -1500%);
    opacity: 0;
  }
}
@-webkit-keyframes circle-p-4 {
  0% {
    -webkit-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-1600%, 0%);
            transform: translate(-1600%, 0%);
    opacity: 0;
  }
}
@-moz-keyframes circle-p-4 {
  0% {
    -moz-transform: translate(0, 1000%);
         transform: translate(0, 1000%);
  }
  50% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(-1600%, 0%);
         transform: translate(-1600%, 0%);
    opacity: 0;
  }
}
@-o-keyframes circle-p-4 {
  0% {
    -o-transform: translate(0, 1000%);
       transform: translate(0, 1000%);
  }
  50% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(-1600%, 0%);
       transform: translate(-1600%, 0%);
    opacity: 0;
  }
}
@keyframes circle-p-4 {
  0% {
    -webkit-transform: translate(0, 1000%);
       -moz-transform: translate(0, 1000%);
         -o-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-1600%, 0%);
       -moz-transform: translate(-1600%, 0%);
         -o-transform: translate(-1600%, 0%);
            transform: translate(-1600%, 0%);
    opacity: 0;
  }
}
@-webkit-keyframes circle-p-5 {
  0% {
    -webkit-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-1600%, 1500%);
            transform: translate(-1600%, 1500%);
    opacity: 0;
  }
}
@-moz-keyframes circle-p-5 {
  0% {
    -moz-transform: translate(0, 1000%);
         transform: translate(0, 1000%);
  }
  50% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(-1600%, 1500%);
         transform: translate(-1600%, 1500%);
    opacity: 0;
  }
}
@-o-keyframes circle-p-5 {
  0% {
    -o-transform: translate(0, 1000%);
       transform: translate(0, 1000%);
  }
  50% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(-1600%, 1500%);
       transform: translate(-1600%, 1500%);
    opacity: 0;
  }
}
@keyframes circle-p-5 {
  0% {
    -webkit-transform: translate(0, 1000%);
       -moz-transform: translate(0, 1000%);
         -o-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-1600%, 1500%);
       -moz-transform: translate(-1600%, 1500%);
         -o-transform: translate(-1600%, 1500%);
            transform: translate(-1600%, 1500%);
    opacity: 0;
  }
}
@-webkit-keyframes circle-p-6 {
  0% {
    -webkit-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0%, 1500%);
            transform: translate(0%, 1500%);
    opacity: 0;
  }
}
@-moz-keyframes circle-p-6 {
  0% {
    -moz-transform: translate(0, 1000%);
         transform: translate(0, 1000%);
  }
  50% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0%, 1500%);
         transform: translate(0%, 1500%);
    opacity: 0;
  }
}
@-o-keyframes circle-p-6 {
  0% {
    -o-transform: translate(0, 1000%);
       transform: translate(0, 1000%);
  }
  50% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(0%, 1500%);
       transform: translate(0%, 1500%);
    opacity: 0;
  }
}
@keyframes circle-p-6 {
  0% {
    -webkit-transform: translate(0, 1000%);
       -moz-transform: translate(0, 1000%);
         -o-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0%, 1500%);
       -moz-transform: translate(0%, 1500%);
         -o-transform: translate(0%, 1500%);
            transform: translate(0%, 1500%);
    opacity: 0;
  }
}
@-webkit-keyframes circle-p-7 {
  0% {
    -webkit-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1600%, 1500%);
            transform: translate(1600%, 1500%);
    opacity: 0;
  }
}
@-moz-keyframes circle-p-7 {
  0% {
    -moz-transform: translate(0, 1000%);
         transform: translate(0, 1000%);
  }
  50% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(1600%, 1500%);
         transform: translate(1600%, 1500%);
    opacity: 0;
  }
}
@-o-keyframes circle-p-7 {
  0% {
    -o-transform: translate(0, 1000%);
       transform: translate(0, 1000%);
  }
  50% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(1600%, 1500%);
       transform: translate(1600%, 1500%);
    opacity: 0;
  }
}
@keyframes circle-p-7 {
  0% {
    -webkit-transform: translate(0, 1000%);
       -moz-transform: translate(0, 1000%);
         -o-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1600%, 1500%);
       -moz-transform: translate(1600%, 1500%);
         -o-transform: translate(1600%, 1500%);
            transform: translate(1600%, 1500%);
    opacity: 0;
  }
}
@-webkit-keyframes circle-p-8 {
  0% {
    -webkit-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1600%, 0%);
            transform: translate(1600%, 0%);
    opacity: 0;
  }
}
@-moz-keyframes circle-p-8 {
  0% {
    -moz-transform: translate(0, 1000%);
         transform: translate(0, 1000%);
  }
  50% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(1600%, 0%);
         transform: translate(1600%, 0%);
    opacity: 0;
  }
}
@-o-keyframes circle-p-8 {
  0% {
    -o-transform: translate(0, 1000%);
       transform: translate(0, 1000%);
  }
  50% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(1600%, 0%);
       transform: translate(1600%, 0%);
    opacity: 0;
  }
}
@keyframes circle-p-8 {
  0% {
    -webkit-transform: translate(0, 1000%);
       -moz-transform: translate(0, 1000%);
         -o-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
  }
  50% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1600%, 0%);
       -moz-transform: translate(1600%, 0%);
         -o-transform: translate(1600%, 0%);
            transform: translate(1600%, 0%);
    opacity: 0;
  }
}
.preloader-design-8 .circle-1 {
  -webkit-animation: circle-p-1 1.5s ease-in-out infinite;
     -moz-animation: circle-p-1 1.5s ease-in-out infinite;
       -o-animation: circle-p-1 1.5s ease-in-out infinite;
          animation: circle-p-1 1.5s ease-in-out infinite;
}
.preloader-design-8 .circle-2 {
  -webkit-animation: circle-p-2 1.5s ease-in-out infinite;
     -moz-animation: circle-p-2 1.5s ease-in-out infinite;
       -o-animation: circle-p-2 1.5s ease-in-out infinite;
          animation: circle-p-2 1.5s ease-in-out infinite;
}
.preloader-design-8 .circle-3 {
  -webkit-animation: circle-p-3 1.5s ease-in-out infinite;
     -moz-animation: circle-p-3 1.5s ease-in-out infinite;
       -o-animation: circle-p-3 1.5s ease-in-out infinite;
          animation: circle-p-3 1.5s ease-in-out infinite;
}
.preloader-design-8 .circle-4 {
  -webkit-animation: circle-p-4 1.5s ease-in-out infinite;
     -moz-animation: circle-p-4 1.5s ease-in-out infinite;
       -o-animation: circle-p-4 1.5s ease-in-out infinite;
          animation: circle-p-4 1.5s ease-in-out infinite;
}
.preloader-design-8 .circle-5 {
  -webkit-animation: circle-p-5 1.5s ease-in-out infinite;
     -moz-animation: circle-p-5 1.5s ease-in-out infinite;
       -o-animation: circle-p-5 1.5s ease-in-out infinite;
          animation: circle-p-5 1.5s ease-in-out infinite;
}
.preloader-design-8 .circle-6 {
  -webkit-animation: circle-p-6 1.5s ease-in-out infinite;
     -moz-animation: circle-p-6 1.5s ease-in-out infinite;
       -o-animation: circle-p-6 1.5s ease-in-out infinite;
          animation: circle-p-6 1.5s ease-in-out infinite;
}
.preloader-design-8 .circle-7 {
  -webkit-animation: circle-p-7 1.5s ease-in-out infinite;
     -moz-animation: circle-p-7 1.5s ease-in-out infinite;
       -o-animation: circle-p-7 1.5s ease-in-out infinite;
          animation: circle-p-7 1.5s ease-in-out infinite;
}
.preloader-design-8 .circle-8 {
  -webkit-animation: circle-p-8 1.5s ease-in-out infinite;
     -moz-animation: circle-p-8 1.5s ease-in-out infinite;
       -o-animation: circle-p-8 1.5s ease-in-out infinite;
          animation: circle-p-8 1.5s ease-in-out infinite;
}
/* preloader-design 9 */
@-webkit-keyframes circle-tri-1 {
  0%,
  100% {
    -webkit-transform: translate(-300%, 0) scale(1);
            transform: translate(-300%, 0) scale(1);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: translate(0, -300%) scale(1.5);
            transform: translate(0, -300%) scale(1.5);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(300%, 0) scale(1);
            transform: translate(300%, 0) scale(1);
    opacity: 0.5;
  }
}
@-moz-keyframes circle-tri-1 {
  0%,
  100% {
    -moz-transform: translate(-300%, 0) scale(1);
         transform: translate(-300%, 0) scale(1);
    opacity: 0.5;
  }
  50% {
    -moz-transform: translate(0, -300%) scale(1.5);
         transform: translate(0, -300%) scale(1.5);
    opacity: 1;
  }
  75% {
    -moz-transform: translate(300%, 0) scale(1);
         transform: translate(300%, 0) scale(1);
    opacity: 0.5;
  }
}
@-o-keyframes circle-tri-1 {
  0%,
  100% {
    -o-transform: translate(-300%, 0) scale(1);
       transform: translate(-300%, 0) scale(1);
    opacity: 0.5;
  }
  50% {
    -o-transform: translate(0, -300%) scale(1.5);
       transform: translate(0, -300%) scale(1.5);
    opacity: 1;
  }
  75% {
    -o-transform: translate(300%, 0) scale(1);
       transform: translate(300%, 0) scale(1);
    opacity: 0.5;
  }
}
@keyframes circle-tri-1 {
  0%,
  100% {
    -webkit-transform: translate(-300%, 0) scale(1);
       -moz-transform: translate(-300%, 0) scale(1);
         -o-transform: translate(-300%, 0) scale(1);
            transform: translate(-300%, 0) scale(1);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: translate(0, -300%) scale(1.5);
       -moz-transform: translate(0, -300%) scale(1.5);
         -o-transform: translate(0, -300%) scale(1.5);
            transform: translate(0, -300%) scale(1.5);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(300%, 0) scale(1);
       -moz-transform: translate(300%, 0) scale(1);
         -o-transform: translate(300%, 0) scale(1);
            transform: translate(300%, 0) scale(1);
    opacity: 0.5;
  }
}
@-webkit-keyframes circle-tri-2 {
  0%,
  100% {
    -webkit-transform: translate(0, -300%) scale(1);
            transform: translate(0, -300%) scale(1);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: translate(300%, 0) scale(1.5);
            transform: translate(300%, 0) scale(1.5);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-300%, 0) scale(1);
            transform: translate(-300%, 0) scale(1);
    opacity: 0.5;
  }
}
@-moz-keyframes circle-tri-2 {
  0%,
  100% {
    -moz-transform: translate(0, -300%) scale(1);
         transform: translate(0, -300%) scale(1);
    opacity: 0.5;
  }
  50% {
    -moz-transform: translate(300%, 0) scale(1.5);
         transform: translate(300%, 0) scale(1.5);
    opacity: 1;
  }
  75% {
    -moz-transform: translate(-300%, 0) scale(1);
         transform: translate(-300%, 0) scale(1);
    opacity: 0.5;
  }
}
@-o-keyframes circle-tri-2 {
  0%,
  100% {
    -o-transform: translate(0, -300%) scale(1);
       transform: translate(0, -300%) scale(1);
    opacity: 0.5;
  }
  50% {
    -o-transform: translate(300%, 0) scale(1.5);
       transform: translate(300%, 0) scale(1.5);
    opacity: 1;
  }
  75% {
    -o-transform: translate(-300%, 0) scale(1);
       transform: translate(-300%, 0) scale(1);
    opacity: 0.5;
  }
}
@keyframes circle-tri-2 {
  0%,
  100% {
    -webkit-transform: translate(0, -300%) scale(1);
       -moz-transform: translate(0, -300%) scale(1);
         -o-transform: translate(0, -300%) scale(1);
            transform: translate(0, -300%) scale(1);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: translate(300%, 0) scale(1.5);
       -moz-transform: translate(300%, 0) scale(1.5);
         -o-transform: translate(300%, 0) scale(1.5);
            transform: translate(300%, 0) scale(1.5);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-300%, 0) scale(1);
       -moz-transform: translate(-300%, 0) scale(1);
         -o-transform: translate(-300%, 0) scale(1);
            transform: translate(-300%, 0) scale(1);
    opacity: 0.5;
  }
}
@-webkit-keyframes circle-tri-3 {
  0%,
  100% {
    -webkit-transform: translate(300%, 0) scale(1);
            transform: translate(300%, 0) scale(1);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: translate(-300%, 0) scale(1.5);
            transform: translate(-300%, 0) scale(1.5);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(0, -300%) scale(1);
            transform: translate(0, -300%) scale(1);
    opacity: 1;
  }
}
@-moz-keyframes circle-tri-3 {
  0%,
  100% {
    -moz-transform: translate(300%, 0) scale(1);
         transform: translate(300%, 0) scale(1);
    opacity: 0.5;
  }
  50% {
    -moz-transform: translate(-300%, 0) scale(1.5);
         transform: translate(-300%, 0) scale(1.5);
    opacity: 1;
  }
  75% {
    -moz-transform: translate(0, -300%) scale(1);
         transform: translate(0, -300%) scale(1);
    opacity: 1;
  }
}
@-o-keyframes circle-tri-3 {
  0%,
  100% {
    -o-transform: translate(300%, 0) scale(1);
       transform: translate(300%, 0) scale(1);
    opacity: 0.5;
  }
  50% {
    -o-transform: translate(-300%, 0) scale(1.5);
       transform: translate(-300%, 0) scale(1.5);
    opacity: 1;
  }
  75% {
    -o-transform: translate(0, -300%) scale(1);
       transform: translate(0, -300%) scale(1);
    opacity: 1;
  }
}
@keyframes circle-tri-3 {
  0%,
  100% {
    -webkit-transform: translate(300%, 0) scale(1);
       -moz-transform: translate(300%, 0) scale(1);
         -o-transform: translate(300%, 0) scale(1);
            transform: translate(300%, 0) scale(1);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: translate(-300%, 0) scale(1.5);
       -moz-transform: translate(-300%, 0) scale(1.5);
         -o-transform: translate(-300%, 0) scale(1.5);
            transform: translate(-300%, 0) scale(1.5);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(0, -300%) scale(1);
       -moz-transform: translate(0, -300%) scale(1);
         -o-transform: translate(0, -300%) scale(1);
            transform: translate(0, -300%) scale(1);
    opacity: 1;
  }
}
.preloader-design-9 .circle-1 {
  -webkit-animation: circle-tri-1 2s infinite ease-out;
     -moz-animation: circle-tri-1 2s infinite ease-out;
       -o-animation: circle-tri-1 2s infinite ease-out;
          animation: circle-tri-1 2s infinite ease-out;
}
.preloader-design-9 .circle-2 {
  -webkit-animation: circle-tri-2 2s infinite ease-out;
     -moz-animation: circle-tri-2 2s infinite ease-out;
       -o-animation: circle-tri-2 2s infinite ease-out;
          animation: circle-tri-2 2s infinite ease-out;
}
.preloader-design-9 .circle-3 {
  -webkit-animation: circle-tri-3 2s infinite ease-out;
     -moz-animation: circle-tri-3 2s infinite ease-out;
       -o-animation: circle-tri-3 2s infinite ease-out;
          animation: circle-tri-3 2s infinite ease-out;
}
/* preloader design 10 */
@-webkit-keyframes circle-rotate-1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-moz-keyframes circle-rotate-1 {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}
@-o-keyframes circle-rotate-1 {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes circle-rotate-1 {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.preloader-design-10 .preloader-content {
  -webkit-animation: circle-rotate-1 0.8s infinite ease;
     -moz-animation: circle-rotate-1 0.8s infinite ease;
       -o-animation: circle-rotate-1 0.8s infinite ease;
          animation: circle-rotate-1 0.8s infinite ease;
}
/* preloader design 11 */
@-webkit-keyframes x-1 {
  0% {
    left: -55px;
  }
  25% {
    left: 0px;
  }
  50% {
    left: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    left: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.2;
  }
  100% {
    left: 0;
    opacity: 0;
    -webkit-transform: scale(15);
            transform: scale(15);
  }
}
@-moz-keyframes x-1 {
  0% {
    left: -55px;
  }
  25% {
    left: 0px;
  }
  50% {
    left: 0;
    -moz-transform: scale(1.5);
         transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    left: 0;
    -moz-transform: scale(0);
         transform: scale(0);
    opacity: 0.2;
  }
  100% {
    left: 0;
    opacity: 0;
    -moz-transform: scale(15);
         transform: scale(15);
  }
}
@-o-keyframes x-1 {
  0% {
    left: -55px;
  }
  25% {
    left: 0px;
  }
  50% {
    left: 0;
    -o-transform: scale(1.5);
       transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    left: 0;
    -o-transform: scale(0);
       transform: scale(0);
    opacity: 0.2;
  }
  100% {
    left: 0;
    opacity: 0;
    -o-transform: scale(15);
       transform: scale(15);
  }
}
@keyframes x-1 {
  0% {
    left: -55px;
  }
  25% {
    left: 0px;
  }
  50% {
    left: 0;
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    left: 0;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    opacity: 0.2;
  }
  100% {
    left: 0;
    opacity: 0;
    -webkit-transform: scale(15);
       -moz-transform: scale(15);
         -o-transform: scale(15);
            transform: scale(15);
  }
}
@-webkit-keyframes x-2 {
  0% {
    right: -70px;
  }
  25% {
    right: -15px;
  }
  50% {
    right: -15px;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    right: -15px;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.2;
  }
  100% {
    right: -15px;
    opacity: 0;
    -webkit-transform: scale(15);
            transform: scale(15);
  }
}
@-moz-keyframes x-2 {
  0% {
    right: -70px;
  }
  25% {
    right: -15px;
  }
  50% {
    right: -15px;
    -moz-transform: scale(1.5);
         transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    right: -15px;
    -moz-transform: scale(0);
         transform: scale(0);
    opacity: 0.2;
  }
  100% {
    right: -15px;
    opacity: 0;
    -moz-transform: scale(15);
         transform: scale(15);
  }
}
@-o-keyframes x-2 {
  0% {
    right: -70px;
  }
  25% {
    right: -15px;
  }
  50% {
    right: -15px;
    -o-transform: scale(1.5);
       transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    right: -15px;
    -o-transform: scale(0);
       transform: scale(0);
    opacity: 0.2;
  }
  100% {
    right: -15px;
    opacity: 0;
    -o-transform: scale(15);
       transform: scale(15);
  }
}
@keyframes x-2 {
  0% {
    right: -70px;
  }
  25% {
    right: -15px;
  }
  50% {
    right: -15px;
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    right: -15px;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    opacity: 0.2;
  }
  100% {
    right: -15px;
    opacity: 0;
    -webkit-transform: scale(15);
       -moz-transform: scale(15);
         -o-transform: scale(15);
            transform: scale(15);
  }
}
@-webkit-keyframes x-3 {
  0% {
    top: -55px;
  }
  25% {
    top: 0;
  }
  50% {
    top: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    top: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.2;
  }
  100% {
    top: 0;
    opacity: 0;
    -webkit-transform: scale(15);
            transform: scale(15);
  }
}
@-moz-keyframes x-3 {
  0% {
    top: -55px;
  }
  25% {
    top: 0;
  }
  50% {
    top: 0;
    -moz-transform: scale(1.5);
         transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    top: 0;
    -moz-transform: scale(0);
         transform: scale(0);
    opacity: 0.2;
  }
  100% {
    top: 0;
    opacity: 0;
    -moz-transform: scale(15);
         transform: scale(15);
  }
}
@-o-keyframes x-3 {
  0% {
    top: -55px;
  }
  25% {
    top: 0;
  }
  50% {
    top: 0;
    -o-transform: scale(1.5);
       transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    top: 0;
    -o-transform: scale(0);
       transform: scale(0);
    opacity: 0.2;
  }
  100% {
    top: 0;
    opacity: 0;
    -o-transform: scale(15);
       transform: scale(15);
  }
}
@keyframes x-3 {
  0% {
    top: -55px;
  }
  25% {
    top: 0;
  }
  50% {
    top: 0;
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    top: 0;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    opacity: 0.2;
  }
  100% {
    top: 0;
    opacity: 0;
    -webkit-transform: scale(15);
       -moz-transform: scale(15);
         -o-transform: scale(15);
            transform: scale(15);
  }
}
@-webkit-keyframes x-4 {
  0% {
    bottom: -70px;
  }
  25% {
    bottom: -15px;
  }
  50% {
    bottom: -15px;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    bottom: -15px;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.2;
  }
  100% {
    bottom: -15px;
    opacity: 0;
    -webkit-transform: scale(15);
            transform: scale(15);
  }
}
@-moz-keyframes x-4 {
  0% {
    bottom: -70px;
  }
  25% {
    bottom: -15px;
  }
  50% {
    bottom: -15px;
    -moz-transform: scale(1.5);
         transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    bottom: -15px;
    -moz-transform: scale(0);
         transform: scale(0);
    opacity: 0.2;
  }
  100% {
    bottom: -15px;
    opacity: 0;
    -moz-transform: scale(15);
         transform: scale(15);
  }
}
@-o-keyframes x-4 {
  0% {
    bottom: -70px;
  }
  25% {
    bottom: -15px;
  }
  50% {
    bottom: -15px;
    -o-transform: scale(1.5);
       transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    bottom: -15px;
    -o-transform: scale(0);
       transform: scale(0);
    opacity: 0.2;
  }
  100% {
    bottom: -15px;
    opacity: 0;
    -o-transform: scale(15);
       transform: scale(15);
  }
}
@keyframes x-4 {
  0% {
    bottom: -70px;
  }
  25% {
    bottom: -15px;
  }
  50% {
    bottom: -15px;
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.1;
  }
  75% {
    bottom: -15px;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    opacity: 0.2;
  }
  100% {
    bottom: -15px;
    opacity: 0;
    -webkit-transform: scale(15);
       -moz-transform: scale(15);
         -o-transform: scale(15);
            transform: scale(15);
  }
}
.preloader-design-11 .circle-1 {
  left: -55px;
  -webkit-animation: x-1 1s infinite ease-in-out;
     -moz-animation: x-1 1s infinite ease-in-out;
       -o-animation: x-1 1s infinite ease-in-out;
          animation: x-1 1s infinite ease-in-out;
}
.preloader-design-11 .circle-2 {
  right: -70px;
  -webkit-animation: x-2 1.25s infinite ease-in-out;
     -moz-animation: x-2 1.25s infinite ease-in-out;
       -o-animation: x-2 1.25s infinite ease-in-out;
          animation: x-2 1.25s infinite ease-in-out;
}
.preloader-design-11 .circle-3 {
  top: -55px;
  -webkit-animation: x-3 1.5s infinite ease-in-out;
     -moz-animation: x-3 1.5s infinite ease-in-out;
       -o-animation: x-3 1.5s infinite ease-in-out;
          animation: x-3 1.5s infinite ease-in-out;
}
.preloader-design-11 .circle-4 {
  bottom: -70px;
  -webkit-animation: x-4 1.75s infinite ease-in-out;
     -moz-animation: x-4 1.75s infinite ease-in-out;
       -o-animation: x-4 1.75s infinite ease-in-out;
          animation: x-4 1.75s infinite ease-in-out;
}
/* preloader design 12 */
@-webkit-keyframes rip-1 {
  0% {
    opacity: 0.1;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  90% {
    opacity: 0.25;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}
@-moz-keyframes rip-1 {
  0% {
    opacity: 0.1;
    -moz-transform: scale(0.1);
         transform: scale(0.1);
  }
  90% {
    opacity: 0.25;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(2);
         transform: scale(2);
  }
}
@-o-keyframes rip-1 {
  0% {
    opacity: 0.1;
    -o-transform: scale(0.1);
       transform: scale(0.1);
  }
  90% {
    opacity: 0.25;
  }
  100% {
    opacity: 0;
    -o-transform: scale(2);
       transform: scale(2);
  }
}
@keyframes rip-1 {
  0% {
    opacity: 0.1;
    -webkit-transform: scale(0.1);
       -moz-transform: scale(0.1);
         -o-transform: scale(0.1);
            transform: scale(0.1);
  }
  90% {
    opacity: 0.25;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
       -moz-transform: scale(2);
         -o-transform: scale(2);
            transform: scale(2);
  }
}
@-webkit-keyframes rip-2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  90% {
    opacity: 0.20;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3);
  }
}
@-moz-keyframes rip-2 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.1);
         transform: scale(0.1);
  }
  90% {
    opacity: 0.20;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(3);
         transform: scale(3);
  }
}
@-o-keyframes rip-2 {
  0% {
    opacity: 0;
    -o-transform: scale(0.1);
       transform: scale(0.1);
  }
  90% {
    opacity: 0.20;
  }
  100% {
    opacity: 0;
    -o-transform: scale(3);
       transform: scale(3);
  }
}
@keyframes rip-2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
       -moz-transform: scale(0.1);
         -o-transform: scale(0.1);
            transform: scale(0.1);
  }
  90% {
    opacity: 0.20;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
       -moz-transform: scale(3);
         -o-transform: scale(3);
            transform: scale(3);
  }
}
@-webkit-keyframes rip-3 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  90% {
    opacity: 0.20;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(4);
            transform: scale(4);
  }
}
@-moz-keyframes rip-3 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.1);
         transform: scale(0.1);
  }
  90% {
    opacity: 0.20;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(4);
         transform: scale(4);
  }
}
@-o-keyframes rip-3 {
  0% {
    opacity: 0;
    -o-transform: scale(0.1);
       transform: scale(0.1);
  }
  90% {
    opacity: 0.20;
  }
  100% {
    opacity: 0;
    -o-transform: scale(4);
       transform: scale(4);
  }
}
@keyframes rip-3 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
       -moz-transform: scale(0.1);
         -o-transform: scale(0.1);
            transform: scale(0.1);
  }
  90% {
    opacity: 0.20;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(4);
       -moz-transform: scale(4);
         -o-transform: scale(4);
            transform: scale(4);
  }
}
.preloader-design-12 .circle-1 {
  -webkit-animation: rip-1 1s infinite ease-out;
     -moz-animation: rip-1 1s infinite ease-out;
       -o-animation: rip-1 1s infinite ease-out;
          animation: rip-1 1s infinite ease-out;
}
.preloader-design-12 .circle-2 {
  -webkit-animation: rip-2 1s infinite ease-out;
     -moz-animation: rip-2 1s infinite ease-out;
       -o-animation: rip-2 1s infinite ease-out;
          animation: rip-2 1s infinite ease-out;
  -webkit-animation-delay: 0.25s;
     -moz-animation-delay: 0.25s;
       -o-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.preloader-design-12 .circle-3 {
  -webkit-animation: rip-3 1s infinite ease-out;
     -moz-animation: rip-3 1s infinite ease-out;
       -o-animation: rip-3 1s infinite ease-out;
          animation: rip-3 1s infinite ease-out;
  -webkit-animation-delay: 0.35s;
     -moz-animation-delay: 0.35s;
       -o-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.preloader-design-12 .circle-4 {
  -webkit-animation: rip-1 1s infinite ease-out;
     -moz-animation: rip-1 1s infinite ease-out;
       -o-animation: rip-1 1s infinite ease-out;
          animation: rip-1 1s infinite ease-out;
  -webkit-animation-delay: 0.45s;
     -moz-animation-delay: 0.45s;
       -o-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.preloader-design-12 .circle-5 {
  -webkit-animation: rip-3 1s infinite ease-out;
     -moz-animation: rip-3 1s infinite ease-out;
       -o-animation: rip-3 1s infinite ease-out;
          animation: rip-3 1s infinite ease-out;
  -webkit-animation-delay: 0.5s;
     -moz-animation-delay: 0.5s;
       -o-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
/* preloader-design-13 */
@-webkit-keyframes chase {
  25% {
    -webkit-transform: translateX(82px) rotate(-90deg) scale(0.5);
            transform: translateX(82px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(82px) translateY(82px) rotate(-180deg);
            transform: translateX(82px) translateY(82px) rotate(-180deg);
  }
  50.1% {
    -webkit-transform: translateX(82px) translateY(82px) rotate(-180deg);
            transform: translateX(82px) translateY(82px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(82px) rotate(-270deg) scale(0.5);
            transform: translateX(0px) translateY(82px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-moz-keyframes chase {
  25% {
    -moz-transform: translateX(82px) rotate(-90deg) scale(0.5);
         transform: translateX(82px) rotate(-90deg) scale(0.5);
  }
  50% {
    -moz-transform: translateX(82px) translateY(82px) rotate(-180deg);
         transform: translateX(82px) translateY(82px) rotate(-180deg);
  }
  50.1% {
    -moz-transform: translateX(82px) translateY(82px) rotate(-180deg);
         transform: translateX(82px) translateY(82px) rotate(-180deg);
  }
  75% {
    -moz-transform: translateX(0px) translateY(82px) rotate(-270deg) scale(0.5);
         transform: translateX(0px) translateY(82px) rotate(-270deg) scale(0.5);
  }
  100% {
    -moz-transform: rotate(-360deg);
         transform: rotate(-360deg);
  }
}
@-o-keyframes chase {
  25% {
    -o-transform: translateX(82px) rotate(-90deg) scale(0.5);
       transform: translateX(82px) rotate(-90deg) scale(0.5);
  }
  50% {
    -o-transform: translateX(82px) translateY(82px) rotate(-180deg);
       transform: translateX(82px) translateY(82px) rotate(-180deg);
  }
  50.1% {
    -o-transform: translateX(82px) translateY(82px) rotate(-180deg);
       transform: translateX(82px) translateY(82px) rotate(-180deg);
  }
  75% {
    -o-transform: translateX(0px) translateY(82px) rotate(-270deg) scale(0.5);
       transform: translateX(0px) translateY(82px) rotate(-270deg) scale(0.5);
  }
  100% {
    -o-transform: rotate(-360deg);
       transform: rotate(-360deg);
  }
}
@keyframes chase {
  25% {
    -webkit-transform: translateX(82px) rotate(-90deg) scale(0.5);
       -moz-transform: translateX(82px) rotate(-90deg) scale(0.5);
         -o-transform: translateX(82px) rotate(-90deg) scale(0.5);
            transform: translateX(82px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(82px) translateY(82px) rotate(-180deg);
       -moz-transform: translateX(82px) translateY(82px) rotate(-180deg);
         -o-transform: translateX(82px) translateY(82px) rotate(-180deg);
            transform: translateX(82px) translateY(82px) rotate(-180deg);
  }
  50.1% {
    -webkit-transform: translateX(82px) translateY(82px) rotate(-180deg);
       -moz-transform: translateX(82px) translateY(82px) rotate(-180deg);
         -o-transform: translateX(82px) translateY(82px) rotate(-180deg);
            transform: translateX(82px) translateY(82px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(82px) rotate(-270deg) scale(0.5);
       -moz-transform: translateX(0px) translateY(82px) rotate(-270deg) scale(0.5);
         -o-transform: translateX(0px) translateY(82px) rotate(-270deg) scale(0.5);
            transform: translateX(0px) translateY(82px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
       -moz-transform: rotate(-360deg);
         -o-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.preloader-design-13 .circle-1,
.preloader-design-13 .circle-2 {
  margin-top: -30px;
  margin-left: -30px;
  -webkit-animation: chase 1.2s infinite ease-in-out;
     -moz-animation: chase 1.2s infinite ease-in-out;
       -o-animation: chase 1.2s infinite ease-in-out;
          animation: chase 1.2s infinite ease-in-out;
}
.preloader-design-13 .circle-1 {
  -webkit-animation-delay: -0.8s;
     -moz-animation-delay: -0.8s;
       -o-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.preloader-design-13 .circle-2 {
  -webkit-animation-delay: -4.25s;
     -moz-animation-delay: -4.25s;
       -o-animation-delay: -4.25s;
          animation-delay: -4.25s;
}
/* preloader-design-14 */
@-webkit-keyframes deflect-1 {
  17% {
    -webkit-transform: translate(-25px, -40px);
            transform: translate(-25px, -40px);
  }
  34% {
    -webkit-transform: translate(25px, -40px);
            transform: translate(25px, -40px);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  67% {
    -webkit-transform: translate(25px, -40px);
            transform: translate(25px, -40px);
  }
  84% {
    -webkit-transform: translate(-25px, -40px);
            transform: translate(-25px, -40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-moz-keyframes deflect-1 {
  17% {
    -moz-transform: translate(-25px, -40px);
         transform: translate(-25px, -40px);
  }
  34% {
    -moz-transform: translate(25px, -40px);
         transform: translate(25px, -40px);
  }
  50% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  67% {
    -moz-transform: translate(25px, -40px);
         transform: translate(25px, -40px);
  }
  84% {
    -moz-transform: translate(-25px, -40px);
         transform: translate(-25px, -40px);
  }
  100% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
}
@-o-keyframes deflect-1 {
  17% {
    -o-transform: translate(-25px, -40px);
       transform: translate(-25px, -40px);
  }
  34% {
    -o-transform: translate(25px, -40px);
       transform: translate(25px, -40px);
  }
  50% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
  67% {
    -o-transform: translate(25px, -40px);
       transform: translate(25px, -40px);
  }
  84% {
    -o-transform: translate(-25px, -40px);
       transform: translate(-25px, -40px);
  }
  100% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
}
@keyframes deflect-1 {
  17% {
    -webkit-transform: translate(-25px, -40px);
       -moz-transform: translate(-25px, -40px);
         -o-transform: translate(-25px, -40px);
            transform: translate(-25px, -40px);
  }
  34% {
    -webkit-transform: translate(25px, -40px);
       -moz-transform: translate(25px, -40px);
         -o-transform: translate(25px, -40px);
            transform: translate(25px, -40px);
  }
  50% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  67% {
    -webkit-transform: translate(25px, -40px);
       -moz-transform: translate(25px, -40px);
         -o-transform: translate(25px, -40px);
            transform: translate(25px, -40px);
  }
  84% {
    -webkit-transform: translate(-25px, -40px);
       -moz-transform: translate(-25px, -40px);
         -o-transform: translate(-25px, -40px);
            transform: translate(-25px, -40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes deflect-2 {
  17% {
    -webkit-transform: translate(25px, 40px);
            transform: translate(25px, 40px);
  }
  34% {
    -webkit-transform: translate(-25px, 40px);
            transform: translate(-25px, 40px);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  67% {
    -webkit-transform: translate(-25px, 40px);
            transform: translate(-25px, 40px);
  }
  84% {
    -webkit-transform: translate(25px, 40px);
            transform: translate(25px, 40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-moz-keyframes deflect-2 {
  17% {
    -moz-transform: translate(25px, 40px);
         transform: translate(25px, 40px);
  }
  34% {
    -moz-transform: translate(-25px, 40px);
         transform: translate(-25px, 40px);
  }
  50% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  67% {
    -moz-transform: translate(-25px, 40px);
         transform: translate(-25px, 40px);
  }
  84% {
    -moz-transform: translate(25px, 40px);
         transform: translate(25px, 40px);
  }
  100% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
}
@-o-keyframes deflect-2 {
  17% {
    -o-transform: translate(25px, 40px);
       transform: translate(25px, 40px);
  }
  34% {
    -o-transform: translate(-25px, 40px);
       transform: translate(-25px, 40px);
  }
  50% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
  67% {
    -o-transform: translate(-25px, 40px);
       transform: translate(-25px, 40px);
  }
  84% {
    -o-transform: translate(25px, 40px);
       transform: translate(25px, 40px);
  }
  100% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
}
@keyframes deflect-2 {
  17% {
    -webkit-transform: translate(25px, 40px);
       -moz-transform: translate(25px, 40px);
         -o-transform: translate(25px, 40px);
            transform: translate(25px, 40px);
  }
  34% {
    -webkit-transform: translate(-25px, 40px);
       -moz-transform: translate(-25px, 40px);
         -o-transform: translate(-25px, 40px);
            transform: translate(-25px, 40px);
  }
  50% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  67% {
    -webkit-transform: translate(-25px, 40px);
       -moz-transform: translate(-25px, 40px);
         -o-transform: translate(-25px, 40px);
            transform: translate(-25px, 40px);
  }
  84% {
    -webkit-transform: translate(25px, 40px);
       -moz-transform: translate(25px, 40px);
         -o-transform: translate(25px, 40px);
            transform: translate(25px, 40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.preloader-design-14 .circle-1,
.preloader-design-14 .circle-2 {
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
.preloader-design-14 .circle-1 {
  -webkit-animation: deflect-1 1.5s 0s infinite linear;
     -moz-animation: deflect-1 1.5s 0s infinite linear;
       -o-animation: deflect-1 1.5s 0s infinite linear;
          animation: deflect-1 1.5s 0s infinite linear;
}
.preloader-design-14 .circle-2 {
  -webkit-animation: deflect-2 1.5s 0s infinite linear;
     -moz-animation: deflect-2 1.5s 0s infinite linear;
       -o-animation: deflect-2 1.5s 0s infinite linear;
          animation: deflect-2 1.5s 0s infinite linear;
}
/* preloader-design-15 */
@-webkit-keyframes bouncer {
  0%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0.6;
  }
}
@-moz-keyframes bouncer {
  0%,
  100% {
    -moz-transform: scale(0);
         transform: scale(0);
    opacity: 0;
  }
  50% {
    -moz-transform: scale(4);
         transform: scale(4);
    opacity: 0.6;
  }
}
@-o-keyframes bouncer {
  0%,
  100% {
    -o-transform: scale(0);
       transform: scale(0);
    opacity: 0;
  }
  50% {
    -o-transform: scale(4);
       transform: scale(4);
    opacity: 0.6;
  }
}
@keyframes bouncer {
  0%,
  100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(4);
       -moz-transform: scale(4);
         -o-transform: scale(4);
            transform: scale(4);
    opacity: 0.6;
  }
}
.preloader-design-15 .circle-1,
.preloader-design-15 .circle-2 {
  -webkit-animation: bouncer 1.4s infinite ease-in-out;
     -moz-animation: bouncer 1.4s infinite ease-in-out;
       -o-animation: bouncer 1.4s infinite ease-in-out;
          animation: bouncer 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
.preloader-design-15 .circle-1 {
  -webkit-animation-delay: -0.2s;
     -moz-animation-delay: -0.2s;
       -o-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.preloader-design-15 .circle-2 {
  -webkit-animation-delay: -0.8s;
     -moz-animation-delay: -0.8s;
       -o-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
/* preloader-design-16 */
@-webkit-keyframes ripple-bdr {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.1;
  }
  70% {
    -webkit-transform: scale(4.2);
            transform: scale(4.2);
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes ripple-bdr {
  0% {
    -moz-transform: scale(0.1);
         transform: scale(0.1);
    opacity: 0.1;
  }
  70% {
    -moz-transform: scale(4.2);
         transform: scale(4.2);
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes ripple-bdr {
  0% {
    -o-transform: scale(0.1);
       transform: scale(0.1);
    opacity: 0.1;
  }
  70% {
    -o-transform: scale(4.2);
       transform: scale(4.2);
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ripple-bdr {
  0% {
    -webkit-transform: scale(0.1);
       -moz-transform: scale(0.1);
         -o-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.1;
  }
  70% {
    -webkit-transform: scale(4.2);
       -moz-transform: scale(4.2);
         -o-transform: scale(4.2);
            transform: scale(4.2);
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.preloader-design-16 .circle-1,
.preloader-design-16 .circle-2,
.preloader-design-16 .circle-3,
.preloader-design-16 .circle-4,
.preloader-design-16 .circle-5 {
  background: rgba(0, 0, 0, 0) !important;
  border: 1px solid #FFF;
  -webkit-animation: ripple-bdr 3s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
     -moz-animation: ripple-bdr 3s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
       -o-animation: ripple-bdr 3s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
          animation: ripple-bdr 3s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
.preloader-design-16 .circle-1 {
  -webkit-animation-delay: -0.9s;
     -moz-animation-delay: -0.9s;
       -o-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.preloader-design-16 .circle-2 {
  -webkit-animation-delay: -0.7s;
     -moz-animation-delay: -0.7s;
       -o-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.preloader-design-16 .circle-3 {
  -webkit-animation-delay: -0.5s;
     -moz-animation-delay: -0.5s;
       -o-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.preloader-design-16 .circle-4 {
  -webkit-animation-delay: -0.3s;
     -moz-animation-delay: -0.3s;
       -o-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.preloader-design-16 .circle-5 {
  -webkit-animation-delay: -0.1s;
     -moz-animation-delay: -0.1s;
       -o-animation-delay: -0.1s;
          animation-delay: -0.1s;
}
