/******* ANIMACIONS *********/

/* APPEAR FROM RIGHT */
.in-view .appear-from-right {
	-webkit-animation-name: slideright;
	-webkit-animation-duration: 1s;
	animation-name: slideright;
	animation-duration: 2s;
	animation-delay:0.75s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes slideright {
	0% {
	  opacity: 0;
	  -moz-transition: all 700ms linear;
	  -webkit-transition: all 700ms linear;
	  -o-transition: all 700ms linear;
	  transition: all 700ms linear;
	  -moz-transform: translate3d(100px	, 0px, 0px);
	  -webkit-transform: translate3d(100px, 0px, 0px);
	  -o-transform: translate(100px, 0px);
	  -ms-transform: translate(100px, 0px);
	  transform: translate3d(100px, 0px, 0px);
	}
	100% {
	  opacity: 1;
	  -moz-transform: translate3d(0px, 0px, 0px);
	  -webkit-transform: translate3d(0px, 0px, 0px);
	  -o-transform: translate(0px, 0px);
	  -ms-transform: translate(0px, 0px);
	  transform: translate3d(0px, 0px, 0px);
	}
}



/* APPEAR FROM LEFT */
.in-view .appear-from-left {
	-webkit-animation-name: sliderleft;
	-webkit-animation-duration: 2s;
	animation-name: sliderleft;
	animation-duration: 2s;
	animation-delay:0.1s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes sliderleft {
	0% {
	  opacity: 0;
	  -moz-transition: all 700ms linear;
	  -webkit-transition: all 700ms linear;
	  -o-transition: all 700ms linear;
	  transition: all 700ms linear;
	  -moz-transform: translate3d(-100px	, 0px, 0px);
	  -webkit-transform: translate3d(-100px, 0px, 0px);
	  -o-transform: translate(-100px, 0px);
	  -ms-transform: translate(-100px, 0px);
	  transform: translate3d(-100px, 0px, 0px);
	}
	100% {
	  opacity: 1;
	  -moz-transform: translate3d(0px, 0px, 0px);
	  -webkit-transform: translate3d(0px, 0px, 0px);
	  -o-transform: translate(0px, 0px);
	  -ms-transform: translate(0px, 0px);
	  transform: translate3d(0px, 0px, 0px);
	}
}

/* Zoomin */
@-webkit-keyframes zoomin {
  0% {background-size: 150%;}
  50% {background-size: 200%;}
  100% {background-size: 150%;}
}
@keyframes zoomin {
  0% {background-size: 150%;}
  50% {background-size: 200%;}
  100% {background-size: 150%;}
} 

/* Zoomin Dos */
@-webkit-keyframes zoomindos {
  0% {background-size: 100%;  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;}
  50% {background-size: 150%;  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;}
  100% {background-size: 100%;  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;}
}
@keyframes zoomindos {
  0% {background-size: 100%;  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;}
  50% {background-size: 150%;  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;}
  100% {background-size: 100%;  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;}
} 


@media only screen and (min-width:991px) {

	.in-view.fade-in-one,
	.in-view .fade-in-one,
	.in-view .fade-in-1 {
	  -webkit-animation-name: fadeinone;
	  -webkit-animation-duration: 1s;
	  animation-name: fadeinone;
	  animation-duration: 1s;
	  animation-delay:0.3s;
	  animation-fill-mode:forwards;
	  opacity:0;
	}

	.in-view .fade-in-2,
	.in-view.fade-in-two,
	.in-view .fade-in-two {
	  -webkit-animation-name: fadeintwo;
	  -webkit-animation-duration: 1s;
	  animation-name: fadeintwo;
	  animation-duration: 1s;
	  animation-delay:0.45s;
	  animation-fill-mode:forwards;
	  opacity:0;
	}

	.in-view .fade-in-3,
	.in-view.fade-in-three,
	.in-view .fade-in-three {
	  -webkit-animation-name: fadeinthree;
	  -webkit-animation-duration: 1s;
	  animation-name: fadeinthree;
	  animation-duration: 1s;
	  animation-delay:1.1s;
	  animation-fill-mode:forwards;
	  opacity:0;
	}

	.in-view .fade-in-4,
	.in-view.fade-in-four,
	.in-view .fade-in-four {
	  -webkit-animation-name: fadeinfour;
	  -webkit-animation-duration: 1s;
	  animation-name: fadeinfour;
	  animation-duration: 1s;
	  animation-delay:1.4s;
	  animation-fill-mode:forwards;
	  opacity:0;
	}

	.in-view .fade-in-5,
	.in-view.fade-in-five,
	.in-view .fade-in-five {
	  -webkit-animation-name: fadeinfive;
	  -webkit-animation-duration: 1s;
	  animation-name: fadeinfive;
	  animation-duration: 1s;
	  animation-delay:1.7s;
	  animation-fill-mode:forwards;
	  opacity:0;
	}

	.in-view .fade-in-6,
	.in-view.fade-in-six,
	.in-view .fade-in-six {
	  -webkit-animation-name: fadeinfive;
	  -webkit-animation-duration: 1s;
	  animation-name: fadeinfive;
	  animation-duration: 1s;
	  animation-delay:2s;
	  animation-fill-mode:forwards;
	  opacity:0;
	}

	.in-view .fade-in-7,
	.in-view.fade-in-seven,
	.in-view .fade-in-seven {
	  -webkit-animation-name: fadeinfive;
	  -webkit-animation-duration: 1s;
	  animation-name: fadeinfive;
	  animation-duration: 1s;
	  animation-delay:2.3s;
	  animation-fill-mode:forwards;
	  opacity:0;
	}

	.in-view .fade-in-8,
	.in-view.fade-in-eight,
	.in-view .fade-in-eight {
	  -webkit-animation-name: fadeinfive;
	  -webkit-animation-duration: 1s;
	  animation-name: fadeinfive;
	  animation-duration: 1s;
	  animation-delay:2.3s;
	  animation-fill-mode:forwards;
	  opacity:0;
	}

}



/********* MAX WIDTH 990PX ************/

	.fade-in-1,
	.fade-in-2,
	.fade-in-3,
	.fade-in-4,
	.fade-in-5,
	.fade-in-6,
	.fade-in-7,
	.fade-in-8,
	.fade-in-one,
	.fade-in-two,
	.fade-in-three,
	.fade-in-four,
	.fade-in-five,
	.fade-in-six,
	.fade-in-seven,
	.fade-in-eight {
		opacity:0;
	}

@media only screen and (max-width:990px) {
	
	.fade-in-1,
	.fade-in-2,
	.fade-in-3,
	.fade-in-4,
	.fade-in-5,
	.fade-in-6,
	.fade-in-7,
	.fade-in-8,
	.fade-in-one,
	.fade-in-two,
	.fade-in-three,
	.fade-in-four,
	.fade-in-five,
	.fade-in-six,
	.fade-in-seven,
	.fade-in-eight {
		opacity:0;
	}

	.in-view .fade-in-1,
	.in-view.fade-in-one,
	.in-view .fade-in-one {
		-webkit-animation-name: fadeinrespone;
		-webkit-animation-duration: 1s;
		animation-name: fadeinrespone;
		animation-duration: 1s;
		animation-delay:0.3s;
		animation-fill-mode:forwards;
		opacity:0;
	}
	
	.in-view .fade-in-2,
	.in-view.fade-in-two,
	.in-view .fade-in-two {
		-webkit-animation-name: fadeinresptwo;
		-webkit-animation-duration: 1s;
		animation-name: fadeinresptwo;
		animation-duration: 1s;
		animation-delay:0.6s;
		animation-fill-mode:forwards;
		opacity:0;
	}

	.in-view .fade-in-3,
	.in-view.fade-in-three,
	.in-view .fade-in-three {
		-webkit-animation-name: fadeinrespthree;
		-webkit-animation-duration: 1s;
		animation-name: fadeinrespthree;
		animation-duration: 1s;
		animation-delay:0.9s;
		animation-fill-mode:forwards;
		opacity:0;
	}

	.in-view .fade-in-4,
	.in-view.fade-in-four,
	.in-view .fade-in-four {
		-webkit-animation-name: fadeinrespfour;
		-webkit-animation-duration: 1s;
		animation-name: fadeinrespfour;
		animation-duration: 1s;
		animation-delay:1.2s;
		animation-fill-mode:forwards;
		opacity:0;
	}

	.in-view .fade-in-5,
	.in-view.fade-in-five,
	.in-view .fade-in-five {
		-webkit-animation-name: fadeinrespfive;
		-webkit-animation-duration: 1s;
		animation-name: fadeinrespfive;
		animation-duration: 1s;
		animation-delay:1.5s;
		animation-fill-mode:forwards;
		opacity:0;
	}

	.in-view .fade-in-6,
	.in-view.fade-in-six,
	.in-view .fade-in-six {
		-webkit-animation-name: fadeinrespfive;
		-webkit-animation-duration: 1s;
		animation-name: fadeinrespfive;
		animation-duration: 1s;
		animation-delay:1.8s;
		animation-fill-mode:forwards;
		opacity:0;
	}
	
	.in-view .fade-in-7,
	.in-view.fade-in-seven,
	.in-view .fade-in-seven {
		-webkit-animation-name: fadeinrespfive;
		-webkit-animation-duration: 1s;
		animation-name: fadeinrespfive;
		animation-duration: 1s;
		animation-delay:2s;
		animation-fill-mode:forwards;
		opacity:0;
	}
	.in-view .fade-in-8,
	.in-view.fade-in-eight,
	.in-view .fade-in-eight {
		-webkit-animation-name: fadeinrespfive;
		-webkit-animation-duration: 1s;
		animation-name: fadeinrespfive;
		animation-duration: 1s;
		animation-delay:2s;
		animation-fill-mode:forwards;
		opacity:0;
	}
}





	
/************* Keyframes *****************/
	
@keyframes fadeinone {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 50px, 0px);
  -webkit-transform: translate3d(0px, 50px, 0px);
  -o-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate3d(0, 50px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}

@keyframes fadeintwo {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}

@keyframes fadeinthree {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


@keyframes fadeinfour {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


@keyframes fadeinfive {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


@keyframes fadeinsix {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


@keyframes fadeinseven {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


/**************** RESPONSIVE KEYFRAMES *********************/


@keyframes fadeinrespone {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}

@keyframes fadeinresptwo {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}

@keyframes fadeinrespthree {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


@keyframes fadeinrespfour {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


@keyframes fadeinrespfive {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


@keyframes fadeinrespsix {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}


@keyframes fadeinrespseven {
0% {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(0px, 30px, 0px);
  -webkit-transform: translate3d(0px, 30px, 0px);
  -o-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  transform: translate3d(0, 30px);
}
100% {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}