.animatable {
  visibility: hidden;
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

.animated {
  visibility: visible;  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

/** fadeInDown **/
@-webkit-keyframes fadeInDown {
	0% {opacity: 0;	-webkit-transform: translateY(-20px);	}	
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDown {
	0% {opacity: 0;	-moz-transform: translateY(-20px);	}
	100% {opacity: 1;-moz-transform: translateY(0);	}
}
@-o-keyframes fadeInDown {
	0% {opacity: 0;	-o-transform: translateY(-20px);	}
	100% {	opacity: 1;	-o-transform: translateY(0);}
}
@keyframes fadeInDown {
	0% {opacity: 0;	transform: translateY(-20px);	}
	100% {	opacity: 1;	transform: translateY(0);	}
}

/** fadeIn **/
@-webkit-keyframes fadeIn {	
	0% {opacity: 0;}
	20% {opacity: 0;	}
	100% {opacity: 1;	}
}
@-moz-keyframes fadeIn {
	0% {opacity: 0;	}
	20% {opacity: 0;	}
	100% {opacity: 1;	}
}
@-o-keyframes fadeIn {
	0% {opacity: 0;	}
	20% {opacity: 0;}
	100% {opacity: 1;	}
}
@keyframes fadeIn {
	0% {opacity: 0;}
	60% {opacity: 0;}
	20% {opacity: 0;}
	100% {opacity: 1;	}
}

/** bounceInLeft **/
@-webkit-keyframes bounceInLeft {
	0% {opacity: 0;-webkit-transform: translateX(-2000px);	}
	60% {-webkit-transform: translateX(20px);}
	80% {-webkit-transform: translateX(-5px);}
	100% {	opacity: 1;-webkit-transform: translateX(0);	}
}
@-moz-keyframes bounceInLeft {
	0% {opacity: 0;-moz-transform: translateX(-2000px);	}
	60% {-moz-transform: translateX(20px);}
	80% {-moz-transform: translateX(-5px);	}
	100% {opacity: 1;	-moz-transform: translateX(0);	}
}
@-o-keyframes bounceInLeft {
	0% {opacity: 0;	-o-transform: translateX(-2000px);	}
	60% {opacity: 1;-o-transform: translateX(20px);}
	80% {-o-transform: translateX(-5px);}
	100% {opacity: 1;-o-transform: translateX(0);	}
}
@keyframes bounceInLeft {
	0% {opacity: 0;transform: translateX(-2000px);	}
	60% {transform: translateX(20px);	}
	80% {transform: translateX(-5px);	}
	100% {	opacity: 1;	transform: translateX(0);	}
}

/** bounceInRight **/
@-webkit-keyframes bounceInRight {
	0% {opacity: 0;-webkit-transform: translateX(2000px);	}
	60% {-webkit-transform: translateX(-20px);	}
	80% {-webkit-transform: translateX(5px);	}
	100% {opacity: 1;-webkit-transform: translateX(0);	}
}
@-moz-keyframes bounceInRight {
	0% {opacity: 0;-moz-transform: translateX(2000px);	}
	60% {-moz-transform: translateX(-20px);	}
	80% {-moz-transform: translateX(5px);	}
	100% {opacity: 1;-moz-transform: translateX(0);	}
}
@-o-keyframes bounceInRight {
	0% {opacity: 0;-o-transform: translateX(2000px);	}
	60% {-o-transform: translateX(-20px);}
	80% {-o-transform: translateX(5px);}
	100% {opacity: 1;-o-transform: translateX(0);	}
}
@keyframes bounceInRight {
	0% {opacity: 0;	transform: translateX(2000px);	}
	60% {transform: translateX(-20px);	}
	80% {transform: translateX(5px);}
	100% {opacity: 1;	transform: translateX(0);	}
}

/** fadeInUp **/
@-webkit-keyframes fadeInUp {
	0% {opacity: 0;	-webkit-transform: translateY(20px);	}	
	100% {opacity: 1;	-webkit-transform: translateY(0);	}
}
@-moz-keyframes fadeInUp {
	0% {opacity: 0;	-moz-transform: translateY(20px);	}
	100% {	opacity: 1;	-moz-transform: translateY(0);	}
}
@-o-keyframes fadeInUp {
	0% {opacity: 0;	-o-transform: translateY(20px);	}
	100% {opacity: 1;-o-transform: translateY(0);	}
}
@keyframes fadeInUp {
	0% {opacity: 0;transform: translateY(20px);}
	100% {opacity: 1;transform: translateY(0);}
}

/** bounceIn **/
@-webkit-keyframes bounceIn {
	0% {opacity: 0;-webkit-transform: scale(.3);	}
	50% {-webkit-transform: scale(1.05);}
	70% {-webkit-transform: scale(.9);}
	100% {opacity: 1;-webkit-transform: scale(1);}
}
@-moz-keyframes bounceIn {
	0% {opacity: 0;	-moz-transform: scale(.3);	}
	50% {-moz-transform: scale(1.05);}
	70% {-moz-transform: scale(.9);	}
	100% {	opacity: 1;	-moz-transform: scale(1);	}
}
@-o-keyframes bounceIn {
	0% {opacity: 0;-o-transform: scale(.3);	}
	50% {-o-transform: scale(1.05);	}
	70% {-o-transform: scale(.9);	}
	100% {	opacity: 1;	-o-transform: scale(1);	}
}
@keyframes bounceIn {
	0% {opacity: 0;transform: scale(.3);}
	50% {transform: scale(1.05);	}
	70% {transform: scale(.9);	}
	100% {opacity: 1;transform: scale(1);	}
}

/** moveUp **/
@-webkit-keyframes moveUp {
	0% {opacity: 1;-webkit-transform: translateY(40px);	}	
	100% {opacity: 1;-webkit-transform: translateY(0);	}
}
@-moz-keyframes moveUp {
	0% {opacity: 1;-moz-transform: translateY(40px);	}
	100% {	opacity: 1;	-moz-transform: translateY(0);	}
}
@-o-keyframes moveUp {
	0% {opacity: 1;-o-transform: translateY(40px);	}
	100% {	opacity: 1;	-o-transform: translateY(0);	}
}
@keyframes moveUp {
	0% {opacity: 1;transform: translateY(40px);	}
	100% {opacity: 1;transform: translateY(0);	}
}

/** fadeBgColor **/
@-webkit-keyframes fadeBgColor {
	0%{background:none;	}
  70%{background:none;	}
	100%{background:#464646;	}
}
@-o-keyframes fadeBgColor {
	0%{	background:none;	}
  70%{	background:none;	}
	100%{	background:#464646;	}
}
@keyframes fadeBgColor {
	0%{	background:none;	}
  70%{	background:none;	}
	100%{	background:#464646;	}
}


.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.animated.fadeBgColor {
	-webkit-animation-name: fadeBgColor;
	-moz-animation-name: fadeBgColor;
	-o-animation-name: fadeBgColor;
	animation-name: fadeBgColor;
}
.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}