@charset "utf-8";

.cat_container{
	background-color: #26282a;
	margin-bottom: 15px;
	margin-top:15px;
}

.cat_container .cat_content{
	max-width:1170px;
	margin:auto !important;
	font-weight:100;
	font-size:18px;
	color:#fff;
	text-align:center;
	padding:50px 0px;
}

.cat_container .cat_content h1{
	font-size:60px;;
	font-family:"Bank Gothic", sans-serif;
	color:#fff;
	margin:0px;
	font-weight: normal;
	text-align: center;
}

.cat_container .cat_content hr{
	border:none;
	border-top:5px solid #f37333;
	width:40px;
	margin-left:0px;
}

.cat_container .cat_content .cat_desc{
	max-width:60%;
	margin: auto;
	padding:25px 0px 35px 0px;
}

.cat_container .cat_content .art_item{
	display:block;
	width:48%;
	padding-top:30%;
	margin-right:1%;
	margin-left:1%;
	float:left;
	margin-bottom:30px;
	position:relative;
	color:#fff;
	text-decoration:none;
	transition: all ease-in-out 0.3s;
}

.cat_container .cat_content .art_item:hover{
	transform: scale(1.03);
}

.cat_container .cat_content .art_item.big{
	float:none;
	width:98%;
}

.cat_container .cat_content .art_item .overlay{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	transition:all ease-in-out 0.3s;
	z-index:1;
}

.cat_container .cat_content .art_item .piktograms{
	position:absolute;
	width:65px;
	z-index:3;
	bottom:5px;
	right:15px;
}

.cat_container .cat_content .art_item .piktograms table tr{
	margin-bottom:5px;
	display:block;
}

.cat_container .cat_content .art_item .piktograms table tr td{
	border-radius:100px;
	background-color:rgba(255,118,53,0.85);
	font-size:12px;
}

.cat_container .cat_content .art_item:hover .overlay{
	opacity:0;
}

.cat_container .cat_content .art_item .title{
	font-size:36px;
	color:#000000;
	text-decoration:none;
	text-transform:lowercase;
	position:absolute;
	z-index:2;
	bottom:-20px;
	left:20px;
	min-width: 225px;
	background-color: #fff;
	font-family:"Bank Gothic", sans-serif;
	font-weight: normal;
	text-align: left;
	padding:15px 25px 20px 25px;
	line-height: 36px;
}

.cat_container .cat_content .art_item .title hr{
	margin-top:0px;
}