#ecslider{
-webkit-appearance: none;
width: 100%;
height: 5px;
background: none;
outline: none;
opacity: 0;
}

#ecslider:hover {
opacity: 0;
}

#ecslider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 50px;
height: 50px;
background: none;
cursor: pointer;
}

#ecslider::-moz-range-thumb {
width: 25px;
height: 25px;
background: none;
cursor: pointer;
}