.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.slow{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.slower{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.slowest{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px);}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px);}
.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{opacity:0;}
.lightSpeedInRight, .lightSpeedInLeft{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px);}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);}
50%{opacity:1;-webkit-transform:scale(1.05);}
70%{-webkit-transform:scale(.9);}
100%{-webkit-transform:scale(1);}
}
@keyframes bounceIn{0%{opacity:0;transform:scale(.3);}
50%{opacity:1;transform:scale(1.05);}
70%{transform:scale(.9);}
100%{transform:scale(1);}
}
.bounceIn.go{-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(400px);}
60%{-webkit-transform:translateX(-30px);}
80%{-webkit-transform:translateX(10px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@keyframes bounceInRight{0%{opacity:0;transform:translateX(400px);}
60%{transform:translateX(-30px);}
80%{transform:translateX(10px);}
100%{opacity:1;transform:translateX(0);}
}
.bounceInRight.go{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-400px);}
60%{-webkit-transform:translateX(30px);}
80%{-webkit-transform:translateX(-10px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-400px);}
60%{transform:translateX(30px);}
80%{transform:translateX(-10px);}
100%{opacity:1;transform:translateX(0);}
}
.bounceInLeft.go{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(400px);}
60%{-webkit-transform:translateY(-30px);}
80%{-webkit-transform:translateY(10px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@keyframes bounceInUp{0%{opacity:0;transform:translateY(400px);}
60%{transform:translateY(-30px);}
80%{transform:translateY(10px);}
100%{opacity:1;transform:translateY(0);}
}
.bounceInUp.go{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-400px);}
60%{-webkit-transform:translateY(30px);}
80%{-webkit-transform:translateY(-10px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@keyframes bounceInDown{0%{opacity:0;transform:translateY(-400px);}
60%{transform:translateY(30px);}
80%{transform:translateY(-10px);}
100%{opacity:1;transform:translateY(0);}
}
.bounceInDown.go{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;display:block;}
}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;display:block;}
}
.fadeIn{opacity:0;}
.fadeIn.go{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-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;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-400px);}
50%{opacity:0.3;}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-400px);}
50%{opacity:0.3;}
100%{opacity:1;transform:translateY(0);}
}
.fadeInDown{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px);}
.fadeInDown.go{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);}
25%{-webkit-transform:scale(.95);}
50%{opacity:1;-webkit-transform:scale(1.1);}
100%{opacity:0;-webkit-transform:scale(.3);}
}
@keyframes bounceOut{0%{transform:scale(1);}
25%{transform:scale(.95);}
50%{opacity:1;transform:scale(1.1);}
100%{opacity:0;transform:scale(.3);}
}
.bounceOut.goAway{-webkit-animation-name:bounceOut;animation-name:bounceOut;}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(20px);}
100%{opacity:0;-webkit-transform:translateY(-2000px);}
}
@keyframes bounceOutUp{0%{transform:translateY(0);}
20%{opacity:1;transform:translateY(20px);}
100%{opacity:0;transform:translateY(-2000px);}
}
.bounceOutUp.goAway{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(-20px);}
100%{opacity:0;-webkit-transform:translateY(2000px);}
}
@keyframes bounceOutDown{0%{transform:translateY(0);}
20%{opacity:1;transform:translateY(-20px);}
100%{opacity:0;transform:translateY(2000px);}
}
.bounceOutDown.goAway{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(20px);}
100%{opacity:0;-webkit-transform:translateX(-2000px);}
}
@keyframes bounceOutLeft{0%{transform:translateX(0);}
20%{opacity:1;transform:translateX(20px);}
100%{opacity:0;transform:translateX(-2000px);}
}
.bounceOutLeft.goAway{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(-20px);}
100%{opacity:0;-webkit-transform:translateX(2000px);}
}
@keyframes bounceOutRight{0%{transform:translateX(0);}
20%{opacity:1;transform:translateX(-20px);}
100%{opacity:0;transform:translateX(2000px);}
}
.bounceOutRight.goAway{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.fadeOut.goAway{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);}
}
@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0);}
100%{opacity:0;transform:translateY(-2000px);}
}
.fadeOutUp.goAway{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(2000px);}
}
@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0);}
100%{opacity:0;transform:translateY(2000px);}
}
.fadeOutDown.goAway{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);}
}
@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0);}
100%{opacity:0;transform:translateX(-2000px);}
}
.fadeOutLeft.goAway{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-webkit-keyframes fadeInDownShort{0%{opacity:0;-webkit-transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@keyframes fadeInDownShort{0%{opacity:0;transform:translateY(-20px);}
100%{opacity:1;transform:translateY(0);}
}
.fadeInDownShort{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
.fadeInDownShort.go{-webkit-animation-name:fadeInDownShort;animation-name:fadeInDownShort;}
@-webkit-keyframes fadeInRightShort{0%{opacity:0;-webkit-transform:translateX(20px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@keyframes fadeInRightShort{0%{opacity:0;transform:translateX(20px);}
100%{opacity:1;transform:translateX(0);}
}
.fadeInRightShort{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);}
.fadeInRightShort.go{-webkit-animation-name:fadeInRightShort;animation-name:fadeInRightShort;}
@-webkit-keyframes fadeInLeftShort{0%{opacity:0;-webkit-transform:translateX(-20px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@keyframes fadeInLeftShort{0%{opacity:0;transform:translateX(-20px);}
100%{opacity:1;transform:translateX(0);}
}
.fadeInLeftShort{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);}
.fadeInLeftShort.go{-webkit-animation-name:fadeInLeftShort;animation-name:fadeInLeftShort;}