.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
 }

 50% {
    -webkit-transform: translate(-50%, 20%);
    transform: translate(-50%, 20%)
 }

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

@keyframes floating {
  0% {
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
 }

 50% {
    -ms-transform: translate(-50%, 20%);
    -webkit-transform: translate(-50%, 20%);
    transform: translate(-50%, 20%)
 }

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

.fadeInSlow {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

.fadeInFast, .overlay {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
 }
 100% {
    opacity: 1;
 }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
 }
 100% {
    opacity: 1;
 }
}

.img-zoom{
   width: 100%;
   -webkit-animation: img-zoom 40s infinite linear;
   -moz-animation: img-zoom 40s infinite linear;
   -o-animation: img-zoom 40s infinite linear;
   animation: img-zoom 40s infinite linear;
}

@keyframes 'img-zoom' {
   0% {
      transform: scale(1) rotate(0deg);
   }
   50% {
      transform: scale(1.2) rotate(.3deg);
   }
   100% {
      transform: scale(1) rotate(0deg);
   }
}
@-webkit-keyframes 'img-zoom' {
   0% {
      -webkit-transform: scale(1) rotate(0deg);
   }
   50% {
      -webkit-transform: scale(1.2) rotate(.3deg);
   }
   100% {
      -webkit-transform: scale(1) rotate(0deg);
   }
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


/*///////////////////////////// BOUNCE IN UP ////////////////////////////////*/
@-webkit-keyframes bounceInUp {
  0% {
    opacity:0;
    -webkit-transform:translateY(15px);
    transform:translateY(15px);
 }
 100% {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0);
 }
}
@keyframes bounceInUp {
  0% {
    opacity:0;
    -webkit-transform:translateY(15px);
    -ms-transform:translateY(15px);
    transform:translateY(15px);
 }
 100% {
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
 }
}
.bounceInUp {
  -webkit-animation-name:bounceInUp;
  animation-name: bounceInUp;
}
/*//////////////////////////// BOUNCE IN DOWN ///////////////////////////////*/
@-webkit-keyframes bounceInDown {
  0% {
    opacity:0;
    -webkit-transform:translateY(-15px);
    transform:translateY(-15px);
 }
 100% {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0);
 }
}
@keyframes bounceInDown {
  0% {
    opacity:0;
    -webkit-transform:translateY(-15px);
    -ms-transform:translateY(-15px);
    transform:translateY(-15px);
 }
 100% {
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
 }
}
.bounceInDown {
  -webkit-animation-name:bounceInDown;
  animation-name: bounceInDown;
}


/*///////////////////////////// BOUNCE IN LEFT ////////////////////////////////*/
@-webkit-keyframes bounceInLeft {
  0% {
    opacity:0;
    -webkit-transform:translateX(-20px);
    transform:translateX(-20px);
 }
 100% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
 }
}
@keyframes bounceInLeft {
  0% {
    opacity:0;
    -webkit-transform:translateX(-20px);
    -ms-transform:translateX(-20px);
    transform:translateX(-20px);
 }
 100% {
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
 }
}
.bounceInLeft {
  -webkit-animation-name:bounceInLeft;
  animation-name: bounceInLeft;
}

/*///////////////////////////// BOUNCE IN RIGHT ////////////////////////////////*/
@-webkit-keyframes bounceInRight {
  0% {
    opacity:0;
    -webkit-transform:translateX(20px);
    transform:translateX(20px);
 }
 100% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
 }
}
@keyframes bounceInRight {
  0% {
    opacity:0;
    -webkit-transform:translateX(20px);
    -ms-transform:translateX(20px);
    transform:translateX(20px);
 }
 100% {
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
 }
}
.bounceInRight {
  -webkit-animation-name:bounceInRight;
  animation-name: bounceInRight;
}