.btn-next {
  -webkit-animation: blink 2s linear infinite;
  animation: blink 2s linear infinite;
}
.btn-prev {
  -webkit-animation: blink 2s linear infinite;
  animation: blink 2s linear infinite;
}
.mano {
  -webkit-animation: mano 3s linear infinite,
                     manos 3s linear infinite;
  animation: mano 3s linear infinite,
             manos 3s linear infinite;  
}
/* Animations */
#slide1 .mono {
  -webkit-animation: balance 2s ease infinite;
  animation: balance 2s ease infinite;
}
#slide1 .tucan {
  -webkit-animation: float 2s ease infinite;
  animation: float 2s ease infinite;
}
#slide1 .ballena {
  -webkit-animation: float 2s ease infinite;
  animation: float 2s ease infinite;
}
#slide1 .cangrejo {
  -webkit-animation: cangrejo 2s linear alternate infinite;
  animation: cangrejo 2s linear alternate infinite;
}
#slide1 .humo1 {
  -webkit-animation: humo 2s ease infinite;
  animation: humo 2s ease infinite;  
}
#slide1 .humo2 {
  -webkit-animation: humo 2.5s ease infinite;
  animation: humo 2.5s ease infinite;  
}
#slide1 .humo3 {
  -webkit-animation: humo 3s ease infinite;
  animation: humo 3s ease infinite;  
}

#slide2 .mono {
  -webkit-animation: monoDos 2s ease infinite;
  animation: monoDos 2s ease infinite;
}

#slide3 .mono {
  -webkit-animation: monoDos 2s ease infinite;
  animation: monoDos 2s ease infinite;
}

#slide4 .marc1 {
  -webkit-animation: marcSi 2s ease infinite;
  animation: marcSi 2s ease infinite;
}

#slide4 .marc2 {
  -webkit-animation: marcNo 2s ease infinite;
  animation: marcNo 2s ease infinite;
}

#slide5 .pepe {
  -webkit-animation: float 1.5s ease infinite;
  animation: float 1.5s ease infinite;
}
#slide5 .marc {
  -webkit-animation: float 2s ease infinite;
  animation: float 2s ease infinite;
}
#slide5 .viviana {
  -webkit-animation: float 2.5s ease infinite;
  animation: float 2.5s ease infinite;
}
#slide6 .pepe {
  -webkit-animation: floatDos 1.75s ease alternate infinite;
  animation: floatDos 1.75s ease alternate infinite;
}
#slide6 .marc {
  -webkit-animation: floatDos 2.25s ease alternate infinite;
  animation: floatDos 2.25s ease alternate infinite;
}
#slide6 .viviana {
  -webkit-animation: floatDos 2.5s ease alternate infinite;
  animation: floatDos 2.5s ease alternate infinite;
}
#slide5 .estrella,
#slide6 .estrella {
  -webkit-animation: estrella 2.5s ease  alternate infinite;
  animation: estrella 2.5s ease  alternate infinite;
}
#slide5 .medusa,
#slide6 .medusa {
  -webkit-animation: float 2.25s ease infinite;
  animation: float 2.25s ease infinite;
}
#slide5 .botella,
#slide6 .botella {
  -webkit-animation: float 1.5s ease infinite;
  animation: float 1.5s ease infinite;
}
#slide5 .ballena{
  -webkit-animation: float 2s ease infinite;
  animation: float 2s ease infinite;
}
#slide6 .ballena {
  -webkit-animation: ballena 2s ease infinite;
  animation: ballena 2s ease infinite;
}
#slide5 .papel,
#slide6 .papel {
  -webkit-animation: float 1s ease infinite;
  animation: float 1s ease infinite;
}
#slide5 .tortuga,
#slide6 .tortuga {
  -webkit-animation: floatDos 2s ease alternate infinite;
  animation: floatDos 2s ease alternate infinite;
}
#slide5 .cangrejo {
  -webkit-animation: cangrejo 2s ease alternate infinite;
  animation: cangrejo 2s ease alternate infinite;
}
#slide6 .cangrejo {
  -webkit-animation: cangrejo 5s ease alternate infinite;
  animation: cangrejo 5s ease alternate infinite;
}
#slide5 .burbujas1,
#slide5 .burbujas2,
#slide6 .burbujas1,
#slide6 .burbujas2 {
  -webkit-animation: burbujas 3s ease infinite;
  animation: burbujas 3s ease infinite;
}
#slide5 .pescaditos,
#slide6 .pescaditos {
  -webkit-animation: pescados 10s ease-in-out infinite;
  animation: pescados 10s ease-in-out infinite;
}

#slide7 .agua {
  -webkit-animation: float 1.5s ease infinite;
  animation: float 1.5s ease infinite;
}
#slide7 .basura1 {
  -webkit-animation: float 1.25s ease infinite;
  animation: float 1.25s ease infinite;
}
#slide7 .basura2 {
  -webkit-animation: float 1.75s ease infinite;
  animation: float 1.75s ease infinite;
}
#slide7 .basura3 {
  -webkit-animation: float 2s ease infinite;
  animation: float 2s ease infinite;
}
#slide7 .basura4 {
  -webkit-animation: float 2.25s ease infinite;
  animation: float 2.25s ease infinite;
}
#slide7 .basura5 {
  -webkit-animation: float 2.5s ease infinite;
  animation: float 2.5s ease infinite;
}

