.box-bannercel {
	margin-top: 48px !important;
	position: relative;

}


.cor_mini {
	cursor: pointer;
	display: inline-block;
	margin-right: 3px;
	width: 16px !important;
	height: 16px !important;
	border-radius: 100px;
	border: 0.04em solid silver;
}

.mx-w {
	max-width: 1920px;
}


#add_div {
	display: none;
}



@media only screen and (max-width: 780px) {

	#add_div {
		left: 0px;
		display: block;
		position: fixed;
		bottom: 0px;
		z-index: 4;
		height: 74px;
		background: white;
		width: 100%;
		border-top: 1px solid #dddddd;

	}

	.add {
		position: absolute;
		width: 150px;
		background-color: #000;
		padding: 10px;
		color: #fff;
		text-align: center;
		margin-top: 13px;
		margin-left: 13px;
	}

}

.preloader {
	width: 100%;
	height: 400px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: placeload;
	animation-name: placeload;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: #eaeaea;
	background: -webkit-gradient(linear,
			left top,
			right top,
			color-stop(8%, #eaeaea),
			color-stop(18%, #cacaca),
			color-stop(33%, #eaeaea));
	background: -webkit-linear-gradient(left,
			#eaeaea 8%,
			#cacaca 18%,
			#eaeaea 33%);
	background: linear-gradient(to right, #eaeaea 8%, #cacaca 18%, #eaeaea 33%);
	-webkit-background-size: 800px 104px;
	background-size: 1200px 104px;
	position: relative;
}

@-webkit-keyframes placeload {
	0% {
		background-position: -468px 0;
	}

	100% {
		background-position: 468px 0;
	}
}

@keyframes placeload {
	0% {
		background-position: -468px 0;
	}

	100% {
		background-position: 468px 0;
	}
}


.bg-filtro-feminino {
	background-image: url('../img/filtro/feminino.webp'), url('../img/background-bg.jpg');
	height: 400px;
	width: 100%;
	background-repeat: no-repeat, repeat;
	background-position: top, center;
	background-size: cover, cover;
}


.bg-filtro-masculino {
	background: url('../img/filtro/masculino.webp'), url('../img/background-bg.jpg');
	;
	height: 400px;
	width: 100%;
	background-repeat: no-repeat, repeat;
	background-position: top, center;
	background-size: cover, cover;
}

@media(max-width: 1000px) {
	.bg-filtro-feminino {
		background: url('../img/filtro/feminino.webp'), url('../img/background-bg.jpg');
		;
		height: 200px;
		width: 100%;
		background-repeat: no-repeat, repeat;
		background-position: top, center;
		background-size: cover, cover;
	}

	.bg-filtro-masculino {
		background: url('../img/filtro/masculino.webp'), url('../img/background-bg.jpg');
		;
		height: 200px;
		width: 100%;
		background-repeat: no-repeat, repeat;
		background-position: top, center;
		background-size: cover, cover;

	}

	.mt-bg-filtro-mobile {
		margin-top: 48px;
	}
}

.carrousel-default {
	background: #E8E1D7;
}

/* GRID */
.div-btn-grid {
	margin-right: 30px;
}

.icone-grid {
	cursor: pointer;
	font-size: 25px;
	color: #353535;
}

.formulario-filtro {
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon-active {
	border-bottom: 1px solid rgb(35, 35, 35);
}

.categ-active {
	border-bottom: 2.85px solid #9c9c9c;
}

/* Estilos para o preloader */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.loader {
	border: 5px solid #f3f3f3;
	border-top: 5px solid #3498db;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


.c-carousel {
	position: relative;
}

.seta-next,
.seta-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	/* Tamanho das setas */
	cursor: pointer;
	color: #979797;
	/* Cor das setas */
}

.seta-next {
	right: 10px;
	/* Ajuste a distância da seta para a direita */
}

.seta-prev {
	left: 10px;
	/* Ajuste a distância da seta para a esquerda */
}


.txt-sacola {
	padding-bottom: 8px !important;
	font-size: .9em !important;
	color: gray !important;
	letter-spacing: .1em !important;
}


/* Estilo do Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Spinner (animação de carregamento) */
.spinner {
    width: 25px;
    height: 25px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #000000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Animação */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}