@keyframes ticker {
  0%   {margin-top: 0}
  25%  {margin-top: -30px}
  50%  {margin-top: -60px}
  75%  {margin-top: -90px}
  100% {margin-top: 0}
}

@keyframes tickerOne {
  0% {margin-top: 0}
  100% {margin-top: 0}
}

.newsticker {
  width: 100%;
  height: 30px;
  margin: 20px auto;
  overflow: hidden;
  border-radius: 4px;
  padding: 3px;
  -webkit-user-select: none;
  border: 1px solid rgba(0,0,0,.05);
  background-color: #f5f5f5;
} 

.newsticker span {
  float: left;
  color: #000;
  padding: 0 15px;
  position: relative;
  font-weight: bold;
}

.newsticker ul {
  float: left;
  padding-left: 20px;
  animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  -webkit-user-select: none
}

.count-1 ul {
  animation: tickerOne 10s cubic-bezier(1, 0, .5, 0) infinite;
}

.newsticker ul li {
  line-height: 30px; 
  list-style: none;
}

.newsticker ul li a {
  color: #000;
  text-decoration: none;
  font: 14px Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none
}

.newsticker ul:hover { animation-play-state: paused }
.newsticker span:hover+ul { animation-play-state: paused }

@media (max-width: 767px) {
  .newsticker > span {
    display: none !important;
  }
}