.zoomIn {
  animation: zoomIn;
  animation-duration: 0.5s;
  transition: ease-in;
}

.zoomOut {
  animation: zoomOut;
  animation-duration: 0.5s;
  transition: ease-in;
}

.slideInRight {
  animation: slideInRight;
  animation-duration: 0.5s;
  transition: ease-in;
}

.slideInLeft {
  animation: slideInLeft;
  animation-duration: 0.5s;
}

.slideOutRight {
  animation: slideOutRight;
  animation-duration: 0.5s;
  transition: ease-out;
}

.slideOutLeft {
  animation: slideOutLeft;
  animation-duration: 0.5s;
}

.fadeInDown {
  animation: fadeInDown;
  animation-duration: 0.5s;
}

.fadeOutUp {
  animation: fadeOutUp;
  animation-duration: 0.5s;
}

.fadeInLeft {
  animation: fadeInLeft;
  animation-duration: 0.5s;
}

.fadeOutLeft {
  animation: fadeOutLeft;
  animation-duration: 0.5s;
}

.fadeInRight {
  animation: fadeInRight;
  animation-duration: 0.5s;
}

.fadeOutRight {
  animation: fadeOutRight;
  animation-duration: 0.5s;
}

.zoomImg {
  animation: zoomImg;
  animation-duration: 2s;
  animation-iteration-count: 2;
  animation-fill-mode: backwards;
  animation-direction: alternate;

  -webkit-animation: zoomImg;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 2;
  -webkit-fill-mode: backwards;
  -webkit-animation-direction: alternate;

  -moz-animation: zoomImg;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 2;
  -moz-fill-mode: backwards;
  -moz-animation-direction: alternate;
}

.slideOutProcesoR {
  margin-left: 3000px;
  opacity: 0;
}

.slideOutProcesoL {
  margin-left: -3000px;
  opacity: 0;
}

.slideInProcesoL {
  animation: SIP;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
}

.slideInProcesoR {
  animation: SIPR;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
}

@keyframes zoomImg {
  from {
    width: 115%;
  }

  to {
    width: 120%;
  }
}

@keyframes SIP {
  from {
    margin-left: -400px;
  }

  to {
    margin-left: -100px;
  }
}

@keyframes SIPR {
  from {
    margin-left: 1400px;
  }

  to {
    margin-left: 800px;
  }
}