/* Start:/bitrix/templates/proaudio2018/components/wbrit/article.list/catalog/style.css?15173343511321*/
.cat-list h2{
font-size:22px;
text-align:left;
font-weight:700;
margin-bottom:22px;
}
.cat-list .cat-item {
text-align:center;
position:relative;
border:2px solid #fff;
padding:10px 30px 0;
-webkit-transition: border 0.2s ease-out;
-moz-transition: border 0.2s ease-out;
-o-transition: border 0.2s ease-out;
transition: border 0.2s ease-out;
}
.cat-list .cat-item:hover {
border:2px solid #888;
}
.cat-list .cat-img {
position:relative;
width:100%;
height:270px;
margin:0 auto;
background-position: 50% 50%;
background-repeat:no-repeat;
background-size:contain;
}
.cat-list .cat-name {
font-size:20px;
line-height:26px;
color:#000;
margin-top:8px;
margin-bottom:4px;
}
.cat-list .cat-count {
font-size:18px;
line-height:22px;
color:#444;
margin-bottom:16px;
}
.cat-list .cat-item .cat-btn {
opacity:0;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.cat-list .cat-item:hover .cat-btn {
opacity:1;
}
.cat-list .line {
width: auto;
margin: 2px 0 0;
}
.cat-list .hr-grey {
width: 100%;
height: 1px;
background: #333;
margin: 36px 0;
}

@media (max-width: 767px) {
.cat-list .cat-item, .cat-list .cat-item:hover {
border:2px solid #fff;
border-bottom:2px solid #888;
}
.cat-list .cat-item .cat-btn {
opacity:1;
}
}
/* End */
/* /bitrix/templates/proaudio2018/components/wbrit/article.list/catalog/style.css?15173343511321 */