@keyframes animation-marquee {
  0% {
    transform: translate(0%); }
  100% {
    transform: translate(-100%); } }
@-webkit-keyframes animation-marquee {
  0% {
    transform: translate(0%); }
  100% {
    transform: translate(-100%); } }
.marquee-wrap {
  background: #1f7fa5;
  /*margin: 30px 0 0 0;*/
  padding: 0 5px;
  height: 80px;
  line-height: 60px;
  overflow: hidden;
  position: relative; }
  .marquee-wrap .marquee-list {
    white-space: nowrap;
    position: absolute;
    animation-name: animation-marquee;
    animation-duration: 50s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal; }
    .marquee-wrap .marquee-list .marquee-item {
      display: inline;
      white-space: nowrap;
      font-weight: bold;
      font-size: 1.2em;
      color: #fff;
      padding: 0 60px 0 0; }
      .marquee-wrap .marquee-list .marquee-item:first-child {
        padding: 0 60px 0 100vw; }
    .marquee-wrap .marquee-list .marquee-item a {
      color: #fff;
      text-decoration: underline;
  }
    .marquee-wrap .marquee-list .marquee-item a:hover {
      color: #51b5dc;
      text-decoration: underline;

  }
  
    .marquee-wrap .marquee-list:hover {
      animation-play-state: paused;
}