/*
Theme Name: D'Estefano
Author: Aline Honorato */

/* Geral */

*{
	outline: none !important;
}

a{
	cursor: pointer;
}

a,
.call-to,
.owl-dots .owl-dot span,
a .imagem,
ul.lista-marcas .resumo,
.nossos-diferenciais .sombra,
section.marcas .lista-noticias li span,
.nossos-diferenciais li .opacidade,
section#seguimentos span{	
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}


a:hover, 
a:focus{
	text-decoration: none;
	color: #201747;
}

p{
	text-align: justify;
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

body{
	font-family: 'source-sans-pro', sans-serif;
	font-size: 24px;
	line-height: 1.2em;
	font-weight: 400;
	color: #101010;
	position: relative;
}

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

section{
	position: relative;
	padding: 60px 0;
	width: 100%;
	overflow: hidden;
}

.row{
	margin: 0;
	padding: 0;
}

h2.titulo{
	font-size: 62px;
	margin-bottom: 50px;
	font-weight: 900;
	line-height: 60px;
	color: #feca16;
	font-family: 'darkmode-on', sans-serif;
	letter-spacing: 1px;
}

.branco{
	color: #fff !important;
}

.call-to{
	font-family: 'darkmode-on', sans-serif;
	background-color: #feca16;
	color: #101010;
	font-size: 48px;
	line-height: 1em;
	font-weight: 900;
	padding: 0 15px;
	cursor: pointer;
	display: inline-block;
	border-radius: 25px;
	padding: 12px 25px;
	margin-top: 50px;
}

.call-to:hover{
	color: #feca16;
	background-color: #101010;
}

.call-to:focus{
	color: #fff;
}

.imagem{
	background-position: center;
	background-size: cover;
    background-repeat: no-repeat;
}

.sombra{
	-webkit-box-shadow: 2px 0px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 0px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 0px 6px 0px rgba(0,0,0,0.25);
}

.preto{
	color: #101010 !important;
}

/*Cabeçalho*/

header{
	background-color: rgba(255,255,255,1);
	width: 100%;
	z-index: 999;
	position: relative;
}

.infos{
	margin-bottom: 25px;
}

.infos > div{
	display: flex;
	align-items: center;
	margin-left: 30px;
	font-size: 24.33px;
	color: #feca16;
	font-weight: 600;
	padding-top: 50px;
}

.infos i{
	margin-right: 5px;
	color: #feca16;
	font-size: 22px;
}

.infos i.fa-phone-alt,
.infos-rodape i.fa-phone-alt{
	font-size: 18px;
}

.infos a{
	color: #feca16;
}

.infos a:hover{
	text-decoration: underline;
}

header .abrir-menu{
	align-items: center;
	color: #feca16;
	display: none;
	font-size: 30px;
}

.logo{
	display: flex;
	align-items: center;
}

.logo a.logo-menu{
	width: 100%;
}

.logo h1{
	width: 100%;
	background-image: url('img/logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	height: 84px;
	background-position: left;
	margin: 0;
}

header .row{
	margin: 0 auto;
	padding: 0;	
}

.principal > div{
	padding: 0;
}

.menu-principal{
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: flex-end;
}

.menu-principal > ul{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
}

.menu-principal > ul > li{
	padding: 8px 10px 5px 10px;
	display: inline-block;
	margin-bottom: 5px;
}

.menu-principal > ul > li:last-child{
	padding-right: 0;
}

.menu-principal ul li a{
	color: #070707;
	font-size: 17.68px;
	font-weight: 900;
	text-transform: uppercase;
	display: block;	
	position: relative;
	border-bottom: 2px solid transparent;
	font-family: 'darkmode-on', sans-serif;
	letter-spacing: 0.5px;
}

.menu-principal ul li a:hover,
.menu-principal ul li a:focus,
.menu-principal ul li.current-menu-item > a{
	border-color: #070707;
}

.menu-principal > ul > li.menu-item-has-children{
	padding-right: 20px;
	position: relative;
}

.menu-principal > ul > li.menu-item-has-children > a:after {
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: bold;
    color: #070707;
    position: absolute;
    top: 0;
    right: -15px;
    font-size: 14px;
    line-height: 24px;
}

.menu-principal > ul > li > ul {
    position: absolute;
    background-color: rgba(255,255,255,1);
    list-style: none;
    padding: 10px 20px;
    width: 240px;
    right: 0;
    top: 40px;
	z-index: 999;
    display: none;
	-webkit-box-shadow: 0px -2px 20px -7px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -2px 20px -7px rgba(0,0,0,0.2);
	box-shadow: 0px -2px 20px -7px rgba(0,0,0,0.2);
	border-radius: 10px;
}

.menu-principal > ul > li > ul > li{
	text-align: right;
}

.menu-principal > ul > li > ul > li:last-child{
	border-bottom: none;
	padding: 0;
	margin: 0;
}


/*Banner*/

section#banner{
	padding: 30px 0 0 0;
	font-weight: 400;
	overflow: visible;
}

section#banner ul.lista-banner li{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;	
	height: 750px;
}

