/*------------------------------------------------------------------

Project:	A Future HTML UI Kit
Version:	1.0.0
Author: 	webstrot 

------------------------------------------------------------------
[Table of contents]
 
/* features_section start */

.features_section{
	float:left;
	width:100%;
	padding-top:100px;
}
.about_image_wrapper,.about_text_wrapper {
	float:left;
	width:100%;
}
.about_image_wrapper{
	text-align:center;
}
.about_image_wrapper img{
	display:inline-block;
}
.about_text_wrapper h2{
	font-size:30px;
	margin-bottom:30px;
}
.about_text_wrapper h2:after {
    content: '';
    border: 1px solid #4385f5;
    display: block;
    width: 50px;
    border-radius: 3px;
    margin-top: 20px;
}
.about_text_wrapper p{
	font-size:16px;
}
.about_text_wrapper ul li{
	float: left;
    width: 100%;
	padding-top: 20px;
}
.about_text_wrapper ul li a{
	float: left;
    padding-left: 10px;
    width: calc(100% - 15px);
	color: #999999;
	font-size:15px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.about_text_wrapper a:hover{
	color: #4285f4;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.about_text_wrapper ul li i{
	float: left;
    width: 15px;
    line-height: 24px;
	color: #4285f4;
}
.btn_discover{
	background: #4285f4;
	border-radius: 5px;
	color:#fff;
	border: 1px solid  #4285f4;
	padding:10px 30px;
	font-weight: 400;
	text-transform: uppercase;
	margin-right:10px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.btn_discover:hover{
    background: transparent;
    border: 1px solid  #4285f4;
    color: #4285f4;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.about_text_wrapper button{
	margin-top: 35px;
}
 
/* features_section end*/


/** feature_icon_section start **/

.feature_icon_section{
	float:left;
	width:100%;
	padding-bottom:1px;
}
.feature_icon_content{
	float: left;
    width: 15%;
    padding: 30px;
    text-align: center;
    line-height: 0;
	border:1px solid #efefef;
	border-left:0;
	border-bottom:1px solid #efefef;
	
}
.feature_icon_content:last-child{
	border-right:0;
}
.feature_icon_content:hover{
	background:#4285f4;
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.feature_icon_content:hover i , .feature_icon_content:hover h4{
	color:#fff;
}
.feature_icon_content i{
	font-size:30px;
	color:#4285f4;
}
.feature_icon_content h4{
	font-size:14px;
	padding-top:20px;
}

/** feature_icon_section end **/