.slider,body,html{margin:0;padding:0}
.slider-container{overflow:hidden;position:relative}
.slider{width:100%;height:100%;list-style:none;overflow:hidden; }
.slider li{float:left;width:100%;height:100%;}
.slider li img{width:100%;display:block}
.slider-buttons{position:absolute;width:40px;top:50%;margin-top:-20px; //height:40px;//background:#333;
				vertical-align:middle;cursor:pointer}
.slider-buttons:hover{background:#ddd}
.slider-buttons span{color:#333;font-size:36px;font-weight:700;line-height:36px; }
.next{right:0;}
.next:hover{border-radius:25% 50% 50% 25%;}
.next span{padding-left:16px}
.prev{left:0;}
.prev:hover{border-radius:50% 25% 25% 50% ;}
.prev span{padding-right:12px}
.pagination-container{position:absolute;bottom:8px;width:100%;text-align:center;margin:0;padding:0}
.dot{background:#ccc;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}