/* Buliten Factory & Industry HTML Template */

/************ TABLE OF CONTENTS ***************

7. Services Section

30. Services Single Section

====================================================================
	Services Section
====================================================================

***/

.services-section{
	position:relative;
	padding:100px 0px 70px;
	background-color:#f5f5f5;
}

.services-block{
	position:relative;
	margin-bottom:30px;
}

.services-block .inner-box{
	position:relative;
	overflow:hidden;
}

.services-block .inner-box .image{
	position:relative;
	overflow:hidden;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box:hover .image img{
	transform:scale(1.2,1.2);
}

.services-block .inner-box .lower-content{
	position:relative;
	padding:22px 25px;
	/*border:1px solid #dddddd;
	border-top:none;*/
}

.services-block .inner-box .lower-content h3{
	position:relative;
	color:#000048;
	z-index:1;
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
}

.services-block .inner-box .lower-content h3 a{
	position:relative;
	color:#000048;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box:hover .lower-content .text,
.services-block .inner-box:hover .lower-content h3 a{
	color:#ffffff;
}

.services-block .inner-box .lower-content .text{
	position:relative;
	color:#080808;
	z-index:1;
	font-size:16px;
	line-height:1.8em;
	margin-top:5px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box .lower-content .upper-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:50%;
}

.services-block .inner-box .lower-content .upper-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:50%;
	background-color:#fc8a04;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box .lower-content .upper-layer:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:50%;
	background-color:#fc8a04;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box:hover .lower-content .upper-layer:before,
.services-block .inner-box:hover .lower-content .upper-layer:after{
	width:100%;
}

.services-block .inner-box .lower-content .lower-layer{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:50%;
}

.services-block .inner-box .lower-content .lower-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:50%;
	background-color:#fc8a04;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box .lower-content .lower-layer:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:50%;
	background-color:#fc8a04;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box:hover .lower-content .lower-layer:before,
.services-block .inner-box:hover .lower-content .lower-layer:after{
	width:100%;
}

/* Services Block Two */

.services-block-two{
	position:relative;
	margin-bottom:30px;
}

.services-block-two .inner-box{
	position:relative;
	padding:22px 25px;
	min-height:140px;
	padding-right:140px;
/*	border:1px solid #dddddd;*/
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-two .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:1px;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-two .inner-box:hover::before{
	height:100%;
}

.services-block-two .inner-box h3{
	position:relative;
	color:#000048;
	z-index:1;
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
}

.services-block-two .inner-box h3 a{
	position:relative;
	color:#000048;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-two .inner-box h3 a:hover{
	color:#ffaa00;
}

.services-block-two .inner-box .text{
	position:relative;
	color:#080808;
	z-index:1;
	font-size:16px;
	line-height:1.8em;
	margin-top:10px;
}

.services-block-two .inner-box .image{
	position: absolute;
	right:0px;
	top:0px;
	overflow:hidden;
	width:140px;
	height:100px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-two .inner-box:hover{
	box-shadow:0px 0px 25px rgba(0,0,0,0.15);
}

/* Services Block Three */

.services-block-three{
	position:relative;
	margin-bottom:30px;
}

.services-block-three .inner-box{
	position:relative;
	padding:30px 35px;
	background-color:#f5f5f5;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-three .inner-box:before{
	position:absolute;
	content:'';
	width:0px;
	height:0px;
	left:0px;
	top:0px;
	transform:scale(0,0);
	-moz-transform:scale(0,0);
	-webkit-transform:scale(0,0);
	-ms-transform:scale(0,0);
	-o-transform:scale(0,0);
	background-color:#f7b71e;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.services-block-three .inner-box:hover::before{
	width:100%;
	height:100%;
	transform:scale(1,1);
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
}

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

.services-block-three .inner-box .upper-box .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#000048;
	font-size:24px;
	line-height:1em;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-three .inner-box .upper-box h6{
	position:relative;
	color:#333333;
	font-weight:700;
	line-height:1.3em;
	padding-top:3px;
}

.services-block-three .inner-box .upper-box h6 a{
	position:relative;
	color:#333333;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-three .inner-box:hover .text,
.services-block-three .inner-box:hover .upper-box .icon,
.services-block-three .inner-box:hover .upper-box h6 a{
	color:#ffffff;
}

.services-block-three .inner-box .text{
	position:relative;
	color:#080808;
	font-size:16px;
	line-height:1.8em;
	margin-top:22px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-three .inner-box .read-more{
	position:relative;
	color:#ffaa00;
	font-size:14px;
	font-weight:700;
	margin-top:15px;
	display:inline-block;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}


.services-section-three{
	position:relative;
	padding:100px 0px 70px;
	background-position:right bottom;
	background-repeat:no-repeat;
}

.services-block-four{
	position:relative;
	margin-bottom:30px;
}

.services-block-four .inner-box{
	position:relative;
}

.services-block-four .inner-box .icon-box{
	position:relative;
	color:#ffaa00;
	font-size:64px;
	line-height:1em;
	font-weight:300;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-four .inner-box:hover .icon-box{
	color:#000048;
}

.services-block-four .inner-box h5{
	position:relative;
	color:#333333;
	font-weight:700;
	line-height:1.3em;
	margin-top:30px;
}

.services-block-four .inner-box h5 span{
	color:#080808;
}

.services-block-four .inner-box .text{
	position:relative;
	color:#080808;
	font-size:16px;
	line-height:1.8em;
	margin-top:15px;
}

/***