#slides .slidesjs-container {
  margin-bottom:10px;
}

#slides .slidesjs-previous {
  float:left;
  display: block;
  width: 4vw;
  height: 6vw;
  background-image: url(./../img/theme/arrow-left.png);
  background-position: center;
  background-size: 4vw 6vw;
  overflow: hidden;
  font-size : 0px;
  position: absolute;
  top:21vw;
  left:1vw;
  z-index: 1000;
  background-repeat: no-repeat;
}

#slides .slidesjs-next {
  float:left;
  display: block;
  width: 4vw;
  height: 6vw;
  background-image: url(./../img/theme/arrow-right.png);
  background-position: center;
  background-size: 4vw 6vw;
  overflow: hidden;
  font-size : 0px;
  
  position: absolute;
  top:21vw;
  right:1vw;
  z-index: 1000;
}

#slides .slidesjs-next a {

}


.slidesjs-pagination {
    margin: 6px 0 0;
    float: right;
    list-style: none;
    position: absolute;
    top: 43vw;
    left: 36vw;
    z-index: 1000;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 0.5vw;
}

.slidesjs-pagination li a {
    display: block;
    width: 1.3vw;
    height: 1.3vw;
    padding-top: 13px;
    background-image: url(./../img/theme/pagination-non-active.png);
    background-position: center;
    background-size: 1.3vw 1.3vw;
    background-repeat: no-repeat;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
}

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
    background-image: url(./../img/theme/pagination-active.png);
}

.slidesjs-pagination li a:hover { 
    background-image: url(./../img/theme/pagination-hover.png);
}

#slides a:link, #slides a:visited {color: #333;}

#slides a:hover, #slides a:active { color: #9e2020 }

#slides img {
    cursor: pointer;
}

#slides img.non-clickable {
    cursor: initial;
}

@media screen and (max-width: 425px) { 
    .slidesjs-pagination {
        top: 42vw;
        left: 29vw;        
    }
}

@media screen and (max-width: 320px) { 
    .slidesjs-pagination {
        top: 40vw;       
    }
}