.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.fadeInRight, .fadeInLeft{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px);}
.fadeInUp, .fadeInDown{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px);}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-400px);}
50%{opacity:0.3;}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-400px);}
50%{opacity:0.3;}
100%{opacity:1;transform:translateX(0);}
}
.fadeInLeft{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px);}
.fadeInLeft.go{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(400px);}
50%{opacity:0.3;}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(400px);}
50%{opacity:0.3;}
100%{opacity:1;transform:translateX(0);}
}
.fadeInRight{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px);}
.fadeInRight.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(-400px);}
50%{opacity:0.3;}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(400px);}
50%{opacity:0.3;}
100%{opacity:1;transform:translateY(0);}
}
.fadeInUp{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px);}
.fadeInUp.go{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}