#wltopanim span {
}

@-webkit-keyframes wltopanimFadeInOut {
 0% {
	opacity:1; 
	z-index:2;
 }
 17% {
	opacity:1; 
	z-index:2;
 }
 25% {
	opacity:0; 
	z-index:0;
 }
 92% {
	opacity:0; 
	z-index:0;
 }
 100% {
	opacity:1; 
	z-index:2;
 }
}

@-moz-keyframes wltopanimFadeInOut {
 0% {
	opacity:1;
	z-index:2;
 }
 17% {
	opacity:1;
	z-index:2;
 }
 25% {
	opacity:0;
	z-index:0;
 }
 92% {
	opacity:0;
	z-index:0;
 }
 100% {
	opacity:1;
	z-index:2;
 }
}

@-o-keyframes wltopanimFadeInOut {
 0% {
	opacity:1;
	z-index:2;
 }
 17% {
	opacity:1;
	z-index:2;
 }
 25% {
	opacity:0;
	z-index:0;
 }
 92% {
	opacity:0;
	z-index:0;
 }
 100% {
	opacity:1;
	z-index:2;
 }
}

@keyframes wltopanimFadeInOut {
 0% {
	opacity:1;
	z-index:2;
 }
 17% {
	opacity:1;
	z-index:2;
 }
 25% {
	opacity:0;
	z-index:0;
 }
 92% {
	opacity:0;
	z-index:0;
 }
 100% {
	opacity:1;
	z-index:2;
 }
}

#wltopanim {
	position:relative;
	height:172px;
	width:156px;
	margin:2px;
	display:inline-block;
}

#wltopanim span {
	position:absolute;
	left:0;
}

#wltopanim span:hover {
}

#wltopanim span {
	-webkit-animation-name:wltopanimFadeInOut;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-duration:24s;

	-moz-animation-name:wltopanimFadeInOut;
	-moz-animation-timing-function:ease-in-out;
	-moz-animation-iteration-count:infinite;
	-moz-animation-duration:24s;

	-o-animation-name:wltopanimFadeInOut;
	-o-animation-timing-function:ease-in-out;
	-o-animation-iteration-count:infinite;
	-o-animation-duration:24s;

	animation-name:wltopanimFadeInOut;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
	animation-duration:24s;
}

#wltopanim span:nth-of-type(1) {
	-webkit-animation-delay:18s;
	-moz-animation-delay:18s;
	-o-animation-delay:18s;
	animation-delay:18s;
}

#wltopanim span:nth-of-type(2) {
	-webkit-animation-delay:12s;
	-moz-animation-delay:12s;
	-o-animation-delay:12s;
	animation-delay:12s;
}

#wltopanim span:nth-of-type(3) {
	-webkit-animation-delay:6s;
	-moz-animation-delay:6s;
	-o-animation-delay:6s;
	animation-delay:6s;
}

#wltopanim span:nth-of-type(4) {
	-webkit-animation-delay:0;
	-moz-animation-delay:0;
	-o-animation-delay:0;
	animation-delay:0;
}

.paused{
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused; 
	animation-play-state:paused;
}
@media only screen and (min-width: 601px) and (max-width: 900px) {
	#wltopanim {
		position:relative;
		height:172px;
		width: 24% !important;
		margin:2px;
		display:inline-block;
	}
}
