.slider,body,html{margin:0;padding:0}.slider-container{overflow:hidden;position:relative}.slider{width:100%;height:auto;list-style:none;overflow:hidden}.slider li{float:left}.slider li img{width:100%;display:block}.slider-buttons{position:absolute;width:40px;height:40px;top:50%;margin-top:-20px;background:#333;vertical-align:middle;cursor:pointer}.slider-buttons:hover{background:#000}.slider-buttons span{color:#FFF;font-size:36px;font-weight:700;line-height:36px}.next{right:0}.next span{padding-left:16px}.prev{left:0}.prev span{padding-left:12px}.pagination-container{position:absolute;bottom:8px;width:100%;text-align:center;margin:0;padding:0}.dot{background:#FFF;width:15px;height:15px;border-radius:50%;display:inline-block;cursor:pointer}.dot:not(:last-of-type){margin-right:8px}.dot:hover{background:#D9D9D9}.dot.active{background:#333;cursor:initial}