/* // CSS SHIPPING // */
ol.progtrckr {
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 0;
  padding-left: 10px;
  list-style-type: none;
}

ol.progtrckr li {
  display: inline-block;
  text-align: center;
  line-height: 3.5em;
}

ol.progtrckr[data-progtrckr-steps="1"] li {
  width: 100%;
}

ol.progtrckr[data-progtrckr-steps="2"] li {
  width: 49%;
}

ol.progtrckr[data-progtrckr-steps="3"] li {
  width: 33%;
}

ol.progtrckr[data-progtrckr-steps="4"] li {
  width: 24%;
}

ol.progtrckr[data-progtrckr-steps="5"] li {
  width: 19%;
}

ol.progtrckr[data-progtrckr-steps="6"] li {
  width: 16%;
}

ol.progtrckr[data-progtrckr-steps="7"] li {
  width: 14%;
}

ol.progtrckr[data-progtrckr-steps="8"] li {
  width: 12%;
}

ol.progtrckr[data-progtrckr-steps="9"] li {
  width: 11%;
}

ol.progtrckr li.progtrckr-1 {
  color: black;
  border-bottom: 4px solid rgb(42, 253, 0);
}

ol.progtrckr li.progtrckr-0 {
  color: silver;
  border-bottom: 4px solid silver;
}

ol.progtrckr li.progtrckr-2 {
  color: black;
  border-bottom: 4px solid rgb(233, 16, 16);
}

ol.progtrckr li.progtrckr-3 {
  color: black;
  border-bottom: 4px solid rgb(221, 255, 0);
}

ol.progtrckr li.progtrckr-4 {
  color: black;
  border-bottom: 4px solid rgb(91, 192, 222);
}

ol.progtrckr li.progtrckr-5 {
  color: black;
  border-bottom: 4px solid #f210c1;
}

ol.progtrckr li:after {
  content: "\00a0\00a0";
}

ol.progtrckr li:before {
  position: relative;
  bottom: -2.5em;
  float: left;
  left: 50%;
  line-height: 1em;
}

ol.progtrckr li.progtrckr-0:before {
  content: "\039F";
  color: silver;
  background-color: white;
  font-size: 2.2em;
  bottom: -1.2em;
}

ol.progtrckr li.progtrckr-1:before {
  content: "\2713";
  color: white;
  background-color: #228b22;
  height: 2.2em;
  width: 2.2em;
  line-height: 2.2em;
  border: none;
  border-radius: 2.2em;
}

ol.progtrckr li.progtrckr-2:before {
  content: "\2573";
  color: white;
  background-color: rgb(145, 15, 15);
  height: 2.2em;
  width: 2.2em;
  line-height: 2.2em;
  border: none;
  border-radius: 2.2em;
}

ol.progtrckr li.progtrckr-3:before {
  content: "\21BB";
  color: white;
  background-color: rgb(219, 223, 10);
  height: 2.2em;
  width: 2.2em;
  line-height: 2.2em;
  border: none;
  border-radius: 2.2em;
  -moz-animation: animaputar 2s infinite linear;
  -webkit-animation: animaputar 2s infinite linear;
}

ol.progtrckr li.progtrckr-4:before {
  content: "\21D2";
  color: white;
  background-color: rgb(91, 192, 222);
  height: 2.2em;
  width: 2.2em;
  line-height: 2.2em;
  border: none;
  border-radius: 2.2em;
}

ol.progtrckr li.progtrckr-5:before {
  content: "\1F551";
  color: white;
  background-color: #f210c1;
  height: 2.2em;
  width: 2.2em;
  line-height: 2.2em;
  border: none;
  border-radius: 2.2em;
}

@-moz-keyframes animaputar {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes animaputar {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}
