#progressbar{width:100%;margin-bottom:15px}.progressbar{counter-reset:step;padding:0;margin:0}.progressbar li{list-style:none;display:inline-block;position:relative;text-align:center;font-size:14px}.progressbar li .la{font-size:22px;margin-right:5px;top:3px;position:relative}.progressbar .previous .la{color:#008000;text-decoration:none}.progressbar .current .la{color:#008000;text-decoration:none}.progressbar li .label{transition:.2s;text-decoration:none}.progressbar li .label:hover{background-color:#80ff80;text-decoration:none;cursor:pointer;border-radius:4px;padding:5px 10px;border:1px solid #00a000}.progressbar li .label a:hover{text-decoration:none}.progressbar .next .la{color:#bbb}.progressbar .tab2{width:48%}.progressbar .tab3{width:32%}.progressbar .tab4{width:24%}.progressbar .tab5{width:19%}.progressbar li:before{content:counter(step);counter-increment:step;width:30px;height:30px;line-height:30px;border:1px solid #006000;border-radius:100%;display:block;text-align:center;margin:0 auto 5px auto;background-color:#fff;font-weight:bold;font-size:18px}.progressbar li:after{content:"";position:absolute;width:100%;height:2px;background-color:#bbb;top:15px;left:-50%;z-index:-1}.progressbar li:first-child:after{content:none}.progressbar li.current{color:#008000;font-weight:bold}.progressbar li.current:before{background:radial-gradient(circle at 5px 5px,#40ff40,#000);border-color:#008000;color:white}.progressbar li.previous+li:after{background-color:#008000}.progressbar li.current+li:after{background-color:#bbb}.progressbar li.next{color:#aaa}.progressbar li.next:before{background:#eee;border-color:#aaa;color:#aaa}@media screen and (max-width:650px){.progressbar li{font-size:12px}.progressbar li .la{font-size:16px;font-weight:normal;display:none}}.step-number{width:25px;height:25px;line-height:25px;border:1px solid #004000;border-radius:100%;display:inline-block;text-align:center;margin:0 auto;font-weight:bold;font-size:14px;background:radial-gradient(circle at 5px 5px,#40ff40,#000);border-color:#008000;color:white}.step-text{width:20px;height:20px;line-height:20px;border:1px solid #004000;border-radius:100%;display:inline-block;text-align:center;margin:0 auto;font-weight:bold;font-size:12px;background:radial-gradient(circle at 5px 5px,#40ff40,#000);border-color:#008000;color:white;//margin-bottom:10px}