#categories {
	padding:45px 0px;
	background: rgb(245,245,246);
	background: linear-gradient(0deg, rgba(245,245,246,1) 0%, rgba(255,255,255,0) 100%);
}
#categories .head {
	text-align: center;
	margin-bottom:40px;
}
#categories .head span:before {
	display:none;
}
#categories ul.row li {
	padding:.5px;
	position: relative;
}
#categories ul.row li img {
	border-radius: 5px;
}
#categories ul.row li .maske {
	transition: .3s;
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
	background-color:rgba(48,55,63,.9);
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color:White;
	font-size:20px;
	border-radius: 5px;
}
#categories ul.row li .maske i {
	display:block;
	width: 100%;
	text-align: center;
	font-size:20px;
	line-height: 20px;
	margin-bottom: 5px;
}
#categories ul.row li .maske span {
	display:block;
	width: 100%;
	text-align: center;
	font-weight:400;
	font-size:13px;
	color:whitesmoke;
	letter-spacing: .5px;
	opacity: .8;
	margin-top:10px;
}
#categories ul.row li:hover .maske {
	opacity: 1;
}
#categories .item .title {
	text-align: center;
	font-weight: 600;
	color:var(--textColor);
	font-size:20px;
	line-height: 20px;
	margin-bottom:25px;
	text-transform:uppercase;
}
#categories .item .prod {
	display:flex;
	align-items: center;
	justify-content: center;
}
#categories .item .prod img {
	max-width: 75%;
	margin:auto;
}
@media screen and (max-width:992px) {
	#categories {
		padding-top:0px;
		overflow: hidden;
	}
	#categories .item .prod img {
		max-width: 100%;
	}
}
#categories {}
#categories {}
#categories {}
#categories {}
#categories {}