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:#003C57;line-height: 160%;
}

.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: #FAAF18;

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

}
.navbar {
	background: transparent;	
}

.pesquisa{
	position: relative;
	margin-left: 75px;
	width: 35%;
}
.pesquisa input{height: 40px;
	border-radius: 0;
	width: 100%;
	transform: skewX(-10deg);
	border-bottom-right-radius: 15px;
	border: 2px solid #fff;
	background-color: #FAAF18;
	padding-left: 15px;
	padding-right: 30px;
	font-size: 16px;
	color: #fff!important;

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


		.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 
		}

		textarea.form-control{
			border-radius: 15px
		}
		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: 0;
	border-bottom-right-radius: 15px;
	border: 2px solid #FCAF17;
	color: #003C58;
	font-size: 18px;
	line-height: 41px;
	height: 45px;
	text-align: center;
	padding: 0 40px;
	min-width: 180px;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 800;
	transform: skewX(-10deg);
	background:none;
}
/*
.btn::after{
	display: block;
	content: '';
	width: 2px;
	height: 41px;
	background-color:  #FCAF17;
	position: absolute;
	top: 0;
	left: 3px

}
*/
.btn.branco{
	border-color: #E5E5E5;
	color: #FAAF18;
	background-color: #F3F3F3;
	font-weight: 500
}

.btn:hover, .btn.active{
	color: #fff;
	background-color: rgb(60,60,60);
}






.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
}

.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{
	display: flex
	;
	justify-content: space-between;
	width: 280px;
	flex-flow: row;
}
.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{

}

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

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

.dropdown-toggle::after{

	position: absolute;

	border-top: 5px solid #003C57;
	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;
	background:#003C58
}
footer .container{position: relative;}
footer hr{
	border-color: rgba(255,255,255,.3)
}

footer p{
	color: #fff;
	font-size: 14px;
	letter-spacing: normal;
	font-weight: 500
}
footer li a{
	text-transform: capitalize;
}
footer .form-group{
	margin-bottom: 0
}
footer h4{
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 25px;
	position: relative;
	padding-bottom: 10px
}
footer h4:after{
	content: '';
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 50px;
	height: 2px;
	background: #FAAF18;
	display: block;

}
footer a{
	color: #fff
}
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:#FCAF17;
	display: block;
	border-radius: 100%

}
footer a{
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	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: #FAAF18;
	font-size: 16px;
	display: block;
}
footer .bordas{
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px solid #C2C2C2;
	border-left: 1px solid #C2C2C2;
}
.news{
	border-bottom: 1px solid rgba(121,121,121, .4);
	
}
.news .container:after{
	content: '';
	display: block;
	position: absolute;
	background-color: #FAAF18;
	width: 100%;
	top: -5px;
	height: 5px

}
.news .col-md-3{
	display: flex;
	align-items: center
}
.news h5{
	margin: 0
}
.corp{
	border-top: 1px solid #fff;
	height: 80px;
	background-color: #fff

}
.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: #003C58;
	display: inline-block;
	padding: 0 5px
}