#slide8 .mono {
  -webkit-animation: balance 2s ease infinite;
  animation: balance 2s ease infinite;
}
#slide8 .tucan {
  -webkit-animation: float 2s ease infinite;
  animation: float 2s ease infinite;
}
#slide8 .cangrejo {
  -webkit-animation: cangrejo 2s linear alternate infinite;
  animation: cangrejo 2s linear alternate infinite;
}

/* Brillo */
@-webkit-keyframes blink {
  0% { opacity: 1.0;}
  50% { opacity: 0.5;}
  100% { opacity: 1.0;}
}
@keyframes blink {
  0% { opacity: 1.0;}
  50% { opacity: 0.5;}
  100% { opacity: 1.0;}
}

/* Mano */
@-webkit-keyframes mano {
  0%, 10% { left: 0;}
  90%, 100% { left: 206px}
}
@keyframes mano {
  0%, 10% { left: 0;}
  90%, 100% { left: 206px}
}
@-webkit-keyframes manos {
  0%, 9% { background-position: 0 0;}
  10%, 89% { background-position: -45px 0;}
  90%, 100% { background-position: -90px 0;}
}
@keyframes manos {
  0%, 9% { background-position: 0 0;}
  10%, 89% { background-position: -45px 0;}
  90%, 100% { background-position: -90px 0;}
}
/* Balance */
@-webkit-keyframes balance {
  0% { -webkit-transform: rotateZ(-5deg);}
  50% { -webkit-transform: translateX(-10px) rotateZ(5deg);}
  100% { -webkit-transform: rotateZ(-5deg);}
}
@keyframes balance {
  0% { transform: rotateZ(-5deg);}
  50% { transform: translateX(-10px) rotateZ(5deg);}
  100% { transform: rotateZ(-5deg);}
}

/* Float */
@-webkit-keyframes float {
  50% { -webkit-transform: translateY(-5px);}
}
@keyframes float {
  50% { transform: translateY(-5px);}
}

/* Float2 */
@-webkit-keyframes floatDos {
  100% { -webkit-transform: translateY(-20px) rotateZ(5deg);}
}
@keyframes floatDos {
  100% { transform: translateY(-20px) rotateZ(5deg);}
}

/* Caminado cangrejo */
@-webkit-keyframes cangrejo {
  25% { -webkit-transform: translateY(15px) rotateZ(5deg);}
  50% { -webkit-transform: translateY(20px) rotateZ(-5deg);}
  75% { -webkit-transform: translateY(25px) rotateZ(5deg);}
  100%{ -webkit-transform: translateY(30px) rotateZ(5deg);}
}
@keyframes cangrejo {
  0% { transform: rotateZ(-5deg);}
  25% { transform: translateY(10px) rotateZ(5deg);}
  50% { transform: translateY(20px) rotateZ(-5deg);}
  75% { transform: translateY(30px) rotateZ(5deg);}
  100%{ transform: translateY(30px) rotateZ(-5deg);}
}

/* Humo */
@-webkit-keyframes humo {
  40%,
  60% { opacity: 0.8; }
  100% { -webkit-transform: translate(-15%, -35%) rotateZ(20deg);}
}
@keyframes humo {
  40%,
  60% { opacity: 0.8; }
  100% { transform: translate(-15%, -35%) rotateZ(20deg);}
}

/* Mono lateral */
@-webkit-keyframes monoDos {
  50% { right: -10px;}
}
@keyframes monoDos {
  50% { right: -10px;}
}

/* Marc */
@-webkit-keyframes marcNo {
  50% { -webkit-transform: translateX(10px);}
}
@keyframes marcNo {
  50% { transform: translateX(10px);}
}
@-webkit-keyframes marcSi {
  50% { -webkit-transform: translateY(10px);}
}
@keyframes marcSi {
  50% { transform: translateY(10px);}
}

/* Burbujas */
@-webkit-keyframes burbujas {
  100% { -webkit-transform: translateY(-20px); opacity: 0;}
}
@keyframes burbujas {
  100% { transform: translateY(-20px); opacity: 0;}
}

/* Estrella */
@-webkit-keyframes estrella {
  100% { -webkit-transform: rotateZ(30deg);}
}
@keyframes estrella {
  100% { transform: rotateZ(30deg);}
}

/* Pescados */
@-webkit-keyframes pescados {
  0% { -webkit-transform: translateX(260px);}
  100%{ -webkit-transform: translateX(-960px);}
}
@keyframes pescados {
  0% { transform: translateX(260px);}
  100% { transform: translateX(-960px);}
}
/* Ballena */
@-webkit-keyframes ballena {
  50% { -webkit-transform: translateY(-5px) rotateZ(180deg);}
}
@keyframes ballena {
  50% { transform: translateY(-5px) rotateZ(180deg);}
}