*{ margin:0; padding:0; font-family:Roboto; list-style-type:none; text-decoration:none; }

.conteudo{ width:100%; max-width:1000px; margin:0 auto; }
h2{ font-size:32px; color:#111111; font-family:"FuturaStd-Book"; }
.padrao_texto{ margin-top: 30px; font-size:18px; color:#4a4a4a; line-height:30px; }
.padrao_texto b{ font-weight:900; }
.btn_ligacao{ background:#f57141; color:#fff; height:40px; line-height: 40px; padding:0 40px; border:#f35720 1px solid; display:inline-block; border-radius:0px 5px 5px 5px; font-size:14px; margin-top:30px; }

#topo{ background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(34,94,86,1) 50%, rgba(34,94,86,1) 100%); }
#topo .conteudo{ background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 76%, rgba(34,94,86,1) 76%, rgba(34,94,86,1) 100%); }
#topo #logo_menu h1{ width:300px; height:100px; display:inline-block; background-image:url(../img/logo.webp); background-repeat:no-repeat; background-position:left center; text-indent:-3000px; margin-top:20px; margin-left: 20px; vertical-align:top; }
#topo #logo_menu ul{ display:inline-block; vertical-align:top; height:120px; line-height:120px; margin-left:20px; }
#topo #logo_menu ul a{ margin-right:20px;  }
#topo #logo_menu ul a li{ display:inline-block; vertical-align:top; color:#111111; font-size:18px; }
#topo #logo_menu .telefone_topo{ color:#fff; font-weight: 900; font-size: 18px; line-height: 120px; float:right; margin-right: 20px; letter-spacing:1px; }

#topo #banner #texto_banner{ width:50%; margin-left:20px; padding-top:30px; display:inline-block; vertical-align:top; }
#topo #banner #texto_banner h2{ font-size:48px; color:#111111; font-family:"FuturaStd-Book"; }
#topo #banner #texto_banner h2 span{ font-family:Roboto; }
#topo #banner #foto_banner{ display:inline-block; vertical-align:top; margin-left:38px; }

#sobre{ margin-top:30px; }
#sobre #texto_sobre{ display:inline-block; vertical-align:top; width:calc(50% - 10px); margin-left:30px; }

#servicos{ background:#eef0f0; padding:30px 0; margin-top:30px; text-align:center; }
#servicos #lista_servicos{ margin-top:30px; }
#servicos #lista_servicos .item_servico{ width:calc((100% - 62px) / 3); border:1px solid #e1e6e5; border-radius: 0px 5px 5px 5px; display:inline-block; text-align:center; position: relative; overflow:hidden; padding:40px 0; margin-left:28px; margin-bottom:28px; }
#servicos #lista_servicos .item_servico:nth-child(3n+1){ margin-left:0px; }
#servicos #lista_servicos .item_servico::before { content: ""; position: absolute; top: 0px; left: 0px; width: calc(100%); height: calc(100%); opacity: .4; z-index: 1; background-color:#fff; background-image:url(../img/servico-ralos-e-pias.webp); background-position:center; background-size:cover; background-blend-mode: luminosity; transition: 0.4s;
}
#servicos #lista_servicos #servico_esgoto::before{ background-image:url(../img/servico-esgoto.webp); }
#servicos #lista_servicos #servico_fossa::before{ background-image:url(../img/servico-fossa.webp); }
#servicos #lista_servicos #servico_tubulacoes::before{ background-image:url(../img/servico-tubulacoes.webp); }
#servicos #lista_servicos #servico_rede_esgoto::before{ background-image:url(../img/servico_rede_esgoto.webp); }
#servicos #lista_servicos #servico_caixa_gordura::before{ background-image:url(../img/servico_caixa_gordura.webp); }

#servicos #lista_servicos .item_servico h3{  transition: 0.6s; color:#111111; font-size:26px; font-weight:900; letter-spacing:1px; z-index:2; position:relative; width:calc(100% - 40px); margin-left:20px; padding:20px 0; }
#servicos #lista_servicos .item_servico h3 span{ color:#111111; font-size:14px; font-weight:400; text-transform:uppercase; display:block; }
#servicos #lista_servicos .item_servico a{ display:none; }

#servicos h2{ text-align:center; }
#servicos #lista_servicos .item_servico:hover:before{ background-blend-mode: unset; opacity: 1;  }
#servicos #lista_servicos .item_servico:hover h3{ background:#fff; }
#servicos #lista_servicos .item_servico:hover a{ display:block; position:absolute; bottom:20px; left: calc((100% - 150px) / 2); background:#111; color:#fff; font-size:12px; text-transform:uppercase; font-weight:900; padding:10px 0; width: 150px; text-align: center;  z-index:2; }
#servicos .btn_ligacao{ margin-top:0px; }

#beneficios_empresa{ margin-top:40px; margin-bottom:40px; }
#beneficios_empresa #lista_vantagens{ width: calc(100% - 40px); margin-left: 20px; margin-top: 10px;}
#beneficios_empresa #lista_vantagens .item_vantagens{ width:calc((100% - 34px) / 2); display:inline-block; margin-left:30px; background:linear-gradient(90deg, rgba(240,241,241,1) 0%, rgba(255,255,255,1) 40%,  rgba(255,255,255,1) 100%); border:#e1e6e5 1px solid; margin-top:30px; }
#beneficios_empresa #lista_vantagens .item_vantagens:nth-child(2n+1){ margin-left:0px; }
#beneficios_empresa #lista_vantagens .item_vantagens .icone_beneficio{ display:inline-block; width:70px; background-repeat:no-repeat; background-position:center bottom; height:88px; }
#beneficios_empresa #lista_vantagens .item_vantagens .texto_beneficios{ width:calc(100% - 90px); display:inline-block; vertical-align:top; padding:20px 0; min-height:130px; }
#beneficios_empresa #lista_vantagens .item_vantagens .texto_beneficios h3{ font-size:22px; color:#111111; font-family:"FuturaStd-Book"; }
#beneficios_empresa #lista_vantagens .item_vantagens .texto_beneficios .padrao_texto{ margin-top:10px; }

#faixa_orcamento{ background-color:#eef0f0; background-image:url(../img/faixa-orcamento.webp); background-position:left center; background-repeat:no-repeat; text-align:center; padding:90px 0; background-size:contain; }
#faixa_orcamento h2 b{ font-family: FuturaStd-Bold; }

#rodape{ background:#225e56; padding-top:30px;  }
#rodape .area_rodape{ width:calc((100% - 100px) / 3); display:inline-block; vertical-align:top; }
#rodape .area_rodape h1{ width:100%; height:91px; background:url(../img/logo_rodape.webp?v=1); background-repeat:no-repeat; background-position:center left; text-indent:-3000px; }
#rodape .area_rodape .titulo_rodape{ color:#00221d; font-family:"FuturaStd-Medium"; font-size:22px; margin-bottom:20px; letter-spacing:1px; }
#rodape .area_rodape ul a{ color:#fff; font-size:16px; letter-spacing:1px; display: block; margin-top:5px; }

#rodape .area_rodape a.telefone_rodape{ color:#fff; font-size:16px; letter-spacing:1px; display: block; margin-top:5px;  margin-bottom: 20px;}
#rodape .area_rodape a.icone_instagram{ height:32px; width:32px; display:inline-block; margin-right:10px; background-image:url(../img/icone_instagram.webp); background-repeat:no-repeat; background-position:center; background-size:contain; text-indent:-3000px; }
#rodape .area_rodape a.icone_facebook{ height:32px; width:32px; display:inline-block; margin-right:10px; background-image:url(../img/icone_facebook.webp); background-repeat:no-repeat; background-position:center; background-size:contain; text-indent:-3000px; }

#rodape #direitos_links{ border-top:1px solid #00221d; margin-top: 20px;  }
#rodape p.texto_direitos{ padding:20px 0; font-size:12px; text-transform:uppercase; display:inline-block; }
#rodape #direitos_links a{ float:right; color:#fff; line-height: 55px; font-size:12px; }
#rodape #direitos_links a b{  font-weight:bold; }

#menu_mobile{ display:none; }
#menu_mobile_aberto{ display:none; }
#ul_mobile a li{ margin-bottom:20px; letter-spacing:1px; }


#regioes{ margin-top:30px; }
#regioes h2{ text-align:center; }
#regioes h3{ margin-top:30px; }

#regioes a.link_regiao{ width:calc((100% - 66px) / 3); display:inline-block; margin-left:30px; background:linear-gradient(90deg, rgba(240,241,241,1) 0%, rgba(255,255,255,1) 40%,  rgba(255,255,255,1) 100%); border:#e1e6e5 1px solid; margin-top:20px; padding:15px 0; display:inline-block; text-align:center; color:#111; }
#regioes a.link_regiao:nth-child(3n+1){ margin-left:0px; }

#interior_cidade{ margin-top:30px; }
#interior_cidade #img_cidade{ height:300px; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; margin-top:30px; border-radius:0px 20px 20px 20px; }
#interior_cidade h2{ text-align:center; }

#interior_cidade #imagem_cidade{ height:250px; width:100%; position: relative; margin-top:30px; text-align:center; }
#interior_cidade #imagem_cidade h2{ position:relative; z-index:2; background:#fff; display:inline-block; padding:20px 40px; margin-top:80px; }
#interior_cidade #imagem_cidade::before { content: ""; position: absolute; top: 0px; left: 0px; width: calc(100%); height: calc(100%); opacity: .4; z-index: 1; background-color:#fff;background-position:center; background-size:cover; background-blend-mode: luminosity; transition: 0.4s;
}
#interior_cidade #imagem_cidade:hover:before{ background-blend-mode: unset; opacity: 1;  }

#interior_cidade #imagem_cidade a.link-contato{ display:block; position:absolute; margin-top: -10px; left: calc((100% - 150px) / 2); background:#111; color:#fff; font-size:12px; text-transform:uppercase; font-weight:900; padding:10px 0; width: 150px; text-align: center;  z-index:2; }

#interior_cidade h3{ margin-top:30px; }

#interior_cidade a.link_regiao{ width:calc((100% - 66px) / 3); display:inline-block; margin-left:30px; background:linear-gradient(90deg, rgba(240,241,241,1) 0%, rgba(255,255,255,1) 40%,  rgba(255,255,255,1) 100%); border:#e1e6e5 1px solid; margin-top:20px; padding:15px 0; display:inline-block; text-align:center; color:#111; }
#interior_cidade a.link_regiao:nth-child(3n+1){ margin-left:0px; }

#noticias{ margin-top: 30px;}
#noticias h2{ text-align: center;}
#noticias #base_noticias{ margin-bottom:20px; margin-top:20px; }
#noticias #base_noticias a.item_noticias{ width:calc((100% - 60px) / 3); display: inline-block; margin-left:20px; vertical-align:top; margin-bottom:20px; }
#noticias #base_noticias a.item_noticias .foto_noticia{ display:inline-block; background-position:center; background-size: cover; background-repeat:no-repeat; width:calc(100%); height:210px; }
#noticias #base_noticias a.item_noticias h3{ color:#111; font-size:16px; letter-spacing:1px; margin-top:5px; }


#interna_noticia{ position:relative; }
#interna_noticia::before { content: ""; position: absolute; top: 0px; right: 0px; width: calc(50% - 260px); height: calc(100%); opacity: .4; z-index: 1; background-color:#fff;background-position:center; background-size:cover; background-blend-mode: luminosity; transition: 0.4s;
}
#interna_noticia #texto_noticia{ width:calc(76% - 40px); margin-left:20px; padding-top:40px; padding-bottom:40px; }
#interna_noticia p.data_publicação{ font-size:12px; text-transform:uppercase; margin-top:10px; }



