.flex-slider{position:relative;width:100%;margin:auto}
.slides-wrap{position:relative;transition:height .35s ease}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease;width:100%}
.slide.active{position:relative;opacity:1;visibility:visible}
.flex-slider img{width:100%;height:auto;display:block}
.slider-prev,.slider-next{position:absolute;top:50%;transform:translateY(-50%);z-index:20;cursor:pointer;font-size:32px;padding:10px}
.slider-prev{left:10px}.slider-next{right:10px}
.slider-dots{text-align:center;margin-top:15px}
.slider-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#ccc;margin:0 4px;cursor:pointer}
.slider-dot.active{background:#333}