/***

====================================================================
	Featured Section
====================================================================

***/

.featured-section{
	position:relative;
	padding:80px 0px 60px;
	box-shadow:0px 5px 10px #f6f6f6;
}

.featured-section .skill-column{
	position:relative;
	margin-bottom:40px;
}

.featured-section .skill-column .inner-column{
	position:relative;
}

.featured-section .skill-column .text{
	position:relative;
	color:#848484;
	font-size:18px;
	line-height:1.6em;
	margin-bottom:25px;
}

/*Skills Section*/

.skills .skill-item{
	position:relative;
	margin-bottom:30px;
}

.skills .skill-item:last-child{
	margin-bottom:0px;
}

.skills .skill-item .skill-bar{
	position:relative;
	width:100%;
	height:20px;
	border-radius:50px;
	overflow:hidden;
}

.skills .skill-item .skill-bar .bar-inner{
	position:relative;
	width:100%;
	overflow:hidden;
	height:20px;
	background:#f7f7f7;
}

.skills .skill-item .skill-bar .bar-inner .bar{
	position:absolute;
	left:0px;
	top:0px;
	height:20px;
	width:0px;
	border-radius:50px;
	-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:url(../images/icons/layer-1.jpg) repeat-x;
}

.skills .skill-item .skill-header{
	position:relative;
	line-height:30px;
	margin-bottom:8px;
}

.skills .skill-item .skill-header .skill-title{
	position:relative;
}

.skills .skill-item .skill-header .skill-title{
	float:left;
	color:#303030;
	font-size:14px;
	font-weight:600;
	text-transform:capitalize;
	font-family: 'Montserrat', sans-serif;
}

.skills .skill-item .skill-percentage{
	position:absolute;
	left:0px;
	top:0px;
	width:88px;
	float:right;
	font-weight:500;
	color:#ffffff;
	font-size:14px;
	z-index:1;
	text-align:center;
	line-height:1.5em;
	text-transform:uppercase;
	border-right:3px solid #ffffff;
	font-family: 'Montserrat', sans-serif;
}

.featured-block{
	position:relative;
	margin-bottom:35px;
}

.featured-block:last-child{
	margin-bottom:0px;
}

.featured-block .featured-inner{
	position:relative;
	padding-left:110px;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	border-left:2px solid #f2f2f2;
}

.featured-block .featured-inner:hover{
	margin-left:15px;
	border-color:#f5af00;
}

.featured-block .featured-inner .icon-box{
	position:absolute;
	left:30px;
	top:7px;
	font-size:50px;
	color:#17b6e6;
	line-height:1em;
}

.featured-block .featured-inner h3{
	position:relative;
	font-size:18px;
	font-weight:600;
	line-height:1.4em;
	margin-bottom:10px;
}

.featured-block .featured-inner h3 a{
	position:relative;
	color:#303030;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.featured-block .featured-inner h3 a:hover{
	color:#f5af00;
}

.featured-block .featured-inner .text{
	position:relative;
	color:#848484;
	font-size:16px;
	line-height:1.7em;
}
.skills .skill-item .skill-bar{
	position:relative;
	width:100%;
	height:20px;
	border-radius:50px;
	overflow:hidden;
}

.skills .skill-item .skill-bar .bar-inner{
	position:relative;
	width:100%;
	overflow:hidden;
	height:20px;
	background:#f7f7f7;
}

.skills .skill-item .skill-bar .bar-inner .bar{
	position:absolute;
	left:0px;
	top:0px;
	height:20px;
	width:0px;
	border-radius:50px;
	-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:url(../images/icons/layer-1.jpg) repeat-x;
}
.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

/***

/***

====================================================================
	Contact Info Section
====================================================================

***/

.contact-info-section{
	position:relative;
	padding:80px 0px 50px;
}

.branch-block{
	position:relative;
	margin-bottom:40px;
}

.branch-block .inner-box{
	position:relative;
	padding:35px 35px;
	border-radius:5px;
	background-color:#17b6e6;
}

.branch-block .inner-box h2{
	position:relative;
	color:#ffffff;
	font-size:18px;
	font-weight:600;
	line-height:1.4em;
	margin-bottom:14px;
}

.branch-block .inner-box .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.8em;
	margin-bottom:20px;
}

.branch-block .inner-box .direction{
	position:relative;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	letter-spacing:1px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
}

