.marquee-wrapper {
	background: #2F394C;
	text-align: center;
}
.marquee-wrapper .container {
	overflow: hidden;
}
.marquee-inner span {
	/*float:left;
  width:50%;*/
}
.marquee-wrapper .marquee-block {
	/* --total-marquee-items:3;
  height: 150px;
  width: calc(250px * (var(--total-marquee-items)));*/
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	margin: 1px auto;
	background: #1B2531;
	padding: 1px 0;
	white-space: nowrap;
}
.marquee-inner {
	display: block;
}
.marquee-inner.to-left {
	animation: marqueeLeft 25s linear infinite;
}
.marquee-inner.to-right {
	animation: marqueeRight 25s linear infinite;
}
.marquee-item {
	height: auto;
	display: inline-block;
	margin: 0 10px;
	/* float: left;*/
	transition: all .2s ease-out;
	background: #00cc00;
}
@keyframes marqueeLeft {
	0% {
		left: 0;
	}
	100% {
		left: -100%;
	}
}
@keyframes marqueeRight {
	0% {
		left: -100%;
	}
	100% {
		left: 0;
	}
}