.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;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size:18px;
  font-weight:500;
  color:#fff;
  line-height:46px;
  background:url(../images/bar.jpg) no-repeat right center;
  padding-right:15px;
  margin-right:15px;
}
.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%);
  }
}