.slider{width:100%; height:250px}
.slides{width:100%; height:250px; overflow: hidden}
.slider .slide{display:block; width:100vw; height:250px; background-size:cover; border-radius: 5px; border:1px solid #CCC}

.slider .owl-dots{position:absolute;z-index:100;bottom: 15px; right:10px}
.slider .owl-dots .owl-dot{display:block;float:left;margin-right:10px; width:12px; height:12px; border-radius:50%; background-color:#DDD; box-shadow:0px 0px 4px #000}
.slider .owl-dots .owl-dot.active{background-color:#FF9600}