* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	font-family: Questrial, sans-serif;
}

/* ol li{
    list-style-type: decimal!important;
} */


.btn-check:checked+.btn-outline-dark {
	/* color: #fff;
    background-color: #212529;
    border-color: #212529; */
	color: #fff;
	background-color: #000;
	border-color: #000;
}

.wrapper {
	width: 100%;
	background: #fff;
	border-radius: 10px;
	/* padding: 20px 25px 40px; */
	/* box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1); */
}

header h2 {
	font-size: 24px;
	font-weight: 600;
}

header p {
	margin-top: 5px;
	font-size: 16px;
}

.price-input {
	width: 100%;
	display: flex;
	margin: 30px 0 35px;
}

.price-input .field {
	display: flex;
	width: 100%;
	/* height: 45px; */
	align-items: center;
}

.field input {
	width: 100%;
	/* height: 100%; */
	outline: none;
	font-size: 19px;
	/* margin-left: 12px; */
	border-radius: 5px;
	/* text-align: center; */
	border: 1px solid #999;
	-moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.price-input .separator {
	width: 130px;
	display: flex;
	font-size: 19px;
	align-items: center;
	justify-content: center;
}

.slider {
	height: 5px;
	position: relative;
	background: #ddd;
	border-radius: 5px;
}

.slider .progress {
	height: 100%;
	/* left: 0%;
	right: 95%; */
	position: absolute;
	border-radius: 5px;
	background: #17a2b8;
}

.range-input {
	position: relative;
}

.range-input input {
	position: absolute;
	width: 100%;
	height: 5px;
	top: -5px;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
	height: 17px;
	width: 17px;
	border-radius: 50%;
	background: #17a2b8;
	pointer-events: auto;
	-webkit-appearance: none;
	/* box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); */
}

input[type="range"]::-moz-range-thumb {
	height: 17px;
	width: 17px;
	border: none;
	border-radius: 50%;
	background: #17a2b8;
	pointer-events: auto;
	-moz-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

#marcar {
	background-color: #e52c70;
	color: #fff;
}

#paragrafo {
	text-indent: 1.5em;
}

#selecionado_paginacao {
	color: #363636;
}

.dropdown-toggle::after {
	content: none;
	/* Remover a seta padrão do Bootstrap */
}

/**AJUSTES BOOTSTRAP***/
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
	background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23333"%3e%3cpath d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e');
}

.carousel-indicators {
	padding: 0 !important;
}

.barra_acoes_carrossel {
	position: absolute;
	width: 100%;
	height: 60%;
}

.carousel-indicators button {
	width: 100% !important;
	margin: 0 !important;
	height: 5px !important;
}

/**AJUSTES BOOTSTRAP***/



a {
	text-decoration: none !important;
}


.whatsapp {
	position: fixed;
	width: 60px;
	cursor: pointer;
	left: 95%;
	top: 90%;
	height: 60px;
	border-radius: 50%;
	z-index: 999;
	color: #fff;
	font-size: 2em;
	background-color: #4dc247;
}

.menu-header ul {
	border: 3px solid;
	border-radius: 50px;
}

.menu-header ul a {
	cursor: pointer;
}

/***MENU MOBILE**/

#menu_mobile {
	display: none;
}

.content {
	/* border: 1px solid #36383F; */
	/* border-radius: 20px; */
	position: fixed;
	width: 100%;
	z-index: 99999;
	overflow: hidden;
}

nav {
	background-color: #1E1E23;
	height: 65px;
}


#menuToggle {
	display: flex;
	flex-direction: column;
	position: relative;
	top: 25px;
	left: 25px;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
}

#menuToggle input {
	display: flex;
	width: 40px;
	height: 32px;
	position: absolute;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
}

#menuToggle span {
	display: flex;
	width: 29px;
	height: 2px;
	margin-bottom: 5px;
	position: relative;
	background: #ffffff;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 5px 0px;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
		background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
		opacity 0.55s ease;
}

#menuToggle span:first-child {
	transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
	transform-origin: 0% 100%;
}

#menuToggle input:checked~span {
	opacity: 1;
	transform: rotate(45deg) translate(-3px, -1px);
	background: #36383F;
}

#menuToggle input:checked~span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked~span:nth-last-child(2) {
	transform: rotate(-45deg) translate(0, -1px);
}

#menu {
	position: absolute;
	width: 350px;
	box-shadow: 0 0 10px #85888C;
	margin: -50px 0 0 -50px;
	padding: 50px;
	/* padding-top: 125px; */
	padding-top: 95px;
	background-color: #F5F6FA;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(-100%, 0);
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

#menu li {
	padding: 10px 0;
	transition-delay: 1s;
}

#menuToggle input:checked~ul {
	transform: none;
}

/***MENU MOBILE***/

.sub-menu-header a,
.menu-header a {
	font-size: 1vw;
}

.sub-menu-search .search {
	border-radius: 2px;
}

.sub-menu-search input {
	outline: none;
}

.carrossel-maisbatom {
	width: 100%;
}

.item_sub_menu,
.item_sub_menu_nao_abre,
.item_sub_menu_nao_abre_ativo {
	color: #fff;
}

.sub-menu-header-historico {
	width: 100%;
	height: 0;
	transition: height 0.4s;
}

.destaques {
	/* background-color: #f8eae7; */
	background-color: #d09946;
}

