.order-status-flow{display:-ms-flexbox;display:flex;width:100%;max-width:1e3px;-ms-flex-pack:justify;justify-content:space-between;position:relative;height:48px;margin:0 auto}.order-status-flow:before{content:"";width:100%;height:2px;position:absolute;left:0;top:50%;-webkit-transform:translatey(-50%);transform:translatey(-50%);background-color:#ebebeb}@media(max-width:768px){.order-status-flow:before{height:100%;width:2px;left:50%;top:0;-webkit-transform:translatex(-50%);transform:translatex(-50%)}}.order-status-flow__line{display:block;width:0;height:2px;position:absolute;left:0;top:50%;-webkit-transform:translatey(-50%);transform:translatey(-50%);background-color:#000;z-index:1}@media(max-width:768px){.order-status-flow__line{height:0%;width:2px;left:50%;top:0;-webkit-transform:translatex(-50%);transform:translatex(-50%)}}.order-status-flow__item{position:relative;z-index:2;height:48px;min-height:48px;width:48px;min-width:48px;background:#fff;border:2px solid#ebebeb;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:50%}.order-status-flow__item i{color:#000;font-size:24px;opacity:0;position:relative;right:-1px}.order-status-flow__item p{width:170px;position:absolute;top:calc(100% + 21px);font-weight:400;font-size:17px;line-height:1.529em;text-align:center;letter-spacing:.03em;color:#000;background-color:#fff;padding:0;margin:0}@media(max-width:990px){.order-status-flow__item p{font-size:16px;width:150px;top:calc(100% + 16px)}}.order-status-flow__item.active{border:2px solid#6ec814}.order-status-flow__item.active i{opacity:1;color:#6ec814}.order-status-flow__item.orange{border:2px solid orange}.order-status-flow__item.orange i{color:orange}.order-status-flow__item.green{border:2px solid#6ec814}.order-status-flow__item.green i{color:#6ec814}@media(max-width:768px){.order-status-flow__item+.order-status-flow__item{margin-top:115px}}.order-status-flow_without-line{-ms-flex-pack:center;justify-content:center}.order-status-flow_without-line:before{content:none}.order-status-flow_without-line .order-status-flow__line{display:none}.order-status-flow_without-line .order-status-flow__item p{width:90vw}@media(max-width:1280px){.order-status-flow{max-width:calc(100% - 120px)}}@media(max-width:768px){.order-status-flow{-ms-flex-direction:column;flex-direction:column;height:auto;width:auto;max-width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}}