@charset "utf-8";

.slider {
  margin: 10px 0;
  width: 1024px; /* Update to your slider width */
  height: 683px; /* Update to your slider height */
  position: relative;
  overflow: hidden;
  list-style:none;
  background-color:#aaa;
  padding:0;
}

.slider li {
  position: absolute; 
  top: 0;  
  left:0;
  margin:0;
  padding:0;
  transition: transform 1s 2s ease, opacity 1s 2s ease;
  transform: translateX(100%);
  z-index:1;
  opacity:0;
}

li.middle {
  transform:translateX(0);
  transition: transform 1s ease, opacity .5s .5s ease;
  z-index:2;
  opacity:1;
}

.caption {
  position:absolute;
  z-index:2;
  width: 1001px;
  left:75px;
  right:0;
  bottom:0;
  background-color:rgba(0,0,0,0.5);
  color:white;
  margin:0;
  padding:1em;
  line-height:1;
  font-family: 'pierbold', sans-serif;
  font-size: 16px;
  text-align: center;
  text-justify: auto;

}
/* CSS Document */
.wrapper.random-set {margin:0; padding:0; 
      -moz-box-sizing:border-box;
           box-sizing:border-box;
    }
    ul {list-style:none;}
    img {width:100%;}