#progressbar{padding:0;margin:10px 0;overflow:hidden; counter-reset:step}#progressbar li{list-style-type:none;text-transform:uppercase;font-size:9px;width:12.5%;float:left;position:relative;text-align:center}#progressbar li{color:#5d5d5d}#progressbar li.active{color:#2d9fd3}#progressbar li.complete{color:#3fc380}#progressbar li:before{content:counter(step);counter-increment:step;width:20px;line-height:20px;display:block;font-size:10px;color:white;background:#5d5d5d;margin:0 auto 5px auto} #progressbar li:after{content:'';width:100%;height:2px;background:#a5a5a5;position:absolute;left:-50%;top:9px;z-index:-1; }#progressbar li:first-child:after{ content:none}  #progressbar li.active:before,#progressbar li.active:after{background:#2d9fd3;color:white}#progressbar li.complete:before,#progressbar li.active:after{background:#3fc380;color:white}body{background-color:white!important}.form-control:hover{border-color:#2d9fd3}@media (width < 768px){#progressbar li,#progressbar li.active{color:transparent}}