.scrolling_animation {}

.scrolling_animation ul {
  position:relative;
  display:block;
  width:100%;
  height:200px;
}

.scrolling_animation li {
  position:absolute;
  top:0px;
  right:-135px;
  display:block;
  width:1300px;
  height:200px;
  background-size:cover;
  opacity:0;
  margin:0;
  padding:0;
}

.scrolling_animation li.active {
  opacity:1;
}



@media (min-width: 768px) {
  .scrolling_animation li {
    right:-100px;
  }
}
@media (min-width: 992px) {
  .scrolling_animation li {
    right:-135px;
  }
}
@media (min-width: 1200px) {
  .scrolling_animation li {
    right:-70px;
  }
}









.powpow {
  position:absolute;
  opacity:0;
          transform:scale(0.5);
  -webkit-transform:scale(0.5);
          transition:opacity 0.2s ease-out, transform 0.2s ease-out;
  -webkit-transition:opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.powpow.on {
  opacity:1; 
          transform:scale(0.7);
  -webkit-transform:scale(0.7);
}

#pow1 {right:0px; top:-120px; }
#pow2 {left:20px; top:-10px; }