/*.wraper{*/
    /*width:470px;*/
    /*margin:50px auto;*/
/*}*/

.wraper:before,
.wraper:after {
    display: table;
    content: " ";
}

.wraper:after{
    clear: both;
}

/* Skills Style 2 */

.skillst2{
    width:100%;
    color:#fff;
}
.skillst2 .skillbar{
    width: 100%;
    height: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: url("../img/stripe.png") repeat scroll 0 0 #e0e0e0;
    position:relative;
    margin-bottom:30px;
}
.skillst2 .count-bar{
    height: 100%;
    width:0px;
    position:relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.skillst2 .count-bar.color-1{
    background-color: #3389e7;

}
.skillst2 .count-bar.color-2{
    background-color: #fd871f;

}
.skillst2 .count-bar.color-3{
    background-color: #bd5bb9;

}
.skillst2 .count-bar.color-4{
    background-color: #2d7da5;

}
.skillst2 .count-bar.color-5{
    background-color: #f75d41;

}
.skillst2 .title{
    font-size:14px;
    font-weight:400;
    padding-left:12px;
    line-height:30px;
    text-transform:uppercase;
}
.skillst2 .count{
    position:absolute;
    top:0;
    right:12px;
    line-height:30px;
    font-size:14px;
    font-weight:400;
}