@charset "utf-8";
/* CSS Document */
.home-solutions-sec h2{
	text-align: center;
}
.home-solutions-sec ul{
	margin: 0;
	padding: 0;
}
.home-solutions-sec ul li{
	padding: 0;
	background-image: none;
	width: 100%;
	background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
	max-width: 400px;
	margin: 0 auto 15px auto;
}
.home-solutions-sec ul li:last-child{
	margin-bottom: 0;
}
.home-solutions-sec ul li .home-solutions-sec-img{
	display: block;
	border-radius: 12px 12px 0 0;
	overflow: hidden;
}
.home-solutions-sec ul li .home-solutions-sec-img img{
	width: 100%;
	height: auto;
	display: block;
}
.home-solutions-sec-details{
	padding: 13px 18px;
	font-family:'Rubik', sans-serif;
	font-weight: normal;
	font-size: 1.3rem;
	line-height: 1.9rem;
	color: #3c3c3c;
}
.home-solutions-sec-details h3{
	font-weight: 500;
    font-family: 'Roboto', sans-serif;
	color: #3c3c3c;
}
@media only screen and (min-width: 500px){
	.home-solutions-sec ul li{
		max-width: 100%;
		width: 48%;
		margin: 1%;
	}
}
@media only screen and (min-width: 768px){
	
	.home-solutions-sec ul li{
		width: 31.33%;
		margin: 1%;
	}
	.home-solutions-sec-details{
		padding: 14px 10px;
		font-size: 1.4rem;
		line-height: 2.0rem;
	}
}
@media only screen and (min-width: 1025px){
	.home-solutions-sec ul li{
		width: 23%;
		margin:1% 1%;
	}
	.home-solutions-sec ul li:last-child{
		margin-bottom: 1%;
	}
	.home-solutions-sec-details{
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.home-solutions-sec ul li .home-solutions-sec-details h3{
		-webkit-transition: all .5s;
		-khtml-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	.home-solutions-sec ul li .home-solutions-sec-img{
		background-color: #0066a0;
	}
	.home-solutions-sec ul li .home-solutions-sec-img img{
		scale:1.0;
		-webkit-transition: all .5s;
		-khtml-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
		overflow: hidden;
		opacity: 1;
	}
	.home-solutions-sec ul li:hover .home-solutions-sec-img img{
		scale:1.1;
		opacity: 0.5;
	}
	.home-solutions-sec ul li:hover .home-solutions-sec-details h3{
		color: #0066a0;
	}
}
@media only screen and (min-width: 1200px){
	
}
@media only screen and (min-width: 1500px){
	.home-solutions-sec-details{
		padding: 20px 20px;
	}
}