
@-webkit-keyframes ticker {
	0% {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	visibility: visible;
	}

	100% {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	}
}

@keyframes ticker {
	0% {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	visibility: visible;
	}

	100% {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	}
}

.ticker-wrap {
	position: fixed;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	background-color: #000000e6;
	padding-left: 100%;
	box-sizing: content-box;
	z-index: 9999;
}
.ticker:hover{
	animation-play-state: paused; /* Pause scroll on mouse hover */
}
.ticker {

	display: inline-block;

	white-space: nowrap;
	padding-right: 100%;
	box-sizing: content-box;

	-webkit-animation-iteration-count: infinite; 
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: ticker;
	animation-name: ticker;
	-webkit-animation-duration: 60s;
	animation-duration:60s;
}
.ticker__item{

	display: inline-block;
	padding: 2px;
	font-size: 1.4rem;
	color: white;   

}
</style>