.css_scroller
{
	max-width:100%;
	height:4em;
	overflow:hidden;
	  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.css_scroller .content_container
{
	padding-left: 100vw;
	padding-top:0.3em;
	padding-bottom:0.3em;
	line-height:1em;
	font-size: 2.4em;
	font-weight:bold;
	text-wrap: nowrap;
	white-space: nowrap;
	display: inline-block;
	animation: scroll 40s linear infinite;	
}

.css_scroller .content_container.bounce
{
	padding-top:0;
	padding-bottom:0;
	line-height:1em;
}

.css_scroller .item
{
	display:inline-block;
	line-height:1em;
}

.css_scroller .bounce .item
{
	animation: bounce 2s ease-in-out infinite;
}
	
.css_scroller .rainbow .item
{
  background: linear-gradient(to  bottom, #FF0000, #FF8000, #FFFF00, #00FF00, #0000FF, #4B0082, #8000FF);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
	animation: nobounce 2s ease-in-out infinite, rainbow_animation 4s linear infinite;
  background-size: 100% 700%;
}

.css_scroller .rainbow.bounce .item
{
	animation: bounce 2s ease-in-out infinite, rainbow_animation 4s linear infinite;
}

.css_scroller .rainbow .item.semitransparent
{
	color:rgba(0,0,0,0.66);
}

/**************/
/* Animations */
/**************/

/* Scroll */
@keyframes scroll
{
  0%		{transform: translate(0, 0); }
  100%	{transform: translate(-100%, 0);}
}

/* Bounce */
@keyframes bounce {
  0%		{transform: translate(0, 0); }
  50%		{transform: translate(0, 50%);}
  100%	{transform: translate(0, 0);}
}

/* Rainbow */
@keyframes rainbow_animation
{
	0%		{ background-position: 0 0%;	}
	50%		{ background-position: 100% 100%;	}	
	100%	{ background-position: 0 0; }
}

/* Set Delays */
.css_scroller .content_container .item:nth-child(20n+1)
{
	animation-delay:0.1s, 0.2s;
}

.css_scroller .content_container .item:nth-child(20n+2)
{
	animation-delay:0.2s, 0.4s;
}

.css_scroller .content_container .item:nth-child(20n+3)
{
	animation-delay:0.3s, 0.6s;
}

.css_scroller .content_container .item:nth-child(20n+4)
{
	animation-delay:0.4s, 0.8s;
}

.css_scroller .content_container .item:nth-child(20n+5)
{
	animation-delay:0.5s, 1s;
}

.css_scroller .content_container .item:nth-child(20n+6)
{
	animation-delay:0.6s, 1.2s;
}

.css_scroller .content_container .item:nth-child(20n+7)
{
	animation-delay:0.7s, 1.4s;
}

.css_scroller .content_container .item:nth-child(20n+8)
{
	animation-delay:0.8s, 1.6s;
}

.css_scroller .content_container .item:nth-child(20n+9)
{
	animation-delay:0.9s, 1.8s;
}	

.css_scroller .content_container .item:nth-child(20n+10)
{
	animation-delay:1.0s, 2s;
}		

.css_scroller .content_container .item:nth-child(20n+11)
{
	animation-delay:1.1s, 2.2s;
}		

.css_scroller .content_container .item:nth-child(20n+12)
{
	animation-delay:1.2s, 2.4s;
}		

.css_scroller .content_container .item:nth-child(20n+13)
{
	animation-delay:1.3s, 2.6s;
}		

.css_scroller .content_container .item:nth-child(20n+14)
{
	animation-delay:1.4s, 2.8s;
}		

.css_scroller .content_container .item:nth-child(20n+15)
{
	animation-delay:1.5s, 3s;
}		

.css_scroller .content_container .item:nth-child(20n+16)
{
	animation-delay:1.6s, 3.2s;
}		

.css_scroller .content_container .item:nth-child(20n+17)
{
	animation-delay:1.7s, 3.4s;
}		

.css_scroller .content_container .item:nth-child(20n+18)
{
	animation-delay:1.8s, 3.6s;
}		

.css_scroller .content_container .item:nth-child(20n+19)
{
	animation-delay:1.9s, 3.8s;
}