
.department-filter {
	width: 18%;
	display: inline-block;
	margin-right: 1%;
	vertical-align: top;
	opacity: 0;
}
.department-main-content {
	width: 80%;
	display: inline-block;
	vertical-align: top;
}

.department-main-content .compare,
.department-main-content .pager.top,
.department-main-content .resultado-busca-termo,
.department-main-content .resultado-busca-tempo,
.department-main-content .filterBy {
	display: none;
}

.department-main-content fieldset.orderBy {
	border: none;
	float:  right;
	margin-top:  10px;
}

.department-main-content fieldset.orderBy label {
	/* display: none; */
	margin-right: 10px;
}

.department-main-content fieldset.orderBy select {
	height:  38px;
	line-height:  38px;
	border-radius: 2px;
	border: 1px solid #ccc;
}

.department-main-content .prateleira ul {
	width:  100%;
}

.department-main-content .resultado-busca-numero {
	font-size: 0;
	margin-top:  20px;
	
}

.department-main-content .resultado-busca-numero .value {
	font-size: 14px;
	color: #e01a21;
	vertical-align: text-bottom;
	font-weight: bold;
	/* float:  left; */
	margin-top:  15px;
	
}



.department-main-content .resultado-busca-numero .value:after {
	content: 'produtos encontrados';
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #828282;
	margin-left:  5px;
	font-weight: normal;
	
}
.department-main-content .pager.bottom {
	text-align:  center;
}

.department-main-content .pager.bottom li {
	display: inline-block;
	margin: 0 10px;
}

.department-main-content .pager.bottom li.page-number:last-of-type {
	color: red;
}
.department-main-content .pager.bottom li.page-number.pgCurrent {
	color:  red;
}

.department-filter fieldset {
	border: none;
}
.department-filter fieldset .icon-arrow,
.department-filter fieldset .numberSelected {
	display: none;
}

.department-filter ul,
.department-filter fieldset div {
	max-height: 320px;
	height: auto;
	display: block !important;
	overflow:  hidden;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
	border: none;
	position: relative;
	transition: max-height 300ms;
}

.prateleira>ul,
.prateleira-moveis>ul,
.prateleiracategory>ul {
	justify-content: left;
}

.filtro-ativo {
	display: flex;
    align-items: center;
    min-height: 60px;
    justify-content: space-between;
}

.filtro-ativo ul {
	max-width: 80%;
}

.filtro-ativo ul li {
	display: inline-block;
	border: 1px solid red;
	height: 30px;
	line-height: 25px;
	border-radius: 15px;
	padding: 0 10px;
	color: red;
	margin-right: 10px;
	margin-bottom: 10px;
}

.filtro-ativo ul li a {
	display: inline-block;
	margin-left: 10px;
	line-height: 1.5;
}

.clear-filters {
	color: #666;
    border-left: 1px solid #ccc;
    padding: 6px;
	padding-left: 12px;
}

.clear-filters i {
	display: inline-block;
	vertical-align: middle;
	margin-top: -7px;
	width: 15px;
	height: 24px;
	margin-right: 6px;
	background-image: url(/arquivos/clear-filters.png);
	background-position: center;
	background-repeat: no-repeat;

}

.department-filter .subcategories-list {
	max-height: 320px;
	margin-bottom: 20px;
	overflow: hidden;
}

.department-filter .subcategories-list h4 a {
	margin-top: 0;
}

.search-multiple-navigator > h4 {
	display: none;
}

.searchResultsTime:last-of-type {
	display: none;
}

.btn-load-more {
    background: red;
    margin: 0 auto;
    text-align: center;
    max-width: 200px;
    height: 40px;
    line-height: 40px;
    color: white;
    font-size: 19px;
	margin-bottom: 60px;
	cursor: pointer;
}


