.rangeSlider, .rangeSlider__fill { background: #f4f3f4; display: block; height: 35px; width: 100%; border-radius: 17px; }
.rangeSlider { position: relative; }
.rangeSlider--disabled {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }
.rangeSlider__fill { background: #e70d85; position: absolute; top: 0; z-index: 2; }
.rangeSlider__handle { background: #fff; cursor: pointer; display: inline-block; width: 21px; height: 21px; position: absolute; top: 0; z-index: 3; border-radius: 50%; margin:0; border: 7px solid #e70d85; box-sizing: content-box;}
.rangeSlider__handle:after{ content:''; background:url(../images/range-sldier-arrow.png) no-repeat; width:9px; height:7px; position:absolute; left:7px; bottom:-20px;}

/*.rangeSlider__handle:after { content: ""; display: block; width: 18px; height: 18px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }*/
/*.rangeSlider__handle:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); }
input[type="range"]:focus + .rangeSlider .rangeSlider__handle { -webkit-box-shadow: 0 0 8px rgba(142, 68, 173, 0.9); -moz-box-shadow: 0 0 8px rgba(142, 68, 173, 0.9); box-shadow: 0 0 8px rgba(142, 68, 173, 0.9); }*/
.rangeSlider__buffer { z-index: 1; position: absolute; top: 3px; height: 14px; background: #2c3e50; border-radius: 10px; }