.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}

.bounceIn {
	animation-name: bounceIn;
}
@keyframes bounceIn {
	0%{opacity: 0;transform: scale(.3);}
	50%{opacity: 1;transform: scale(1.05);}
	70%{transform: scale(.9);}
	100%{opacity: 1;transform: scale(1);}
}

.bounceInLeft {
	animation-name: bounceInLeft;
}
@keyframes bounceInLeft {
	0%{opacity: 0;transform: translateX(-2000px);}
	60%{opacity: 1;transform: translateX(30px);}
	80%{transform: translateX(-10px);}
	100%{transform: translateX(0);}
}

.flash {
	animation-name: flash;
}
@keyframes flash {
	0%,50%,100%{opacity: 1;}
	25%,75%{opacity: 0;}
}

.bounceInRight {
	animation-name: bounceInRight;
}
@keyframes bounceInRight {
	0%{opacity: 0;transform: translateX(2000px);}
	60%{opacity: 1;transform: translateX(-30px);}
	80%{transform: translateX(10px);}
	100%{transform: translateX(0);}
}

.bounceInUp {
	animation-name: bounceInUp;
}
@keyframes bounceInUp {
	0%{opacity: 0;transform: translateY(-2000px);}
	60%{opacity: 1;transform: translateY(30px);}
	80%{transform: translateY(-10px);}
	100%{transform: translateY(0);}
}

.bounceInDown {
	animation-name: bounceInDown;
}
@keyframes bounceInDown {
	0%{opacity: 0;transform: translateY(2000px);}
	60%{opacity: 1;transform: translateY(-30px);}
	80%{transform: translateY(10px);}
	100%{transform: translateY(0);}
}

.bounceInRight {
	animation-name: bounceInRight;
}
@keyframes bounceInRight {
	0%{opacity: 0;transform: translateX(2000px);}
	60%{opacity: 1;transform: translateX(-30px);}
	80%{transform: translateX(10px);}
	100%{transform: translateX(0);}
}

.fadeIn {
	animation-name: fadeIn;
}
@keyframes fadeIn {
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.fadeInUp {
	animation-name: fadeInUp;
}
@keyframes fadeInUp {
	0%{opacity: 0;transform: translateY(20px);}
	100%{opacity: 1;transform: translateY(0);}
}

.fadeInDown {
	animation-name: fadeInDown;
}
@keyframes fadeInDown {
	0%{opacity: 0;transform: translateY(-20px);}
	100%{opacity: 1;transform: translateY(0);}
}

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

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

.shake {
	animation-name: shake;
}
@keyframes shake {
	0%,100%{transform: translateZ(0);}
	10%,30%,50%,70%,90%{transform: translate3d(-10px,0,0);}
	20%,40%,60%,80%{transform: translate3d(10px,0,0);}
}

.swing {
	animation-name: swing;
}
@keyframes swing {
	20%{transform: rotate(15deg);}
	40%{transform: rotate(-10deg);}
	60%{transform: rotate(5deg);}
	80%{transform: rotate(-5deg);}
	100%{transform: rotate(0);}
}

.zoomIn {
	animation-name: zoomIn;
}
@keyframes zoomIn {
	0%{opacity: 0;transform: scale3d(.3,.3,.3);}
	50%{opacity: 1;}
}

.slideLeft{
	animation-name: slideLeft;
}
@keyframes slideLeft {
	0%{transform: translate3d(-100%,0,0);visibility: visible;}
	100%{transform: translateZ(0);}
}

.purse {
	animation-name: purse;
}
@keyframes purse {
	0%{transform: scaleX(1);}
	50%{transform: scale3d(1.05,1.05,1.05);}
	100%{transform: scaleX(1);}
}

.rollOut {
	animation-name: rollOut;
}
@keyframes rollOut {
	0%{opacity: 1;}
	100%{opacity: 0;transform: translate3d(100%,0,0) rotate(120deg);}
}

.float{
	animation-name: float;
}
@keyframes float{
	50%{transform: translateY(-20px);}
	100%{transform: translateY(0px);}
}