.range-slider {
  margin: 20px auto;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  display: block;
  height: 8px;
  width: 80%;
  background: #ebebeb;
  border-radius: 4px; }
  .range-slider .markers {
    padding: 2px; }
    .range-slider .markers .marker {
      height: 4px;
      width: 4px;
      border-radius: 4px;
      background: #bcbcbc;
      float: left;
      margin-left: 10.25%;
      z-index: 2;
      position: relative; }
      .range-slider .markers .marker:first-child {
        margin-left: 0; }

.range-slider-handle {
  background: #7774a6;
  background: -moz-linear-gradient(top, #7774a6 0%, #2e2a66 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7774a6), color-stop(100%, #2e2a66));
  background: -webkit-linear-gradient(top, #7774a6 0%, #2e2a66 100%);
  background: -o-linear-gradient(top, #7774a6 0%, #2e2a66 100%);
  background: -ms-linear-gradient(top, #7774a6 0%, #2e2a66 100%);
  background: linear-gradient(to bottom, #7774a6 0%, #2e2a66 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7774a6', endColorstr='#2e2a66',GradientType=0 );
  border-radius: 14px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: -3px;
  z-index: 3;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  box-shadow: 1px 3px 2.94px 0.06px rgba(0, 0, 0, 0.2);
  text-shadow: 1px 3px 2.94px rgba(0, 0, 0, 0.2); }
  .range-slider-handle:hover {
    background: #5d5995; }
  .range-slider-handle .value-display {
    margin-top: -20px;
    font-size: 0.75em;
    font-family: helvetica_neuebold,"Helvetica Neue Bold",Helvetica,Arial,sans-serif;
    font-weight: 400; }

.range-slider-active-segment {
  background: #dddddd;
  border-bottom-left-radius: inherit;
  border-top-left-radius: inherit;
  display: inline-block;
  height: 8px;
  position: absolute;
  z-index: 1; }

/*# sourceMappingURL=range-slider.css.map */