.title-filters {color: #FFF; font-family: 'Lato', sans-serif; font-size: 13px; font-weight: bold; float: left; margin: 14px 10px 0px 50px; min-width: 60px;}
.nav-filter-category {display: inline-block; list-style: none;}
.nav-filter-category > li {float: left; height: 44px; padding: 0px 20px; width: 128px;}
.nav-filter-category > li:hover {background-color: #B78B51; cursor: pointer;}
.nav-filter-category > li span {color: #FFF; float: left; font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 300; margin: 13px 0px 0px 0px;}
.nav-filter-category > li .arrow {background: url(../img/icon-arrow-filter-white.svg) -3px -12px no-repeat; float: right; height: 13px; margin: 18px 0px 0px 10px; width: 14px;}
.no-svg .nav-filter-category > li .arrow {background: url(../img/icon-arrow-filter.png) -3px -12px no-repeat; height: 13px; margin: 19px 0px 0px 10px; width: 14px;}

.list-filters {
    background-color: #FFF;
    border-bottom: #B78B51 4px solid; 
    border-left: #B78B51 4px solid; 
    border-right: #B78B51 4px solid; 
    border-top: none; 
    cursor: default;
    display: none; 
    min-height: 109px; /*height: 140px; */
    margin-left: -20px;
    margin-top: 0px;
    position: absolute; 
    top: 44px; 
    width: 122px;
    z-index: 998;
}

.itens-filter {list-style: none; margin: 10px 0px 0px 0px;}
.itens-filter li {color: #BF996B; display: block; font-family: 'Lato', sans-serif; font-size: 13px; padding: 0px 10px; height: 24px;}
.itens-filter li:hover {background-color: #fff;}
.itens-filter li span {background: url(../img/icons-filters.svg) 0px -18px no-repeat; display: inline-block; height: 17px; margin: 0px 10px 0px 0px !important; width: 17px;}
.no-svg .itens-filter li span {background: url(../img/icons-filters.png) 0px -18px no-repeat; display: inline-block; height: 17px; margin: 0px 10px 0px 0px !important; width: 17px;}
.itens-filter li span:hover {cursor: pointer;}
.itens-filter li span.selected {background: url(../img/icons-filters.svg) 0px -42px no-repeat;}
.no-svg .itens-filter li span.selected {background: url(../img/icons-filters.png) 0px -42px no-repeat;}

.combo-lf-sort {float: right;}
#lf-sort {min-height: 109px; width: 160px;}
#lf-sort > ul.list-groupbox-item {margin: 10px;}

/*.container-filters {display: none; margin: 0 1% 0 0; width: 23%; vertical-align: top;}
.title-container-filters {margin: 20px 0 !important;}*/

.info-result-filters {color: #B89251; display: block; font-family: 'Lato', sans-serif; font-weight: 300; font-style: italic; margin: 0px 10px 10px 0;}
.info-result-filters span {/*color: #c4a886;*/ display: block;}
.info-result-filters span.desc-result-filters, .info-result-filters a {display: inline-block;}
.info-result-filters span.desc-result-filters {margin: 0 10px 0 0;}

ul.list-groupbox {list-style: none; margin: 0 0 40px 0;}
ul.list-groupbox > li {border-bottom: 1px solid #F4F4F4; padding: 15px 0;}
span.name-groupbox {color: #B27C32; display: block; font-size: 15px; font-family: 'Lato', sans-serif; margin: 0 0 10px 0px; text-transform: uppercase;}
ul.list-groupbox-item {list-style: none; margin: 0 0 0 0px;}
ul.list-groupbox-item li {height: 18px;}
ul.list-groupbox-item-half li {display: inline-block; width: 49%;}

/*.container-filters ul.list-options {list-style: none; display: inline-block;}
.container-filters ul.list-options li {border: #BF995B 1px solid; border-radius: 100px; cursor: pointer; display: block; float: left; height: 24px; margin: 0px 3px 3px 0px; width: 24px;}
.container-filters ul.list-options li span {background-color: #FFF; background-size: contain !important; border: #FFF 2px solid; border-radius: 100px; display: block; float: left; height: 18px; margin: 1px; width: 18px;}
.container-filters ul.list-options li.selected {background-color: #BF995B;}
*/


/* Nova área de Filtros */

.container-selector-and-btn-filters {box-sizing: border-box; display: none;}
.container-combos-filters {box-sizing: border-box; display: inline-block}

.container-top-filters {box-sizing: border-box; margin: 15px 0px; min-height: 30px; padding: 0px; width: 100%;}
.lst-top-filters, .lst-top-order {box-sizing: border-box; display: inline-block; vertical-align: top;}
.lst-top-order {float: right;}
.lst-top-filters > li {display: inline-block; margin: 0 10px 0 0; vertical-align: top;}
.lst-top-filters > li > span {color: #9A9997; display: inline-block; font-size: 13px; margin-right: 10px; text-transform: uppercase;}
.lst-top-filters > li > div {display: inline-block;}

.wrapper-filter-options {background-color: #FFF; border: 1px solid #E8D2BA; box-sizing: border-box; max-height: 150px; opacity: 0; padding: 10px; position: absolute; top: 28px; visibility: hidden; z-index: 998; width: 200px;}
.wrapper-filter-options > div {box-sizing: border-box; overflow: auto; width: 100%; position: relative; max-height: 130px; clear: both; margin: 0;}
.wrapper-filter-options > div > ul {list-style: none;}
.wrapper-filter-options > div > ul > li {display: block;}

.wrapper-filter-options > div::-webkit-scrollbar {width: 4px;}
.wrapper-filter-options > div::-webkit-scrollbar-track {background-color: #efefef;}
.wrapper-filter-options > div::-webkit-scrollbar-thumb {background-color: #C19B6A;}
​
/* Combo select top filter */
.top-filter-select {display: inline-block; font-size: 14px; margin: 0 10px 0 0;}
.top-filter-select > a > p {color: #B89251; display: inline-block;}
.top-filter-select a:hover {color: #7E5F29; text-decoration: none;}
.top-filter-select-open > a > span {background: url(../img/arrow-top-filters-open.svg) 0 0 no-repeat; display: inline-block; height: 8px; margin: 6px 0 0 5px; width: 14px; vertical-align: top;}
.no-svg .top-filter-select-open > a > span {background: url(../img/arrow-top-filters-open.svg) 0 0 no-repeat;}
span.top-filter-select-close {background: url(../img/arrow-top-filters-close.svg) 0 0 no-repeat !important;}
.lst-top-order .top-filter-select-open .wrapper-filter-options {right: 20px;}

.wrapper-filter-options ul.list-options {list-style: none; display: inline-block;}
.wrapper-filter-options ul.list-options li {border: #BF995B 1px solid; border-radius: 100px; cursor: pointer; display: block; float: left; height: 24px; margin: 0px 3px 3px 0px; width: 24px;}
.wrapper-filter-options ul.list-options li span {background-color: #FFF; background-size: contain !important; border: #FFF 2px solid; border-radius: 100px; display: block; float: left; height: 18px; margin: 1px; width: 18px;}
.wrapper-filter-options ul.list-options li.selected {background-color: #BF995B;}

/* Botões de filtros selecionados */
.result-top-filters {border-top: #BE9859 1px solid; box-sizing: border-box; display: block; margin: 10px 0; width: 100%;}
/*.result-top-filters a, .result-top-filters a span {font-family: 'Lato', sans-serif; font-size: 11px;}*/
.result-top-filters a, .result-top-filters a span{line-height: 16px; font-size: 14px; font-weight: 500; text-transform: uppercase;}

.bt-filter-selected {background: url(../img/icon-bt-filter-selected.svg) 0px 2px no-repeat; display: inline-block; font-size: 11px; height: 16px; margin: 10px 20px 10px 0; padding: 0 0 0 20px;}
.no-svg .bt-filter-selected {background: url(../img/icon-bt-filter-selected.png) 0px 2px no-repeat; display: inline-block; font-size: 11px; height: 16px; margin: 10px 20px 10px 0; padding: 0 0 0 20px;}
.bt-filter-selected:hover {background: url(../img/icon-bt-filter-selected-hover.svg) 0px 2px no-repeat; display: inline-block; /*font-size: 11px;*/ height: 16px; margin: 10px 20px 10px 0; padding: 0 0 0 20px;}
.no-svg .bt-filter-selected:hover {background: url(../img/icon-bt-filter-selected-hover.png) 0px 2px no-repeat; display: inline-block; /*font-size: 11px;*/ height: 16px; margin: 10px 20px 10px 0; padding: 0 0 0 20px;}

#bt-clear-filters {color: #333; display: inline-block; font-size: 11px; font-weight: bold; margin: 10px 20px 10px 0;}
#info-filters {color: #B89251; display: inline-block; font-size: 12px; font-weight: 300; margin: 10px 10px 10px 0; font-style: italic; }

/**/

@media screen and (max-width: 1060px) {
    .title-filters {margin: 14px 10px 0px 10px;}    
    .title-container-filters {margin: 20px 0 20px 10px !important;}
    ul.list-groupbox {margin: 0 0 0 10px;}
}
@media screen and (max-width: 980px) {    
    .title-filters {display: none;} 
    .fixed-on-mobile {visibility: visible; opacity: 1; top: 10px; position: relative; width: 100%; margin-bottom: 20px}
}

@media screen and (max-width: 900px) {    
    .container-selector-and-btn-filters {display: block; height: 36px;}
    .container-combos-filters {display: none; width: 100%;}
    
    .btn-open-combo-filters {background: transparent url(../img/icon-open-combo-filters.svg) 0px 0px no-repeat; box-sizing: border-box; color: #bf995b; display: inline-block; float: left; height: 31px; padding: 7px 0 0 37px; width: 100px;}
    .no-svg .btn-open-combo-filters {background: transparent url(../img/icon-open-combo-filters.png) 0px 0px no-repeat;}    
    
    .btn-close-combo-filters {background: transparent url(../img/icon-close-combo-filters.svg) 0px 0px no-repeat; display: inline-block; float: left; height: 31px; width: 100px;}
    .no-svg .btn-close-combo-filters {background: transparent url(../img/icon-close-combo-filters.png) 0px 0px no-repeat;}    
    
    .btn-double-column {background: transparent url(../img/icon-double-column-on.svg) 0px 0px no-repeat; display: inline-block; float: right; height: 31px; width: 31px;}
    .no-svg .btn-double-column {background: transparent url(../img/icon-double-column-on.png) 0px 0px no-repeat;}    
    .btn-double-column-selected {background: transparent url(../img/icon-double-column-selected.svg) 0px 0px no-repeat;}    
    .no-svg .btn-double-column-selected {background: transparent url(../img/icon-double-column-selected.png) 0px 0px no-repeat;}    
    
    .btn-single-column {background: transparent url(../img/icon-single-column-on.svg) 0px 0px no-repeat; display: inline-block; float: right; height: 31px; margin: 0 0 0 5px; width: 31px;}
    .no-svg .btn-single-column {background: transparent url(../img/icon-single-column-on.png) 0px 0px no-repeat;}    
    .btn-single-column-selected {background: transparent url(../img/icon-single-column-selected.svg) 0px 0px no-repeat;}    
    .no-svg .btn-single-column-selected {background: transparent url(../img/icon-single-column-selected.png) 0px 0px no-repeat;}    
    
    
    .lst-top-filters, .lst-top-order {box-sizing: border-box; display: block; vertical-align: top;}
    .lst-top-filters > li.title-top-filters {display: none;}
    .lst-top-filters > li {border-bottom: 1px solid #efefef; box-sizing: border-box; display: block; min-height: 25px; padding: 0px 0px; width: 100%;}
    .lst-top-filters > li > span {color: #9A9997; display: inline-block; font-size: 14px; margin-right: 10px; text-transform: uppercase;}

    .lst-top-order {float: none;}
    .lst-top-order li {border-bottom: none;}
    .lst-top-order > li > span {margin: 10px 0; vertical-align: top;}
    .lst-top-order > li > div {display: inline-block; float: right; position: relative; width: 150px; text-align: right;}
    
    /* Combo select top filter */
    .top-filter-select {display: block !important; font-size: 14px; margin: 10px 0px;}
    .top-filter-select a {display: block; width: 100%;}
    .top-filter-select-open > a > span {background: url(../img/arrow-top-filters-open.svg) 0 0 no-repeat; display: inline-block; float: right; height: 8px; margin: 6px 0 0 5px; width: 14px; vertical-align: top;}
    .no-svg .top-filter-select-open > a > span {background: url(../img/arrow-top-filters-open.svg) 0 0 no-repeat;}

    .wrapper-filter-options-mobile-active {opacity: 1; visibility: visible; position: relative; top: 10px; width: 100%; margin-bottom: 20px;}

    .container-combos-filters .lst-top-filters {width: 100%;}
    
}

@media screen and (max-width: 850px) {
    .lst-top-order .top-filter-select-open .wrapper-filter-options {right: 0px; position: absolute; top: 28px; text-align: left;}
}

@media screen and (max-width: 750px) {
    .nav-filter-category li {padding: 0px 10px;}
    .list-filters {margin-left: -10px;}
}

@media screen and (max-width: 630px) {
    .container-filters {width: 40%;}
    .info-result-filters {margin: 20px 10px;}
    .nav-filter-category {display: none;}
}

.btn-show-filters {background: transparent url(../img/icon-filter.svg) center top no-repeat; cursor: pointer; display: none; height: 44px; width: 33px; position: absolute; right: -40px; top: 10px;}
.no-svg .btn-show-filters {background: transparent url(../img/icon-filter.png) center top no-repeat;}

.close-filters {background: transparent url(../img/icon-close-filter.svg) center top no-repeat;}
.no-svg .close-filters {background: transparent url(../img/icon-close-filter.png) center top no-repeat;}

@media screen and (max-width: 470px) {
    .btn-show-filters {display: block;}
    .container-filters {
        /*display: none;    */
        background-color: #FFF;
        margin: 75px 0px 0px;
        position: absolute;
        z-index: 9998;
        width: 270px;        
        left: -270px;        
    }
}