.progressbar{margin:50px 0 50px 0;counter-reset:step}.progressbar li{list-style-type:none;width:25%;float:left;font-size:12px;position:relative;text-align:center;text-transform:uppercase;color:#000}.progressbar li:before{width:15px;height:15px;content:"";line-height:30px;border:2px solid #7d7d7d;background-color:#7d7d7d;display:block;text-align:center;margin:0 auto 10px auto;border-radius:50%;transition:all .8s;position:relative;z-index:1}.progressbar li:after{width:100%;height:2px;content:"";position:absolute;background-color:#55b776;top:7px;left:-50%;transition:all .8s}.progressbar li:first-child:after{content:none}.progressbar li.active:before{border-color:#55b776}.progressbar li.active:after,.progressbar li.active:before{background-color:#55b776;transition:all .8s}.btn{background-color:#55b776;margin:5px;width:75px}.btn,.btn:focus,.btn:hover{color:#fff}.btn-container{display:flex;justify-content:center;width:100%;position:absolute;bottom:0}