.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% );
	}
}