/* Progress Tracker */



/* Animate slide in left Progress Tracker */

.progress-tracker {
  position: fixed;
  top: 80%;
  right: 20px;

}    
    
    



@media (max-width:550px)
{
    .progress-tracker ul li 
    {
        display: hidden;
        right: -100px;
    }

}




.progress-tracker.hide {
  width: 0px;
}
.progress-tracker.hide ul li .pt-description,
.progress-tracker.hide.active ul li .pt-description,
.progress-tracker.hide.constant ul li.active .pt-description {
  display: none;
}
.progress-tracker ul li {
  width: 20px;
  height: 20px;
  position: relative;
  background-color: #ebe9ea;
  border: 1px solid #fe7e00;
  margin-bottom: 10px;
  list-style-type: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
    
}     
    
    
    
    

.progress-tracker ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.progress-tracker ul li .pt-description {
  display: none;
  width: 200px;
  position: absolute;
  top: -2px;
  right: 25px;
  color: #333333  
}
.progress-tracker ul li .pt-description span {
  float: right;
  text-align: right;
  background-color: #e9ebea;
  padding: 3px 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.progress-tracker ul li.active {
  background-color: #0070a4;
  border-color:#0070a4; 

}
.progress-tracker.constant ul li.active .pt-description {
  display: block;

}

