input[type=range] {
	height: 50px;
	-webkit-appearance: none;
	margin: 10px 0;
	width: 100%;
  }
  input[type=range]:focus {
	outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 29px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 6px 6px 10px #000000;
	background: #7CB55B;
	border-radius: 8px;
	border: 6px solid #FFFCF2;
  }
  input[type=range]::-webkit-slider-thumb {
	box-shadow: 0px 0px 0px #000000;
	border: 0px solid #F0F0F0;
	height: 44px;
	width: 40px;
	border-radius: 21px;
	background: #F2EEE1;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -10.5px;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
	background: #7CB55B;
  }
  input[type=range]::-moz-range-track {
	width: 100%;
	height: 29px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 6px 6px 10px #000000;
	background: #7CB55B;
	border-radius: 8px;
	border: 6px solid #FFFCF2;
  }
  input[type=range]::-moz-range-thumb {
	box-shadow: 0px 0px 0px #000000;
	border: 0px solid #F0F0F0;
	height: 44px;
	width: 40px;
	border-radius: 21px;
	background: #F2EEE1;
	cursor: pointer;
  }
  input[type=range]::-ms-track {
	width: 100%;
	height: 29px;
	cursor: pointer;
	animate: 0.2s;
	background: transparent;
	border-color: transparent;
	color: transparent;
  }
  input[type=range]::-ms-fill-lower {
	background: #7CB55B;
	border: 6px solid #FFFCF2;
	border-radius: 16px;
	box-shadow: 6px 6px 10px #000000;
  }
  input[type=range]::-ms-fill-upper {
	background: #7CB55B;
	border: 6px solid #FFFCF2;
	border-radius: 16px;
	box-shadow: 6px 6px 10px #000000;
  }
  input[type=range]::-ms-thumb {
	margin-top: 1px;
	box-shadow: 0px 0px 0px #000000;
	border: 0px solid #F0F0F0;
	height: 44px;
	width: 40px;
	border-radius: 21px;
	background: #F2EEE1;
	cursor: pointer;
  }
  input[type=range]:focus::-ms-fill-lower {
	background: #7CB55B;
  }
  input[type=range]:focus::-ms-fill-upper {
	background: #7CB55B;
  }