.animationrunning
{	
	-webkit-animation-play-state:running;
	-moz-animation-play-state:running;
	-o-animation-play-state:running;
	-ms-animation-play-state:running;
	animation-play-state:running;
}

.animationpaused
{	
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	-ms-animation-play-state:paused;
	animation-play-state:paused;
}


.fadeOut
{
	animation: fadeOut 1s forwards;
	-webkit-animation: fadeOut 1s forwards;	/* Safari �� Chrome */
	-moz-animation: fadeOut 1s forwards;
}

@keyframes fadeOut
{
0% { opacity:1;}
100%{ opacity:0;}
}

@-moz-keyframes fadeOut 
{
0% { opacity:1;}
100%{ opacity:0;}
}

@-webkit-keyframes fadeOut 
{
0% { opacity:1;}
100%{ opacity:0;}
}



.start
{
	-webkit-animation: start 1.5s infinite ease-in-out;
	-moz-animation: start 1.5s infinite ease-in-out;
	animation: start 1.5s infinite ease-in-out;
}

@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}


/*  slideVertical start */

.slideVerticalTop
{
	animation: slideVerticalTop 0.4s;
	-webkit-animation: slideVerticalTop 0.4s;	/* Safari �� Chrome */
	-moz-animation: slideVerticalTop 0.4s;
}

@-webkit-keyframes slideVerticalTop {
100% {top:0}
}
@-moz-keyframes slideVerticalTop {
100% {top:0}
}
@keyframes slideVerticalTop {
100% {top:0}
}

/*  slideVertical end */