:root{--main-background-color:#f8f4eb}:root{--main-text-color:#41424c;--main-link-color:#e63246}.progress-bar{display:flex;margin:0 auto 25px;padding:15px 15px 0;width:100%;max-width:270px}.progress-bar.labels-visible{margin-top:30px}.progress-bar li{list-style-type:none;display:table-cell;flex:1 1 auto;float:left;font-size:0;position:relative;text-align:center}.progress-bar li span{position:relative;display:block;margin:0 auto;width:17px;height:17px;color:var(--main-link-color);line-height:50px;font-size:0;border:2px solid var(--main-link-color);border-radius:50%;text-align:center;pointer-events:none;transition:none}.progress-bar li:after{width:35%;color:var(--main-link-color);height:6px;content:"........................................";position:absolute;font-size:16px;top:5px;left:-18%;z-index:0;line-height:0;overflow:hidden}.progress-bar li:first-child:after{content:none}.progress-bar li.step-done span{border-color:var(--main-text-color);background:var(--main-text-color);pointer-events:auto}.progress-bar li.step-active span{background:var(--main-link-color);pointer-events:auto}@media all and (min-width:1280px){.progress-bar{margin-bottom:65px;max-width:1224px}.progress-bar.labels-visible{margin-top:50px}.progress-bar li:after{top:24px}.progress-bar.labels-visible li:after{top:62%}.progress-bar li span{width:50px;height:50px}.progress-bar.labels-visible li em{display:block;margin-bottom:10px;font-style:normal;font-size:16px;font-weight:600;text-transform:uppercase}.progress-bar.labels-visible li.step-active em{color:var(--main-link-color)}.progress-bar li span::before{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);background:url(../images/pnd/arrow_right-red.svg) no-repeat center;background-size:10px}.progress-bar li:last-child span::before{background:url(../images/pnd/icon-flag-red.svg) no-repeat center}.progress-bar li.step-done span::before{background:var(--main-text-color) url(../images/pnd/icon-check.svg) no-repeat center}.progress-bar li.step-active span::before{background:var(--main-link-color) url(../images/pnd/icon-edit.svg) no-repeat center;background-size:16px;color:#fff}.progress-bar.labels-visible li.step-active span::before{background:var(--main-link-color) url(../images/pnd/arrow_right-white.svg) no-repeat center;background-size:10px;color:#fff}}