#list_brands {padding: 20px 10px 0 0;display: flex;}
.brand-row {width: 130px;text-align: right; height: 28px;display: flex;justify-content: center;position: relative;margin-right: 20px;align-items: center;border: 1px solid #eee;border-radius: 4px;padding: 6px;cursor: pointer;}
.brand-row:hover {background-color: rgba(0, 55, 130, .05)}
.brand-row[data-status="1"] {background-color: rgba(0, 55, 130, .05)}
.brand-row .img {background-repeat: no-repeat;background-size: contain;background-position: center; width: 80px; height: 24px;}
.brand-row .count {position: absolute; right: 4px; top: 0; font-size: 11px;}
.cont-block {margin-top: 3px;background-color: #f4f4f8;padding: 0 0 20px 0;display: grid;grid-template-columns: 340px 1fr}
.filter .label {font-weight:600;margin-bottom:10px;display:block;font-size:16px;max-width:90%}
.filter-input {width: 80%}
.wrap-filters {border-right: 2px solid #F4F4F8;padding-top: 20px;padding-left: 20px;background-color: #fff}
.wrap-filters .f-mt {border-top: 2px solid var(--color-main-bg); margin-top: 15px;padding-top: 15px;}
.wrap-filters .list {margin: 0; padding: 0;}
.wrap-filters .list li {margin-bottom: 6px;font-size:15px;letter-spacing: 0.21px;}
.filter {padding: 0 20px 0 0}
.price-col {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.price-col .div1 { grid-area: 1 / 1 / 2 / 2;display: flex;justify-content: flex-start;align-items: center}
.price-col .div2 { grid-area: 1 / 2 / 2 / 3;display: flex;justify-content: flex-end;align-items: center}
.price-col .div3 { grid-area: 2 / 1 / 3 / 3}
.price-col .wrap-btn {display: flex;justify-content: center;align-items: center}
.price-col .o-btn {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #003d91;
    text-align: center;
    color: #fff;
    height: 38px;
    font-weight: 600;
    border-radius: 4px;
    margin-top: 8px;
    width: 100%;
}
.price-col .o-btn:hover {background-color: #003274}
.lab:first-letter {text-transform: uppercase}
.wrap-type-tile .drop-sort .drop-list {width: 210px;top: 33px;left: -12px}
.wrap-type-tile .drop-sort {display: flex;justify-content: flex-end;padding:8px;cursor: pointer}
#drop-sort-list span::after {content: '';position: absolute;top: 2px;right: -27px;height: 16px;width: 16px;background: url(/site/img/icon/ico-chevron-down-black.svg);}
#drop-sort-list .drop-list {right: -20px !important; left: inherit !important}
.wrap-type-tile .list-filters {padding: 0 20px}
.wrap-type-tile .item-filter:first-letter, .list-filters .item-filter:first-letter {text-transform: uppercase}
.wrap-type-tile .item-filter, .list-filters .item-filter {
    border-radius: 10px;
    margin-bottom: 6px;
    margin-left: 4px;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 10px 4px 12px;
    display: inline-block;
    background-color: rgb(245 235 0);
}
.wrap-type-tile .clear-filter, .list-filters .clear-filter {background-color: #ededed;color: var(--color-text)}
.wrap-type-tile .item-filter span, .list-filters .item-filter span {cursor: pointer;display: inline-block;padding: 5px}
.wrap-type-tile .item-filter:hover, .list-filters .item-filter:hover {
    box-shadow: 0 2px 20px 0 rgba(50,50,50,0.15);
}
.wrap-type-tile .sort-icon-arrow {margin-right: 8px;opacity: 0.6}
.wrap-type-tile {
    display: grid;
    grid-template-columns: 8fr 3fr 1fr;
    min-height: 38px;
    align-items: center;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0 15px;
}
.wrap-type-tile .sort-icon-2 {margin-right: 8px;opacity: 0.4}
.pagination {padding: 30px 0 40px 0;background-color: #fff;margin-top: 4px}
.pagination .o-btn {
    padding: 10px 30px;
    height: 42px;
    outline: none !important;
    border: none !important;
}
.wrap-filters .footer-nav-lbl {position: absolute;right: 2rem;top: 13px;width: 1.4rem;height: 1.4rem;background: url('/site/img/icon/arrow-down.svg');background-repeat: no-repeat;background-size: contain;background-position: center}
.filter input[type=checkbox]:checked~label>.footer-nav-lbl {transform: rotate(180deg)}
.wrap-filters .filter {position:relative}
.filter input.hidden[type="checkbox"], .wrap-filters .footer-nav-lbl.hide {display: none}
.wrap-filters .filter ul {height: 260px;overflow: hidden}
.wrap-filters .filter input:first-child[type=checkbox]:checked~ul, .wrap-filters .filter ul.hide {height: auto;overflow: auto}
.f-actions label {cursor: pointer}
.more-filters {
    left:0;
    bottom: 0;
    width: 100%;
    height: 26px;
    z-index: 100;
    display: flex;
    color: #00204a;
    cursor: pointer;
    position: absolute;
    align-items: flex-end;
    justify-content: center;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0.55) 20%, rgba(255,255,255,1) 100%);
}
.more-filters span {background: #fff;padding: 6px 10px}
.lab {display: inline-block}
.lab:first-letter {text-transform: uppercase}
.wrap-filters .filter:last-child {margin-bottom: 30px}
.pagination ul {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 2px;
    justify-content: center;
    margin-top: 60px;
}
.pagination ul li {
    list-style-type: none;
    cursor: pointer;
    display: inline-block;
}
.pagination ul li a {
    border: 1px solid #dcdcdc;
    font-weight: 600;
    padding: 16px 48px;
    background-color: #fff;
    color: var(--color-text);
    /*margin: 4px;
    border-radius: 4px;*/
}
.back-img{position:absolute;top:0;right:48px;transform:rotate(180deg)}
.to-img {position:absolute;top:0;right:-25px}
.p-left-btn {padding: 16px 36px 16px 52px !important}
.p-right-btn {padding: 16px 48px 16px 32px !important}
a.disabled, .pagination ul li.active a {background-color: #f5f5f5 !important;color:#a4a4a4 !important;cursor: not-allowed}
a.disabled img{opacity:.4}
.wrap-type-tile{background-color: #f4f4f8}
#list_product {background-color: #f4f4f8}
.swiper-slide{background-color:#fff}