.progress {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #6c6c6c;
}
.progress > li {
    display: table-cell;
    font-size: 10pt;
    line-height: 12pt;
    position: relative;
    text-align: center;
	z-index:110;
}
.progress > li:before {
    background: none repeat scroll 0 0 #e0e0e0;
    border-radius: 100%;
    content: attr(data-step);
    display: block;
    font-size: 14pt;
    height: 2em;
    line-height: 2em;
    margin: 0 auto 0.25em;
    position: relative;
    text-align: center;
    width: 2em;
    z-index: 100;
}
.data-step {
	text-decoration: none;
}
.progress > li:after {
      content: '';
      position: absolute;
      display: block;
      background: #e0e0e0;
      width: 100%;
      height: 0.5em;
      top: 1.25em;
      left: 50%;
      margin-left: 1.5em\9;
	/*	 margin-left: calc(1.5em+4px)\9;*/
	  z-index:90;
}
.progress > li:last-child:after {
      display: none;
}
.progress > li.is-complete {
    color: #184727;
}
.progress > li.is-complete:before, .progress > li.is-complete:after {
    background: none repeat scroll 0 0 #83d49d;
    color: #184727;
}
.progress > li.is-active {
      color: #1e5f89;
}      
.progress > li.is-active:before {
        color: #FFF;
        background: #1e5f89;
}
  /**
   * Needed for IE8
   */
  .progress_last:after {
    display: none!important;	
  }
  .progress > li:after {
    left: 49%\9;
/*  left:calc(48%-2px)\9;*/
  
  }