body {
	min-height: 100%; 
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-variation-settings:
	"wdth" 100;
	font-size: 14px;
	font-weight: 500;color:#000;line-height: 160%;
}

/* Habilita dropdown no hover */
.dropdown-hover:hover > .dropdown-menu {
	display: block;
	margin-top: 0;
}

/* Remove atraso visual */
.dropdown-menu {
	transition: all 0.2s ease-in-out;
}

/* Opcional: cursor */
.dropdown-hover > a {
	cursor: pointer;
}


.fill { width: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}
.meio{ display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center}
.centeredFlex{justify-content: center; width: 100%;}
.fullHeight{min-height: 100%;height: 100%;}
.fullWidth{width: 100%;}
.centered{margin-right: auto;margin-left: auto;display: block}

.navbar-collapse{
	flex-direction: column;
}

.form-control:focus {
	/*border-color: rgb(255,255,255); */
	box-shadow: 0 0 0 0.2rem rgba(255,255,255, .35)!important;
	background-color: transparent;
}

a, a:hover{cursor: pointer}
a:focus, a:active{
	outline: none!important;
	box-shadow:none!important;
}

header{
	background: #fff;

	top: 0;
	z-index: 999;
	width: 100%;
	color:#000;

}
.navbar {
	background: transparent;	
}

