/* ========== SUB CATEGORY ========== */

.subCategory {
	width: 74%;
	height: auto;
	padding-left: 2%;
	float: left;
	overflow: hidden;
	border-left: 1px solid #93969c;
}
.subCategory h3 {
	font: 200 18px 'Open Sans', 'BYekan';
	color: #2d3746;
	margin-bottom: 2%;
	text-align: center;
}
.subCategory ul {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
.subCategory ul li a {
	width: 18%;
	height: auto;
	max-height: 250px;
	overflow: hidden;
	position: relative;
	margin-right: 2%;
	margin-bottom: 2.5%;
	float: left;
	padding: 0px;
	border-radius: 5px;
	transition: all 0.3s ease-out;
}
.subCategory li img {
	width: 100%;
	height: 180px;
}
.subCategory li p {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -73%;
    margin: 0px;
    padding: 0px;
    background: rgba(42, 51, 64, 0.75);
    transition: all 0.3s ease-out;
}
.subCategory li p:hover {
	bottom: -50%;
}
.subCategory li p span.head {
    width: 90%;
    height: 15%;
    float: left;
    font: bold 16px Arial;
    color: #fff;
    margin: 0px;
    padding: 8px 5%;
    line-height: 16px;
}
.subCategory li p span.content {
	width: 90%;
	height: 85%;
	float: left;
	font: normal 14px Arial;
	color: #eee;
	line-height: 18px;
	padding: 10px 5%;
}