/*Info Block*/

.info-block{
	position:relative;
	margin-bottom:40px;
}

.info-block .inner-box{
	position:relative;
	padding:35px 35px;
	border-radius:5px;
	background-color:#191b1d;
}

.info-block .inner-box h2{
	position:relative;
	color:#ffffff;
	font-size:18px;
	font-weight:600;
	line-height:1.4em;
	margin-bottom:14px;
}

.info-block .inner-box ul{
	position:relative;
}

.info-block .inner-box ul li{
	position:relative;
	margin-bottom:13px;
	color:#ffffff;
	font-size:16px;
	font-weight:400;
	padding-left:40px;
}

.info-block .inner-box ul li .icon{
	position:absolute;
	left:0px;
	top:5px;
	color:#17b6e6;
	font-size:22px;
	line-height:1em;
}

.info-block .inner-box ul li strong{
	position:relative;
	display:block;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
}

/*Hours Block*/

.hours-block{
	position:relative;
	margin-bottom:40px;
}

.hours-block .inner-box{
	position:relative;
	padding:35px 35px;
	border-radius:5px;
	background-color:#f7f7f7;
}

.hours-block .inner-box h2{
	position:relative;
	color:#303030;
	font-size:18px;
	font-weight:600;
	line-height:1.4em;
	margin-bottom:16px;
}

.hours-block .inner-box ul{
	position:relative;
}

.hours-block .inner-box ul li{
	position:relative;
	color:#303030;
	font-size:16px;
	font-weight:400;
	margin-bottom:16px;
}

.hours-block .inner-box ul li span{
	position:absolute;
	right:0px;
}

/***

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two{
	position:relative;
	background-color:#f7f7f7;
}

.services-section-two .auto-container{
	max-width:1170px;
	padding:0px;
}

.services-section-two .outer-container{
	position:relative;
}

.services-section-two .outer-container:before{
	position:absolute;
	content:'';
	left:0px;
	top:50%;
	width:1px;
	height:80px;
	margin-top:-40px;
	background-color:#e7e7e7;
}

.services-section-two .outer-container:after{
	position:absolute;
	content:'';
	right:0px;
	top:50%;
	width:1px;
	height:80px;
	margin-top:-40px;
	background-color:#e7e7e7;
}

.services-section-two .services-block-three{
	padding:0px;
	z-index:1;
}

.services-block-three{
	position:relative;
}

.services-block-three .inner-box{
	position:relative;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
	padding:45px 15px 40px 40px;
}

.services-section-two .services-block-three:nth-child(2) .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:50%;
	width:1px;
	height:80px;
	margin-top:-40px;
	background-color:#e7e7e7;
}

.services-section-two .services-block-three:nth-child(2) .inner-box:after{
	position:absolute;
	content:'';
	right:0px;
	top:50%;
	width:1px;
	height:80px;
	margin-top:-40px;
	background-color:#e7e7e7;
}

.services-block-three .inner-box:hover,
.services-block-three.active .inner-box{
	background-color:#ffffff;
}

.services-section-two .services-block-three:nth-child(2) .inner-box:hover:before,
.services-section-two .services-block-three:nth-child(2) .inner-box:hover:after{
	opacity:0;
}

.services-block-three .inner-box .content{
	position:relative;
	padding-left:90px;
}

.services-block-three .inner-box .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	font-weight:400;
	font-size:60px;
	line-height:1em;
	color:#17b6e6;
}

.services-block-three .inner-box h2{
	position:relative;
	font-weight:600;
	font-size:18px;
	margin-bottom:2px;
	font-family: 'Montserrat', sans-serif;
}

.services-block-three .inner-box h2 a{
	position:relative;
	color:#303030;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.services-block-three .inner-box h2 a:hover{
	color:#17b6e6;
}

.services-block-three .inner-box .title{
	position:relative;
	color:#17b6e6;
	font-size:16px;
	margin-bottom:15px;
}

.services-block-three .inner-box .learn-more{
	position:relative;
	color:#303030;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	font-family: 'Montserrat', sans-serif;
}

.services-block-three .inner-box .learn-more .icon{
	position:relative;
	top:1px;
	margin-left:10px;
	font-size:16px;
}

.services-block-three .inner-box:hover .learn-more,
.services-block-three.active .inner-box .learn-more{
	color:#17b6e6;
}