/* Fading animation */
.fade, .f2fade, .f3fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 4s;
	animation-name: fade;
	animation-duration: 4s;
	animation-timing-function: ease;
}

@-webkit-keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

/*Movimiento a la izquierda*/
.moveL,#txtf3.f3moveL, #txtp3.f3moveL {
  -webkit-animation-name: moveLeft;
  -webkit-animation-duration: 2s;
  animation-name: moveLeft;
  animation-duration: 2s;
  animation-timing-function: ease;
}
@-webkit-keyframes moveLeft {
  from {transform: translateX(25vw);opacity:.2;}
  to {transform: translateX(0vw);opacity:1;}
}
@keyframes moveLeft {
  from {transform: translateX(25vw);opacity:.2;}
  to {transform: translateX(0vw);opacity:1;}
}

/*Movimiento a la derecha*/
.moveR,#imgf2.f2move,#txtp2.f2moveR {
  -webkit-animation-name: moveRight;
  -webkit-animation-duration: 2s;
  animation-name: moveRight;
  animation-duration: 2s;
  animation-timing-function: ease;
}
@-webkit-keyframes moveRight {
  from {transform: translateX(-25vw);opacity: .2;}
  to {transform: translateX(0vw);opacity: 1;}
}
@keyframes moveRight {
  from {transform: translateX(-25vw);opacity: .2;}
  to {transform: translateX(0vw);opacity: 1;}
}

/*Movimiento hacia arriba*/
.moveUp, #imgf3.f3moveU {
  -webkit-animation-name: moveUp;
  -webkit-animation-duration: 2s;
  animation-name: moveUp;
  animation-duration: 2s;
  animation-timing-function: ease;
}
@-webkit-keyframes moveUp {
  from {transform: translateY(25vh);opacity: .2;}
  to {transform: translateY(0vh);opacity: 1;}
}
@keyframes moveUp {
  from {transform: translateY(25vh);opacity: .2;}
  to {transform: translateY(0vh);opacity: 1;}
}