#timeline-wrap{
  margin: 3vh 3vw;
  position:relative;
 
}

#timeline{
  height:2px;
  width: 100%;
  background-color:#aabbc4; 
}

 .marker{
    z-index:1000;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    margin-left: -25px;
    background-color: #999999;
    border-radius: 50%;
    background-color: #777 !important;
}

.marker.active {
    background-color: green !important;
}

.mfirst{
     top:-25px;
}

.m2{
     top:-25px;
      left:32.5%
}

.m3{
     top:-25px;
    left:66%
}


.mlast{
     top:-25px;
    left:100%
}