.slider{position:relative;height:320px;width:100%}
.slider.fullscreen ul.slides{height:100%}
.slider.fullscreen ul.indicators{z-index:2;bottom:30px}
.slider .slides{background-color:#9e9e9e;margin:0;height:300px}
.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}
.slider .slides li img{width:100%;height:100%;background-size:cover;background-position:center;}
.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}
.slider .slides li .caption p{color:#e0e0e0}.slider .slides li.active{z-index:2}
.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0;padding-inline-start:0;}
.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}
.slider .indicators .indicator-item.active{background-color:#4CAF50}