.department-filter .mostrar-mais {
	position: absolute;
	bottom: 0;
	background-color: white;
	padding: 10px;
	display: block;
	width: 100%;
	text-align: left;


}
.department-filter .mostrar-mais  span {
	/* border:  1px solid #e01a21; */
	color: #e01a21;
	height:  25px;
	line-height: 25px;
	padding: 5px 0;
	border-radius: 25px;


}
.department-filter h3 a,
.department-filter h4 a,
.department-filter h5 {
	margin: 0;
	color: #e01a21;
	font-size:  16px;
	margin-top:  40px;
}

body.category .department-filter h4 a {
	margin-top: 0;
}

body.category .department__main-content .sub {
	display: block;
	float:  right;
}

body.category .department__main-content .sub:last-of-type,
body.department .department-main-content .sub:last-of-type,
body.category .department__main-content .searchResultsTime:last-of-type,
body.department .department-main-content .searchResultsTime:last-of-type {
	display: none !important;
}

.sub:nth-of-type(2) {
	display: none !important;
}

.department-main-content .pager.bottom {
	margin-bottom: 40px;
}

.department-main-content .pager.bottom li {
    display: inline-block;
    margin: 0 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 5px 10px;
    color: #ccc;
}

.department-main-content .pager.bottom li.first,
.department-main-content .pager.bottom li.last {
	display: none;
}
.department-main-content .pager.bottom li.page-number.pgCurrent {
	border-color: red;
}

.pager.bottom .previous:before {
	content: '‹' !important;
}

.pager.bottom .next:before {
	content: '›' !important;
}

#viewCategory_Dep-dep {
	display: none;
}

.category .search-single-navigator>ul {
    display: none;
    position: relative;
    background: #fff;
    z-index: 3;
    min-width: auto;
    max-height: calc(37px * 6);
    min-height: auto;
    overflow-y: hidden !important;
    border: none;
    overscroll-behavior: none !important;
}

.department__main--seo {
	float:  left;
}

.category .search-single-navigator>ul li {
	border:  none;

}

.category .search-single-navigator>ul li, .category .search-single-navigator>ul .ver-filtros {
	padding: 0;
}

/* body.category .vitrine,
body.category .searchResultsTime {
	float: left;
} */

.menu-navegue {
	display: none;
}

.pager.bottom .next {
	font-size: 0;

}
.pager.bottom .next:before {
	font-size:  14px;
	content: '‹';
	position: relative;
	display: inline-block;

}

.pager.bottom .previous {
	font-size: 0;

}
.pager.bottom .previous:before {
	font-size:  14px;
	content: '›';
	position: relative;
	display: inline-block;

}
.productClusterSearchableIds {
	display: none;
}

#buscaFiltro {
	height: 34px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #eee;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #666;
    padding-left: 10px;
}

#buscaFiltroEnviar {
	position: absolute;
	width: 34px;
	height: 34px;
	margin-top: 10px;
	background-image: url(/arquivos/ico-search.png);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
	font-size: 0;
	right: 0;
    background-size: 50%;
}


.department-filter a,
.department-filter label,
.department-filter h4 a {
	color: #818181;
	font-size:  14px;
	padding:  10px 5px;
	display: block;
}

.department-filter input[type=checkbox] {
	display: none;
}

.bt-refinar-container {
	display: none;
}

/* body.category .search-single-navigator {
	display: none !important;
}

body.category .search-multiple-navigator {
	display: block !important;
} */

.category .search-single-navigator>h5 {
	border: none;
    color: #e01a21;
    margin: 0;
    margin-top: 40px;
    min-width: auto;
    max-height: 100%;
    padding: 0;
    font-weight: bold;
}

.category__top {
	margin-bottom: 0;
}

.category .search-single-navigator>ul li:hover, .category .search-single-navigator>ul .ver-filtros:hover {
	background: none;
}

.category .search-single-navigator a {
	/* padding:  0; */

}

.department-filter ul.productClusterSearchableIds  {
	display: none !important;
}

body.category .vitrine {
	width: 100%;
}