body.pagina-interna section#banner ul.lista-banner li a,
body.home section#banner p{
	display: none;
}

body.pagina-interna section#banner:has(+ section#blog) ul.lista-banner li a{
	display: flex;
}

body.pagina-interna section#banner:has(+ section#blog) h2.titulo{
	/*color: #fff;*/
	font-size: 32px;
	line-height: 1em;
	margin-bottom: 15px;
}

body.pagina-interna section#banner:has(+ section#blog) p{
	color: #fff;
	font-size: 18px;
	line-height: 1.1em;
	text-shadow: 
    -1px -1px 0 #000,  
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000; /* Quatro sombras pequenas para criar o contorno */
}

body.pagina-interna section#banner:has(+ section#blog) p span{
	color: #fff;
	text-decoration: underline;
}

section#banner h2.titulo{
	color: #101010;
	text-transform: uppercase;
	margin-bottom: 0;
}

body.pagina-interna section#banner h2.titulo span{
	background-color: #feca16;
}

section#banner h2.titulo span{
    background-color: #fff;
	line-height: 1.4;
}

section#banner a{
	display: flex;
	align-items: end;
	height: 100%;
	width: 100%;
	padding-bottom: 110px;
}

.owl-dots{
   position: absolute;
   bottom: 50px;
   left: 0;
   right: 0;
   display: flex;
   justify-content: center;
}

.owl-dots .owl-dot{
	float: left;
	margin-right: 10px;
}

.owl-dots .owl-dot:last-child{
	margin-right: 0;
}

.owl-dots .owl-dot span{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	display: block;
	background-color: #fff;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot span:hover{
	background-color: #000;
	width: 30px;
	border-radius: 40%;
}

/* Destaque */

div.destaques{
	background-color: #feca16;
}

.fundo-detalhe{
	background-image: url(img/barra.png);
	background-position: center left;
	background-size: 55%;
	background-repeat: no-repeat;
	padding: 40px 0;
}

ul.lista-destaques li{
	display: flex;
	justify-content: center;
	text-align: center;
}

ul.lista-destaques p{
	font-size: 18px;
	font-weight: 300;
	line-height: 1em;
	margin: 0;
}

ul.lista-destaques h3{
	font-size: 60px;
	font-weight: 800;
	line-height: 1em;
	margin: 0;
}

/* Marcas */

body.pagina-interna section#marcas{
	background: linear-gradient(to bottom, rgba(225,226,226,1) 0%,rgba(193,186,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding-top: 0;
}

ul.lista-marcas .sombra{
	padding: 0;
	border-radius: 10px;
}

ul.lista-marcas li a{
	display: flex;
	border-radius: 10px;
	padding: 20px;
	height: 500px;
	align-items: center;
}

body.pagina-interna ul.lista-marcas li a{
	padding: 20px 60px;
}

body.pagina-interna ul.lista-marcas li a,
.logo-marca{
	border-radius: 0;
	height: 350px;
}

.logo-marca{
	background-size: contain;
}

body.pagina-interna ul.lista-marcas li{
	margin-bottom: 30px;
}

body.pagina-interna ul.lista-marcas li:nth-child(even) > div:has(.logo-marca){
	order: 12;
}

ul.lista-marcas li a > .resumo{
	display: none;
}

ul.lista-marcas li a:hover{
	background-color: rgba(0,0,0,0.75);
}

ul.lista-marcas li a:hover > .resumo{
	display: block;
}

ul.lista-marcas li h2.titulo{
	font-size: 36px;
	line-height: 1em;
	text-align: center;
	margin-bottom: 25px;
}

ul.lista-marcas li p{
	font-size: 18px;
	line-height: 1em;
	color: #fff;
	text-align: center;
}

.caracteristicas .call-to{
	font-size: 42px;
	padding: 30px 50px;
	cursor: inherit;
	margin-top: 0;
	width: 100%;
}

.lancamentos{
	padding: 60px 0;
	height: 650px;
}

.lancamentos h2.titulo{
	text-transform: uppercase;
}

.lancamentos .fundo-detalhe{
	background-size: 50%;
	padding: 50px 80px !important;
	position: absolute;
}

section#sobre:has(> .lancamentos){
	overflow: visible;
}

section#fotos{
	padding-top: 100px;
	background-image: url('img/fundo-fotos.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

section#fotos a{
	display: block;
}

section#fotos .galeria li{
	padding-bottom: 30px;
}

section#outros-contatos{
	padding-bottom: 100px;
}

