/*body {  font-family: Helvetica, sans-serif; padding: 40px}*/
/*a {text-decoration: none}*/

/* PROGRESS TRACKER */

.step{
    position: relative;
}

.progress-tracker {
  display: flex;
  margin: 0;
  counter-reset: item;
  list-style-type: none;
  padding: 0;
  min-width: 1550px;

}
.progress-tracker .step:before {
  background: #AAAAAA;
  border-radius: 20px;
  color: #FFFFFF;
  content: "";
  font-size: 18px;
  line-height: 1.8em;
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 35px;
  height: 35px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: counter(item) "  ";
  counter-increment: item;
  z-index: 1;
}
.progress-tracker .step {flex: 1;}
.progress-tracker .step .step-name{
	display: inline-flex;
  margin: 0 0 0 15px;
  background: #dddddd;
  height: 35px;
  width: 100%;
  align-items: center;
  padding: 0 24px;
  color: #777777;
  line-height: 1.2em;
  font-size: 13px;
        -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out
}
.progress-tracker .step:last-child .step-name{ border-radius: 0 20px 20px 0; width: calc(100% - 45px)}
.progress-tracker .step.active .step-name {color: #333333; font-weight: bold;}
.progress-tracker .step.active:before {background: #fa5838;}
.progress-tracker .step.completed:before {background: #87db55; content: "\2714";}
.progress-tracker .step.completed a{background: #c6ffa4}
.progress-tracker .step.active a{background: #f1c9bb}




.completed .pulsating-circle:before{
    background-color: #79c64e;
}


.pulsating-circle {
    position: absolute;
    left: 7.7%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 30px;
    height: 30px;
    z-index: 40;
}

@media (min-width: 1680px) {
    .pulsating-circle {
        left: 6.5%;
    }
}

.pulsating-circle:before {
    content: '';
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    background-color: #fa5838;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  }

 .pulsating-circle:after {
    /*content: '';*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background-color: transparent;*/
    /*border-radius: 15px;*/
    /*box-shadow: 0 0 8px rgba(0,0,0,.3);*/
    /*animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;*/
  }


@keyframes pulse-ring {
  0% {
    transform: scale(.33);
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-dot {
  0% {
    transform: scale(.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(.8);
  }
}

.progress-tracker .step.completed a:hover{
    color: #188200 !important;
    background: #afff6d !important;

}

.progress-tracker .step.active a:hover{
    /*color: #ffffff !important;*/
    color: #bf0012 !important;
    background: #ffb5a6 !important;
}