@charset "utf-8";

.tcontainer {
  width: 100%;
  overflow: hidden; 
}
 

.tick-wrap {
  width: 100%;
  padding-left: 100%; 
  background-color:  #ff5421;
}


@keyframes ticker {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0,0 ); }
}
.tick-move {
  display: inline-block;
  white-space: nowrap;
  padding-down: 100%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: tick;
  animation-duration: 10s;
}
.tick-move:hover{
  animation-play-state: paused; 
}


.tick-item{
  display: inline-block; 
  padding: 0 1rem;
	font-size:25px;
	color: white;
	font-family: 'Rubik', sans-serif;
	text-decoration-color: #FFFFFF;
	
}
.tick-item a{
	color: #FFFFFF;
	text-decoration: none;
}

.tickerv-wrap {
  box-sizing: content-box;
  height: 100px; 
  overflow: hidden; 
  padding: 30px;
} 

@keyframes tickerv {
  0%   {margin-top: 0;}
  25%  {margin-top: -26px;} 
  50%  {margin-top: -58px;} 
  75%  {margin-top: -78px;} 
  100% {margin-top: 0;} 
}
.tickerv-wrap ul {
  padding: 0;
  margin-left: -30px;
  list-style-type: none;
  animation-name: tickerv; 
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1, 0, .5, 0);
}
.tickerv-wrap ul:hover {
  animation-play-state: paused;
}

.tickerv-item{
  display: inline-block; 
  padding: 0 1rem;
	font-size:22px;
	color: white;
	font-family: 'Rubik', sans-serif;
	text-decoration-color: #FFFFFF;
	
}
/* ITEMS */
.tickerv-wrap ul li {
  font-size: 16px;
  line-height: 26px;
	color:white;