*{ margin:0; padding:0; font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-style: normal; font-variation-settings: "wdth" 100; }

a{ text-decoration:none; list-style-type:none; }

.conteudo{ max-width:1100px; width:100%; margin:0 auto; }

.base-botao{ height:40px; line-height:40px; width:100%; max-width:275px; background:#e67e22; color:#fff; display:inline-block; text-align:center; border-radius:5px; font-size:14px; }
.botao-whatsapp{ background:#1e5631; color:#fff; }

.subtitulo{ font-weight:200; font-size:18px; color:#1c1c1c; text-transform:uppercase; font-style:italic; }
.titulo{ font-weight:900; color:#1c1c1c; font-size:30px; text-transform:uppercase; }
.texto-longo{ color:#1c1c1c; font-size:16px; line-height: 20px; font-weight: 300; }
.sombra-padrao{ -webkit-box-shadow: 0px 0px 5px -1px rgba(31,31,31,0.9); box-shadow: 0px 0px 5px -1px rgba(31,31,31,0.9); }


.regua-1{ width:calc(100% / 4); display:inline-block; vertical-align:top; }
.regua-2{ width:calc(100% / 2); display:inline-block; vertical-align:top; }

#faixa-topo{ background:#1e5631; height:66px; }
#faixa-topo p{ color:#fff; line-height:66px; font-size:16px; letter-spacing:0.03em; text-align:center; }
#faixa-topo p a{ color:#fff; background-repeat:no-repeat; background-size: contain; background-position: left center; padding-left:26px; margin-left:10px; }
#faixa-topo p a#icone-telefone{ background-image:url(../img/icone-telefone-topo.webp); }
#faixa-topo p a#icone-whatsapp{ background-image:url(../img/icone-whatsapp-topo.webp); }


#menu-topo{}
#menu-topo h1{ height:60px; width:180px; background-image:url(../img/logo.webp); background-repeat:no-repeat; text-indent:-3000px; margin-top:20px; display:inline-block; vertical-align:top; }
#menu-topo ul{ display:inline-block; vertical-align:top; margin-left:90px; margin-right:91px; }
#menu-topo ul a { color:#010101; height:100px; display: inline-block; position:relative; }
#menu-topo ul a li{ background: #fff; padding: 0 20px; vertical-align:top; height:100px; line-height:100px; display:inline-block; color:#010101; transition:0.8s; }
#menu-topo ul a li:hover{ background: #effff4; }
#menu-topo ul a li:hover::after{ background: #1e5631; height:1px; width:calc(100% - 40px); position:absolute; left:20px; bottom:0; content:''; }
#menu-topo ul a li .icone-seta-menu{ width:10px; height:100px; display:inline-block; background-image:url(../img/seta-menu.webp); background-repeat:no-repeat; background-position:center; vertical-align:top; margin-left:10px; }
#menu-topo .base-botao{ margin-top:30px; }

#banner{ background-color:#1e5631; background-image:url(../img/banner.webp); background-repeat:no-repeat; background-position:center right; background-size: contain; padding:85px 0; }
#banner #texto-banner{  }
#banner #texto-banner .subtitulo{ color:#fff;  }
#banner #texto-banner .titulo{ color:#fff; font-size:40px; margin:20px 0; }
#banner #texto-banner #subtitulo-empresas{ margin:20px 0; }
#banner #texto-banner .botao-whatsapp{ margin-left:20px; background:#fff; color:#1e5631; }
#banner #clientes-banner img{ margin-right:40px; vertical-align:middle; }

#sobre-nos{ padding:40px 0; }
#sobre-nos #foto-sobre-01{ border-radius:150px 5px 5px 5px; }
#sobre-nos #foto-sobre-02{ border-radius:5px 5px 150px 5px; margin-left:10px; }
#sobre-nos p#detalhe-sobre{ background:#1e5631; color:#fff; font-size:18px; font-weight:900; line-height:24px; text-transform:uppercase; text-align:center; width:calc(100% - 10px); border-radius:5px; padding:15px 0; margin-top:19px; }
#sobre-nos .regua-2 .subtitulo{ width:calc(100% - 40px); margin-left:20px; margin-top:30px; }
#sobre-nos .regua-2 .titulo{ width:calc(100% - 40px); margin-left:20px; margin-top:15px; margin-bottom:15px; }
#sobre-nos .regua-2 .texto-longo{ width:calc(100% - 40px); margin-left:20px; margin-bottom:20px; }
#sobre-nos .regua-2 .base-botao{ width:calc( (100% / 2) - 10px ); }
#sobre-nos .regua-2 .botao-whatsapp{ margin-left:20px; width:calc( (100% / 2) - 10px ); }

#servicos-oferecidos{ background:#f2f2f2; padding:40px 0; }
#servicos-oferecidos .titulo{ margin-top:15px; margin-bottom:15px; }
#servicos-oferecidos .item-servico{ width:calc((100% - 60px) / 4); display:inline-block; vertical-align:top; margin-left:20px; margin-top:20px; }
#servicos-oferecidos .item-servico .imagem-servico{ height:180px; width:100%; background-image:url(../img/hidrojato-convencional.webp); background-size:cover; background-repeat:no-repeat; border-radius:5px; }
#servicos-oferecidos .item-servico:first-child{ margin-left:0px; }
#servicos-oferecidos .item-servico p{ background:#fff; width:calc(100% - 60px); margin-left:10px; border-radius:5px; color:#1c1c1c; font-size:16px; text-transform:uppercase; padding:25px 20px; margin-top:-50px; }

#nichos-atendidos{ padding:40px 0 0 0; }
#nichos-atendidos #foto-nichos-1{ border-radius:5px 5px 5px 5px; }
#nichos-atendidos #foto-nichos-2{ border-radius:5px 150px 5px 5px; margin-left:20px; }
#nichos-atendidos .subtitulo{ margin-top:75px; }
#nichos-atendidos .titulo{ margin-top:15px; margin-bottom:15px; }
#nichos-atendidos #lista-nicho { margin-top:-60px; }
#nichos-atendidos #lista-nicho p{ background:#fff; width:calc( ((100% - 80px) / 5) - 40px ); margin-left:20px; border-radius:5px; color:#1c1c1c; font-size:16px; text-transform:uppercase; padding:25px 20px; margin-bottom: 20px; display:inline-block; vertical-align:top; display:inline-block; }
#nichos-atendidos #lista-nicho p:nth-child(5n+1){margin-left: 0px;}

#entre-contato{ background:#1e5631; border-radius:5px 5px 5px 5px; position:relative; z-index:2 }
#entre-contato img{ position:absolute; bottom:-30px; left:30px; }
#entre-contato #texto-entre-contato{ padding:95px; padding-left:505px; width:calc(100% - 505px); }
#entre-contato .subtitulo{ color:#fff; }
#entre-contato .titulo{ color:#fff; margin-top:15px; margin-bottom:15px; }
#entre-contato .botao-whatsapp{ background:#fff; color:#1e5631; margin-left:20px; }

#rodape{ background:#f2f2f2; padding: 120px 0 30px 0; margin-top:-75px; }
#rodape h1{ height:60px; width:180px; background-image:url(../img/logo.webp); background-repeat:no-repeat; text-indent:-3000px; margin-top:20px; display:inline-block; }
#rodape .titulo-menu{ font-weight:900; color:#1c1c1c; font-size:16px; text-transform:uppercase; margin-bottom:10px; }
#rodape a, #rodape p{ font-weight:300; color:#1c1c1c; font-size:16px; margin-bottom:10px; }

#menu-mobile{ display:none; }
.menu-completo-mobile{ display:none; }

.add-telefone-safe{display: none; background:url(../img/telefone-celular.png); background-repeat:no-repeat; background-position:center; position:fixed; z-index: 999999; left:10px; background-size: contain; bottom: 10px; width: 60px; height: 60px; }
.whatsapp-celular{display: none; background:url(../img/whatsapp-celular.png); background-repeat:no-repeat; background-position:center; position:fixed; z-index: 999999; right:10px; background-size: contain; bottom: 10px; width: 60px; height: 60px; }
.link-telefone{background-color: #77b3d4; background-image: url(../img/telefone-celular.png); height: 60px; width: 60px ; background-size: contain; background-repeat: no-repeat; display: block; position: fixed; bottom: 10px; left: 10px; z-index: 999999999; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); border-radius: 60px; display: none;
    }

.mobile-on{ display:none; }
.mobile-off{ display:inline-block; }

@media (max-width: 1100px){

	.mobile-off{ display:none; }
	.mobile-on{ display:inline-block; }

	.whatsapp-celular{display: block !important;}
	.add-telefone-safe{display: block !important;}
	.link-telefone{display: block !important;}

	.conteudo{overflow-x: hidden;}

	.subtitulo{ font-size:16px; }
	.titulo{ font-size:24px !important; }

	.base-botao{ width:calc(100% - 20px) !important; margin-left:0px !important; max-width:unset !important; }
	.botao-whatsapp{ width:calc(100% - 20px) !important; margin-left:0px !important; max-width:unset !important; margin-top:10px !important; }

	#faixa-topo{ height:40px; line-height:40px; }
	#faixa-topo p{ text-align:center; font-size:12px; padding:0 10px; line-height:40px; }
	#faixa-topo p a{ display:none; }
	#faixa-topo p a:first-child{ display:inline-block; padding-left:0px; margin-left:0px; text-transform:uppercase; }

	#menu-topo h1{ margin-left:10px; }
	#menu-topo ul{ display:none; }
	#menu-topo .base-botao{ display:none; }

	#menu-mobile{ display:block; cursor:pointer; float:right; width:24px; height:24px; margin-top:30px; margin-right:10px }

	.menu-completo-mobile #fechar-menu{ display:inline-block; position: fixed; top: 30px; right: 20px; cursor: pointer; width:24px; height:24px; background-image:url(../img/fechar-menu.png); background-repeat:no-repeat; cursor:pointer; }
	.menu-completo-mobile{ position:absolute; left:0; top:0; width:100%; height:100vh; background:#f6f6f6; z-index:9999999; }
	.menu-completo-mobile p{ color:#343338; font-size:24px; font-weight:900; letter-spacing:2px; padding:30px 20px 0px 20px; }

	.menu-completo-mobile ul li{ border:1px solid #dadada; border-radius: 10px; padding:0 20px; width:calc(100% - 80px); margin-left: 20px; display:block; margin-top:20px; height:53px; background:#fff; }
	.menu-completo-mobile ul li a{ color:#343338; font-size:16px; font-weight:400; display:inline-block; line-height:53px; width:100%; }
	.menu-completo-mobile ul li.link-servico:hover a{text-decoration: underline;}

	#banner{ padding:30px 0; text-align:center; background-size: cover; background-position:bottom; left; background-blend-mode:overlay; }
	#banner .subtitulo{ font-size:16px; padding:0 10px; }
	#banner .titulo{ font-size:24px !important; margin:10px 0 !important; padding:0 10px; }
	#banner #texto-banner .botao-whatsapp{ margin-left:0px; margin-top:20px; }

	#banner #clientes-banner img{ height:30px !important; margin-bottom:20px !important;  }
	#banner #clientes-banner img:nth-child(2n + 2){ margin-right:10px !important;  }

	#sobre-nos{ padding:0px; }
	#sobre-nos .regua-1{ display:none; }
	#sobre-nos .regua-2{ width:calc(100% - 20px); margin-left:10px; }
	#sobre-nos .regua-2 .subtitulo, #sobre-nos .regua-2 .titulo, #sobre-nos .regua-2 .texto-longo{ margin-left:0px !important; width:100% !important; }
	#sobre-nos .regua-2 .base-botao{ width:100% !important; }

	#servicos-oferecidos{ padding:20px 0px !important; text-align:center; }
	#servicos-oferecidos .subtitulo, #servicos-oferecidos .titulo{  width:calc(100% - 20px) !important; margin-left:10px; }

	#servicos-oferecidos #lista-servicos{ width:calc(100% - 20px); margin-left:10px; }
	#servicos-oferecidos .item-servico{ margin-left:0px !important; width:calc( ( 100% - 10px ) / 2 ); }
	#servicos-oferecidos .item-servico:nth-child(2n + 2){ margin-left:10px !important; }
	#servicos-oferecidos .item-servico p{ font-size:14px !important; padding:15px 10px; width:calc(calc(100% - 40px)); }

	#nichos-atendidos .regua-2{ width:calc(100% - 20px); margin-left:10px; }
	#nichos-atendidos .subtitulo{ margin-top:0px; }
	#nichos-atendidos #lista-nicho{ margin-top:10px; }
	#nichos-atendidos #lista-nicho p{ width:calc(((100% - 30px) / 2) - 20px ) !important; margin-left:10px !important; padding:15px 10px; margin-bottom:10px; }
	#nichos-atendidos .regua-2:nth-child(2){ display:none !important; }

	#entre-contato{ text-align:center; border-radius:10px 10px 0 0; }
	#entre-contato img{ display:none; }
	#entre-contato #texto-entre-contato{ padding:40px 0px; width:100%; }

	#rodape{ padding:20px 0 80px 0;  margin-top:0px; }
	#rodape .regua-1{ width:calc((100% - 30px) / 2) !important; text-align: left; margin-left:10px; display:inline-block; }
	#rodape .regua-1:nth-child(1){ width:calc(100% - 20px) !important; text-align:center; margin-bottom:20px; text-align:center; }
	#rodape .regua-1:nth-child(4){ width:calc(100% - 20px) !important; margin-top:10px; }
}