#slides {
  position: relative;
}
#slides img {
    opacity: 0.6;
}
#slides .slides-container {
  display: none;
}
.container {
    padding: 15% 10%;
}
.opacity {
    background: #000;
}
#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  inherit_height_from: $('slides');
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
}
.slides-navigation a {
    outline: 0;
  position: absolute;
  display: block;
margin-top: -22px;
z-index: 60;
height: 45px;
width: 45px;
opacity:0;
}
.nav-icons {
font-size: 70px;
color: #fff;
opacity: 0.4;
transition: all 0.3s;
}
.nav-icons:hover {
    opacity: 1;
transition: all 0.3s;

}
.slides-navigation a.next {
  right: 0;
}
.slides-navigation a.prev {
  left: 0;
}

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 40px;
  text-align: center;
  width: 100%;
}
.slides-pagination a {
    outline: 0;
border-radius: 15px;
width: 10px;
height: 10px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
margin: 2px;
overflow: hidden;
text-indent: -100%;
background: rgba(128, 128, 128, 0.2);
}
.slides-pagination a.current {
    background: rgba(128, 128, 128, 1);
}