.header--fixed {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top: 0
}
.animated {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes 
slideDown {
0% {
-webkit-transform:translateY(-4em)
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes 
slideDown {
0% {
-moz-transform:translateY(-4em)
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes 
slideDown {
0% {
-o-transform:translateY(-4em)
}
100% {
-o-transform:translateY(0)
}
}
@keyframes 
slideDown {
0% {
transform:translateY(-4em)
}
100% {
transform:translateY(0)
}
}

.animated.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown
}
@-webkit-keyframes 
slideUp {
0% {
-webkit-transform:translateY(0)
}
100% {
-webkit-transform:translateY(-4em)
}
}
@-moz-keyframes 
slideUp {
0% {
-moz-transform:translateY(0)
}
100% {
-moz-transform:translateY(-4em)
}
}
@-o-keyframes 
slideUp {
0% {
-o-transform:translateY(0)
}
100% {
-o-transform:translateY(-4em)
}
}
@keyframes 
slideUp {
0% {
transform:translateY(0)
}
100% {
transform:translateY(-4em)
}
}

.animated.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp
}
@-webkit-keyframes 
swingInX {
0% {
-webkit-transform:perspective(400px) rotateX(-90deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg)
}
}
@-moz-keyframes 
swingInX {
0% {
-moz-transform:perspective(400px) rotateX(-90deg)
}
100% {
-moz-transform:perspective(400px) rotateX(0deg)
}
}
@-o-keyframes 
swingInX {
0% {
-o-transform:perspective(400px) rotateX(-90deg)
}
100% {
-o-transform:perspective(400px) rotateX(0deg)
}
}
@keyframes 
swingInX {
0% {
transform:perspective(400px) rotateX(-90deg)
}
100% {
transform:perspective(400px) rotateX(0deg)
}
}

.animated.swingInX {
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ie-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-webkit-backface-visibility: visible!important;
	-webkit-animation-name: swingInX;
	-moz-backface-visibility: visible!important;
	-moz-animation-name: swingInX;
	-o-backface-visibility: visible!important;
	-o-animation-name: swingInX;
	backface-visibility: visible!important;
	animation-name: swingInX
}
@-webkit-keyframes 
swingOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(-90deg)
}
}
@-moz-keyframes 
swingOutX {
0% {
-moz-transform:perspective(400px) rotateX(0deg)
}
100% {
-moz-transform:perspective(400px) rotateX(-90deg)
}
}
@-o-keyframes 
swingOutX {
0% {
-o-transform:perspective(400px) rotateX(0deg)
}
100% {
-o-transform:perspective(400px) rotateX(-90deg)
}
}
@keyframes 
swingOutX {
0% {
transform:perspective(400px) rotateX(0deg)
}
100% {
transform:perspective(400px) rotateX(-90deg)
}
}

.animated.swingOutX {
	-webkit-transform-origin: top;
	-webkit-animation-name: swingOutX;
	-webkit-backface-visibility: visible!important;
	-moz-animation-name: swingOutX;
	-moz-backface-visibility: visible!important;
	-o-animation-name: swingOutX;
	-o-backface-visibility: visible!important;
	animation-name: swingOutX;
	backface-visibility: visible!important
}
@-webkit-keyframes 
flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-moz-keyframes 
flipInX {
0% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-o-keyframes 
flipInX {
0% {
-o-transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes 
flipInX {
0% {
transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}

.animated.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
}
}

.animated.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}