.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}
.animated.infinite {
	animation-iteration-count: infinite;
}
.animated.hinge {
	animation-duration: 2s;
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
	animation-duration: .75s;
}

@keyframes fadeIn {
from {
opacity:0;
}
to {
	opacity: 1;
}
}
.fadeIn {
	animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity:0;
transform:translate3d(0, -100%, 0);
}
to {
	opacity: 1;
	transform: none;
}
}
.fadeInDown {
	animation-name: fadeInDown;
}

@keyframes fadeInLeft {
from {
opacity:0;
transform:translate3d(-100%, 0, 0);
}
to {
	opacity: 1;
	transform: none;
}
}
.fadeInLeft {
	animation-name: fadeInLeft;
}

@keyframes fadeInRight {
from {
opacity:0;
transform:translate3d(100%, 0, 0);
}
to {
	opacity: 1;
	transform: none;
}
}
.fadeInRight {
	animation-name: fadeInRight;
}

@keyframes fadeInUp {
from {
opacity:0;
transform:translate3d(0, 100%, 0);
}
to {
	opacity: 1;
	transform: none;
}
}
.fadeInUp {
	animation-name: fadeInUp;
}