.destaque-item {
	/* border-radius: 50%;
    width: 5em;
    height: 5em; */

	width: 50%;
	height: 0;
	padding-bottom: 50%;
	/* Isso cria um quadrado perfeito que, quando a altura é zero, torna-se um círculo perfeito */
	border-radius: 50%;
	background-color: #fff;

}

.destaque-item i {
	margin-top: 95%;
}

.card-produto {
	background-color: #ffff !important;
	border: 5px solid #fff;
}

#btn-detalhes,
#btn-compra {
	/* border-radius: 1rem; */
	/* padding:5px; */
	margin: 2px auto;
	/* font-size: 0.9em; */
}

#btn-compra {
	border: 2px solid;
}

#descricao {
	text-align: justify;
	text-indent: 10px;
}

#btn-compra:hover {
	background-color: black;
	color: #fff !important;
}

.blog-noticia-coluna div {
	height: 49.7%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.blog-noticia-principal div {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* .barra-modelo{
    position: relative;
    z-index: 99999;
} */

.escolha-sua-cor {
	background-image: url("../img/banners/banner-cores.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.modelo {
	/* background-color: #ccc; */
	/* box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.24); */
	overflow: hidden;
	position: relative;
}

.card-modelo {
	box-shadow: 0px 7px 5px 0px rgba(0, 0, 0, 0.24);
}


.modelo img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease-in-out;
}

/* Efeito de zoom quando o mouse passa sobre a imagem */
.modelo:hover img {
	transform: scale(1.2);
	/* Ajuste o valor para aumentar ou diminuir o zoom */
}


/* .barra-cor{
    position: relative;
    background-color: #fae7d8;
    top:-30vh;
    height: 40vh;
} */

.kits-novidades {
	margin-top: 5em;
}

.card-novidades {
	height: 60vh;
	border: 5px solid #fff;
}

.card-novidades button {
	background-color: #e7cec9;
}

.img-novidade {
	background-color: #f5f3e6;
}

.card-dica {
	/* border: 5px solid #212529; */
	border: 5px solid #000;
	border-radius: 5px;
	border-radius: 10px;
}

.card-dica img {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;

}

.card-dica a:hover {
	color: #d09946 !important;
}

.nossa-historia h1 {
	color: #ff7800;
	font-size: 5em;
	/* position: relative;
    top:-8vh; */
}

.nossa-historia p {
	text-align: justify;
}

.header-titulo-historia {

	background-color: #f9e7d9;
	height: 120px;
	position: relative;
	right: 18%;
}

.rodape {
	border-top: 1.5em solid black;
}

.rodape img {
	fill: red;
}

.rodape-historico {
	border-top: 1.5px solid white;
	border-bottom: 1.5px solid white;
}

.desconto {
	/* background-image: url("../img/produtos/10700/banner1.png"); */
	background-color: #e8e4e2;
	background-size: cover;
	background-repeat: no-repeat;
}

.desconto input[type="submit"] {
	border: none;
	color: #fff;
	padding: 9px;
	background-color: #ff7800;
	font-weight: bold;
	border-radius: 2px;
}

.desconto ul li {
	list-style-type: square;
}



/***blog***/

.blog {
	padding: 5em 0;
}

.blog-heading {
	text-align: center;
}

.blog-top-grids {
	margin: 4em 0 0 0;
}

.blog-left {
	margin: 0em 0 2em 0;
	padding-right: 1em;
}

.blog-left-right {
	margin-top: 1em;
}

.blog-left-right a {
	font-size: 1.2em;
	margin: 0 0 .5em 0;
	color: #100058;
	text-decoration: bold;
	letter-spacing: 1px;
}

.blog-left-right a:hover {
	text-decoration: none;
	color: #ffc300;
}

.blog-left-left {
	padding: 0 !important;
}

.blog-left-left p {
	margin: 0 0 1em;
	font-size: .9em;
	color: #555555;
}

.blog-left-left p a {
	color: #100058;
	text-decoration: none;
}

.blog-left-left p a:hover {
	color: #ffc300;
}

.blog-left-left a img {
	width: 100%;
}

.blog-left-right p {
	font-size: .9em;
	margin: 0.5em 0;
	color: #353535;
	line-height: 1.8em;
}

/***blog***/

.circle {
	position: absolute;
	width: 35px;
	margin-left: 15px;
	margin-top: -25px;
	height: 35px;
	z-index: 999;
	background-color: #3498db;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.5em;
	font-weight: bold;
	cursor: pointer;
}


#offcanvasBottom {
	height: 13%;
}


@media screen and (max-width:980px) {
	#offcanvasBottom {
		height: 40%;
	}

	.whatsapp {
		left: 80%;
	}

	.sub-menu-header {
		display: none;
	}

	#menu_mobile {
		display: block;
	}

	.sub-menu-header a,
	.menu-header a {
		font-size: 1.5vw;
	}

	.carrossel-maisbatom .carousel-item {
		margin-top: 65px;
	}

	.destaques .todos-destaques {
		justify-content: center !important;
	}

	.barra-modelo {
		justify-content: center !important;
	}

	.desconto {
		text-align: center;
	}

	.desconto ul {
		margin: 0 auto;
	}

	.desconto ul li {
		list-style: none;
	}

	.desconto .texto-final {
		text-align: center;
		margin: auto;
	}

	.rodape-historico {
		flex-wrap: wrap;
		flex-direction: column;
	}

	.modal-content {
		left: 0% !important;
	}

	.modal-dialog {
		width: 100% !important;
	}

	.modal {
		left: 0% !important;
	}

	/* .destaque-item{
        width: 100%;
        height: 60%;
    } */
}