.marquee {
	overflow: hidden ;
}
.marquee__item {
	animation-duration: 10s ;
	animation-iteration-count: infinite ;
	animation-name: marquee-content ;
	animation-timing-function: linear ;
    white-space: nowrap;
}
.marquee:hover .marquee__item {
	animation-play-state: paused ;
}
@keyframes marquee-content {
	0% {
		transform: translateX( 0% );
	}
	25% {
		transform: translateX( -25% );
	}
	50% {
		transform: translateX( -50% );
	}
	75% {
		transform: translateX( -75% );
	}
	100% {
		transform: translateX( -100% );
	}
}