section#outros-contatos .fundo{
	background-color: #f1f1f1;
	border-radius: 40px;
	padding: 30px;
	margin-bottom: 25px;
}

section#outros-contatos .fundo.orcamento{
	background-size: cover;
	background-color: rgba(0,0,0,0.5);
	background-blend-mode: multiply;
}

section#outros-contatos .fundo h3{
	font-family: 'darkmode-on', sans-serif;
	font-weight: 900;
	font-size: 36px;
	text-transform: uppercase;
}

section#outros-contatos .formulario{
	border-radius: 40px;
	margin-top: 40px;
}

section#outros-contatos .formulario form{
	margin-bottom: 0;
}

section#outros-contatos .formulario .call-to{
	margin-top: 15px;
	bottom: 0;
	right: 25px;
}

section#outros-contatos a.call-to{
	text-transform: uppercase;
	font-size: 36px;
	text-align: center;
	margin-top: 30px;
}

section#outros-contatos .fundo a{
	display: block;
}

section#outros-contatos a h3{
	color: #fff;
}

/* Corporativas */

section#corporativas .imagem{
	zheight: 365px;
}

body.pagina-interna section#corporativas{
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: rgba(0,0,0,0.5);
	background-blend-mode: multiply;
	height: 500px;
	padding: 60px 0;
}

body.pagina-interna section#corporativas a:not(.call-to){
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

body.pagina-interna section#corporativas:has(+ section#diferenciais){
	background-attachment: inherit;
	background-color: transparent;
	height: 900px;
	align-items: end;
	display: flex;
}

body.pagina-interna section#corporativas h2.titulo{
	color: #fff;
}

body.pagina-interna section#corporativas:has(+ section#diferenciais) h2.titulo{
	text-transform: uppercase;
}

body.pagina-interna section#corporativas:has(+ section#diferenciais) a.call-to{
	border-radius: 0;
	background-color: #171717;
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	font-family: 'source-sans-pro', sans-serif;
}

section#seguimentos span{
	display: flex;
	background-color: #f1f1f1;
	border-radius: 10px;
	border: 5px solid #f1f1f1;
	align-items: center;
	justify-content: center;
	padding: 20px;
	height: 470px;
}

section#seguimentos span:hover{
	border-color: #feca16;
	cursor: default;
}

section#seguimentos a span:hover{
	cursor: pointer;
}

section#seguimentos h3{
	font-family: 'darkmode-on', sans-serif;
	font-size: 42px;
	color: #171717;
	font-weight: 900;
	text-align: center;
}

/* Diferenciais */

section#diferenciais{
	padding-bottom: 0;
}

body.pagina-interna section#corporativas + section#diferenciais{
	background-color: #171717;
	margin-top: 60px;
}

section#diferenciais ul.lista-diferenciais{
	margin: 0;
}

section#diferenciais ul.lista-diferenciais li{
	background-position: bottom center;
}

section#diferenciais ul.lista-diferenciais li > div.fundo{
	background: linear-gradient(to right, rgba(0,0,0,0.75) 0%,rgba(3,3,3,0.75) 1%,rgba(255,255,255,0) 100%); 
	padding: 100px 0;
}

section#diferenciais ul.lista-diferenciais li:nth-child(even) > div.fundo{
	background: linear-gradient(to left, rgba(0,0,0,0.75) 0%,rgba(3,3,3,0.75) 1%,rgba(255,255,255,0) 100%);
}

section#diferenciais ul.lista-diferenciais h3{
	color: #fff;
	font-size: 36px;
	font-family: 'darkmode-on', sans-serif;
	font-weight: 900;
	margin-bottom: 25px;
}

section#diferenciais ul.lista-diferenciais p{
	color: #fff;
	text-align: left;
}

section#diferenciais ul.lista-diferenciais p{
	text-align: justify;
	text-indent: 30px;
}

/* Sobre */

body.home section#sobre{
	background-color: #e1e2e2;
}

section#sobre{
	padding-bottom: 0;
}

section#sobre .imagem{
	background-position: top;
	height: 100%;
}

body.pagina-interna section#sobre .imagem{
	height: 630px;
}

section#sobre .galeria{
	background-color: #f1f1f1;
	border-radius: 40px;
	padding: 40px 60px;
	margin-top: 40px;
}

section#sobre .galeria li{
	padding: 0 15px;
}

.degrade .imagem > span{	
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	display: block;
	height: 100%;
}

.galeria .imagem{
	background-position: center;
	height: 350px !important;
	display: block;
	border-radius: 40px;
}

body.pagina-interna section#sobre .owl-theme .owl-nav i{
	background-color: #feca16;
	border-radius: 100%;
	padding: 5px;
	text-align: center;
}

body.pagina-interna section#sobre .owl-theme .owl-nav [class*="owl-"]{
	left: 20px;
}

