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

.animated.hinge {
	animation-duration: 2s
}

@keyframes a {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}

}

.fadeIn {
	animation-name: a
}

@keyframes b {
	0% {
		opacity: 0;
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}

}

.fadeInDown {
	animation-name: b
}

@keyframes c {
	0% {
		opacity: 0;
		transform: translateY(-2000px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}

}

.fadeInDownBig {
	animation-name: c
}

@keyframes d {
	0% {
		opacity: 0;
		transform: translateX(-2000px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}

}

.fadeInLeftBig {
	animation-name: d
}

@keyframes e {
	0% {
		opacity: 0;
		transform: translateX(20px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}

}

.fadeInRight {
	animation-name: e
}

@keyframes f {
	0% {
		opacity: 0;
		transform: translateX(2000px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}

}

.fadeInRightBig {
	animation-name: f
}

@keyframes g {
	0% {
		opacity: 0;
		transform: translateY(20px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}

}

.fadeInUp {
	animation-name: g
}

@keyframes h {
	0% {
		opacity: 0;
		transform: translateY(2000px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}

}

.fadeInUpBig {
	animation-name: h
}

@keyframes i {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1
	}

}

.rotateIn {
	animation-name: i
}

@keyframes j {
	0% {
		opacity: 0;
		transform: translateY(-2000px)
	}

	to {
		transform: translateY(0)
	}

}

.slideInDown {
	animation-name: j
}

@keyframes k {
	0% {
		opacity: 0;
		transform: translateY(2000px)
	}

	to {
		transform: translateY(0)
	}

}

.slideInUp {
	animation-name: k
}

@keyframes l {
	0% {
		opacity: 0;
		transform: translateX(-2000px)
	}

	to {
		transform: translateX(0)
	}

}

.slideInLeft {
	animation-name: l
}

@keyframes m {
	0% {
		opacity: 0;
		transform: translateX(2000px)
	}

	to {
		transform: translateX(0)
	}

}

.slideInRight {
	animation-name: m
}

@keyframes n {
	0% {
		transform: translateX(0)
	}

	to {
		opacity: 0;
		transform: translateX(-2000px)
	}

}

.slideOutLeft {
	animation-name: n
}

@keyframes o {
	0% {
		transform: translateX(0)
	}

	to {
		opacity: 0;
		transform: translateX(2000px)
	}

}

.slideOutRight {
	animation-name: o
}

@keyframes p {
	0% {
		transform: translateY(0)
	}

	to {
		opacity: 0;
		transform: translateY(-2000px)
	}

}

.slideOutUp {
	animation-name: p
}

@keyframes q {
	0% {
		opacity: 0;
		transform: translateX(-100%) rotate(-120deg)
	}

	to {
		opacity: 1;
		transform: translateX(0) rotate(0deg)
	}

}

.rollIn {
	animation-name: q
}