.slider {
  /*width: 300px;*/
}

.slider > .dragger {
  background: none repeat scroll 0 0 #000000;
    border-radius: 30px 30px 30px 30px;
    height: 20px;
/*    left: 50%;
    margin: -10px 0 0 -15%;*/
    position: fixed;
    width: 20px;
}

.slider > .dragger:hover {
  /*background: -webkit-linear-gradient(top, #8DCA09, #8DCA09);*/
}

.slider > .track {
  border-bottom: 1px solid #000000;
    clear: both;
    display: block;
/*    left: 50%;
    margin-left: -15%;*/
    position: fixed;
    width: 30%;
}