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

.animated.infinite {
	animation-iteration-count: infinite;
}

.animated.hinge {
	animation-duration: 2s;
}

.fadeIn {
	animation-name: fadeIn;
}


@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@keyframes hideSplash {
    from { 
		margin-top: 0;
		opacity:1;
		visibility: visible;
    }
    to   { 
		margin-top: -100%;
		opacity:0;
		visibility: hidden;
    }
}

@keyframes homeSlider { 
	0% { margin-left: 0%; }
	21% { margin-left: 0%; }
	26% { margin-left: -100%; }
	46% { margin-left: -100%; }
	51% { margin-left: -200%; }
	71% { margin-left: -200%; }
	76% { margin-left: -300%; }
	100% { margin-left: -300%; }
}


@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

@keyframes loadingBar {
	0%   {  width:0; }
	100% {  width:100%; }
}