.C_slide_container {
  width: 100%;
}

.C_slider {
  -webkit-appearance: none;
  width: 200px;
  height: 3px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  border-radius: 2px;
  margin-top: 30px; margin-bottom: 30px;
}

.C_slider_vertical {
  width: 3px !important;
  height: 250px !important;
  margin-top: 0; margin-bottom: 0;
}

.C_slider:hover {
  opacity: 1;
}

.C_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #fefefe;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0px 2px 5px #808080;
  margin-top: -10px;
  user-select: none;
  -webkit-user-select: none;
}

.C_slider::-webkit-slider-runnable-track {
  background: #323232;
  height: 3px;
  border-radius: 2px;
}

.C_slider_vertical::-webkit-slider-runnable-track {
  height: 300px !important;
}

.C_slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #ffffff;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 1px 2px 2px #d3d3d3;
}

.C_slider::-moz-range-progress{
  background: #323232;
  height: 3px;
}


/* disabled slider css [battery]  */
.C_slider_disabled {
  -webkit-appearance: none;
  overflow: hidden;
  width: 100%;
  height: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  border-radius: 2px;
}

.C_slider_disabled::-moz-range-thumb {
  width: 0px;
  height: 0px;
  background: #ffffff;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 1px 2px 2px #d3d3d3;
}

.C_slider_disabled::-moz-range-progress{
  background: #323232;
  height: 5px;
}

/*Chrome*/

.C_slider_disabled::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 0px;
  height: 0px;
  background: #ffffff;
  cursor: pointer;
  box-shadow: -200px 0 0 200px #323232;
}

.C_slider_disabled::-webkit-slider-runnable-track {
  background: #d3d3d3;
  height: 5px;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    .C_slider {
      overflow: hidden;
      width: 200px;
      -webkit-appearance: none;
      background-color: #d3d3d3;
    }

    .C_slider::-webkit-slider-runnable-track {
      height: 10px;
      -webkit-appearance: none;
      color: #67bf70;
      margin-top: -1px;
    }

    .C_slider::-webkit-slider-thumb {
      width: 10px;
      -webkit-appearance: none;
      height: 10px;
      cursor: ew-resize;
      background: #ffffff;
      box-shadow: -200px 0 0 200px #43e5f7;
    }

}*/