body.pagina-interna section#sobre .owl-theme .owl-nav .owl-next{
	left: inherit;
	right: 20px;
}

section#sobre .lancamentos .galeria.fundo-detalhe .imagem,
section#fotos .galeria .imagem{
	height: 400px !important;
}

.nossos-diferenciais{
	margin-top: 100px;
	padding-bottom: 60px;
	background: linear-gradient(to bottom, rgba(225,226,226,1) 0%,rgba(193,186,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

body.pagina-interna .nossos-diferenciais{
	padding-top: 40px;
	background: linear-gradient(to top, rgba(225,226,226,1) 0%,rgba(193,186,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.nossos-diferenciais li{
	padding: 15px;
}

body.home .nossos-diferenciais li{
	width: 33.33%;
	height: 270px;
}

.nossos-diferenciais li a,
.nossos-diferenciais li .sombra{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 30px;
	display: block;
}

.nossos-diferenciais li a .opacidade,
.nossos-diferenciais li .sombra .opacidade{
	border-radius: 30px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	height: 100%;
	text-align: center;
	background-color: rgba(255,255,255,0.75);
}

.nossos-diferenciais li .sombra,
.nossos-diferenciais li .sombra .opacidade{
	display: block;
	border-radius: 0;
}

.nossos-diferenciais li a:hover .opacidade,
.nossos-diferenciais li:hover .sombra .opacidade{
	background-color: rgba(255,255,255,1);
}

.nossos-diferenciais li h3{
	color: #101010;
	font-family: 'darkmode-on', sans-serif;
	font-weight: 900;
	font-size: 42px;
}

.nossos-diferenciais li .sombra h3{
	margin-bottom: 30px;
}

.nossos-diferenciais li p{
	text-align: justify;
}

/* Clientes */

section#clientes{
	padding: 90px 0;
}

.owl-theme .owl-nav [class*="owl-"]{
	top: calc(50% - 18px);
	display: block;
	cursor: pointer;
	position: absolute;
	left: -7.5%;
	z-index: 9999;
	font-size: 35px;
}

.owl-theme .owl-nav .owl-next{
	left: inherit;
	right: -7.5%;
}

.lista-clientes img{
	margin: 0 auto;
	max-height: 170px;
	width: auto !important;
}

/* Representantes */

body.home section#representante{
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: rgba(0,0,0,0.5);
	background-blend-mode: multiply;
	text-align: center;
	height: 450px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.home section#representante a.call-to,
.trabalhe-representante a.call-to{
	font-size: 16px;
	background-color: #f1f1f1;
	padding: 8px 30px;
	margin-top: 50px;
}

body.pagina-interna section#representante a.call-to{
	font-size: 31px;
	margin-top: 15px;
}

body.pagina-interna section#representante .trabalhe-representante a.call-to{
	font-size: 42px;
	background-color: #f0c935;
	border-radius: 0;
	padding: 30px 50px;
	margin-top: 0;
}

body.pagina-interna section#representante .trabalhe-representante a.call-to:hover{
	background-color: #171717;
}

.trabalhe-representante{
	padding-bottom: 150px;
}

section#representante .trabalhe-representante{
	padding-bottom: 0;
}

section#representante:has(> .trabalhe-representante){
	padding-bottom: 0;
}

.trabalhe-representante > div{
	align-items: center;
	display: flex;
	height: 310px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	background-blend-mode: multiply;
}

section#representante .trabalhe-representante > div{
	height: auto;
	background-color: inherit;
	padding: 60px 0;
	text-align: left;
}

.trabalhe-representante h2.titulo{
	color: #fff;
	font-size: 32px;
	line-height: 1em;
	margin-bottom: 0;
}

section#representante .trabalhe-representante h2.titulo{
	/*color: #171717;*/
	font-size: 64px;
	line-height: 1em;
	margin-bottom: 50px;
}

section#representante .trabalhe-representante .representante h2.titulo{
	color: #171717;
}

.mapa{
	margin-bottom: 60px;
}

.mapa h2.titulo{
	text-transform: uppercase;
	font-size: 64px;
	letter-spacing: 1.5px;
}

section#representante .trabalhe-representante > div ul li a{
	background-color: rgba(241,241,241,0.75);
	color: #171717;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 30px 15px;
	margin-bottom: 30px;
	pointer-events: none; /* Desabilita o clique */
    cursor: default;
}

section#representante .trabalhe-representante > div ul li a h3{
	font-size: 43px;
	font-family: 'darkmode-on', sans-serif;
	font-weight: 900;
}

/* Sustentabilidade */

section#sustentabilidade{
	background-image: url('img/sustentabilidade.jpg');
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 0;
}

/* Blog */

section#blog ul li .texto-blog{
	text-align: right;
}

section#blog .call-to{
	font-family: 'source-sans-pro', sans-serif;
	font-size: 30px;
	margin-top: 0;
}

