.floating-effect{
  margin-top:20px;
  -webkit-animation: floating-text 2s ease alternate infinite;
     -moz-animation: floating-text 2s ease alternate infinite;
      -ms-animation: floating-text 2s ease alternate infinite;
       -o-animation: floating-text 2s ease alternate infinite;
          animation: floating-text 2s ease alternate infinite;
}
.bg_home{
  animation: image-sliding 20s ease infinite;
}
.progress-bar{
  animation: fill-progress 5s ease infinite;
}
@-webkit-keyframes floating-text {
  0% {
    -webkit-transform: translateY(.2em);
    text-shadow:0 0 .5em rgba(255,255,255,.4),
      0 0 .2em rgba(0,0,0,.3),
      0 .3em .2em rgba(0,0,0,.3);

  }
  100% {
    text-shadow:0 0 .5em rgba(255,255,255,.4),
      0 0 .2em rgba(0,0,0,.3),
      0 .5em .5em rgba(0,0,0,.3);
  }
}
@-moz-keyframes floating-text {
  0% {
    -moz-transform: translateY(.2em);
    text-shadow:0 0 .5em rgba(255,255,255,.4),
      0 0 .2em rgba(0,0,0,.3),
      0 .3em .2em rgba(0,0,0,.3);

  }
  100% {
    text-shadow:0 0 .5em rgba(255,255,255,.4),
      0 0 .2em rgba(0,0,0,.3),
      0 .5em .5em rgba(0,0,0,.3);
  }
}
@-ms-keyframes floating-text {
  0% {
    -ms-transform: translateY(.2em);
    text-shadow:0 0 .5em rgba(255,255,255,.4),
      0 0 .2em rgba(0,0,0,.3),
      0 .3em .2em rgba(0,0,0,.3);

  }
  100% {
    text-shadow:0 0 .5em rgba(255,255,255,.4),
      0 0 .2em rgba(0,0,0,.3),
      0 .5em .5em rgba(0,0,0,.3);
  }
}
@-o-keyframes floating-text {
  0% {
    -o-transform: translateY(.2em);
    text-shadow:0 0 .5em rgba(255,255,255,.4),
      0 0 .2em rgba(0,0,0,.3),
      0 .3em .2em rgba(0,0,0,.3);

  }
  100% {
    text-shadow:0 0 .5em rgba(255,255,255,.4),
      0 0 .2em rgba(0,0,0,.3),
      0 .5em .5em rgba(0,0,0,.3);
  }
}
@keyframes floating-text {
  0% {
    transform: translateY(.2em);
    text-shadow:0 0 .5em rgba(255,255,255,.4),
      0 0 .2em rgba(0,0,0,.6),
      0 .3em .2em rgba(0,0,0,.6);

  }
  100% {
    text-shadow:0 0 .5em rgba(255,255,255,.4),
      0 0 .2em rgba(0,0,0,.3),
      0 .5em .5em rgba(0,0,0,.3);
  }
}
@keyframes image-sliding{
  0% { background-image: url(../img/cover1.jpg); }
  20% { background-image: url(../img/cover1.jpg); }
  25% { background-image: url(../img/cover2.jpg); }
  45% { background-image: url(../img/cover2.jpg); }
  50% { background-image: url(../img/cover3.jpg); }
  70% { background-image: url(../img/cover3.jpg); }
  75% { background-image: url(../img/cover4.jpg); }
  95% { background-image: url(../img/cover4.jpg); }
  100% { background-image: url(../img/cover1.jpg); }
}
@keyframes fill-progress{
  0%{width:0%;}
  85%{width:100%;}
  100%{width:0%;}
}
