@charset "UTF-8";
 body { -webkit-backface-visibility: hidden;
}
.animated {
-webkit-animation-duration: 10s;
-moz-animation-duration: 10s;
-o-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: linear;
}
.animated.hinge {
-webkit-animation-duration: 10s;
-moz-animation-duration: 10s;
-o-animation-duration: 10s;
animation-duration: 10s;
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
-moz-animation-name: slideInLeft;
-o-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes slideInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
-moz-animation-name: slideInRight;
-o-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes slideOutLeft {
0% {
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes slideOutLeft {
0% {
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
-moz-animation-name: slideOutLeft;
-o-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
}
100% {
opacity: 1;
-webkit-transform: translateX(500px);
}
}
@-moz-keyframes slideOutRight {
0% {
-moz-transform: translateX(0);
}
100% {
opacity: 1;
-moz-transform: translateX(500px);
}
}
@-o-keyframes slideOutRight {
0% {
-o-transform: translateX(0);
}
100% {
opacity: 1;
-o-transform: translateX(500px);
}
}
@keyframes slideOutRight {
0% {
transform: translateX(0);
}
100% {
opacity: 1;
transform: translateX(500px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
-moz-animation-name: slideOutRight;
-o-animation-name: slideOutRight;
animation-name: slideOutRight;
animation-timing-function: linear;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
}
100% {
opacity: 1;
-webkit-transform: translateY(-80px);
}
}
@-moz-keyframes slideOutUp {
0% {
-moz-transform: translateY(0);
}
100% {
opacity: 1;
-moz-transform: translateY(-80px);
}
}
@-o-keyframes slideOutUp {
0% {
-o-transform: translateY(0);
}
100% {
opacity: 1;
-o-transform: translateY(-80px);
}
}
@keyframes slideOutUp {
0% {
transform: translateY(0);
}
100% {
opacity: 1;
transform: translateY(-80px);
}
}