.lista-noticias li{
	margin-bottom: 80px;
}

.lista-noticias li > a{
	display: block;
	color: #101010;
	position: relative;
}

.lista-noticias li .imagem{
	border-radius: 10px;
	height: 270px;
	margin-bottom: 30px;
}

body.pagina-interna .lista-noticias li .imagem{
	border-radius: 0;
}

body.pagina-interna section#sustentabilidade .lista-noticias li .imagem{
	border-radius: 20px;
}

body.pagina-interna section#sustentabilidade section#blog:not(.politicas){
	padding-bottom: 0;
}

body.pagina-interna section#sustentabilidade section#blog.politicas{
	padding-top: 0;
}

body.pagina-interna section#blog.politicas .lista-noticias li .imagem{
	border-radius: 60px;
}

.lista-noticias li h3{
	font-size: 24px;
	line-height: 1em;
	font-weight: 900;
	margin-bottom: 10px;
}

section.marcas .lista-noticias li h3{
	font-size: 64px;
	text-transform: uppercase;
	font-family: 'darkmode-on', sans-serif;
	margin-bottom: 30px;
}

.lista-noticias li p{
	font-size: 18px;
	margin-bottom: 0;
}

section.marcas .lista-noticias li p{
	font-size: 24px;
	margin-bottom: 30px;
	text-align: center;
}

.lista-noticias li > a:hover span{
	border-color: #fff;
}

.lista-noticias li span{
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
	border-bottom: 1px solid #101010;
}

section.marcas .lista-noticias li a{
	height: 100%;
}

section.marcas .lista-noticias li span{
	font-size: 24px;
	color: #fff;
	font-weight: 400;
	background-color: #101010;
	border-bottom: none;
	border-radius: 50px;
	padding: 10px 20px;
	position: absolute;
	bottom: -40px;
	left: 37%;
}

section.marcas .lista-noticias li > a span:hover{
	background-color: #fff;
	color: #101010;
	border-bottom: 2px solid #101010;
	border-radius: 0;
	padding: 0;
}

body.pagina-interna section#sustentabilidade section#blog.politicas .lista-noticias li a{
	color: #fff;
}

body.pagina-interna section#sustentabilidade section#blog.politicas .lista-noticias li p,
body.pagina-interna section#sustentabilidade section#blog.politicas .lista-noticias li h3{
    text-shadow: 
    -1px -1px 0 #000,  
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000; 
     /*background-color: #fff;
     display: inline;*/
}


.pagination{
	justify-content: center;	
	margin: 30px 0 50px 0;
}

.pagination .page-numbers{
	color: #101010;
}

.pagination .page-numbers:not(.current):hover{
	text-decoration: underline;
}

.pagination .page-numbers.current{
	color: #feca16;
	font-weight: 900;
}

section#post{
	padding-bottom: 0;
}

section#post .texto h1,
section#post .texto h2,
section#post .texto h3,
section#post .texto h4,
section#post .texto h5,
section#post .texto h6{
	margin-bottom: 30px;
	font-weight: 900;
	font-family: 'darkmode-on', sans-serif;
}

section#post .texto a{
	color: #feca16;
	text-decoration: underline;
}

section#post .texto a:hover{
	text-decoration: none;
}

section#post .data{
	color: #feca16;
	font-size: 14px;
}

section#post .texto h2.titulo{
	font-size: 30px;
}

section#post .texto p,
section#post .texto li{
	font-size: 14px;
	line-height: 20px;
}

section#post .texto img.alignleft{
    float: left;
    padding-right: 30px;
}

section#post .texto img.alignright{
    float: right;
    padding-left: 30px;
}

/* Contato */

section#contato{
	padding: 80px 0 0 0;
	background-color: #feca16;
	color: #101010;
	font-weight: 500;
	overflow: visible;
}

section#contato .infos-rodape a{
	color: #101010;
	font-weight: 600;
	margin-bottom: 10px;
    display: inline-block;
    margin-right: 15px;
}

.logo-rodape img{
	max-height: 74px;
	width: auto;
	margin-bottom: 30px;
}

section#contato h3{
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 0;
}

.formulario{
	background-color: #fff;
	padding: 20px 10px;	
	width: 100%;
}

section#contato .formulario{
	position: absolute;
	top: -150px;
	border-radius: 35px;
}

.modal .formulario{
	margin-bottom: 100px;
	position: relative;
}

.formulario .close{
	position: absolute;
	right: 10px;
	top: 0;
}

.formulario label{
	color: #101010;
	font-weight: 900;
	font-size: 18px;
	margin-bottom: 0;
}

.form-group{
	margin-bottom: 0;
}

.form-control{
	background-color: #f1f1f1;
	border-radius: 20px;
	font-size: 17px;
	height: 60px;
	color: #0b2443;
	border: 1px solid transparent;
}

