.mainsections{
	width:80%;
	float:right;
	margin-top:23px;
}
.mainsections ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 0;
	margin-bottom: 0px;
}
.mainsections ul > li {
	list-style-type: none;
}
.mainsections .title{
	padding:0px 17px 15px 17px;
	color:#019fe6;
	font-size:24px;
	text-transform:uppercase;
}
.mainsections li.section{
	display:block;
	width:25%;
	float:left;
	margin:-1px 0 0 -1px;
	padding:17px;
	border:1px solid #F3F3F3;
}
.mainsections a{
	font:13px Opensans,Arial,Helvetica,sans-serif;
	line-height:24px;
}
.mainsections a.parent{
	display:block;
	font-size:15px;
	color:#000;
}

.mainsections ul li.section:hover a img{
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
}
.mainsections ul li.section:hover a img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.mainsections li {
	position: relative;
}
.fade-overlayy {
	background-color: #8a8a8a38;
	cursor: pointer;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0.45;
	position: absolute;
	top: 0;
	width: 100%;
	transition: 1s;
}
.card:hover .fade-overlayy {
	display: block!important;
}

@media screen and (max-width: 1010px){
	body.adaptive .mainsections{
		width:100%;
		float:none;
	}
}
@media screen and (max-width: 750px){
	body.adaptive .mainsections li.section{
		width:33%;
	}
}
@media screen and (max-width: 480px){
	body.adaptive .mainsections li.section{
		width:50%;
	}
	body.adaptive .mainsections .subsections{
		display:none;
	}
}