ul.progress-bar{width:100%;margin:0;padding:0;list-style:none}li.section{display:inline-block;padding-top:40px;font-size:14px;font-weight:700;line-height:16px;color:#f5f5f5;vertical-align:top;position:relative;text-align:center;overflow:hidden;text-overflow:ellipsis;color:#343f4b;font-family:none;font-weight:400;line-height:18px;text-align:center}li.section:before{content:'';position:absolute;top:10px;left:calc(50% - 12px);z-index:1;width:12px;height:12px;color:#fff;border-radius:36px;line-height:26px;background:#644252}.status-bar{height:2px;background:#f5f5f5;position:relative;top:17px;margin:0 auto}.current-status{height:3px;width:0;border-radius:1px;background:#644252}@keyframes changeBackground{from{background:#f5f5f5}to{background:#644252}}li.section.visited:before{content:'';animation:changeBackground .5s linear;content:'';position:absolute;top:12px;left:calc(50% - 15px);z-index:1;width:10px;height:10px;color:#fff;border-radius:17px;line-height:26px;background:#fff;box-shadow:0 0 0 6px #644252}li.section.visited.current:before{box-shadow:0 0 0 11px #644252}@media only screen and (max-width:769px){li.section{font-size:12px}}