textarea.form-control{
	height: 160px;
}

.form-control:focus{
	border-color: #0b2443;
	box-shadow: none;
	color: #0b2443;
}

.text-right.posicao{
	position: relative;
}

form .call-to{
	border-radius: 15px;
	font-weight: 900;
	font-size: 18px;
	border: none;
	padding: 5px 15px;
	position: absolute;
    right: 30px;
    bottom: 25px;
}

.modal form .call-to{
    bottom: -15px;
}

.wpcf7-not-valid-tip{
	font-size: 14px;
}

div.wpcf7-response-output{
	font-size: 14px;
	border: none !important;
	border-radius: 10px;
	line-height: 20px;
	padding: 12px 20px !important;
	margin: 0 auto !important;
}

.wpcf7-validation-errors,
.wpcf7-mail-sent-ng,
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output{
	display: table !important;
	color: #ff0300;
	background: #ffd5dd;
}

.wpcf7-mail-sent-ok,
.wpcf7-form.sent .wpcf7-response-output{
	color: #8dbd5b;
	background: #defde9;
	display: table !important;
	background-image: url(img/check.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 50px !important;
}

.infos-rodape p{
	font-weight: 600;
}

.inputFile {
    position: relative;
    overflow: hidden;
	background-color: #feca16 !important;
	border-color: #feca16 !important;
	margin-top: 15px;
	text-align: center;
}

.inputFile span.arquivo {
    display: flex;
	align-items: center;
    position: absolute;
	top: 10px;
	color: #171717;
	font-family: 'source-sans-pro', sans-serif;
	font-weight: 900;
	font-size: 24px;
	left: calc(50% - 105px);
}

.inputFile input {
    position: absolute;
    right: 0;
    z-index: 2;
    font-size: 100px; /* Aumenta tamanho do campo */
    opacity: 0;
    filter: alpha(opacity=0);
	top: 0;
}

.inputFile .wpcf7-form-control-wrap{
	position: inherit;
}

/*Rodapé*/

footer{
	background-color: #101010;
	font-size: 14px;
	margin-top: 100px;
	padding: 10px 0;
}

footer,
footer a{
	color: #fff;
}

footer a:hover{
	text-decoration: underline;
	color: #fff;
}

footer p{
	margin-bottom: 0;
}

.back-to-top {
	background: #101010; /* Old browsers */
	border-radius: 65px;
	bottom: 14px;
	box-shadow: 2px 3px 19px -2px rgba(0, 0, 0, .75);
	color: #fff;
	cursor: pointer;
	height: 40px;
	position: fixed;
	right: 22px;
	width: 40px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Admin */

.login h1 a {
	background-image: url('img/logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 250px;
	height: 75px;
	box-shadow: none !important;
}

/*Responsivo*/

.fechar-menu {
	position: absolute;
	display: none;
	color: #000;
	font-size: 22px;
	width: 300px;
	right: -250px;
	top: 25px;
	z-index: 999;
}

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

}

@media only screen and (max-width: 1440px) {
	
	body.pagina-interna section#sobre .imagem{
		height: 500px;
	}
	
}

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


@media only screen and (max-width: 1199px) {
	
	header .container,
	section#marcas .container,
	body.home section#corporativas .container,
	section#contato .container,
	section#representante:has(.mapa) > .container{
		max-width: 100%;
	}
	
	section#contato .formulario{
		right: 15px;
	}
	
	body.pagina-interna section#sobre .imagem,
	body.pagina-interna section#corporativas{
		height: 400px;
	}
	
	body.pagina-interna section#corporativas:has(+ section#diferenciais){
		height: 700px;
	}
	
	section#sobre .lancamentos .galeria.fundo-detalhe .imagem{
		height: 300px !important;
	}
	
	section#fotos .galeria .imagem{
		height: 350px !important;
	}
		
}

@media only screen and (max-width: 1140px) {
	
	ul.lista-marcas li h2.titulo{
		font-size: 30px;
	}
	
	section#sobre .galeria .imagem{
		height: 300px !important;
	}
	
	body.pagina-interna section#sobre{
		padding: 60px 30px 0 30px;
	}
	
}