@media (max-width: 960px){
	
	#menu_desktop{ display:none !important; }
	a.telefone_topo{ display:none !important; }
	#topo .conteudo{ background:#fff !important; }
	h2{ font-size:28px; }
	#logo_menu{ position:relative; }
	#menu_mobile{display: inline-block; position:absolute; right:20px; top:50px; }
	#menu_mobile #icone_menu_mobile{ background-image:url(../img/icone_menu.webp); background-repeat:no-repeat; background-size:contain; width:32px; height:32px; display:inline-block; }

	#menu_mobile_aberto{ background:#225e56; position:fixed; top:0; left:0; height:100vh; width:100%; display:none; z-index:3; }
	#icone_fechar_menu{ background-image:url(../img/icone_fechar_menu.webp); background-position:center; width:32px; height:32px; display:inline-block; top:50px; right:20px; position:absolute; }

	.titulo_menu_mobile{ color:#fff; font-family:"FuturaStd-Medium"; font-size:22px; margin-bottom:20px; letter-spacing:1px; margin-top:20px; margin-left:20px; }

	#ul_mobile{}
	#ul_mobile a{ display:block; color:#fff; height:auto; line-height:normal; margin-bottom:5px; }
	#ul_mobile a li{ color:#fff; }

	#topo #banner #texto_banner{ width:calc(100% - 40px); }
	#topo #banner #texto_banner h2{ font-size:36px; }
	#topo #banner #foto_banner{ display:none; }

	#sobre img{ width:calc(100% - 40px); margin-left:20px; }
	#sobre #texto_sobre{ width:calc(100% - 40px); margin-left:20px; margin-top:20px; }

	#servicos #lista_servicos .item_servico{ width:calc(100% - 40px); margin-left:0px !important; }

	#beneficios_empresa h2{ width:calc(100% - 40px); margin-left:20px; }
	#beneficios_empresa .padrao_texto{ width:calc(100% - 40px); margin-left:20px; }

	#beneficios_empresa #lista_vantagens .item_vantagens{ width:calc(100%); margin-left:0px !important; margin-top:20px; }
	#beneficios_empresa #lista_vantagens .item_vantagens .padrao_texto{ width:calc(100% - 20px); margin-left:0px; }

	#faixa_orcamento{ padding:40px 0; background-size:cover; }
	#faixa_orcamento .btn_ligacao{ margin-top:20px; }

	#rodape .area_rodape{ width:calc(100% - 40px); margin-left:20px; margin-bottom:20px; text-align:center; }
	#rodape .area_rodape h1{ width:calc(100%); background-position:center; }

	#rodape p.texto_direitos{ margin-top:0px; text-align:center; }


	#regioes h3{ text-align:center; }
	#regioes a.link_regiao{ width:calc(100% - 40px); margin-left:20px !important; margin-top:10px; }

	#interior_cidade h3{ text-align:center; width:calc(100% - 40px); margin-left:20px; }
	#interior_cidade a.link_regiao{ width:calc(100% - 40px); margin-left:20px !important; margin-top:10px; }

	#interior_cidade .padrao_texto{ width:calc(100% - 40px); margin-left:20px !important; }
	#interior_cidade .btn_ligacao{ margin-left:20px !important; }

	#noticias #base_noticias a.item_noticias{ width:calc(100% - 40px); position: relative; margin-left:20px; margin-bottom:20px; }
	#noticias #base_noticias a.item_noticias .foto_noticia{ height:150px; }
	#noticias #base_noticias a.item_noticias h3{ position:absolute; bottom:20px; left:20px; padding: 5px 10px; max-width:calc(100% - 40px); background:#fff; display:inline-block; }

	#interna_noticia #texto_noticia{ width:calc(100% - 40px); margin-left:20px; }

}