/* CSS3 Animations */
@-webkit-keyframes zoomIn {	
	0% {opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}	
	50% {opacity:1}
}
@keyframes zoomIn {	
	0% {opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}	
	50% {opacity:1}
}
@-webkit-keyframes fadeIn {	
	0% {opacity:0}	
	100% {opacity:1}
}
@keyframes fadeIn {	
	0% {opacity:0}	
	100% {opacity:1}
}
@-webkit-keyframes fadeOut { 
	0% {opacity:1}	
	100% {opacity:0}
}
@keyframes fadeOut { 
	0% {opacity:1}	
	100% {opacity:0}
}
.zoomIn{-webkit-animation-name:zoomIn; animation-name:zoomIn; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.fadeIn{-webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both;	animation-fill-mode:both;}
.fadeIn{ -webkit-animation-name:fadeIn; animation-name:fadeIn}
.fadeOut{ -webkit-animation-name:fadeOut; animation-name:fadeOut}

/* made from http://www.theappguruz.com/tag-tools/web/CSSAnimations/ */

/* Slide In Right */
.slideInRight { -webkit-animation-name:slideInRight; animation-name:slideInRight; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
@-webkit-keyframes slideInRight {
	0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible;  }
	100% {  -webkit-transform: translateX(0);  transform: translateX(0);  }
}
@keyframes slideInRight {
	0% { -webkit-transform: translateX(100%);  transform: translateX(100%);  visibility: visible;  }
	100% {  -webkit-transform: translateX(0);  transform: translateX(0);  }
} 
.fadeInRight {  -webkit-animation-name: fadeInRight;  animation-name: fadeInRight;  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  }
@-webkit-keyframes fadeInRight {  
	0% {  opacity: 0;  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0);  }  
	100% {  opacity: 1;  -webkit-transform: none;  transform: none;  }
}
@keyframes fadeInRight {  
	0% {  opacity: 0;  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0);  }
	100% {  opacity: 1;  -webkit-transform: none;  transform: none;  }
} 
/* Bounce In Right */
.bounceInRight {-webkit-animation-name: bounceInRight; animation-name: bounceInRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	0% { opacity: 0;  -webkit-transform: translate3d(3000px, 0, 0);  transform: translate3d(3000px, 0, 0);  }
	60% {  opacity: 1;  -webkit-transform: translate3d(-25px, 0, 0);  transform: translate3d(-25px, 0, 0);  }
	75% {  -webkit-transform: translate3d(10px, 0, 0);  transform: translate3d(10px, 0, 0);  }
	90% {  -webkit-transform: translate3d(-5px, 0, 0);  transform: translate3d(-5px, 0, 0);  }
	100% {  -webkit-transform: none;  transform: none;  }
}
@keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }
	0% {  opacity: 0;  -webkit-transform: translate3d(3000px, 0, 0);  transform: translate3d(3000px, 0, 0);  }
	60% {  opacity: 1;  -webkit-transform: translate3d(-25px, 0, 0);  transform: translate3d(-25px, 0, 0);  }
	75% {  -webkit-transform: translate3d(10px, 0, 0);  transform: translate3d(10px, 0, 0);  }
	90% {  -webkit-transform: translate3d(-5px, 0, 0);  transform: translate3d(-5px, 0, 0);  }
	100% {  -webkit-transform: none;  transform: none;  }
}
/* Fade In Up */
.fadeInUp {-webkit-animation-name:fadeInUp; animation-name:fadeInUp; -webkit-animation-duration:1s; animation-duration:1s;-webkit-animation-fill-mode:both; animation-fill-mode:both;}
@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
	0% {  opacity: 0;  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0);  }
	100% {  opacity: 1;  -webkit-transform: none;  transform: none;  }  
}