/*------------------------------------------------------------------
[17. services page style]
*/
.section-header{
	margin: 50px 0;
}

.quote{
	padding: 100px 70px;
	background-position: center center;
}

.quote-text{
	position: relative;
	z-index: 2;
	color: #fff;
}

/*branding options*/
.service{
	border: 2px solid #ddd;
	margin-bottom: 30px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

/*branding options*/
.service i{
	color: #eb2227;
	padding: 20px 0;
	font-size: 70px;
	display: inline-block;
}

/*branding options*/
.service:hover{
	background: #ddd;
}

.service li p:before{
	content: "\f0fe";
	font-family: "FontAwesome";
	padding-right: 10px;
}

/*branding options*/
.services2-container{
	border: 2px solid #ddd;
}

/*branding options*/
.service2-text{
	background: #ebf7cc;
	cursor: pointer;
}
.service2-logo{
	cursor: pointer;
}

/*branding options*/
.service2 p{
	line-height: 24px;
	color: #999;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

/*branding options*/
.service2 h5{
	margin-bottom: 5px;
	color: #555;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.service2:hover h5, .service2:hover p{
	color: #000;
}

.service2 i{
	font-size: 70px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}

/*branding options*/
.service2:hover i{
	color: rgb(235, 34, 39);
}

.service-text-box{
	background: #dddddd;
	padding: 45px;
}