/* Webkit animation keyframes */
@-webkit-keyframes animate-stripes {
  from {
    background-position: 0 0;
  }
  
  to {
   background-position: 44px 0;
  }
}

.ui-progress-bar {
  position: relative;
  height: 49px;
  padding-right: 2px;
  border-bottom: 0;
  margin-top: -15px;
 
}
.ui-progress {
  position: relative;
  display: block;
  overflow: visible;
  height: 49px;  
  background:url(../../images/progress1.jpg) repeat-x left 2px;

   
}
.ui-progress.two {
  background:url(../../images/progress2.jpg) repeat-x left 2px;
  
}
.ui-progress.three {
  background:url(../../images/progress3.jpg) repeat-x left 2px;
}

.ui-progress span.ui-label {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: normal;
  text-transform:inherit;
  font-size: 40px;
  color: #272727;
  position: absolute;
  right: -20px !important;
  background-color:#f5f5f5;
  border:4px solid #f5f5f5;
  height:50px;
  line-height: 54px;
  padding-right: 20px;
   padding-left: 20px;
   padding-top: -4px;
  color:#23466d;
  z-index:99 !important;
  font-weight:300;
  -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);


}
.ui-progress span.ui-label b.value{font-weight:300;}