input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	height:35px;
	display:block;
	border:0;
	background: transparent;
}
input[type=range]:focus {
	outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  border-radius:0px;
  border:0;
  background:rgba(255,255,255,0.5);
  transition:background 0.2s ease-in-out;
  border-radius:2px;
}
input[type=range]::-webkit-slider-thumb {
  width:20px;
  height:20px;
  border-radius:10px;
  border:0;
  background:#fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top:-8px;
  box-sizing:border-box;
  transition:background 0.2s ease-in-out;
}
/*input[type=range]::-webkit-slider-thumb:hover {
	background:#ff0;
}*/

input[type=range]:focus::-webkit-slider-runnable-track {
  /*background:rgba(255,255,255,0.8);*/
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  border-radius:0px;
  border:0;
  background:rgba(255,255,255,0.5);
  transition:background 0.2s ease-in-out;
  border-radius:2px;
}
input[type=range]::-moz-range-thumb {
  width:20px;
  height:20px;
  border-radius:10px;
  border:0;
  background:#fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top:-8px;
  box-sizing:border-box;
  transition:background 0.2s ease-in-out;
}
/*input[type=range]::-moz-range-thumb:hover {
	background:#ff0;
}*/
/*
input[type=range]::-moz-range-thumb:active {
	border-color:#FE73BB;
}
*/
input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  border-radius:0px;
  border:0;
  background:rgba(255,255,255,0.5);
  transition:background 0.2s ease-in-out;
  border-radius:2px;
}

input[type=range]::-ms-fill-lower {
  background:rgba(0,0,0,0);
  border:0;
  border-radius: 0px;
}
input[type=range]::-ms-fill-upper {
  background:rgba(0,0,0,0);
  border:0;
  border-radius: 0px;
}
input[type=range]::-ms-thumb {
  width:20px;
  height:20px;
  border-radius:10px;
  border:0;
  background:#fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top:0px;
  box-sizing:border-box;
  transition:background 0.2s ease-in-out;
}
/*input[type=range]::-ms-thumb:hover {
	background:#ff0;
}*/
/*
input[type=range]::-ms-thumb:active {
	border-color:#FE73BB;
}
*/
input[type=range]:focus::-ms-fill-lower {
  background:rgba(0,0,0,0);
}
input[type=range]:focus::-ms-fill-upper {
  background:rgba(0,0,0,0);
}