.progressbar {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding-left: 0; }
  .progressbar li.completed:before {
    z-index: 2;
    background: #fff;
    margin: 0 auto;
    display: block;
    width: 30px;
    height: 30px;
    content: "";
    text-align: center;
    float: none;
    position: relative;
    top: 25px;
    border-radius: 100%;
    border: 2px solid #79b93e; }
  .progressbar li.current:before {
    z-index: 2;
    background: #fff;
    margin: 0 auto;
    display: block;
    width: 30px;
    height: 30px;
    content: "";
    text-align: center;
    float: none;
    position: relative;
    top: 25px;
    border-radius: 100%;
    border: 2px solid orange; }
  .progressbar li.continuation:before {
    z-index: 2;
    background: #fff;
    margin: 0 auto;
    display: block;
    width: 30px;
    height: 30px;
    content: "";
    text-align: center;
    float: none;
    position: relative;
    top: 25px;
    border-radius: 100%;
    border: 2px solid #20f89e; }
  .progressbar li {
    display: table-cell;
    padding-left: 0;
    text-align: center;
    position: relative; }
    .progressbar li .index {
      position: relative;
      z-index: 3;
      padding-bottom: 15px; }
    .progressbar li:before {
      z-index: 2;
      background: #fff;
      margin: 0 auto;
      display: block;
      width: 30px;
      height: 30px;
      content: "";
      text-align: center;
      float: none;
      position: relative;
      top: 25px;
      border-radius: 100%;
      border: 2px solid #e6e6e6; }
    .progressbar li:after {
      z-index: 1;
      content: "";
      border: 1px solid rgba(135, 135, 135, 0.2);
      width: 100%;
      webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(180deg);
      display: block;
      position: absolute;
      top: 42px;
      right: -53px; }
    .progressbar li:last-child:after {
      display: none; }
    .progressbar li span {
      text-transform: uppercase;
      margin-top: 35px;
      display: block;
      font-weight: 900; }

/*# sourceMappingURL=checkout_progress.css.map */