.hidden { opacity: 0; }
.visible { opacity: 1; }
.animated { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
.animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; }

/*===============IMPORTANT=========================*/



/*=======fadeIn=========*/
@-webkit-keyframes fadeIn {  0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-moz-keyframes fadeIn {  0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-o-keyframes fadeIn {  0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @keyframes fadeIn {  0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
.animated.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }

/*=======fadeInUp=========*/
@-webkit-keyframes fadeInUp {  0% {
 opacity: 0;
 -webkit-transform: translateY(50px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes fadeInUp {  0% {
 opacity: 0;
 -moz-transform: translateY(50px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @-o-keyframes fadeInUp {  0% {
 opacity: 0;
 -o-transform: translateY(50px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
 @keyframes fadeInUp {  0% {
 opacity: 0;
 transform: translateY(50px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.animated.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }

/*=======fadeInDown=========*/
@-webkit-keyframes fadeInDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(-50px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes fadeInDown {  0% {
 opacity: 0;
 -moz-transform: translateY(-50px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @-o-keyframes fadeInDown {  0% {
 opacity: 0;
 -o-transform: translateY(-50px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
 @keyframes fadeInDown {  0% {
 opacity: 0;
 transform: translateY(-50px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.animated.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; }

/*======fadeInLeft==========*/
@-webkit-keyframes fadeInLeft {  0% {
 opacity: 0;
 -webkit-transform: translateX(-50px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
 @-moz-keyframes fadeInLeft {  0% {
 opacity: 0;
 -moz-transform: translateX(-50px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
}
}
 @-o-keyframes fadeInLeft {  0% {
 opacity: 0;
 -o-transform: translateX(-50px);
}
 100% {
 opacity: 1;
 -o-transform: translateX(0);
}
}
 @keyframes fadeInLeft {  0% {
 opacity: 0;
 transform: translateX(-50px);
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}
.animated.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; }

/*=======fadeInRight=========*/
@-webkit-keyframes fadeInRight {  0% {
 opacity: 0;
 -webkit-transform: translateX(50px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
 @-moz-keyframes fadeInRight {  0% {
 opacity: 0;
 -moz-transform: translateX(50px);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
}
}
 @-o-keyframes fadeInRight {  0% {
 opacity: 0;
 -o-transform: translateX(50px);
}
 100% {
 opacity: 1;
 -o-transform: translateX(0);
}
}
 @keyframes fadeInRight {  0% {
 opacity: 0;
 transform: translateX(50px);
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}
.animated.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; }



/*===============IMPORTANT=========================*/