/* Animations */

.fade-in {
	opacity: 0;  /* make invisible upon start */
	-webkit-animation: fadeIn ease-in 1;  /* call keyframe named fadeIn, use animation ease-in and repeat only 1 time */
	animation: fadeIn ease-in 1;

	-webkit-animation-fill-mode: forwards;  /* after animation is done we remain at last keyframe value (opacity: 1)*/
	animation-fill-mode: forwards;

	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	}

.fade-in.fade1 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	}

.fade-in.fade2 {
	-webkit-animation-delay: 2.0s;
	animation-delay: 2.0s;
	}

.fade-in.fade3 {
	-webkit-animation-delay: 1.0s;
	animation-delay: 1.0s;
	}


.fade-in.fade4 {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
	}

.fade-in.fade5 {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	}

.fade-in.fade6 {
	-webkit-animation-delay: 3.0s;
	animation-delay: 3.0s;
	}


@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	}



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


@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
 	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	}



@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-30px, 0, 0);
		transform: translate3d(-30px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-30px, 0, 0);
		transform: translate3d(-30px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	}


@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(30px, 0, 0);
		transform: translate3d(30px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(30px, 0, 0);
		transform: translate3d(30px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	}


@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	}