#form {  
    text-align: center;  
    position: relative;  
    margin-top: 20px  
} 
#progressbar {  
    margin-bottom: 30px;  
    overflow: hidden;  
    color: lightgrey  
}  
#progressbar .active {  
    color: black  
} 
#progressbar a{
   float: left;
   width: 23%;
}
#progressbar li {  
    list-style-type: none;  
    font-size: 15px;  
    /*width: 17%; 
    float: left;  */
    position: relative;  
    font-weight: 400  
}  
#progressbar #step1:before {  
    content: ""  
}  
#progressbar #step2:before {  
    content: ""  
}  
#progressbar #step3:before {  
    content: ""  
}  
#progressbar #step4:before {  
    content: ""  
}
#progressbar #step5:before {  
    content: ""  
}
#progressbar #step6:before {  
    content: ""  
}
#progressbar li:before {  
    width: 20px;  
    height: 20px;  
    line-height: 35px;  
    display: block;  
    font-size: 20px;  
    /*color: #ffffff; */ 
    background: #f1f1f1;  
    /*box-shadow: 0 0 8px 0 #fff;*/
    border-radius: 50%;  
    margin: 10 auto 10px auto;  
    padding: 2px;
    border: 2px solid #fff;
}  
#progressbar li:after {  
    content: '';  
    width: 100%;  
    height: 2px;  
    background: #f1f1f1;  
    position: absolute;  
    left: 0;  
    top: 10px;  
    margin: 0 auto;
    z-index: -1;
    
}  
#progressbar li:hover{
    color:black
}
#progressbar li.active:before  
{  
    background: orange  
}  
#progressbar li.active:after {  
    background: orange  
}  
#progressbar li.active:after {  
    background: orange 
}  
h2 {  
/*text-transform: uppercase;  */
font-weight: normal;  
text-align: center;  
margin: 10;  
padding: 10  
color: red;  
}  
.progress {  
    height: 20px  
}  
.pbar {  
    background-color: #2F8D46  
}