@media only screen and (max-width: 991px) {
	
	header .abrir-menu{
		display: block;
	}
	
	header .logo{
		justify-content: space-between;
		padding: 15px;
		margin: 0 auto;
	}
	
	.logo a.logo-menu{
		width: 45%;
	}
	
	.fechar-menu{		
		display: block;
	}

	header .menu-principal{
		width: 100%;
		position: fixed;	
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.85);
		height: 100vh;
		z-index: 1000;
		display: none;
		margin: 0;
	}
	
	header .menu-principal > ul{
		display: block;
		width: 250px;
		background-color: #fff;
		height: 100%;
		padding: 60px 20px 20px 20px;
		margin-top: 0;
		-moz-transform: translateX(300px);
		-webkit-transform: translateX(300px);
		-o-transform: translateX(-300px);
		-ms-transform: translateX(300px);
		transform: translateX(300px);
		float: right;
		overflow: auto;
	}
	
	.menu-principal > ul > li{
		padding: 5px 0 !important;
		display: block;
		margin-bottom: 0;
	}

	header .menu-principal ul.transform{
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
	}
	
	.menu-principal > ul > li > ul {
		position: relative;
		padding: 10px 0 10px 10px;
		left: inherit;
		top: 0 !important;
		display: block;
		width: auto;
		box-shadow: none;
	}
	
	.menu-principal > ul > li > ul > li{
		text-align: left;
	}
	
	.menu-principal > ul > li > ul > li > a{
		font-size: 15px;
	}
	
	.menu-principal > ul > li.menu-item-has-children > a:after{
		display: none;
	}
	
	.infos{
		display: block !important;
	}
	
	.infos > div{
		margin-left: 0;
		padding-top: 5px;
	}
	
	section#banner{
		padding-top: 0;
	}
	
	header .container{
		max-width: 720px;
	}
	
	div.destaques .container,
	section#sobre > .container,
	section#blog .container,
	body.pagina-interna .nossos-diferenciais .container,
	section#fotos .container,
	section#outros-contatos .container{
		max-width: 100%;
	}
	
	section#banner ul.lista-banner li{
		height: 500px;
	}
	
	section#banner h2.titulo{
		font-size: 50px;
	}
	
	ul.lista-marcas li a{
		height: 400px;
	}
	
	.call-to{
		font-size: 40px;
	}
	
	section#corporativas .imagem,
	body.pagina-interna section#sobre .imagem,
	body.pagina-interna ul.lista-marcas li a,
	.logo-marca{
		height: 300px;
	}
	
	section#contato .infos-rodape a,
	.infos-rodape p{
		font-size: 18px;
	}
	
	body.home .nossos-diferenciais li{
		width: 50%;
	}
	
	section#seguimentos a{
		margin-bottom: 30px;
	}
	
	body.pagina-interna section#corporativas:has(+ section#diferenciais){
		height: 500px;
	}
	
	.lancamentos{
		height: 550px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	header .container,
	div.destaques .container,
	body.home section#marcas .container,
	section#sobre .container,
	section#blog .container,
	section#contato .container,
	body.pagina-interna .nossos-diferenciais .container,
	section#representante:has(.mapa) > .container,
	section#outros-contatos .container{
		max-width: 540px;
	}
	
	header .logo{
		padding: 0;
	}
	
	section#banner ul.lista-banner li{
		height: 350px;
	}
	
	h2.titulo,
	section#representante .trabalhe-representante h2.titulo,
	.mapa h2.titulo,
	section.marcas .lista-noticias li h3{
		font-size: 50px;
		margin-bottom: 30px;
	}
	
	.owl-dots{
		bottom: 30px;
	}
	
	section#banner a{
		padding-bottom: 80px;
	}
	
	section#banner h2.titulo{
		font-size: 35px;
	}
	
	div.destaques .fundo-detalhe{
		padding: 30px 0 10px 0;
	}
	
	ul.lista-destaques li{
		margin-bottom: 10px;
	}
	
	section,
	section#clientes,
	body.pagina-interna .nossos-diferenciais{
		padding: 40px 0;
	} 
	
	body.home ul.lista-marcas li,
	section#outros-contatos{
		padding-bottom: 30px;
	}
	
	.call-to,
	.nossos-diferenciais li a h3,
	section#representante .trabalhe-representante > div ul li a h3,
	body.pagina-interna section#representante .trabalhe-representante a.call-to,
	.caracteristicas .call-to{
		font-size: 30px;
	}
	
	section#diferenciais ul.lista-diferenciais li > div.fundo{
		padding: 50px 0;
	}
	
	section#sobre .imagem{
		height: 250px;
	}
	
	.nossos-diferenciais,
	footer{
		margin-top: 30px;
	}
	
	body.home .nossos-diferenciais li{
		height: 230px;
	}
	
	.lista-noticias li{
		margin-bottom: 30px;
	}
	
	section#contato,
	body.pagina-interna section#sobre{
		padding-top: 30px;
	}
	
	section#contato .formulario{
		position: relative;
		top: 0;
		right: 0;
		margin-top: 30px;
	}
	
	body.home section#blog,
	.trabalhe-representante,
	section#representante .trabalhe-representante > div.representante{
		padding-bottom: 0;
	}
	
	.infos-rodape{
		text-align: center;
	}
	
	.form-control{
		height: 50px;
	}
	
	section#contato .logo-rodape a{
		margin-right: 0;
	}
	
	.infos-rodape > .row{
		justify-content: center;
	}
	
	section#diferenciais ul.lista-diferenciais li > div.fundo{
		background: rgba(0,0,0,0.7) !important;
	}
	
	.degrade,
	.mapa img{
		display: none;
	}
	
	body.pagina-interna ul.lista-marcas li a, 
	.logo-marca,
	.trabalhe-representante > div{
		height: 200px;
	}
	
	body.pagina-interna section#corporativas{
		height: 330px;
	}
	
	section#seguimentos .container{
		max-width: 100%;
	}
	
	.pagination{
		margin: 0;
	}
	
	section.marcas .lista-noticias li span{
		position: relative;
		bottom: 0;
		left: initial;
	}
		
}

