/* ------------------------------

CSS Animations

Based on animate.css by Daniel Eden: https://daneden.github.io/animate.css/
The below CSS Animations are subtle versions of animate.css.

Added ability to set delay, duration and length of animation.

------------------------------ */

/* 02. CSS Animation */
.animated {
-webkit-animation-duration: 1.2s;
		animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.delayed {
	opacity:0;
}

/* fadeIn Animation */
@-webkit-keyframes fadeIn {
0% {
	opacity:0;
}
100% {
	opacity:1;
}
}
@keyframes fadeIn {
0% {
	opacity:0;
}
100% {
	opacity:1;
}

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

/* fadeInSlow Animation */
@-webkit-keyframes fadeInSlow {
0% {
	opacity:0;
}
99% {
	opacity:0;
}
100% {
	opacity:1;
}
}
@keyframes fadeInSlow {
0% {
	opacity:0;
}
99% {
	opacity:0;
}
100% {
	opacity:1;
}
}
.fadeInSlow {
	-webkit-animation-name:fadeInSlow;
			animation-name:fadeInSlow;
}

/* slideUp Animation */
@-webkit-keyframes slideUp {
0% {
	top:40px;
	opacity:0;
}
100% {
	top:0;
	opacity:1;
}
}
@keyframes slideUp {
0% {
	top:40px;
	opacity:0;
}
100% {
	top:0;
	opacity:1;
}

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