.ecommerce-categories [class^=col-] {
	position: relative;
	margin-bottom: 30px;
}

	.ecommerce-categories [class^=col-] > a {
		display: block;
		position: relative;
		height: 120px;
		background-color: #EEE;
	}

	.ecommerce-categories [class^=col-] img {
		display: block;
	}

	.ecommerce-categories [class^=col-] > a::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,0.4);
		opacity: 0.4;
		-webkit-transition: all .7s ease;
		transition: all .7s ease;
	}

	.ecommerce-categories [class^=col-] > a:hover::before {
		opacity: 1;
	}

.before-heading {
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 4px;
	font-family: 'Lato' !important;
	font-weight: 400;
	font-size: 14px;
}