@media only screen and (max-width: 575px) {
	
	header .container,
	div.destaques .container,
	section#marcas .container,
	section#sobre .container,
	section#blog .container,
	section#contato .container{
		max-width: 100%;
	}
	
	body{
		font-size: 20px;
	}
	
	h2.titulo, 
	section#representante .trabalhe-representante h2.titulo, 
	.mapa h2.titulo,
	section.marcas .lista-noticias li h3{
		font-size: 45px;
		line-height: 1em;
	}
	
	section, 
	section#clientes,
	body.pagina-interna .nossos-diferenciais,
	section#representante .trabalhe-representante > div,
	.lancamentos,
	section#fotos{
		padding: 25px 0;
	}
	
	section#corporativas{
		padding-top: 0;
	}

	div:has(> .imagem){
		order: 12;
	}
	
	.call-to{
		margin: 20px 0;
	}
	
	.caracteristicas .call-to{
		margin: 0;
	}
	
	ul.lista-clientes{
		width: 90%;
		margin: 0 auto;
	}
	
	body.home section#representante{
		height: 350px;
	}
	
	body.home .nossos-diferenciais li{
		width: 100%;
		height: 150px;
	}
	
	section#diferenciais ul.lista-diferenciais h3,
	body.pagina-interna .nossos-diferenciais li .sombra h3,
	section#seguimentos h3,
	section#outros-contatos .fundo h3,
	section#outros-contatos a.call-to{
		font-size: 30px;
	}
	
	form .call-to{
		bottom: 0;
	}
	
	body.pagina-interna ul.lista-marcas li > div:has(.logo-marca){
		display: none;
	}
	
	section#seguimentos a{
		height: 200px;
	}
	
	section#representante form .call-to{
		bottom: -30px;
	}
	
	.lancamentos{
		height: auto;
	}
	
	section#fotos .galeria .imagem{
		height: 300px !important;
	}
	
	.lancamentos .fundo-detalhe{
		background: none !important;
		position: relative;
		padding: 30px 50px !important;
		margin-top: 0 !important;
	}
	
	section#outros-contatos .fundo{
		background: none;
		padding: 25px 0;
	}
}

@media only screen and (max-width: 400px) {
	
	.logo a.logo-menu{
		width: 55%;
	}
	
	.call-to{
		font-size: 25px;
	}
	
	.infos-rodape > .row > div,
	section#fotos .galeria li{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	section#sobre .galeria{
		background: none;
		padding: 0;
		margin-top: 0;
	}
	
	body.pagina-interna section#sobre .owl-theme .owl-nav [class*="owl-"]{
		left: -25px;
	}
	
	body.pagina-interna section#sobre .owl-theme .owl-nav .owl-next{
		left: inherit;
		right: -25px;
	}
	
	body.pagina-interna section#corporativas h2.titulo{
		margin-bottom: 0;
	}
	
	.lancamentos h2.titulo{
		word-break: break-word;
	}
	
	.lancamentos .fundo-detalhe{
		padding: 30px !important;
	}
	
	ul.lista-marcas li a{
		padding: 20px;
	}
	
}

@media only screen and (max-width: 350px) {
	
	section#banner ul.lista-banner li,
	ul.lista-marcas li a{
		height: 300px;
	}
	
	body.pagina-interna section#banner:has(+ section#blog) a{
		padding-bottom: 0;
	}
	
	h2.titulo, 
	section#representante .trabalhe-representante h2.titulo, 
	.mapa h2.titulo,
	section.marcas .lista-noticias li h3{
		font-size: 40px;
		word-break: break-word;
	}
	
	section#banner h2.titulo{
		font-size: 30px;
	}
	
	ul.lista-destaques li{
		max-width: 100%;
		flex: 0 0 100%;
	}
	
	ul.lista-destaques h3{
		font-size: 50px;
	}
	
	.call-to{
		text-align: center;
	}
	
	section#corporativas .imagem{
		height: 180px;
	}
	
	ul.lista-marcas li p{
		display: none;
	}
	
	body.pagina-interna section#sobre{
		padding: 30px 15px 0 15px;
	}
	
	
}