.pages li{list-style-type:none;
 width:10px;height:10px;border-radius:10px;background-color:white}.pages li:hover{box-shadow:0 0 5px 2px white}.pages li.active{background-color:orange;box-shadow:0 0 5px 2px orange}.pages{position:absolute;z-index:999}.pages.horizontal{left:50%;transform:translateX(-50%);bottom:5px}.pages.horizontal li{display:inline-block;margin-right:10px}.pages.horizontal li:last-child{margin-right:0}.pages.vertical{right:5px;top:50%;transform:translateY(-50%)}.pages.vertical li{margin-bottom:10px}.pages.vertical li:last-child{margin-bottom:0}
#prev {
   background: url(../image/prev.png) no-repeat;
   left: 10px;   
}
#next {
    background:  url(../image/next.png) no-repeat;
    right: 10px;
}
#prev , #next {
    position: absolute;
    bottom: 255px;
    width: 100px;
    height: 50px;
}
#prev:hover,#next:hover{
 opacity: 0.5;
 transition: all 0.5s ease;
} 
 *{
  padding: 0;
  margin: 0;
 }
 html,body{
  height: 100%;
 }
 #container {
   width: 100%;
   overflow: hidden;
 }
 .sections,.section {
   height:900px;
 }
 #container,.sections {
  position: relative;
 }
 .section {
  hight:1000px;
  list-style: none;
  background-size: cover;
  background-position: 50% 50%;
  text-align: center;
  color: white;
 }