.unslider{position:relative;/*overflow:auto;*/margin:0;padding:0;width:100%;}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;color:#363638;bottom:-1.5rem;left:1.5rem;z-index:12;cursor:pointer;text-decoration:none;border-bottom:none;font-size:1.6rem;}.unslider-arrow.next{left:auto;right:1.5rem}

.unslider-fade { padding-bottom:100%; height:0; }

.unslider-nav ol {
  position:absolute;
  bottom:-1.5rem; left:0; right:0;
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 0.4rem;
  background:#fff;
  border-radius: 100%;
  overflow: hidden;
  text-indent: -999em;
  border: 1px solid #363638;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background:#363638;
  cursor: default;
}
#banner .unslider-arrow { color: transparent; transition: color 0.5s ease-in-out; bottom:-2.8rem; }
#banner .unslider-nav ol { bottom:-2.8rem; }
#banner:hover .unslider-arrow { color:#363638 }

@media screen and (max-width: 1366px) {

}	
@media screen and (max-width: 980px) {
  .unslider-nav ol, .unslider-arrow { bottom:-1.5rem; }
}	
@media screen and (max-width: 736px) {
  .unslider-nav ol, .unslider-arrow { bottom:-1.8rem; }
}