.pesquisa{
	position: relative;
	margin-left: 75px;
	width: 35%;
}
.pesquisa input{height: 40px;
	border-radius: 0;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #F68800;
	background-color: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	color: #F68800!important;

	margin-top: 10px;}
	.pesquisa:hover .fa{color: #F68800}
	.pesquisa input::-webkit-input-placeholder{color: #F68800;}
	.pesquisa input:-moz-placeholder {color: #F68800;}
	.pesquisa input::-moz-placeholder {color: #F68800;}
	.pesquisa input:-ms-input-placeholder {color: #F68800;}
	.pesquisa button{    position: absolute;
		background-color: transparent;
		border-color: transparent;
		color: #F68800;
		right: 15px;
		top: 50%!important;
		margin-top: -8px;
		font-size: 18px;}
.pesquisa input:focus{
	color: #F68800;
	border-color: #F68800
}

		.breadcrumbs{	border-bottom:  1px solid #BBBBBB;
			margin-bottom: 20px
		}
		.breadcrumb {
			background-color: transparent;
			border-radius: 0;
			margin-bottom: 0;
		}
		.breadcrumbs li{
			padding: 0 20px 0 10px;
			position: relative;

		}
		.breadcrumbs li:first-child{
			padding-left: 0
		}
		.breadcrumbs a{
			color: #878787;
			font-size: 13px;

		}

		.breadcrumb li:after{
			content: '';
			display: inline-block;

			border-left: 5px solid #878787;
			border-top: 5px solid transparent;
			border-right: 0;
			border-bottom: 5px solid transparent;
			margin-left: 15px;
			position: absolute;
			top: 5px;
			right: 0;
			z-index: 1

		}

		.breadcrumb li:before{
			content: '';
			display: inline-block;

			border-left: 5px solid #fff;
			border-top: 5px solid transparent;
			border-right: 0;
			border-bottom: 5px solid transparent;
			margin-left: 15px;
			position: absolute;
			top: 5px;
			right: 1px;
			z-index: 9

		}

		.breadcrumb li:last-child:after{
			display: none
		}
		.breadcrumb img{
			margin-top: -3px
		}
		.form-control::-webkit-input-placeholder {
			color: #99B1BF;font-weight: 200
		}

		.form-control:-moz-placeholder { /* Firefox 18- */
			color: #99B1BF; font-weight: 200 
		}

		.form-control::-moz-placeholder {  /* Firefox 19+ */
			color: #99B1BF; font-weight: 200 
		}

		.form-control:-ms-input-placeholder {  
			color: #99B1BF; font-weight: 200 
		}

		section{padding-top: 50px;padding-bottom: 70px;
/*
	border-bottom: 2px solid #fff;
	background: rgb(216,230,239);
	background: linear-gradient(288deg, rgb(241,244,247) 0%, rgb(241,244,246) 100%);
	*/
}
section h2{
	color: #4C8AD8;
	font-size: 28px;
	line-height: 120%;
	font-weight: 300
}
section h6{
	color: #202633;
	font-size: 16px;
	line-height: 160%;
	font-weight: 800;
}


.btn{
	border-radius: 5px;
	border: 1px solid #F68800;
	color: #F68800;
	font-size: 18px;
	line-height: 41px;
	height: 45px;
	text-align: center;
	padding: 0 25px;
	min-width: 180px;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 800;
	background:none;
}
/*
.btn::after{
	display: block;
	content: '';
	width: 2px;
	height: 41px;
	background-color:  #FCAF17;
	position: absolute;
	top: 0;
	left: 3px

}
*/
.btn.branco{
	border:2px solid #fff;
	color: #fff;
	background: none;
	font-weight: 800
}

.btn:hover, .btn.active{
	color: #fff;
	background-color:#F68800;
}

.centralizado{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.banner_corpo , .banner_corpo .fill{
	min-height: 300px
}
.banner_corpo .cartola-banner{
	font-weight: 800;
	font-size: 20px;
	color: #F78600;
}
.banner_corpo h1{
	font-size: 50px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 110%;
}
.form-control{
	border-radius: 5px;
	color: #252525;
	font-size: 15px;
	background-color: transparent;
	line-height: 42px;

	padding: 5px 10px;
	min-width: 180px;
	font-weight: 600
}
h3{
	color: #000000;
	font-size: 20px;
	font-weight: 800;
	padding-top: 10px
}
.form-control.branco{
	border-color: #fff;
	color: #fff
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    #01384B;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #01384B;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #01384B;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #01384B;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color:    #01384B;
}

::placeholder { /* Most modern browsers support this now. */
	color:    #01384B;
}

.form-control.branco::-webkit-input-placeholder {color:    #fff;}
.form-control.branco:-moz-placeholder {color:    #fff; }
.form-control.branco::-moz-placeholder {color:    #fff;}
.form-control.branco:-ms-input-placeholder { color:    #fff;}
.form-control.branco::-ms-input-placeholder {color:    #fff;}
.form-control.branco::placeholder {color:    #01384B;}

.form-group{
	padding-left: 0;

}

.mt-40{margin-top: 40px}
.mt-60{margin-top: 60px}
.mb-40{margin-bottom: 40px}
.mb-20{margin-bottom: 20px}
.mt-20{margin-top: 20px}

.pt-40{padding-top: 40px}
.pt-60{padding-top: 60px}
.pb-40{padding-bottom: 40px}


.desktop-none{
	display: none!important
}
.mobile-none{
	display: block!important
}
@media (max-width: 780px) {

	.desktop-none{
		display: block!important
	}
	.mobile-none{
		display: none!important
	}
}


.titulo a{
	color: #00384B;
	font-weight: 600;
	font-size: 16px;
	background-color: #fff;
	padding-left: 25px;
	display: block;
	position: absolute;
	right: 15px;
	bottom: 15px;
	z-index: 99;
}

.no-before:before{
	display: none!important
}

.titulo span{
	font-weight: 200;
	font-size: 22px;
	display: inline-block;
	background-color: #fff;
	padding-right: 20px;
	position: relative;;
	z-index: 99;
	line-height: 110%
}

.titulo{
	font-size: 40px;
	color: #003C57;
	position: relative
}
.titulo strong{
	display: block;
	font-weight: 800;
}



section .img-shadow{
	-webkit-box-shadow: 5px -5px 20px 0px rgba(34, 39, 53, 0.1);
	-moz-box-shadow:    5px -5px 20px 0px rgba(34, 39, 53, 0.1);
	box-shadow:         5px -5px 20px 0px rgba(34, 39, 53, 0.1);
}

.box-shadow{
	-webkit-box-shadow: 5px -5px 20px 0px rgba(34, 39, 53, 0.2);
	-moz-box-shadow:    5px -5px 20px 0px rgba(34, 39, 53, 0.2);
	box-shadow:         5px -5px 20px 0px rgba(34, 39, 53, 0.2);
}

section.blog{background: #F7F7F7;}

section.blog .post{
	padding:50px 15px 25px;
	position: relative;
}


.postagens{
	padding-top: 30px;
	padding-bottom: 50px
}
.postagens h6{
	font-size: 16px;
	color: #3B3B3B;
	padding-top: 15px;
	font-weight: 400
}
.postagens p{
	font-size: 15px;
	padding: 20px 0 25px 
	margin:0;
	color: #707070;
	line-height: 140%;
	text-align: justify;
}


.postagens h4{
	font-size: 22px;
	margin-top: 20px;
	position: relative;
	margin-bottom: 20px
}
.postagens h4:before{
	content: '';
	display: block;;
	position: absolute;
	bottom: -5px;
	background-color: #FD8C40;
	height: 2px;
	width: 50px
}



.navbar{
	padding: 0;
}
.navbar-nav{

}
.navbar .navbar-brand{
	padding: 11px 0;
}

.banner_home{
	height: 480px;

}
.banner_home .carousel-item, .banner_home .container, .banner_home .carousel-inner, .banner_home .item{
	height: 100%;
} 
.carousel-item, .carousel-inner{
	height: 100%;
}
.banner_home .container{

} 
.banner_home h1{
	font-size: 55px;
	font-weight: 800;
	color: #FFFFFF;
	line-height: 105%
}
.banner_home .cartola-banner{
	font-size: 20px;
	color: #F68800;
	font-weight: 800;
	text-align: center;
}

.carousel-indicators{
	opacity: .6
}
.carousel-indicators .active{
	background-color: rgba(255,255,255, .6);
	border: 1px solid #F68800;
	opacity: 1
}
.carousel-indicators li {
	background: #3C3C3C;
	border:1px solid #FFFFFF;
	opacity: .6;
	height: 15px;
	width: 15px;
	border-radius: 100%
}

.nav-item a{color: #fff;font-size: 16px;font-weight: 400;position: relative}

.dropdown-toggle::after{

	position: absolute;

	border-top: 5px solid #fff;
	border-right: 5px solid transparent;
	border-bottom: 0;
	border-left: 5px solid transparent;
	bottom: 50%;
	right: 0;
	left: auto;
}
}

.nav-item{position: relative;padding: 0 15px;}
.gradient{
	background: linear-gradient(180deg, rgba(243,243,243,1) 10%, rgba(255,255,255,1) 100%);
}

footer{
	position: relative;
	background-size: cover;
}
footer .container{position: relative;}
footer hr{
	border-color: rgba(255,255,255,.3)
}

footer p{
	color: #000;
	font-size: 14px;
	letter-spacing: normal;
	font-weight: 500
}
footer .form-group{
	margin-bottom: 0
}
footer h4{
	color: #F68800;
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 25px;
	position: relative;
	padding-bottom: 10px
}
footer i{color: #F68800}
footer a{
	color: #000
}
footer ul{list-style: none;padding:0;}
footer li{position: relative;padding-left: 25px;padding-bottom: 10px;}
footer li:after{
	content: '';
	position: absolute;
	top: 10px;
	left: 5px;
	width: 4px;
	height: 4px;
	background:#F68800;
	display: block;
	border-radius: 100%

}
footer a{
	color: #000;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: normal
}
footer strong{
	display: block;
	font-weight: 600;
	font-size: 16px
}

footer h5{
	font-size: 15px;
	font-weight: 400;
}
footer h5 span{
	font-weight: 500;
	color: #F68800;
	font-size: 16px;
	display: block;
}
footer .bordas{
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px solid #C2C2C2;
	border-left: 1px solid #C2C2C2;
}
.contatos li{
	color: #000;
	font-weight:  800;
	padding-bottom: 15px;
	color: #F68800
}
.contatos li a{display: block;}

.whats{
	padding-bottom: 15px;
	padding-left: 30px;
	position: relative;
	color: #000
}
.whats a{
	color: #000
}
.whats i{
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 20px;
}
.whats small{
	font-size: 14px;
	font-weight: 700;
}
.whats strong{display: inline-block;font-weight: 800}
.whats{font-weight: 400}


.corp{
	border-top: 1px solid #fff;
	height: 80px;
	background-color: #F4F5F7

}

.corp .container{position: relative}
.corp p{
	height: 100%;
	display: flex;
	align-items: center;
	width: 100%;
	color: #252525;
	font-size: 15px;
	text-align: center;
	padding: 0;
	margin:0 ;
	justify-content: center
}
.corp p strong{
	color: #000;
	display: inline-block;
	padding: 0 5px
}

.redes-sociais{
	display: flex;
	justify-content: center;
}
.redes-sociais a{
	display: inline-block;
	height: 38px;
	width: 38px;
	background: transparent!important;
	color: #212634;
	font-size: 17px;
	line-height: 35px;
	text-align: center;
}
.redes-sociais span{
	display: inline-block;
	padding: 0 10px;
	padding-left: 0;
	padding-top: 5px;
	line-height: 35px;
	height: 38px;
	color: #fff;
	font-size: 14px
}
.redes-sociais a i{
	line-height: 38px
}
footer a{
	transition: ease-in-out all .3s;
}
footer a:hover{
	text-decoration: none
}

footer a.btn:hover{
	color: #FD8C40;
	border-color: #fff;
	background-color: #fff
}
footer .redes-sociais a{
	color: #C2C2C2;
	margin-left: -1px
}
footer .redes-sociais a:hover{

	background-color:#222735;

}


.img-link-mobile{display: none}

/*TABELA DOS PREÇOS */
.t-total{border-radius: 10px; margin-bottom: 20px;}
.t-total td{padding: 20px; font-size: 15px;  font-weight: 300;}
.t-total td.upper{text-transform: uppercase;}
.t-total td.valor{text-align: right; padding-right: 30px; font-weight: 800; }
.t-total tr.total td.valor{font-size: 20px; color: #588C3F}
.t-total tr.cupom td.valor{color: #FF2626}
.t-total tr{background-color: #FFF;}
.t-total tr:nth-child(even){background-color: #EFF0F1;}

/* LISTAGEM PARA PEDIDOS, ENDEREÇOS, PAGAMENTOS USUÁRIO */
table.listagens{border-radius: 10px; }
table.listagens td h5{color: #fff; padding: 10px;}
table.listagens thead tr td{background-color: #203418; color:#FFF;  text-transform: uppercase; padding: 10px;}
table.listagens td span, table.listagens td a{padding: 20px; display:inline-block; font-size: 16px; color: #22252F}
table.listagens tr{background-color: #FFF;}
table.listagens tr:nth-child(even){background-color: rgba(186, 159, 69, .1);}
table.listagens{max-height: 510px; overflow: auto;}
/* PAGINAÇÃO */
.pagination{display: inline-flex;}
.pagination>li:first-child>a, .pagination>li:first-child>span{}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover, .pagination>li>a, .pagination>li>span{border-radius: 30px; margin-left: 3px;font-size:16px; padding: 0; font-weight: 700;border:1px solid #BA9F45; height: 42px; width: 42px; line-height: 42px; text-align: center; color: #242120;background: #fff }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{background: #345627;border:1px solid #345627;color:#FFF;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #345627; border-color: #345627; color: #FFF;}
.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span{}
.pagination>li:last-child>a .fa, .pagination>li:last-child>span .fa, .pagination>li:first-child>a .fa, .pagination>li:first-child>span .fa{line-height: 40px;}
.pagination>li{width: 45px}
.pagination .btn{min-width: auto;transform: none}
.paginacao{justify-content: space-between; border-bottom: 1px solid #DEDEDE; border-top: 1px solid #DEDEDE; margin-bottom: 30px;padding: 10px 0}
.paginacao span{font-size: 14px; line-height: 160%; font-weight: 400; color: #39602D; margin-right: 5px; text-transform: uppercase;}
.paginacao select{border: 1px solid #BBBBBB; height: 42px; color: #242120; line-height: 42px; padding:10px;
	text-transform: uppercase;}
	.paginacao select:focus{outline: none;}
	.paginacao select option:last-child{border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;}


	.btn-mini{padding:5px  10px; font-size: 14px; border-radius: 20px; border:1px solid #50803C; font-weight: 400;}

	.order-r-1{order: 1}.order-r-2{order: 2}.order-r-3{order: 3}.order-r-4{order: 4}.order-r-5{order: 5}.order-r-6{order: 6}.order-r-7{order: 7}.order-r-8{order: 8}.order-r-9{order: 9}

	/*PRODUTOS */
	.produtos .col-md-3, .produtos .col-md-4{margin-bottom: 40px;}
	.produtos h3, h3.titulo{font-size: 40px; font-weight: 700; line-height: 100%; color: #000; text-transform: uppercase; margin-bottom: 30px;}
	.produtos h3 span, h3.titulo span{font-size: 17px; font-weight: 300; color: #FCAF17;display: block;}
	.produtos .imagem{display: block;border-radius: 10px; width: 100%; background-size: cover; background-position: center;}
	.produtos h4, h4.titulo{min-height: 70px;margin-top: 30px; font-size: 15px; font-weight: 400; text-transform: uppercase; line-height: 150%; display: inline-block; }
	.produtos hr{margin-bottom: 25px; margin-top: 10px; border-top: 1px solid rgba(194,197,190, .5)}
	.produtos h5{font-size: 26px; line-height: 150%; font-weight: 700; color: #FD5617;}
	.produtos strike{color: #6A6C64; font-size: 16px; font-weight: 300;}
	.produtos h6{font-size: 18px; font-weight: 700; color: #C43702; line-height: 150%;}
	.produtos .btn{margin-top: 20px; margin-bottom: 10px; display: block;}
	.produtos h2, h2.titulo{ font-size: 40px; line-height: 100%; font-weight: 700; color: #000; text-transform: uppercase; padding: 15px 0;}
	.texto{margin-top: 0; padding: 0 2px 0 2px; }
	.texto p{font-size: 15px; font-weight: 400; line-height: 140%; color: #000; margin-top: 5px;}
	.texto h3{
		font-weight: 500;
		font-size: 15px;
		color: #000;
		padding: 5px 2px
	}
	.produtos .desconto, .sidebar .produto-side .desconto{position: absolute; bottom: 20px; right: 20px; background-color: #FD5617; color: #FFF; padding: 5px 13px; border-radius: 5px; font-weight: 700;}

	.produtos h4{min-height: auto;margin-top: 15px;}
	.produtos hr{margin-top: 10px;margin-bottom: 10px}
	.produtos .col-md-4{padding-bottom: 10px;border-bottom:1px solid rgba(194,197,190, .5)}

	/*DESCRICAO PRODUTO*/
	#nav-descricoes{border-radius: 10px; overflow: hidden;}
	#nav-descricoes a{width: 100%; border-top-right-radius: 0; border-top-left-radius: 0;}
	.detalhes .box-branco{padding: 15px;}

	.detalhes h1{padding-bottom: 0; border-bottom: 0px;font-size: 20px;padding-top: 20px;font-weight: 600}
	.detalhes .texto{padding-bottom: 0;color: #FCAF17;font-weight: 800 }
	.detalhes .preco{border-top: 0px;}

	.detalhes .btn.comprar{padding: 10.5px 50px; font-style: 23px;}
	.produtos h2, h2.titulo{font-size: 32px;}

	@media (max-width: 600px) {
		.navbar .navbar-brand{padding-left: 15px}

		h1.titulo{font-size: 40px}
		h1.titulo:after{
			height: 15px;
			width: 200px
		}

		.pesquisa{margin: 15px 0 0 0; width: 100%;}
		.pesquisa input{width: 100%;}

		section.blog .img-fluid{
			width: 100%
		}

		section.blog .post {
			padding: 30px 5px 35px;
			min-height: auto;
		}

		section.blog .post a{
			position: relative;
			bottom: auto;
		}

		.loguinho {
			width: 50%;
			height: 50px;
			display: flex;
			align-items: center;
		}

		#clientes .carousel-control-prev,
		#clientes .carousel-control-next{
			display: none
		}
		#clientes .carousel-control-prev{left: -120px}
		#clientes .carousel-control-next{right: -120px}
		footer .container:after{left: 0}
		section.blog h2{font-size: 26px}


		section.blog{
			padding-bottom: 0
		}
		.img-link-mobile{display: block}


		.navbar-nav{
			border-top: 1px solid #222735;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		.nav-item:last-child{
			padding-left: 20px!important
		}
		.nav-item{
			padding-left: 35px!important
		}
		.nav-item:after{
			left: 20px;
		}

		.nav-item:first-child:after{display: block}

	}


	.nav-pills a{
		font-size: 13px;
		font-weight: 400;
		color: #212634;
		line-height: 30px;
		display: block
	}
	.nav-pills li{
		padding: 0 15px;
		border-right: 1px solid #CBDEEC;
	}
	.nav-pills li:first-child{
		padding-left: 0
	}
	.nav-pills a.active{
		color: #fff;
		background: #212634;
		border-radius: 3px;
		padding: 0 15px
	}
	.nav-pills li:last-child{
		border-right: 0;
	}

	.clientes .carousel-indicators{
		top: -90px
	}

	.carousel-indicators li.active::before{
		display: none
	}
	.cases{}
/*
.cases .item{padding: 10px 5px;}
.cases .itens{padding: 0 10px;width: 100%;display: flex}
.cases .item .img{height: 465px;margin-bottom: 10px}
.cases .item a.link{color: #202633;font-size: 16px;font-weight: 700}
*/
.cabecalho{
	background: url('img/cabecalho.jpg') center center no-repeat;
	background-size: cover;
	padding: 190px 0 150px ;
	background-color: #3C3C3C;
	position: relative;
}
.cabecalho.tem_bg{
	background-image: none;
}
.cabecalho.container{
	position: relative;
	z-index: 2
}
.cabecalho.tem_bg .bg{
	background-size: cover;
	background-position: center center;
	opacity: .2;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 100%
}
.cabecalho h2{	
	color: #FFFFFF;
	font-weight: 200;
	line-height: 110%;
	font-size: 50px;
	text-align: center;
	position: relative;
	text-transform: uppercase;
}
.cabecalho p{	
	color: #fff;
	font-size: 28px;
	line-height: 120%;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 10px;
	font-weight: 300;
	text-align: center;
}

.clientes-titulo .titulo:after{
	display: none
}
.clientes .img-fluid{
	box-shadow: none!important;
}
form label{
	color: #1F2633;
	font-size: 13px;
	font-weight: 800
}
.form-contato{padding-top: 0}
.form-contato form{padding-top: 15px}
.required{font-size: 13px;color: #ED3021}




.contato ul{list-style: none;padding:0 0 15px 0;margin-bottom: 15px;border-bottom: 1px solid #CBDEEC}
.contato li{position: relative;padding-left: 15px;padding-bottom: 5px;}
.contato li:after{
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 5px;
	height: 5px;
	background: #F68800;
	display: block;
	margin-top: -2px;
	border-radius: 100%
}
.contato li a, .contato li{
	color: #1F2633;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: normal
}
.contato li strong{display: block;font-weight: 600}
.contato h3{
	font-weight: 800;
	font-size: 22px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	color: #252525;
	position: relative;
}
.contato h5{
	color: #252525;
	font-size: 18px
}
.contato h3:before{
	content: '';
	display: block;;
	position: absolute;
	bottom: -5px;
	background-color: #F68800;
	height: 1px;
	width: 50px
}
.contato p{
	margin-bottom: 0
}



/* SIDEBAR */
.sidebar .accordion{-webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1); border-radius: 10px; overflow: hidden;}
.sidebar .side-item .meio{padding-top: 5px; padding-bottom: 5px;width: 100%; min-height: 60px; background: #242120; -webkit-appearance: none; border-bottom: 1px solid #000; position: relative; padding-left: 10px;}
.sidebar .side-item .meio img{padding-right: 10px;height: 35px}
.sidebar .side-item .meio.active{background-color: #F68800; border-bottom: transparent;}
.sidebar .side-item .meio h4, .sidebar .side-item .meio h5{font-size: 14px; color: #fff; font-weight: 600; line-height: 100%; text-transform: uppercase;}





.sidebar .side-item .meio h4:after{content: '';   border: 5px solid transparent; border-bottom-color:#fff; display: inline-block; position: absolute; top: 50%; margin-top: -7.5px; right: 22px}
.sidebar .side-item .meio.active h4:before{background-color: #fff;}
.sidebar .side-item .meio.active h4:after{border-top-color:#fff;margin-top: -2.5px; border-bottom-color: transparent;}
.sidebar .side-item .meio.active img, .sidebar .side-item:hover .meio img{filter: brightness(0);}

.sidebar .side-item:hover .meio{background: #F68800}
.sidebar .side-item:hover .meio h4, .sidebar .side-item:hover .meio h5{color: #000;text-decoration: none}
.sidebar .side-item:hover a{text-decoration: none}
.sidebar .side-item:hover h4:before{background-color: #000;}
.sidebar .side-item:hover h4:after{border-bottom-color:#000;}

.sidebar .sem-item{padding: 30px 15px; display: block; background-color: #FFF;}
.sidebar .side-item ul{padding: 30px 15px; list-style: none;border-radius: 8px; margin-bottom: 0; background-color: #FFF;}
.sidebar .side-item ul li{margin-bottom: 12px; position: relative; padding-left: 30px;}
.sidebar .side-item ul li:before{left: 0px; width: 15px; height: 1px; margin-top: -0.5px;}
.sidebar .side-item ul li a{font-size: 13px; font-weight: 400; line-height: 120%; color: #000; text-transform: uppercase;}
.sidebar .side-item ul li a:hover, .sidebar .side-item ul li a.active{text-decoration: underline;}
.sidebar .side-item ul li a.active{font-weight: 800; color: #BA9F45}

.sidebar .banner-side{border-radius: 10px; height: 300px; width: 100%; background-size: cover; padding: 15px; flex-direction: column; margin-top: 15px;}
.sidebar .banner-side h3{font-size: 45px; font-weight: 700; color: #FFF; text-transform: uppercase; text-align: center; line-height: 100%; margin-bottom: 30px;}
.sidebar .banner-side h3 span{font-size: 17px; font-weight: 300; color: #C5B272; }

.sidebar .produto-side .col-md-12{padding: 30px 0; border-top: 1px solid #D8D8D8}
.sidebar .produto-side h2{font-size: 30px; line-height: 100%; font-weight: 700; color: #F68800; text-transform: uppercase; text-align: center; margin-top: 40px; padding-bottom: 20px;}
.sidebar .produto-side h2 span{font-size: 17px; line-height: 100%; font-weight: 300; color: #FCAF17; display: block;}
.sidebar .produto-side h4{font-size: 15px; font-weight: 400; line-height: 150%; color: #777777; text-transform: uppercase; padding-bottom: 5px;}
.sidebar .produto-side h5{font-size: 22px; line-height: 150%; font-weight: 700; color: #FD5517;}
.sidebar .produto-side h6{font-size: 15px; font-weight: 700; color: #848A8E; line-height: 150%;}
.sidebar .produto-side strike{color: #6A6C64; font-size: 13px; font-weight: 300; display: block; line-height: 100%;}
.sidebar .produto-side hr{margin-bottom: 5px; margin-top: 5px;}
.sidebar .produto-side a.imagem{display: block; width: 48%; border-radius: 7px; background-position: center; background-size: cover; float: left;}
.sidebar .produto-side a.desc{display: inline-block; width: 48%; float: right;}
.sidebar .produto-side .btn{margin-top: 15px; display: block; width: 100%;}
.sidebar .produto-side .desconto{bottom: 10px; right: 10px; padding: 4px 7px; font-size: 12px;}


.msgCompra{margin-top: 20px}
hr{
	background-color: #fff;
	width: 100%
}
.conteudo {
	font-size: 15px;
	padding-bottom: 50px
}
@media (max-width: 600px) {

	.breadcrumbs {
		display: none
	}
	.conteudo img{margin-bottom: 15px}

	section.blog .post {
		padding: 30px 15px 35px;
	}

}


.servicos{
	margin-top: -180px
}

.servicos .item{
	height: 375px;
}
.servicos .item h4{
	font-size: 22px;
	font-weight: 800;
	line-height: 120%;
	color: #fff;
}
.servicos .item p{
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 16px;
	line-height: 120%;
	color: #fff;
}
.servicos .texto{
	position: absolute;
	bottom: 0;
	padding: 40px;
}

.quem-somos p{
	font-size: 16px;
}

.dropdown-item{
	text-transform: capitalize;
	color: #000!important;
	text-align: left!important;
	font-size: 13px;
	font-weight: 400;
	line-height: 120%;
	color: #000;
	text-transform: uppercase;
}

@media (max-width: 600px) {

	.banner_home h1{
		font-size: 40px;
	}
	.banner_home h1 br{
		display: none
	}

	.sidebar{order: 3}
	.navbar-collapse{
		background-color: #fff;

	}
	.nav-item{
		padding-left: 20px!important;
	}
	.topo ul li{
		width: 50%
	}

	.topo ul {
		margin: 0;
		padding: 0;
		display: flex;
		align-items: unset; 
		justify-content: unset; 
		width: 100%;
		flex-wrap: wrap;
	}
	.cabecalho h2{

		font-size: 40px
	}
	.servicos{
		margin-top:40px
	}

	section.blog .titulo span, .servicos .titulo span {
		background: #fff;
	}
	.clientes-titulo .titulo span, .quem-somos .titulo span{
		background-color: #F7F7F7!important
	}
	.titulo a{
		top: 0;
		right: -5px;
	}
	.quem-somos img{
		margin-top: 40px
	}
	.clientes .carousel-indicators {
		top: auto;
		bottom: 0;
	}
	.home .servicos{
		margin-top:-200px!important
	}
	.form-group{
		padding-left: 15px
	}

	.descricao .btn{
		width: 100%;
		margin-top: 10px
	}
	.detalhes{margin-top: 25px}
	.nav-item a{
		color: #003C57
	}
	.navbar-toggler{
	        color: #F68800;
        border: 2px solid #F68800;
        position: absolute;
        top: 25px;
        right: 15px;
	}
	.dropdown-toggle::after {

	}
	.navbar-nav .nav-link{
		border-bottom: 1px solid #eee
	}
	.navbar-nav .dropdown-menu{
		border:none;
	}

}

h1.titulo, h5.titulo{
	color: #000;font-size: 34px;
	font-weight: 300;
	line-height: 110%;
}
h1.titulo strong{
	display: block;
	color: #000;
	font-weight: 800;
}

.mosaico{
	padding-top: 50px;
	padding-bottom: 50px
}
.mosaico .row{
	margin-top: 40px;
}
.mosaico h3{
	font-size: 50px;
	font-weight: 200;
	color: #FFFFFF;
}
.mosaico .item{
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(60,60,60,0.35); 
	box-shadow: 0px 0px 10px 0px rgba(60,60,60,0.35);
	background-color: #3C3C3C;
	height: 100%
}
.mosaico .img{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	opacity: .20;
	transition: ease-in-out all .3s;

}

.mosaico .item:hover .img{
	opacity: .55;

}
.mosaico .item .texto{
	position: absolute;
	z-index: 99;
	bottom: 25px;
	left: 30px;
}
.mosaico .btn{
	font-size: 15px;
	height: 40px;

	line-height: 40px
}
.mosaico .col-md-6{
	height: 320px;
	padding-bottom: 15px
}
.mosaico .col-md-4{
	height: 235px;
	padding-top: 15px
}

.mosaico .col-md-4 h3{
	font-size: 30px
}
.mosaico .item1 .texto{

	bottom: auto;
	top: 25px;
}
.categorias .texto{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
}
.categorias h3{
	color: #003C57;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400
}
.categorias .btn, .categorias .form-control{
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	border-radius: 0;
	border: 2px solid #FCAF17;
	transform:none;
}
.categorias form{
	padding-top: 15px;
	padding-left: 15px
}
.categorias .item{
	height: 50px;
	display: flex;
	width: 100%;
	justify-content: center;
	color: #231F20;
	align-items: center;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.categorias .item img{
	max-width: 50px;
	padding-right: 5px
}
.categorias .item.active, .categorias .item:hover{
	color: #fff;
	background-color:  #F68800;
}
.categorias .item.active img, .categorias .item:hover img{
	filter: invert(1);
}
.cases h3{
	color: #000;
	font-size: 16px;
	line-height: 140%
}
.cases span{
	color: #003C57;
	font-size: 16px;
	font-weight: 200;
}
.cases .texto{
	padding: 10px;
}
.cases .item{
	padding-top: 40px;
}
.cases .img{
	height: 230px;
	border-radius: 5px
}
.cases .row{
	margin:0;
	justify-content: center;
	padding-bottom: 50px
}

.postagens .btn{
	background-color: #fff;
	border-color: rgba(60,60,60, .3);
	color: #3C3C3C;
	width: 100%;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	font-weight: 300
}
.postagens img{
	border-radius: 5px;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}


.carousel-control-next, .carousel-control-prev{
	background-color: rgba(255,255,255, .8);
	border-radius: 5px;
	height: 55px;
	width: 55px;
	position: absolute;
	top: 50%;
	margin-top: -27px;
	z-index: 9999;
	
	-webkit-box-shadow: 5px -5px 20px 0px rgba(34, 39, 53, 0.1);
	-moz-box-shadow:    5px -5px 20px 0px rgba(34, 39, 53, 0.1);
	box-shadow:         5px -5px 20px 0px rgba(34, 39, 53, 0.1);
}
.carousel-control-prev{
	left: -27px
}
.carousel-control-next{
	right: -27px
}



.products{}
.products .item:nth-child(3n+1){clear: both}
.products.outros .item:nth-child(3n+1), .products.destaques .item:nth-child(3n+1){clear: none}
.products .item{margin-top: 25px;margin-bottom: 30px}
.products .product-img{border:1px solid #CCCCCC;position: relative;display: block;width: 100%;background:none!important;display: flex;
	justify-content: center;}
	.products .product-img img{margin: 0 auto}
	.products .product-title{font-size: 16px;color: #000000;line-height: 120%;margin-top: 25px;}

	.products .btn{margin-top: 15px}

	.products .btn{border-color: #535353;color: #535353;line-height: 43px;padding:0 20px;font-size: 15px;font-weight: 900;letter-spacing: 1px;text-transform: uppercase;background-color: transparent;}
	.products .btn:hover{background: #222222;color: #fff;}

	.products .btn .plus{display: inline-block;margin-right:5px;height: 11px;width: 11px;position: relative}
	.products .btn .plus:after, .btn .plus:before{content: '';display: block;position: absolute}
	.products .btn .plus:after{top: 0;bottom:0;right: 5px;left:5px;background:#535353;}
	.products .btn .plus:before{right: 0;left:0;top: 5px;bottom:5px;background:#535353;}



	.sidebar{margin-top: 65px}
	.sidebar h5{font-size: 18px;color: #999999;font-weight: 900;line-height: 120%;padding:35px 0;}
	.sidebar a{clear: both;position: relative;}
	.sidebar .fechado .subcategorias{display: none}
	.sidebar .open .subcategorias{display: block}

	.sidebar .fechado .titulo{background:url(img/more.gif) no-repeat center right}
	.sidebar .open .titulo{background:url(img/less.gif) no-repeat center right}

	.sidebar .icone{display: block;height: 60px;width: 60px;background: #F68800;padding:10px;position: absolute;border-radius: 4px}
	.sidebar .icone img{display: inline-block;margin:0 auto;max-width: 100%}

	.sidebar .icone .plus{display: inline-block;margin-right:5px;height: 11px;width: 11px;position: relative}
	.sidebar .icone .plus:after, .sidebar .icone .plus:before{content: '';display: block;position: absolute}
	.sidebar .icone .plus:after{top: 0;bottom:0;right: 5px;left:5px;background:#535353;}
	.sidebar .icone .plus:before{right: 0;left:0;top: 5px;bottom:5px;background:#535353;}




	.sidebar a:hover .titulo, 
	.sidebar .open .titulo, 
	.sidebar .subcategorias a:hover, 
	.sidebar .subcategorias a.active{color: #F68800;text-decoration: none}


	.sidebar .subcategorias{margin-bottom: 1px;}
	.sidebar .subcategorias a{display:block;width: 100%;padding-left: 20px;border-bottom: 
		1px solid #DDDDDD;color: #111111;font-size: 14px;height: 50px;padding-bottom: 15px;padding-top: 15px;line-height: 20px;position: relative;margin-bottom: 1px;}
		.sidebar .subcategorias a:after{content: '';height: 1px;background:#fff;display: block;left:25px;right:0;position: absolute;}
		.sidebar a .titulo:after{content: '';height: 1px;background:#fff;display: block;width: 80px;position: absolute;bottom: 0;left: 0}


		.pagination{padding:0;margin:0;justify-content: center;}
		.pagination>li:first-child>a, .pagination>li:first-child>span{border-radius: 4px}
		.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover, .pagination>li>a, .pagination>li>span{font-size:13px;color:#242120;font-weight: 900;border:1px solid #242120;
			height: 45px;width: 45px;
			line-height: 45px;text-align: center;
			margin-left:5px;margin-right: 5px;
			padding: 0;
			border-radius: 4px;
			display: block;
		}


		.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{background: rgba(60,60,60, .4);border:1px solid rgba(255,255,255, .4);color:#fff;}
		.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: rgba(60,60,60, .4);color: #FFF;border:1px solid rgba(255,255,255, .4);}
		.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span{height: 45px;width: 45px}
		.pagination>li:last-child>a .fa, .pagination>li:last-child>span .fa, .pagination>li:first-child>a .fa, .pagination>li:first-child>span .fa{line-height: 45px}







		.detalhes .redes-sociais{
			margin-top: 50px
		}


		#galeria{min-height: 400px;}
		#galeria.carousel{border: 3px solid #EEEEEE}

		#galeria-thumbs .carousel-control{position: relative;display: block;    margin-left: auto;
			margin-right: auto;}
			#galeria-thumbs .carousel-control.left{margin-bottom: 15px;}

			.carousel-indicators{position: absolute;
				top: auto;
				left: 50%;
				bottom: 0;
				margin-left: -50px;
				width: 100px;
				padding-left: 15px;
				padding-top: 15px;
				background: none;
				align-items: center;}
				.carousel-indicators li{
					display:block;

					border-radius:0;
					text-indent:0;
					padding-left: 13px;
					width: 20px!important;
					height: 20px!important;
					font-size: 16px;
					line-height: 20px!important;
					border: none;
					background: none;
					text-align: left;
					font-weight: 400;
					color: #d0d0ca;
					margin: 10px 5px;

				}
				.carousel-indicators li.active{background: none;font-size: 20px;padding-left: 10px;border-left: 3px solid #90270e;font-weight: 400;  color:#fff;}


				.descricao .content{margin-top: 35px;border-radius: 5px;border: 1px solid #DDDDDD;margin-bottom: 50px;padding:50px;}
				.descricao .titulo {position: relative;padding-left: 80px;line-height: 48px;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;height: 48px}
				.descricao .titulo .icone{height: 50px;width: 75px;background: #fff;display:block;position: absolute;left: 0;top: -1px;}
				.descricao .titulo .icone .interno{height: 50px;width: 50px;border: 1px solid #F68800;background: #fff no-repeat center center;display:block;border-radius: 4px}

				.descricao .titulo .icone .icone-descricao{background-image: url('img/produtos.png');}
				.descricao .titulo .icone .icone-especificacao{background-image: url('img/ficha.png');}

				.descricao .titulo strong{color: #F68800;font-size: 16px;line-height: 48px;height: 48px;display: block}

				.descricao .texto{line-height: 180%;color: #666666;font-size: 13px;margin-top: 15px;}
				.descricao .texto img{max-width: 100%}

				.descricao table{border: none!important;max-width: 70%!important;width: 70%!important}
				.descricao td{width: 30%}
				.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-top: none!important;border-left: none!important;border-right: none!important}

				.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
					border-color: #DDDDDD
				}
				table tr td{vertical-align:top }
				.descricao table{line-height: 30px;font-size: 13px;margin-top: 25px}
				.descricao table p{margin: 0}
				.descricao table tr td{padding-bottom: 0;padding-top: 0;vertical-align: middle}
				.descricao table tr td:first-child{color: #F68800;font-weight:900;text-align: right;width: 30%}
				.descricao table tr td:last-child{background: none;width: 70%}


				.products.outros{
					margin-top: 80px;
					margin-bottom: 50px
				}

				.btn_whatsapp{
					position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 1px 1px 2px #888;
					z-index:1000;

					transition: all 0.3s;
				}
				.btn_whatsapp:hover{
					text-decoration: none;
					color: #fff;
					cursor: pointer;
					transform: scale(1.1);

				}


				.submenu{
					margin-top: 10px;
					background-color: #F68800
				}
				.submenu a{
					color: #fff;
					text-decoration: none;
					padding: 10px 35px;
					display: flex;
					align-items: center;
					justify-content: center;
					font-weight:600;

				}
				.submenu img{
					max-width: 50px;
					padding-right: 10px;
					filter: brightness(0) invert(1);					
				}

				.submenu a:hover{
					color: #F68800;
					background-color: #fff
				}
				.submenu a:hover img{
					filter: none
				}
				.submenu .container{
					display: flex;
					justify-content: space-between
				}
				

				#marcas .img{
					height: 140px !important;
					background-size: contain;
					background-repeat: no-repeat;
				}
				#marcas .item{
					padding-top: 0!important;
				}
				.no-padding{
					padding: 0!important
				}
				.item:hover{
					text-decoration: none
				}
				.categorias  .name{
					height: 40px;
					display: flex;
					justify-content: center;
					align-items: center;
					color: #fff;
					background: #A2131F
				}


				@media (max-width: 780px) {

					.banner .btn{
						margin-top: 25px
					}
					.categorias_home{
						display: none!important
					}
					.publicacoes .outros-quadrados{
						margin: 0!important
					}
					.submenu .container{
						display: flex;
						justify-content: space-around;
						flex-flow: wrap;
					}
					.submenu a {
						min-width: 25%;
						padding: 10px;
					}
					#marcas .img {
						height: 80px!important;
					}
					.news .btn{
						width: 100%
					}
					h1.titulo{
						font-size: 30px
					}
				}

				.cases .item strong{
					font-size: 11px;
					color: #000
				}
				.cases .item p{
					color: #000
				}
				.cases .item h3{
					padding: 0;
					margin:0;
				}




				.navbar .carrinho{font-size: 14px;
					padding: 0;
					margin-left: 15px;
					display: block;
					padding-right: 20px;
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin-top: 4px}
					.navbar .carrinho i.cart, .navbar .carrinho span{display: block;float: left}
					.navbar .carrinho i.cart{height: 30px;width: 50px;background: url('img/carrinho.png') no-repeat center center;    background-size: contain;}
					.navbar i.user{height: 30px;width: 50px;background: url('img/user.png') no-repeat center center;    background-size: contain;}

					.preview-carrinho .btn{width: 100%;margin-top: 15px;transform: none}
					.preview-carrinho .img{border: 1px solid #DDDDDD;padding: 0;height: 80px;width: 80px;display: flex;align-items: center;justify-content: center;margin-right: 10px}
					.preview-carrinho .img img{
						width: 100%;
					}
					.preview-carrinho .bloco{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #DDDDDD; }
					.bloco{
						display: flex;
					}
					.page-carrinho .btn{
						transform: none
					}
					.navbar .dropdown-menu{padding:15px;border: none;left: auto; right:0; margin-top: 10px!important;
						filter: drop-shadow(5px 7px 7px #a1a1a1);
						z-index: 9999999999999999999
					}
					.navbar .dropdown-menu:before{content: '';display: block;position: absolute;top: -9px;left: auto; right:15px;
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 0 6.5px 9px 6.5px;
					border-color: transparent transparent #ffffff transparent;
					line-height: 0px;
					_border-color: #000000 #000000 #ffffff #000000;
					_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
					.navbar .col-md-3 .dropdown-menu a:hover{text-decoration: underline;color:#000000 }
					.navbar .dropdown-item{line-height: 35px;display: block;padding-left: 40px;position: relative;width: 100%;color: #666666}
					.navbar .dropdown-item:before{content: '';width: 25px;height: 1px;background: #F68800;display: block;position: absolute;left: 0;top: 17px}

					/* TOPO */
					.topo{width: 100%;background-color: #fff;padding: 10px 0}
					.topo a{font-size: 13px;display: inline-block;vertical-align: middle;color: #31394C;padding: 0 10px}
					.topo .fa-envelope{color: #F68800}
					.acesso{
						margin-left: 25px
					}
					.navbar-nav .nav-link{font-size: 16px;color: #F68800;font-weight: 600;margin-top: 10px}
					.acesso i{
						font-size: 20px;
						padding-right: 10px;

					}
					.box-carrinho{
						background-color: #F68800;
						border-radius: 5px;
						color: #fff;
						padding: 10px 10px 10px 0;
					}
					.acesso a{
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding: 0;
						margin-top: 4px;
					}
					.selos{
						padding-bottom: 15px;
						color: #fff
					}
					.preco{
						font-size: 14px!important;
					}
					.preco strong{
						font-size: 16px!important;
					}


					.detalhes .carousel{margin-bottom: 25px;}
					.detalhes .carousel-control{border: 1px solid #F68800;width: 100%;height: 25px;line-height: 25px;display: inline-block;background: #fff;color: #F68800;text-shadow: none}

					.detalhes .codigo{color: #fff;background-color: #BBBBBB;line-height: 30px;padding:0 15px;border-radius: 5px;display: inline-block;
						margin-bottom: 20px;}
						.detalhes .preco-de{color: #231F20;display: block;font-size: 14px!important}
						.detalhes .preco-de span{text-decoration: line-through}
						.detalhes .preco{color: #231F20;font-weight: 900;font-size: 35px!important;line-height: 130%;display: block}
						.detalhes .condicao{color: #212121;font-size: 14px;font-style: italic}

						.detalhes .arrow{border: 1px solid #BBBBBB;height: 50px;line-height: 50px;color: #F68800;border-radius: 5px;float: left;display: block;margin-right: 4px;}
						.detalhes .arrow{border-color: #F68800;width: 50px;background: url('img/arrow-right.gif') no-repeat center center}


						.detalhes .divisoria{ margin-top: 15px; padding-top:13px; border-top: 1px solid #BBBBBB; margin-bottom: 15px; padding-bottom: 10px; width: 100%; height: 1px; margin-left: 15px; margin-right: 30px}
						/*.detalhes .comprar .btn, .detalhes .comprar select, .detalhes input.cep, .page-carrinho .form-control{height: 45px;border: 1px solid #BBBBBB;border-radius: 4px;background: none;line-height: 40px;box-shadow: none;margin-right: 5px}
						.page-carrinho label{margin-top: 5px}
						.detalhes .comprar select, .detalhes .comprar button, .detalhes input.cep{box-shadow: none;padding:0 10px;}
						.detalhes .comprar button{font-weight: 900;vertical-align:top}
						.detalhes .comprar label{color: #999999;font-weight: 900;font-size: 13px;padding-right: 10px}
						.detalhes .comprar select.qtd{width: 60px;text-align: center}
						.detalhes input.cep{width: 120px;border-top-right-radius: 0;border-bottom-right-radius: 0;height: 32px;line-height: 32px}
						.detalhes .comprar button.active{border-color: #F68800;color: #F68800}
					

						.detalhes .btn.compra:hover{
							background-color: #F68800;
							color: #222222;
						}
						*/
						.detalhes .detalheBoleto{margin-top: -25px;}
						.detalhes .redes{position: absolute;
							top: 25px;
							right: 0; font-size: 13px;}
							.detalhes .redes label{padding-right:10px; color: #999999; border-radius: 4px; line-height: 40px;}
							.detalhes .redes .fab{color: #fff; border-radius: 4px; line-height: 40px; width: 40px; text-align: center;}
							.detalhes .redes .fa-facebook-f{background-color: #3b5998;}
							.detalhes .redes .fa-twitter{background-color: #00aced;}
							.detalhes .redes .fa-pinterest-p{background-color: #cb2027;}

							.simula-frete{
								display: flex;
								justify-content: flex-start;
								align-items: center;
							}
							.simula-frete .btn{
								height: 32px;
								border: 1px solid #BBBBBB;
								border-radius: 4px;
								background: none;
								line-height: 32px; 
								padding: 0 20px;
								font-size: 14px;
								min-width: 120px;
								border-top-left-radius: 0;border-bottom-left-radius: 0;
								margin-left: -1px;
								transform: none
							}
							.simula-frete .btn:hover{
								background-color: #F68800
							}




							.inmetro-widget {
								position: relative;
								width: 447px;
								height: 447px;
								max-width: 447px;
								max-height: 447px;
								color: #ffffff;
							}

							.inmetro-widget ul {
								width: 447px;
								height: 447px;
								background-image: url("img/inmetro-bg.png");
								transform-origin: top left;
							}

							.inmetro-widget ul li {
								text-align: right;
							}

							.inmetro-widget ul li > span {
								font-weight: 700;
								line-height: 0;
							}

							.inmetro-widget.inmetro-widget--no-tire {
								width: 233px;
								max-width: 233px;
							}

							.inmetro-widget.inmetro-widget--no-tire ul {
								width: 233px;
								background-position: right;
							}

							.inmetro-widget .energy-efficiency, .inmetro-widget .water-adhesion {
								position: absolute;
								width: 27px;
								height: 21px;
								background-image: url("img/inmetro-arrow.png");
							}

							.inmetro-widget .energy-efficiency[data-value="A"], .inmetro-widget .water-adhesion[data-value="A"] {
								top: 120px;
							}

							.inmetro-widget .energy-efficiency[data-value="B"], .inmetro-widget .water-adhesion[data-value="B"] {
								top: 133px;
							}

							.inmetro-widget .energy-efficiency[data-value="C"], .inmetro-widget .water-adhesion[data-value="C"] {
								top: 146px;
							}

							.inmetro-widget .energy-efficiency[data-value="D"], .inmetro-widget .water-adhesion[data-value="D"] {
								top: 160px;
							}

							.inmetro-widget .energy-efficiency[data-value="E"], .inmetro-widget .water-adhesion[data-value="E"] {
								top: 173px;
							}

							.inmetro-widget .energy-efficiency[data-value="F"], .inmetro-widget .water-adhesion[data-value="F"] {
								top: 187px;
							}

							.inmetro-widget .energy-efficiency[data-value="G"], .inmetro-widget .water-adhesion[data-value="G"] {
								top: 200px;
							}

							.inmetro-widget .energy-efficiency[data-value=""], .inmetro-widget .water-adhesion[data-value=""] {
								display: none;
							}

							.inmetro-widget .energy-efficiency span, .inmetro-widget .water-adhesion span {
								font-size: 1.25rem;
								padding: 0 3px 0 0;
							}

							.inmetro-widget .energy-efficiency {
								right: 114px;
							}

							.inmetro-widget .water-adhesion {
								right: 47px;
							}

							.inmetro-widget .external-noise {
								position: absolute;
								width: 63px;
								height: 27px;
								right: 42px;
								top: 255px;
								background-image: url("img/inmetro-arrow-lg.png");
							}

							.inmetro-widget .external-noise span {
								display: block;
								height: 100%;
								transform: translate(-8px, 50%);
							}

							.inmetro-widget .noise-level {
								position: absolute;
								right: 106px;
								top: 244px;
								width: 26px;
								height: 50px;
							}

							.inmetro-widget .noise-level[data-value="LOW"] {
								background-image: url("img/inmetro-noise-level-low.png");
							}

							.inmetro-widget .noise-level[data-value="MEDIUM"] {
								background-image: url("img/inmetro-noise-level-medium.png");
							}

							.inmetro-widget .noise-level[data-value="HIGH"] {
								background-image: url("img/inmetro-noise-level-high.png");
							}


							/* PAGINA DO CARRINHO */
							.t-produtos{border-bottom: 2px solid #DEDEDE; border-top: transparent; }
							.t-produtos tbody td{height: 145px}
							.t-produtos thead td{font-weight: 800; text-transform: uppercase;}
							.t-produtos img{height: 120px; width: 120px; border-radius: 5px; vertical-align: initial;}
							.t-produtos .detalhes-produtos{display: inline-block; margin-left: 15px;}
							.t-produtos .destaque{color: #000; font-size: 17px}
							.t-produtos h4{font-size: 13px; font-weight: 400; text-transform: uppercase; line-height: 140%;}
							.t-produtos .preco-carrinho{font-weight: 800; color: #000; font-size: 17px;}
							.t-produtos .more-less{background-color: transparent; border-color: transparent; color: #F68800; font-size: 20px;}
							.t-produtos input.qtd{width: 75px; text-align: center; margin: 0 5px}
							.t-produtos .desc{margin-left: 10px}
							.t-produtos a{border-radius: 10px;color: #000;text-decoration: none!important}

							.t-produtos{
								padding: .75rem 0;
								margin-bottom: 15px;
							}

							.t-produtos .coluna{
								padding: .75rem 15px;
							}
							.t-produtos input.qtd {
								height: 40px;
								min-width: auto
							}

							.detalhes .frete .desc{color: #C1AB5B; font-style: normal;}
							.detalhes .frete .btn-acima{margin-top: 10px;}
							.detalhes .frete ul{list-style: none; margin-top: 20px; padding-left: 15px;	margin-bottom: 0}
							.detalhes .frete ul li{position: relative;}
							.detalhes .frete ul li:before{position: absolute; content: ''; border: 5px solid transparent; border-left-color: #C4C4C4; left: -15px; top: 5px;}

							.detalhes .frete ul li .tipo-envio{font-weight: 700; color: #242120; text-transform: uppercase;}
							.detalhes .frete ul li .valor{font-weight: 700; color: #588C3F;}

							#logar .d-flex{
								align-items: center;
								justify-content: space-between;
							}
							.concluir .t-produtos .meio{border-bottom: 1px solid #CCC;}
							.concluir .t-produtos .meio:last-child{border-bottom: none;}

							.page-carrinho .prosseguir span{display: block;}
							.page-carrinho .small{color: #242120;}


							/*TABELA DOS PREÇOS */
							.t-total{border-radius: 10px; margin-bottom: 20px;}
							.t-total td{padding: 20px; font-size: 15px;  font-weight: 300;}
							.t-total td.upper{text-transform: uppercase;}
							.t-total td.valor{text-align: right; padding-right: 30px; font-weight: 800; }
							.t-total tr.total td.valor{font-size: 20px; color: #588C3F}
							.t-total tr.cupom td.valor{color: #FF2626}
							.t-total tr{background-color: #FFF;}
							.t-total tr:nth-child(even){background-color: #EFF0F1;}

							/* LISTAGEM PARA PEDIDOS, ENDEREÇOS, PAGAMENTOS USUÁRIO */
							table.listagens{border-radius: 10px; }
							table.listagens td h5{color: #fff; padding: 10px;}
							table.listagens thead tr td{background-color: #203418; color:#FFF;  text-transform: uppercase; padding: 10px;}
							table.listagens td span, table.listagens td a{padding: 20px; display:inline-block; font-size: 16px; color: #22252F}
							table.listagens tr{background-color: #FFF;}
							table.listagens tr:nth-child(even){background-color: rgba(186, 159, 69, .1);}
							table.listagens{max-height: 510px; overflow: auto;}

							/* CONCLUIR */
							.accordion{border-radius: 10px; overflow: hidden;}
							.accordion label.card-header{cursor: pointer; opacity: 0.6; position: relative; background-color: #242120; border: 1px solid #242120; color: #FFF;}
							.accordion label.card-header.active{opacity: 1}
							.accordion label.card-header h5{ color: #FFF;  font-weight: 400; text-transform: uppercase;font-size: 15px}
							.accordion label.card-header.active h5{
								color: #F68800
							}
							.accordion#accordionPayments label.card-header:after{content:''; display:inline-block; position: absolute; right: 15px; top: 7.5px;width: 40px; height: 40px; background-image: url('img/pagamentos2.png'); background-position: center; background-repeat: no-repeat;}
							.accordion#accordionPayments label.card-header.boleto:after{background-position: 0 0; width: 42px;}
							.accordion#accordionPayments label.card-header.cartoes:after{background-position: -82px 0; width: 42px}
							.accordion#accordionPayments label.card-header.pixs:after{background-position: -123px 0; width: 34px}

							h5.enderecos{cursor: pointer;}
							.laranja{
								color: #F68800
							}



							.publicacoes{background-color: #F7F8F9; padding: 80px 0;}
							.publicacoes .primeiro-quadrado{margin-right:3px; margin-left: -3px;height: 600px; background-size: cover; background-position: center; border-radius: 15px;}
							.publicacoes .date{border: 2px solid #FFF; letter-spacing: -0.01em; padding: 5px 7px; line-height: 100%; color: #F68800; font-size: 13px; font-weight: 800; display: inline-block; border-radius: 15px; background-color: #FFF;}
							.publicacoes .primeiro-quadrado h4{font-size: 25px; color: #FFF; text-transform: uppercase; line-height: 120%; margin-top: 18px; font-weight: 800;}
							.publicacoes .box-negativo{margin-right: 60px; margin-left: 40px; position: absolute; bottom: 75px; z-index: 9999}
							.publicacoes .primeiro-quadrado .btn{margin-left: 40px; position: absolute; bottom: 20px; z-index: 9999}

							.publicacoes .outros-quadrados{background-color: #FFF; border-radius: 15px; margin-left: 3px; margin-right: -3px;}
							.publicacoes .outros-quadrados:last-child{margin-top: 3px}
							.publicacoes .outros-quadrados .imagem{height: 298px; background-size: cover; background-position: center; border-radius: 15px;}
							.publicacoes .outros-quadrados .texto{padding: 38px 45px 0 32px}
							.publicacoes .outros-quadrados h6{font-size: 17px color:#242D37; line-height: 150%; font-weight: 800;}
							.publicacoes .outros-quadrados .date{border-color: #B1BCC7; color: #B1BCC7; margin-top: 10px; margin-bottom: 10px;}
							.publicacoes .outros-quadrados p{margin-bottom: 0px; font-size: 13px; line-height: 175%; font-weight: 400;}
							.publicacoes .outros-quadrados a{color: #F68800; font-size: 13px; font-weight: 400; line-height: 140%; letter-spacing: 0.03em; margin-top: 10px; display: block;}

							.publicacoes .primeiro-quadrado:after, .publicacoes .outros-quadrados .imagem:after{content: ''; display:block; position: absolute; z-index: 999; top: 0; bottom: 0; left: 0; right: 0; border-radius: 15px;
							background: -moz-linear-gradient(268deg, transparent 0%, rgba(0,0,0,0.5) 100%); /* ff3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0,0,0,0.5))); /* safari4+,chrome */
							background: -webkit-linear-gradient(268deg, transparent 0%, rgba(0,0,0,0.5) 100%); /* safari5.1+,chrome10+ */
							background: -o-linear-gradient(268deg, transparent 0%, rgba(0,0,0,0.5) 100%); /* opera 11.10+ */
							background: -ms-linear-gradient(268deg, transparent 0%, rgba(0,0,0,0.5) 100%); /* ie10+ */
							background: linear-gradient(182deg, transparent 0%, rgba(0,0,0,0.5) 100%); /* w3c */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* ie6-9 */}

						.retorno-frete{
							margin-top: 10px
						}

						#banner_corpo, .banner_corpo{
							height: 250px
						}


						.bandeiras{ position: absolute;     top: 10px;
							right: 5px;}
							.bandeiras .item{width: 50px; height: 40px;  display: inline-block; background-position: -3px; 
								-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

								.bandeiras .item.active{border-bottom: 4px solid #0093E7;
									-webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none;background-image: url(img/bandeiras.png); background-repeat: no-repeat;}

									.bandeiras .item.mastercard{background-position: -63px}
									.bandeiras .item.amex{background-position: -124px}
									.bandeiras .item.elo{background-position: -182px}

									@media(max-width:480px) {   
										.bandeiras{position: relative;}
										.bandeiras{position: unset;}

									}

									.modal {
										text-align: center;
										padding: 0!important;
									}

									.modal:before {
										content: '';
										display: inline-block;
										height: 100%;
										vertical-align: middle;
										margin-right: -4px;
									}

									.modal-dialog {
										display: inline-block;
										text-align: left;
										vertical-align: middle;
									}

									#modalCupom .btn{
										line-height: 38px;
										height: 38px;
										min-width: 175px;
										border-top-left-radius: 0;
										border-bottom-left-radius: 0;
									}
									#modalCupom .form-control{
										border-top-right-radius: 0;
										border-bottom-right-radius: 0;
									}
									#modalCupom .col-md-7{
										padding-right: 0;
									}
									#modalCupom .col-md-5{
										padding-left: 0;
									}

									.item p.preco{
										font-weight: 800
									}

									.topo .fa-facebook, .topo .fa-instagram{
										font-size: 15px
									}

									.categorias {
										background: transparent url(img/bg_categorias.png) center top no-repeat;
										position: relative;
										margin-top: -40px;
										padding-top: 20px
									}

									.divisor{
										display: flex;
									}
									.divisor div{
										height: 4px;
										width: 33.333333333333333333%
									}
									.divisor .cor1{background-color: #1BA687}
									.divisor .cor2{background-color: #DA3D61}
									.divisor .cor3{background-color: #FECD64}

									.categorias_home{
										display: flex;

										align-items: center;
										justify-content: space-between;
									}
									.categorias_home a{
										display: block;
										padding: 10px 15px;
										color: #F68800;
										font-size: 16px;
										font-weight: 800;
										padding-bottom: 10px;
										min-height: 115px;
										text-align: center;

										    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
									}
									.categorias_home img{
										padding-right: 10px;
										max-height: 50px;
										margin: 0 auto;
									}

									.categorias_home a:hover, .categorias_home a.ativo{
										text-decoration: none;
										border-bottom: solid 3px #F68800;
										padding-bottom:7px
									}

									.detalhes select.form-control, .detalhes input.form-control{
										min-width: auto;
										width: 100px;
									}
									input.btn{
										min-width: auto!important;
										width: 50px!important;
										}.personalizacao h3{padding-right: 10px}
										.btn.compra{
											padding-right: 0;
											padding-left: 0;
											margin-left: 10px
										}
										.mais_fotos img{
											padding: 5px;
										}
										.mais_fotos .active img{
											border:5px solid #F68800;
											padding: 0
										}

										a.box-shadow {
    position: relative;
    display: inline-block; /* Garante que o link envolva a imagem corretamente */
}

/* Esconde o ícone por padrão */
.btn-remove {
    display: none;
    position: absolute;
    top: -10px;    /* Ajuste para subir ou descer o ícone */
    right: -10px;  /* Ajuste para mover para os lados */
    background: #ff0000; /* Cor de fundo (ex: vermelho) */
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    cursor: pointer;
    z-index: 10;
}

/* Mostra o ícone apenas quando o link tem a classe .active */
a.active .btn-remove {
    display: block;
}

.subs {
    position: -webkit-sticky; /* Suporte para Safari */
    position: sticky;
    top: 0;          /* Onde ela deve travar (no topo da tela) */
    z-index: 99999;   /* Garante que fique acima de outros elementos */
    background: #fff; /* Recomendado ter fundo para não sobrepor textos */
    width: 100%
}

.fixed-top-active {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}