/*===========================Убираем стандартный вид==*/
input[type=range].track_manipulator
          {
		-webkit-appearance: none; /* Скрывает слайдер, чтобы можно было создать свой */
      /*  width: 100%;  Указание параметра ширины требуется для Firefox. */
		height: 24px;
		background: transparent;
      }
input[type=range].track_manipulator:focus
          {
		  outline: none;
	  }
input[type=range].track_manipulator::-ms-track
          {
height: 26px;
      }
/*===========================Ползун===================*/
	input[type=range]::-webkit-slider-thumb
      {
	  -webkit-appearance: none;
	  margin-top: -8px; /* Вам нужно указать значение для поля в Chrome, но в Firefox и IE это происходит автоматически */

	  height: 20px;
	  width: 20px;
	  border-radius: 10px;
	  border: 4px solid #FFF;

	  background: #7d344d;
	  cursor: pointer;
	  box-shadow: 0px 2px 2px rgba(0,0,0,0.5); /* Добавляем классные эффекты для слайдера! */

	}

	input[type=range]::-moz-range-thumb
      {

	  height: 12px;
	  width: 12px;
	  border-radius: 10px;
	  border: 4px solid #FFF;

	  background: #7d344d;
	  cursor: pointer;
	  box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	}

	input[type=range]::-ms-thumb
      {

	  height: 12px;
	  width: 12px;
	  border-radius: 10px;
	  border: 4px solid #FFF;
margin-top: 3px;
	  background: #7d344d;
	  cursor: pointer;
	  box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	}
	/*===========================Полоска неактивная===================*/
	input[type=range].track_manipulator::-webkit-slider-runnable-track
{
width: 100%;
height: 6px;
cursor: pointer;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
background: #f0f0f0;
border-radius: 4px;
border: 1px solid #e0e0e0;
}

input[type=range].track_manipulator:focus::-webkit-slider-runnable-track
{
background: #f0f0f0;
}




input[type=range].track_manipulator::-moz-range-track
{
width: 100%;
height: 4px;
cursor: pointer;
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
background: #f0f0f0;
border-radius: 4px;
border: 1px solid #e0e0e0;

}




input[type=range].track_manipulator::-ms-track
{
width: 100%;
height: 6px;
cursor: pointer;
background: transparent;
border-color: transparent;
/*border-width: 16px 0;*/
color: transparent;
margin-top: 0px;


}


input[type=range].track_manipulator::-ms-fill-upper
{
background: #f0f0f0;
border: 1px solid #e0e0e0;
border-radius: 4px;
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
}

input[type=range].track_manipulator:focus::-ms-fill-upper
{
background: #f0f0f0;
}
/*===========================Полоска Aктивная===================*/
input[type=range].track_manipulator::-moz-range-progress
{
background: #7d344d;
}

input[type=range].track_manipulator::-ms-fill-lower
{
background: #7d344d;
border: 1px solid #e0e0e0;
border-radius: 4px;
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
}

input[type=range].track_manipulator:focus::-ms-fill-lower
{
background: #7d344d;
}