.videogallery-con .dzsvg-preloader, .videogallery-fake-con .dzsvg-preloader {
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.75) url(./img/preloader.gif) center no-repeat;
  opacity: 0.4;
}

/* preloader from http://fareco.github.io/css-loader/ */
.videogallery-con .dzsvg-preloader, .videogallery-fake-con .dzsvg-preloader.ball-pulse {
  background-image: none;
  background-color: transparent;
  opacity: 1;
  width: 74px;
  height: 74px;
  margin-left: -37px;
  margin-top: -37px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.videogallery-con .dzsvg-preloader .loader, .videogallery-fake-con .dzsvg-preloader.ball-pulse .loader {
  width: 100px;
  height: 100px;
  margin-left: -45px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.videogallery-con .dzsvg-preloader .loader > div, .videogallery-fake-con .dzsvg-preloader.ball-pulse .loader > div {
  float: left;
  margin: 40% 2% 0 0;
  width: 4%;
  height: 16%;
  background-color: #222;
  -webkit-animation: wave 1s cubic-bezier(0.85, 0.25, 0.37, 0.85) infinite;
  animation: wave 1s cubic-bezier(0.85, 0.25, 0.37, 0.85) infinite;
  opacity: 0.5;
}
.videogallery-con .dzsvg-preloader .loader .line-1, .videogallery-fake-con .dzsvg-preloader.ball-pulse .loader .line-1 {
  margin-left: 30%;
}
.videogallery-con .dzsvg-preloader .loader .line-1, .videogallery-con .dzsvg-preloader .loader .line-5, .videogallery-fake-con .dzsvg-preloader.ball-pulse .loader .line-1, .videogallery-fake-con .dzsvg-preloader.ball-pulse .loader .line-5 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.videogallery-con .dzsvg-preloader .loader .line-2, .videogallery-con .dzsvg-preloader .loader .line-4, .videogallery-fake-con .dzsvg-preloader.ball-pulse .loader .line-2, .videogallery-fake-con .dzsvg-preloader.ball-pulse .loader .line-4 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes wave {
  0%, 100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
    opacity: 0.1;
  }
}
@keyframes wave {
  0%, 100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 0.5;
  }
  50% {
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
    opacity: 0.35;
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

/*# sourceMappingURL=dzsvg-preloader.css.map */