rl-theme/Helium/uikit/scss/_features.scss

/* Features Header */
.features-header{
	background: #f5f5f5;
    margin: 30px 0;
    padding: 30px 30px;
}
.features-wrap{
	background: #f5f5f5;
	padding: 30px 30px 0px;
	margin-bottom: 50px;
}
/* Features Box */
.featured-box{
	margin-bottom: 30px;
	.featured-icon{
		float: left;
		i{
			width: 48px;
		    height: 48px;
		    color: $preset;
		    border: 1px solid $preset;
		    text-align: center;
		    line-height: 48px;
		    font-size: 22px;
		    border-radius: 50%;
		    transition: all 0.4s ease;
		 	-moz-transition: all 0.4s ease;
		  	-webkit-transition: all 0.4s ease;
		  	-o-transition: all 0.4s ease;
		}
	}
	.featured-content{
		padding-left: 64px;
		h4{
			font-size: 18px;
			margin-bottom: 10px;
		}
	}
}
.featured-box:hover .featured-icon i{
	background: $preset;
	color: #fff;
}
.featured-center{
	text-align: center;
	.featured-icon{
		float: none;
		margin-bottom: 20px;
	}
	.border-icon{
		i{
			font-size: 30px;
			border: none;
		}
	}
	.featured-content{
		padding-left: 0;
	}
}
.featured-img{
	margin-bottom: 30px;
	.featured-content{
		background: #f5f5f5;
		padding: 15px;
		h4{
			font-size: 18px;
			margin-bottom: 10px;
		}
	}
}
.featured-box-item{
	margin-bottom: 40px;
	.featured-icon{
		float: left;
		i{
			width: 70px;
		    height: 70px;
		    color: $preset;
		    border: 2px solid #f1f1f1;
		    text-align: center;
		    line-height: 70px;
		    font-size: 30px;
		    border-radius: 10px;
		    transition: all 0.4s ease;
		 	-moz-transition: all 0.4s ease;
		  	-webkit-transition: all 0.4s ease;
		  	-o-transition: all 0.4s ease;
		}
	}
	.featured-content{
		padding-left: 88px;
		h4{
			font-size: 15px;
			text-transform: uppercase;
			margin-bottom: 10px;
		}
	}
}
.featured-box-item:hover .featured-icon i{
	background: $preset;
	color: #fff;
}