.rangeSlider, .rangeSlider__fill {
	display: block;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
	border-radius: 10px
	}
.rangeSlider {
	position: relative;
	background: #afc8d8;
	}
.rangeSlider__horizontal {
	height: 20px;
	width: 100%
	}
.rangeSlider--disabled {
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity: .4
	}
.rangeSlider__fill {
	background: #08619a;
	position: absolute
	}
.rangeSlider__fill__horizontal {
	height: 100%;
	top: 0;
	left: 0
	}
.rangeSlider__handle {
	border: 1px solid #ccc;
	cursor: pointer;
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	background: #01b7ec linear-gradient(hsla(0,0%,100%,0), rgba(0,0,0,.1));
	box-shadow: 0 0 8px rgba(0,0,0,.3);
	border-radius: 50%
	}
.rangeSlider__handle__horizontal {
	top: -10px
	}
.rangeSlider__handle:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(rgba(255,255,255,0.9), hsla(203,0%,100%,0.9));
	border-radius: 50%
	}
.rangeSlider__handle:active {
	background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.12))
	}
input[type=range]:focus+.rangeSlider .rangeSlider__handle {
	box-shadow: 0 0 8px rgba(142,68,173,.9)
	}
.rangeSlider__buffer {
	position: absolute;
	top: 3px;
	height: 14px;
	background: #2c3e50;
	border-radius: 10px
	}