.hl-progressbar {
    width:100%;
    position: relative;
    height: 30px;
    display: none;
    margin-top: 33px;
}

.hl-progressbar.hl-hero {
    width:100%;
    position: relative;
    height: 40px;
    display: none;
    margin-top: 43px;
}



.hl-progressbar-start {
    width: 50px;
    float: left;
    height: 15px;
    text-align: left;
    line-height: 15px;
    font-size: 19px;
    font-weight: lighter;
    color: #6d6f71;
}
.hl-progressbar-end {
    width: 60px;
    float: left;
    height: 15px;
    text-align: right;
    line-height: 15px;
    font-size: 19px;
    font-weight: lighter;
    color: #6d6f71;
}

.hl-progressbar-end.full {
    width: 70px;
    float: left;
    height: 15px;
    text-align: right;
    line-height: 15px;
    font-size: 19px;
    font-weight: lighter;
    color: #6d6f71;
}

.clean .hl-progressbar-current {
    display:none!important;
}

.hl-progressbar-current {
    width:140px;
    position: absolute;
    right: -60px;
    top: -43px;
    z-index: 4;
    color:#eb5933;
    font-size: 28px;
    font-weight: normal;
}
.hl-progressbar-end.full {
    color: #eb5933;
}

.hl-progressbar-inactive {
    /*width: 70%;*/
    background-color: #f5f5f5;
    height: 15px;
    position: relative;
    float: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


.hl-progressbar.gray .hl-progressbar-active{
    background: linear-gradient(to right, #bcbcbc, #e2e2e2);
}
.hl-progressbar.gray .hl-progressbar-dot{
    background: linear-gradient(to right, #bcbcbc, #e2e2e2);
}
.hl-progressbar.gray .hl-progressbar-end, .hl-progressbar.gray .hl-progressbar-end.full{
    color: #6d6f71;
}

.hl-progressbar.hl-hero .hl-progressbar-current{
    font-size: 36px;
    top: -52px;
    font-weight: normal;
    width: 140px;
    right: -60px;
}
.hl-progressbar.gray .hl-progressbar-current{
    color: #6d6f71;
}
.hl-progressbar-active {
    position: absolute;
    left: 0;
    height: 15px;
    background: linear-gradient(to right, #eb5933, #f29279);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: visible !important;
}

.hl-progressbar-dot {
    width: 26px;
    height: 26px;
    position: absolute;
    right: -13px;
    background: linear-gradient(to right, #eb5933, #f29279);
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    top: -45%;
    z-index: 4;
    text-align: center;
}