.timeline {
    clear: both;
    position: relative;
    margin-left: 50px;
    margin-right: 50px;
    padding-top: 20px;
    margin-bottom: 20px;
  }
  .timeline > .time,
  .timeline > .duration {
    color: #ABABAB;
    font-size: 12px;
    position: absolute;
    top: 10px;
  }
  .timeline > .time {
    text-align: left;
    left: -50px;
  }
  .timeline > .duration {
    text-align: right;
    right: -50px;
  }
  .rangeslider {
    background: #1C1C1C;
    box-shadow: none;
    border-radius: 3px;
  }
  .rangeslider--horizontal {
    height: 5px;
  }
  .rangeslider__fill {
    background: #B8080A;
    box-shadow: none;
  }
  .rangeslider__handle {
    background-image: none;
    background: #B8080A;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border: none;
    height: 20px;
    width: 20px;
  }
  .rangeslider--horizontal .rangeslider__handle {
    top: -7px;
  }
  .rangeslider__handle:after {
    background-image: none;
  }