.wrap {
  overflow: hidden;
  position: relative;
  width:auto;
  white-space: nowrap;
  padding-left:80px;
}
.wrap:after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.wrap:hover .panel {
  animation-play-state: paused;
}

.panel {
  animation: scrollPanel 30s infinite linear;
  display: inline-block;
  opacity: .75;
  transform: translateX(0);
}
.panel:hover {
  opacity: 1;
}

.textline {
  display: inline-block;
  padding: .25rem 1rem .25rem 1rem;
  text-align: center;
  font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:300;
	color:#fff;
	line-height:30px;
	background:url(../images/news-bdr.png) no-repeat right 16px;
}
.textline:after {
  content: attr(data-length);
  font-size: 75%;
  vertical-align: super;
}
.textline a {
  text-decoration: none;
}
.textline i {
  margin-right: .25rem;
}

@keyframes scrollPanel {
  25% {
    opacity: 1;
  }
  50% {
    opacity: .75;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: .75;
    transform: translateX(-50%);
  }
}