.category .department__main-content .pager.bottom {
	display: block;
	margin: 10px 0;
}

.category .department__main-content .searchResultsTime {
	display: inline-block;
}

/* DUP - novo estilo */

.pager.bottom {
	display: none !important;
}

div.prateleira {
	width: 100%;
}



/* .department-filter ul,
.department-filter fieldset div {
	overflow: auto;
} */

.department-filter ul.closed,
.department-filter fieldset div.closed {
	overflow: auto;
	height: 0;
	padding: 0;
}



.vertical-track {
    width: 4px;/* How wide is the scrollbar going to be? */
    background-color: white; /* What color should the vertical track be? */
}
.vertical-handle {
    width: 4px; /* How wide is the scrollbar handle? */
	background-color: #ccc; /* What color should the handle be? */
	border-radius: 2px;
	padding: 0 !Important;
	   
    border:none;
}

.searchResultsTime {
	background-color: #fafafa;
	padding: 15px;
}

.search-multiple-navigator fieldset {
	border-top: 2px solid #f2f2f2;
	margin-bottom: 40px;
	padding-left: 0;
	padding-right: 0;
}

@media screen and (min-width: 769px) {
	.search-multiple-navigator h5 {
		margin-top: 10px;
		color: black;
		cursor: pointer;
	}
	
	
	.search-multiple-navigator h5 .filter-count:before {
		content: '(';
		display: inline-block;
		margin-right: 2px;
	}
	
	.search-multiple-navigator h5 .filter-count:after {
		content: ')';
		display: inline-block;
		margin-left: 2px;
	}
	
	.search-multiple-navigator h5:before {
		content: '⌄';
		width: 12px;
		height: 12px;
		display: inline-block;
		margin-right: 10px;
		vertical-align: middle;
		margin-top: -23px;
		color: #E30613;
		transition: all 300ms;
	}

	.search-multiple-navigator label:before {
		content: '';
		width: 12px;
		height: 12px;
		display: inline-block;
		border: 1px solid #ccc;	
		margin-right: 10px;
		border-radius: 2px;
		vertical-align: middle;
		
	}

	.search-multiple-navigator label.active:before {
		content: '✓';
		border-color: red;
		background: red;
		color: white;
		line-height: 9px;
    font-weight: bold;
	}


}


.search-multiple-navigator h5 .filter-count {
	display: inline-block;
	margin-left: 5px;
}


.search-multiple-navigator h5.closed:before {
	transform: rotate(180deg);
	margin-top: 11px;
}

.department-main-content fieldset.orderBy {
	margin-top: -45px;
}

.department-main-content fieldset.orderBy select {
	height: 30px;
	border: none;
}


/* fim DUP - novo estilo */

@media screen and (min-width: 1024px) {
	.prateleira>ul li, .prateleira-moveis>ul li, .prateleiracategory>ul li {
		width: 25%;
	}	
}

.category .shelf-product,
.department .shelf-product {
	min-height: 400px;
}

.shelf-product .shelf-product__wish {
    bottom: auto;
    right: -10px;
    top: 57%;
}

.bt-refinar {
	display: none !important;
}


