.rangeWhlWpr {
  position: relative;
  width: 100%;
  height: 30px;
      z-index: 10;
}

.rangeInputFld[type='range'] {
  position: absolute;
  top: 50%;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 1.6em;
  background: transparent;
  font: 1em arial, sans-serif;
  left:0;
}

.rangeInputFld[type='range'],.rangeInputFld[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.rangeInputFld[type='range']::-webkit-slider-runnable-track {
  box-sizing: border-box;
  border: none;
  width: 13.5em;
  height: 2.1em;
  background: #eaeaea;
  width:100%;
  border-radius:10px;
}
.rangeInputFld[type='range']::-moz-range-track {
  box-sizing: border-box;
  border: none;
    height: 1.30em;
  background: #eaeaea;
  width:100%;
}
.rangeInputFld[type='range']::-ms-track {
  box-sizing: border-box;
  border: none;
  width: 16.5em;
  height: 1.30em;
  background: transparent;
  width:100%;
  color:transparent
}
.rangeInputFld[type=range]::-ms-fill-lower {
   background: #eaeaea;
   border-radius: 10px;
   
}
.rangeInputFld[type=range]::-ms-fill-upper {
   background: #eaeaea;
   border-radius: 10px;
}
.rangeInputFld[type='range']::-webkit-slider-thumb {
 
  box-sizing: border-box;
   border: 4px solid #eaeaea;
  width: 1.8em;
  height: 1.8em;
  border-radius: 50%;
  background: #70b5e0;
  z-index:100;
  margin-top:3px;
   margin-left:-0px;
   
}
.rangeInputFld[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  border: 3px solid #eaeaea;
  width: 1.7em;
  height: 1.7em;
  border-radius: 50%;
  background: #70b5e0;
}
.rangeInputFld[type='range']::-ms-thumb {
  margin-top: -0.20em;
  box-sizing: border-box;
  border: 3px solid #eaeaea;
  width: 1.7em;
  height: 1.7em;
  border-radius: 50%;
  background: #70b5e0;
}
.rangeLabels {

  padding: 0;
  list-style: none;
}
.rangeLabels li {
  position: relative;
  float: left;
text-align: left;
letter-spacing: 0.5px;
  color: #919191;
  font-size: 11px;
  cursor: pointer;
  padding-top: 8px;
}



input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  
   input[type='range'] {
color: transparent!important; }
}

.rangeLabels li.active::before {
display:none;
  }
  
   input[type='range'] {
    overflow: hidden;
    -webkit-appearance: none;
    background-color: #70b5e0;
	border-radius:10px;
  }
  @media (max-width: 1023px) {
  .rangeLabels li {
	  font-size: 10px;
  }
  }