.redes-sociais{
	display: flex;
}
.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 .btn{
	position: relative!important;
	bottom: auto!important;
}
.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: #003C58; 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{ display: block;position: absolute;bottom: 15px}
	.produtos h2, h2.titulo{ font-size: 40px; line-height: 100%; font-weight: 700; color: #003C58; text-transform: uppercase; padding: 15px 0;}
	.texto{margin-top: 30px; padding: 0 2px 30px 2px; }
	.texto p{font-size: 15px; font-weight: 400; line-height: 180%; color: #41453D; margin-bottom: 10px;}
	.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, .produtos .col-md-3{padding-bottom: 60px;border-bottom:1px solid rgba(194,197,190, .5);    position: relative;
		min-height: 460px;}

		/*DESCRICAO PRODUTO*/
		#nav-descricoes{border-radius: 10px; overflow: hidden;}
		#nav-descricoes a{border-top-right-radius: 0; border-top-left-radius: 0;    font-size: 16px;
			font-weight: 800;}
			.tab-content{
				padding: 5px 15px ;
				padding-bottom: 20px;
				margin-bottom: 40px;
				border-bottom: solid 1px #dee2e6;
			}
			.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: 0;
					margin: 0 auto;}

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

					.pesquisa{margin: 15px ; 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{
						padding-top: 15px;
						padding-bottom: 15px;
						display: flex
						;
						justify-content: space-between;
						flex-wrap: nowrap;
						flex-direction: row;
						width: 100%;
					}
					.navbar {
						width: 100%;
					}
					.nav-item .far{
						color: #fff!important;
						margin-top: 5px;
						margin-bottom: 5px;
					}
					.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: #FAAF18;
	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: #FAAF18;
	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 #003C58; position: relative; padding-left: 40px;}
.sidebar .side-item .meio.active{background-color: #FAAF18; border-bottom: transparent;}
.sidebar .side-item .meio h4, .sidebar .side-item .meio h5{font-size: 14px; color: #fff; font-weight: 400; line-height: 100%; text-transform: uppercase;}




.sidebar .side-item .meio h4:before, .sidebar .side-item ul li:before{content: ''; width: 5px; height: 5px; background-color: #FAAF18; display: inline-block; position: absolute; top: 50%; margin-top: -2.5px; left: 22px}
.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:hover .meio{background: #FAAF18}
.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: #003C58; 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: #003C58; 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: #003C57!important
}

@media (max-width: 600px) {

	.desconto .d-flex{
		    justify-content: space-between;
    flex-wrap: wrap;
	}
	.desconto .d-flex input{
		margin: 0
	}
	.desconto .d-flex button{
		width: 100%
	}

	.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;
		margin-left: 0!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
	}
	.simula-frete .btn{
		margin-top: 0!important
	}
	.detalhes{margin-top: 25px}
	.nav-item a{
		color: #003C57;
		display: flex !important
		;
		justify-content: center!important;
		flex-direction: column;
		align-items: center!important;
		text-align: center;
	}
	.navbar-toggler{
		color: #fff
	}
	.dropdown-toggle::after {
		right: 5px;

		border-top: 5px solid #003C57;
		bottom: 15px;
		left: auto;
	}
	.navbar-nav .nav-link{
		border-bottom: 1px solid #eee
	}
	.navbar-nav .dropdown-menu{
		border:none;
	}

}

h1.titulo, h5.titulo{
	color: #003C58;font-size: 34px;
	font-weight: 300;
	line-height: 110%;
}
h1.titulo strong{
	display: block;
	color: #003C58;
	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:  #FAAF18;
}
.categorias .item.active img, .categorias .item:hover img{
	filter: invert(1);
}
.cases h3{
	color: #003C57;
	font-size: 16px;
	line-height: 140%
}
.cases span{
	color: #003C57;
	font-size: 16px;
	font-weight: 200;
}
.cases .texto{
	padding: 10px!important;
	margin-top: 0

}
.cases .item{
	padding-top: 40px;
}
.cases .img{
	height: 230px;
	border-radius: 5px;
	border: 1px solid  #DEDEDE;
}
.cases .row{
	margin:0;
	justify-content: center;
	padding-bottom: 20px
}

.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: 9999999;
	
	-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
}

.detalhes .carousel-inner, .detalhes .carousel-item{
	min-height: 400px;
}

.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}
.detalhes .product-img{border:1px solid #CCCCCC;position: relative;display: block;width: 100%;background:none!important;display: flex;
	justify-content: center;min-height: 400px}

	.products .product-img img{margin: 0 auto}
	.products .product-img a{
		display: block;min-height: 400px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.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: #FAAF18;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: #FAAF18;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}

		.thumbs .fill{
			background-size: cover;
			background-repeat: no-repeat;
			width: 18%;
			margin-bottom: 10px
		}
		.thumbs{
			display: flex;
			justify-content: space-around;
			width: 100%;
		}

		#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 #FAAF18;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: #FAAF18;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: #FAAF18;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: #FAAF18
				}
				.submenu a{
					color: #231F20;
					text-decoration: none;
					padding: 10px 35px;
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					font-weight:600;

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

				.submenu a:hover{
					color: #FAAF18;
					background-color: #003C58
				}
				.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) {
					.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: #FAAF18
				}
				.cases .item p{
					color: #003C57
				}
				.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);
						position: absolute;
					}
					.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: #FAAF18;display: block;position: absolute;left: 0;top: 17px}

					/* TOPO */
					.topo{width: 100%;margin-bottom: 20px;background-color: #003C58;padding: 10px 0}
					.topo a{font-size: 13px;display: inline-block;vertical-align: middle;color: #fff;padding: 0 10px}
					.topo .fa-envelope{margin-left: 15px}
					.acesso{

					}
					.navbar-nav .nav-link{font-size: 14px}
					.acesso i{
						font-size: 20px;

					}
					.acesso a{
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding: 0;
						margin-top: 4px;
						flex-flow: column;
						text-align: center;
					}
					.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 #FAAF18;width: 100%;height: 25px;line-height: 25px;display: inline-block;background: #fff;color: #FAAF18;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: #FAAF18;border-radius: 5px;float: left;display: block;margin-right: 4px;}
						.detalhes .arrow{border-color: #FAAF18;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;display: block;}
						.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}
						.freteEscolha .cep{
							height: auto!important
						}
						.detalhes .comprar button.active{border-color: #FAAF18;color: #FAAF18}
						.detalhes .btn.compra{height: 50px;line-height: 50px;font-weight: 900;font-size: 19px;background: #222222;color: #FAAF18;width:97%;transform: none;    max-width: 97%}

						.detalhes .btn.compra:hover{
							background-color: #FAAF18;
							color: #222222;
						}

						.detalhes .detalheBoleto{margin-top: -25px;}
						.detalhes .redes{position: absolute;
							top: 0;
							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: #FAAF18
							}




							.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: #003C58; 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: #003C58; font-size: 17px;}
							.t-produtos .more-less{background-color: transparent; border-color: transparent; color: #FAAF18; 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;}

							.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: #FAAF18
							}
							.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: #FAAF18
							}



							.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: #FAAF18; 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: #FAAF18; 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
									}

									.nav-item.cart{
										width: 100px
									}