@media screen and (max-width: 769px) {
	body.department .department-main-content .resultado-busca-numero .value {
		float:  left;
	}
	.wrapper--vertical-xl {
		display: none;
	}
	.department-main-content fieldset.orderBy label {
		display: none;
	}
	.department-filter .subcategories-list {
		display: none;
	}
	.searchResultsTime {
		background-color: white;
		padding: 15px;
	}
	.clear-filters {
		display: none;
	}

	.filtro-ativo {
		width: 100%;	
	}

	.filters-added-container {
		max-width: 100%;
	}

	.searchResultsTime {
		width: calc(33% + 10px);
		display: inline-block;
		margin-left: -10px;
		padding: 5px;
		padding-top: 12px;
		border-bottom: 1px solid #ccc;
		height: 49px;
		padding-left: 10px;
	}
	.category .department__main-content .searchResultsTime:first-child {
		display: inline-block;
		margin: 0;
	}
	.sub {
		width: calc(67% + 10px);
		display: inline-block;
		vertical-align: top;
		float: right;
		margin-right: -10px;
	}

	.category .department__main-content .pager.bottom {
		display: block;
		margin: 10px 0;
	}

	.category .department__main-content .searchResultsTime {
		display: inline-block;
	}

	.department__main--seo {
		float:  left;
	}


	.bt-refinar-container {
		display: block;
	}
	.search-single-navigator {
		display: none !important;
	}

	.resultado-busca .search-single-navigator {
		display: block !important;
	}

	.resultado-busca .search-multiple-navigator + .search-single-navigator {
		display: none !important;
	}

	.search-multiple-navigator {
		display: block !important;
	}

	.search-multiple-navigator > h3,
	.search-multiple-navigator > h4 {
		display: none !important;
	}

	.search-multiple-navigator label input {
		display: none;
	}

	.search-multiple-navigator label:after {
		content: '';
		display: inline-block;
		float: right;
		width: 16px;
		height: 16px;
		line-height: 13px;
		font-weight:  bold;
		font-size:  16px;
		border:  1px solid red;
		position: relative;
		color: red;
		border-radius: 2px;
	}



	.search-multiple-navigator label.active:after {
		content: '✓';
		color:  white;
		background:  red;
	}

	.search-multiple-navigator label input {
		display: none;
	}

	.department-filter {
	    width: 100%;
	    position: fixed;
	    width: 90%;
	    height: 100%;
	    background: #f8f8f8;
	    z-index: 999;
	    left: 0;
	    top: 0;
	    margin-top: 0;
	    overflow-x: scroll;
	    box-shadow: 0 0 10px 0 #999;
	    left: -100%;
	    padding-bottom:  50px;
	    transition:  all 300ms;
	}

	.department-filter.active {
		left: 0;
	}
	.department-main-content {
		width: 100%;
	}

	.department-filter ul,
	.category .search-single-navigator>ul,
	.search-multiple-navigator fieldset div:not(.busca-filtro) {
		height: auto;
		position: fixed;
	    width: 80%;
	    height: 100%;
	    background: white;
	    z-index: 999;
	    left: 0;
	    top: 0;
	    margin-top: 0;
	    overflow-x: hidden;
	    box-shadow: 0 0 10px 0 #999;
	    left: -100% !important;
		max-height: 100%;
	    transition: left 300ms;
	}

	.department-filter ul .bt-refinar-container,
	.search-multiple-navigator fieldset div:not(.busca-filtro) .bt-refinar-container,
	aside.department-filter .bt-refinar-container {
	    left: -100%;
	}

	.search-multiple-navigator fieldset div.busca-filtro {
		background-color: transparent;
		padding:  0 10px;
	}

	#buscaFiltroEnviar {
		right: 10px;
	}

	.department-filter ul.active,
	.category .search-single-navigator>ul.active,
	.search-multiple-navigator fieldset div.active {
		left: 0 !important;
	}

	.department-filter ul.active .bt-refinar-container,
	aside.department-filter.active .bt-refinar-container {
		left: 0;
	}

	.resultad-busca .bt-refinar-container {
		display: none;
	}


	.department-main-content .resultado-busca-numero .value {
		margin-right: 10px;
		text-align: center;
		margin-top: 5px;
	}

	.department-main-content .resultado-busca-numero .value:after {
		content: 'resultados';
		display: inline-block;
		vertical-align: middle;
		font-size: 12px;
		color: #828282;
		margin-left:  5px;
		font-weight: normal;
		
	}
	.department-main-content fieldset.orderBy select {
		margin-left:  0;
	}
	.department-main-content fieldset.orderBy {
		padding-left: 0;
		padding-right: 0;
		margin-top:  0;
	}
	.department-main-content .open-filter {
		margin-left: 0;
		margin-top: 0;
	}

	.department-main-content fieldset.orderBy select,
	.department-main-content .open-filter {
		background-color: white;
		width: 50%;
		color:  #333;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		float:  none;
		height: 50px;
		line-height: 50px;
		padding-left: 10px;
		border: none;
		border-bottom:  1px solid #ccc;
		display: inline-block;
		vertical-align: middle;
		padding-left: 25px;
		background-image: url(/arquivos/ico-filter.png);
		background-repeat: no-repeat;
		background-position: 5px center;
	}

	.department-main-content fieldset.orderBy select {
		background-image: url(/arquivos/ico-order.png);
		width: 100%;

	}

	.department-main-content fieldset.orderBy {
		width: 50%;
		margin: 0;
		padding: 0;
		float: left;

	}

	.department-filter h3,
	.department-filter h4,
	.department-filter h5,
	.department-filter ul li,
	.search-multiple-navigator label  {
		background-color: white;
		margin-bottom: 2px;
		display: block;

	}

	.search-multiple-navigator fieldset {
		margin: 0;
		padding: 0;
		border: none;
	}

	.department-filter h3 a:after,
	.department-filter h4 a:after,
	.department-filter h5:after {
		font-size:  28px;
		font-weight:  normal;
		color:  #333;
		content: '›';
		position: relative;
		float:  right;
		display: inline-block;
		margin-top: -5px;

	}

	.department-filter h3 a,
	.department-filter h4 a,
	.department-filter h5,
	.search-multiple-navigator label,
	.department-filter ul li a {
		margin-top:  0;
		padding:  20px;
		
	}

	.department-filter .search-single-navigator h4 a {
		color: #818181;
	    font-size: 14px;
	    padding: 10px 5px;

	}

	.search-multiple-navigator label input {
		/* display: none; */
		float: right;
	}

	.department-filter h3.filter-title {
		background-color: #f8f8f8;
		text-align:  center;
		padding: 25px 0 20px;
		color: #5e5e5e;
		font-size: 18px;
		font-weight: bold;
	}

	.department-filter h3.filter-title small {
		color: #949494;
		font-size: 14px;
		display: block;
		font-weight: normal;
		margin-top: 10px;
	}

	.department-filter ul,
	.search-multiple-navigator fieldset div {
		background-color: #f8f8f8;
	}

	.overlay,
	.filter-overlay {
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: rgba(0,0,0,.5);
		z-index: 9;
	}

	.bt-refinar-container {
		position: fixed;
	    bottom: 0;
	    background: white;
	    width: 90%;
	    text-align: center;
	    padding: 5px;
	    box-shadow: 0 0 10px 0;
	    z-index: 9999;
	}

	

	.bt-refinar-container a {
		width: 49%;
		margin-right: 2%;
		display: inline-block;
		border:  1px solid red;
		color: red;
		font-weight: bold;
		font-size: 13px;
	}

	.bt-refinar-container a.bt-refinar,
	.bt-refinar-container a.botao-refi {
		margin-right: 0;
		display: inline-block;
		background: red;
		color: white;

	}

	.filter-count {
	    display: inline-block;
	    margin-left: 4px;
	    width: 16px;
	    height: 16px;
	    border-radius: 16px;
	    background-color: red;
	    color: white;
	    text-align: center;
	    font-size: 12px;
	}

	.filter-count:empty {
		display: none;
	}

	.department-filter a.close-filter {
	    position: absolute;
	    top: 0;
	    font-size: 30px;
	    color: #666;
	}

	.department-filter a.close-filter:after {
		display: none;
	}
}

@media screen and (max-width: 320px) {
	.department-main-content .resultado-busca-numero .value {
		margin-top:  5px;
		text-align:  center;
		
	}

	.department-main-content .resultado-busca-numero .value:after {
		display: block;
	}
}