@charset "UTF-8";
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s;}
.tada {-webkit-animation-name: tada;animation-name: tada;}
@keyframes bounceInLeft {
  0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px); transform: translateX(-2000px);}
 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
80% {  -webkit-transform: translateX(-10px);  -ms-transform: translateX(-10px);  transform: translateX(-10px);}
100% {  -webkit-transform: translateX(0);  -ms-transform: translateX(0);  transform: translateX(0); }
}
.bounceInLeft {-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}
@keyframes bounceInRight {
0% { opacity: 0;-webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}
60% {  opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px);}
80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px);}
100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
  }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight;}

@-webkit-keyframes fadeOutRight {
 0% {opacity: 1; -webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;  -webkit-transform: translateX(20px); transform: translateX(20px); }
}
@keyframes fadeOutRight {
0% {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
100%{ opacity: 0; -webkit-transform: translateX(20px);-ms-transform: translateX(20px); transform: translateX(20px); }
}
.fadeOutRight {-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;}