/* TravHub-style landmark skyline marquee (below services) */

.w2f-landmarks-marquee {
  position: relative;
  width: 100%;
  height: 130px;
  overflow: hidden;
  background-color: #ffffff;
  background-image: url("../imgs/home-5/landmarks-marquee.png");
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: auto 130px;
  animation: w2fBgSlide 20s linear infinite;
  pointer-events: none;
}

@media (max-width: 767.98px) {
  .w2f-landmarks-marquee {
    height: 90px;
    background-size: auto 90px;
  }
}

@keyframes w2fBgSlide {
  0% {
    background-position: 0 100%;
  }
  20% {
    background-position: -100px 100%;
  }
  40% {
    background-position: -200px 100%;
  }
  60% {
    background-position: -150px 100%;
  }
  80% {
    background-position: -100px 100%;
  }
  100% {
    background-position: 0 100%;
  }
}