@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Georama:wght@600&display=swap');

#m_prod h2.tit {padding:50px 0 30px;font-family:"Georama",Roboto,Arial;font-size:2em;font-weight:600;color:#145298;text-transform:uppercase;text-align:center;}
	#m_prod h2.tit::before {content:'\f292';font-family:'FontAwesome';margin-right:10px;font-size:1.1em;font-weight:normal;color:#ccc;}

#m_prod_li {display:none;position:relative;margin:0;padding:0 0 50px;}
	#m_prod_li:after {display:block;clear:both;content:"";}
.item {position:absolute;left:0;top:0;width:25%;margin:0 0 -1px -1px;padding:7px;border:1px solid #d9d9d9;background:#fff;}
	.item a {display:block;}
	.item a img {max-width:100%;transition:all .2s;}
	.item:hover {background:url('img/bg.png');}
	.item:hover a img {transform:scale(1.2);border-color:#fff;}

/**** Transitions ****/
.masonry, .masonry .masonry-brick {-webkit-transition-duration:0.7s;-moz-transition-duration:0.7s;-ms-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s;}
.masonry {-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width;}
.masonry .masonry-brick {-webkit-transition-property:left,right,top;-moz-transition-property:left,right,top;-ms-transition-property:left,right,top;-o-transition-property:left,right,top;transition-property:left,right,top;}

.m_prod_con {}
	.m_prod_con li.m_prod_img {border:1px solid #fff;overflow:hidden;}
	.m_prod_con li.m_prod_txt * {display:block;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;transition:all .2s;}
	.m_prod_con li.m_prod_txt .cate {margin-top:15px;font-size:.8em;color:#145298;}
	.m_prod_con li.m_prod_txt .tit {margin:10px 0 20px;font-weight:500;}
	.item:hover .m_prod_con li.m_prod_txt span {color:#ff0;}
	.item:hover .m_prod_con li.m_prod_txt strong {color:#fff;}


@media (max-width:1024px) {
	#m_prod {overflow-x:hidden;}
	.item {width:33.33%;}
}
@media (max-width:768px) {
	#m_prod h2.tit {font-size:1.6em;}
	.item {width:100%;}
}