nav.wizard{display:block}nav.wizard ul{display:flex}nav.wizard ul li{align-items:center;display:flex;flex-direction:column;flex-grow:1;font-size:14px;position:relative;text-align:center;width:20%}nav.wizard ul li:before{left:0}nav.wizard ul li:after,nav.wizard ul li:before{background:#ddd;content:"";display:block;height:2px;position:absolute;top:15px;width:calc(50% - 30px)}nav.wizard ul li:after{right:0}nav.wizard ul li .circle{background:#726d65;border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:30px;line-height:30px;position:relative;width:30px}nav.wizard ul li.active .circle,nav.wizard ul li.done .circle{background:var(--colorSecondary)}nav.wizard ul li.active{color:var(--colorSecondary)}nav.wizard ul li.active .circle,nav.wizard ul li.done .circle{overflow:hidden;padding-left:30px;width:0}nav.wizard ul li.active .circle:before,nav.wizard ul li.done .circle:before{color:#fff;font-size:18px;font-weight:700;left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}nav.wizard ul li.done .circle:before{content:"\f107"/"";font-family:icon-font;font-style:normal;font-weight:400;line-height:1}nav.wizard ul li.active .circle:before{content:"\f121"/"";font-family:icon-font;font-style:normal;font-weight:400;line-height:1}nav.wizard ul li.active .circle ul li .label{margin-top:5px}