
.cats_items { display:grid; grid-template-columns:repeat(5, 1fr); gap:8px; }
@media only screen and (max-width : 1400px) {
	.cats_items { grid-template-columns:repeat(4, 1fr); }
}
@media only screen and (max-width : 1200px) {
	.cats_items { grid-template-columns:repeat(3, 1fr); }
}
@media only screen and (max-width : 991px) {
	.cats_items { grid-template-columns:repeat(2, 1fr); }
}
@media only screen and (max-width : 480px) {
	.cats_items { grid-template-columns:repeat(1, 1fr); }
}
.a_cat { display:flex; align-items:center; padding:0 10px; height:104px; column-gap:10px; background-color:#eceef0; font-size:20px; }
.a_cat div { width:48px; height:72px; background:center no-repeat; background-size:contain; flex:0 0 auto; }
.a_cat:hover { text-decoration:none; background-color:#e1e3e5; }


.cats_tags { margin-top:30px; }	
.cats_tags a { display:inline-block; white-space:nowrap; padding:5px; margin:0 10px 10px 0; }
.cats_tags a.active { text-decoration:none; background:#e7e7e7; }
@media only screen and (max-width : 991px) {
	.cats_tags { margin-top:20px; }	
}

.sort_lnk { margin-top:40px; text-align:right; }
.sort_lnk a { display:inline-block; font-size:20px; padding-right:32px; background:url(/assets/img/sort.svg) right center no-repeat; }


.frmFilter { margin:20px 0 10px; position:relative; }
.frmFilter .item { display:inline-block; }
.frmFilter button[type="button"] { border:none; background:url(/assets/img/down.png) right no-repeat #eceef0; font-size:16px; padding:8px 50px 8px 16px; margin:0 3px 8px 0;  }
.frmFilter button[type="button"]:hover { text-decoration:underline; }
.frmFilter button[type="button"].active { background-color:#121212; background-image:url(/assets/img/down_w.png); color:white; }
.frmFilter .block { display:none; position:absolute; z-index:999; width:300px; max-height:300px; overflow:auto; padding:18px; background:#eceef0; }
.frmFilter .block .name { font-size:24px; margin-bottom:15px; }
.frmFilter .block label { display:block; padding:6px; cursor:pointer; }
.frmFilter .block label:hover { background:#d6d8da; }
.frmFilter .block.r0 { right:70px; }
.frmFilter .block.l0 { left:0; }
.frmFilter .div_price .input { width:100px; }
.frmFilter .div_price .slider { margin-top:20px; }
@media only screen and (max-width : 480px) {
	.frmFilter .block { left:0; }
	.frmFilter .block.r0 { right:auto; }
}

.frmFilter .btn-arrow {
	border:none;
	padding:5px 20px;
    background: #121212;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 1000;
    display: none;
	 font-size:16px;
}

.frmFilter .btn-arrow::after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    margin-top: -8px;
    top: 50%;
    border-right: 8px solid #121212;
    left: -8px;
}
