.grop-cause_detai_prgresbar  .grop-progress-bar {
height: 70px;
margin: 0 0 10px;
}
.progress-title-holder {
color: #2e2e2e;
font-size: 15px;
font-weight: 400;
line-height: 15px;
margin: 0;
padding-bottom:21px;
position: relative;
}
.progress-title {z-index: 100;}
.progress-number-wrapper {
width: 100%;
z-index: 10;
}
.progress-number-mark {
margin-bottom: 4px;
border-radius: 3px;
background-color: rgb(22,23,29);
padding: 0 8px;
position: absolute;
bottom: 0;   
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%); 
} 
.progress-number-wrapper,
.progress-number-mark {
font-family: Open Sans, sans-serif;
font-size: 11px;
line-height: 24px;
height: 24px;
letter-spacing: 0px;
font-weight: 600;
font-style: normal;
text-transform: none;
color: #ffffff;
}
.down-arrow {
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 3px solid #16171d;
position: absolute;
left: 50%;
top: 100%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);  
}
.progress-content-outter {
height: 12px;
background-color: #9FB1FB;
}
.progress-content {
height: 21px;
background-color: #337AB7;
width: 0%; }
.grop-cause_detail_cont {
padding-top: 14px;
}