slider{display:inline-block;position:relative;height:7px;width:100%;margin:25px 5px 25px 5px;vertical-align:middle;}
slider span{white-space:nowrap;position:absolute;display:inline-block;}
slider span.base{width:100%;height:100%;padding:0}
slider span.bar{width:100%;height:20px;z-index:0;-webkit-border-radius:1em/1em;border-radius:1em/1em;background: #70b7e5}
slider span.bar.selection{width:0%;z-index:1;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #13b6ff), color-stop(1, #00a8f3));background:-webkit-linear-gradient(top, #13b6ff 0, #00a8f3 100%);background:-moz-linear-gradient(top, #13b6ff 0, #00a8f3 100%);background:-o-linear-gradient(top, #13b6ff 0, #00a8f3 100%);background:-ms-linear-gradient(top, #13b6ff 0, #00a8f3 100%);background:linear-gradient(top, #13b6ff 0, #00a8f3 100%);-webkit-box-shadow:none;box-shadow:none}
slider span.pointer{cursor:pointer;width:40px;height:40px;top:-8px;background-color:#fff;border:1px solid #000;z-index:2;-webkit-border-radius:1em/1em;border-radius:1em/1em;}
slider span.pointer:after{content:'';background-color:#808080;width:16px;height:16px;position:absolute;top:11px;left:11px;-webkit-border-radius:1em/1em;border-radius:1em/1em}
slider span.pointer:hover:after{background-color:#000}
slider span.pointer.active:after{background-color:#f00}
slider span.bubble{cursor:default;top:-35px;padding:1px 3px 1px 3px;font-size:1em;font-family:sans-serif; color:#000000;}
slider span.bubble.selection{top:15px}
slider span.bubble.limit{color:#808080}