/*** 

====================================================================
	Skills Section
====================================================================

***/

.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 Section*/

.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;
}