.skills-section{
position: relative;
padding: 105px 0px 60px;
}
.skills-section .title-column{
position: relative;
margin-bottom: 30px;
}
.skills-section .title-column .inner-column{
position: relative;
text-align: right;
}
.skills-section .title-column .inner-column .sec-title h2{
line-height: 1.2em;
margin-bottom: 25px;
}
.skills-section .skill-column{
position:relative;
margin-bottom: 40px;
}
.skills-section .skill-column .inner-column{
position:relative;
padding-left: 70px;
} .skills{
position: relative;
}
.skills .skill-item{
position:relative;
margin-bottom:50px;
}
.skills .skill-item:last-child{
margin-bottom:0px;
}
.skills .skill-item .skill-bar{
position:relative;
width:100%;
height:5px;
background-color:#eeeeee;
}
.skills .skill-item .skill-bar .bar-inner{
position:relative;
width:100%;
height:5px;
background:none;
}
.skills .skill-item .skill-bar .bar-inner .bar{
position:absolute;
left:0px;
top:0px;
height:5px;
width:0px;
-webkit-transition:all 2000ms ease;
-ms-transition:all 2000ms ease;
-o-transition:all 2000ms ease;
-moz-transition:all 2000ms ease;
transition:all 2000ms ease;
background:-webkit-linear-gradient(left, #483985, #e92e52);
background:-ms-linear-gradient(left, #483985, #e92e52);
background:-o-linear-gradient(left, #483985, #e92e52);
background:-moz-linear-gradient(left, #483985, #e92e52);
}
.skills .skill-item .skill-bar .bar-inner .bar:after{
position:absolute;
right: 0px;
top: -25px;
color:#443986;
content: "\f0d7";
font-family: 'FontAwesome';
}
.skills .skill-item .skill-header{
position:relative;
margin-bottom:12px;
}
.skills .skill-item .skill-header .skill-title{
position:relative;
}
.skills .skill-item .skill-header .skill-title{
float:left;
color:#222222;
font-size:12px;
font-weight:600;
line-height:1.4em;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.skills .skill-item .skill-header .skill-percentage{
float:right;
color:#222222;
font-size:12px;
font-weight:600;
line-height:1.4em;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}