.barfiller {
    width: 100%;
    height: 6px;
    background: #efefef;
    position: relative;
    margin-bottom: 20px;
}
.barfiller .fill {
    display:block;
    position:relative;
    width:0px;
    height:100%;
    background:#1b2026;
    z-index:1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.barfiller .tipWrap {
    display:none;
}
.barfiller .tip {
    margin-top:-30px;
    padding:2px 4px;
    font-size:11px;
    color:#fff;
    left:0px;
    position:absolute;
    z-index:2;
    background: #1b2026;
} 
.barfiller .tip:after {
    border:solid;
    border-color:rgba(0,0,0,.8) transparent;
    border-width:6px 6px 0 6px;
    content:"";
    display:block;
    position:absolute;
    left:9px;
    top:100%;
    z-index:9
}
.single-skill {
	margin-bottom: 35px;
}
.single-skill:last-child, .single-skill:last-child .barfiller, .single-skill:last-child .fill {
	margin-bottom: 0;
}
.single-skill span {
	font-size: 12px;
	margin-bottom: 12px;
	display: inline-block;
	color: #0c0c0c;
	font-weight: 600;
	text-transform: uppercase;
}