.animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }
.animated.hinge { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }
@-webkit-keyframes flipInX {
	0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; }
	40% { -webkit-transform: perspective(400px) rotateX(-10deg); }
	70% { -webkit-transform: perspective(400px) rotateX(10deg); }
	100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; }
}
@-moz-keyframes flipInX {
	0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; }
	40% { -moz-transform: perspective(400px) rotateX(-10deg); }
	70% { -moz-transform: perspective(400px) rotateX(10deg); }
	100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; }
}
@-o-keyframes flipInX {
	0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; }
	40% { -o-transform: perspective(400px) rotateX(-10deg); }
	70% { -o-transform: perspective(400px) rotateX(10deg); }
	100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; }
}
@keyframes flipInX {
	0% { transform: perspective(400px) rotateX(90deg); opacity: 0; }
	40% { transform: perspective(400px) rotateX(-10deg); }
	70% { transform: perspective(400px) rotateX(10deg); }
	100% { transform: perspective(400px) rotateX(0deg); opacity: 1; }
}
.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; }
@-webkit-keyframes flipOutX {
	0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; }
	100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; }
}
@-moz-keyframes flipOutX {
	0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; }
	100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; }
}
@-o-keyframes flipOutX {
	0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; }
	100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; }
}
@keyframes flipOutX {
	0% { transform: perspective(400px) rotateX(0deg); opacity: 1; }
	100% { transform: perspective(400px) rotateX(90deg); opacity: 0; }
}
.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; }
@-webkit-keyframes flipInY {
	0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; }
	40% { -webkit-transform: perspective(400px) rotateY(-10deg); }
	70% { -webkit-transform: perspective(400px) rotateY(10deg); }
	100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; }
}
@-moz-keyframes flipInY {
	0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; }
	40% { -moz-transform: perspective(400px) rotateY(-10deg); }
	70% { -moz-transform: perspective(400px) rotateY(10deg); }
	100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; }
}
@-o-keyframes flipInY {
	0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; }
	40% { -o-transform: perspective(400px) rotateY(-10deg); }
	70% { -o-transform: perspective(400px) rotateY(10deg); }
	100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; }
}
@keyframes flipInY {
	0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }
	40% { transform: perspective(400px) rotateY(-10deg); }
	70% { transform: perspective(400px) rotateY(10deg); }
	100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }
}
.flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; }