*{ font-family: "Outfit", sans-serif; font-weight: 400; padding:0; margin:0; color:#383838; text-decoration:none; list-style-type:none; outline:none; }

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

.link-whatsapp{ background:#199e0f; height:50px; padding:0px 20px 0px 52px; display:inline-block; border-radius:10px; line-height:50px; color:#fff; background-image:url(../img/icone-whatsapp.webp); background-repeat:no-repeat; background-position: center left 20px; font-size:20px; letter-spacing:0.8px; }
.link-ligacao{ background:#f58838; height:50px; padding:0px 20px 0px 20px; display:inline-block; border-radius:10px; line-height:50px; color:#fff; font-size:20px; letter-spacing:0.8px; }

.btns-ligacao{}
.btns-ligacao .btn-whatsapp, .btns-ligacao .btn-ligacao{ display: inline-block; vertical-align:text-top; }
.btns-ligacao .btn-whatsapp p, .btns-ligacao .btn-ligacao p{ font-size:16px; text-transform:uppercase; color:#333; margin-bottom:10px; }
.btns-ligacao .btn-ligacao{ margin-left:20px; }

header{ background:#fff; height:90px; width:100%; position:sticky; z-index:100000; top: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  }
header .conteudo{ display:flex; justify-content: space-between; }
header h1{ width:215px; height:60px; text-indent:-3000px; overflow:hidden; background-image:url(../img/logo.webp); margin-top:15px; margin-right: auto; }
header #telefones-header{ margin-left: auto; margin-top:20px; }
header #telefones-header #ligacao-header{ margin-right: 10px; font-size:20px; letter-spacing:0.8px; }
header .menu-mobile{ margin-top:22px; margin-right: 20px; display:none; }

nav{ background:#1d7435; height:60px; width:100%; }
nav .conteudo{ display:flex; justify-content:space-between; }

nav ul{ margin-right:auto; }
nav ul a{ display:inline-block; margin-left:20px; line-height:60px; letter-spacing:0.8px; }
nav ul a:first-child{ margin-left:0px; }
nav ul a li{ color:#fff; font-size:20px; }

nav h4{ margin-left:auto; line-height:60px; font-size:20px; color:#fff; letter-spacing:0.8px; }

main #banner { background:#fff; }
main #banner .conteudo{ display:flex; justify-content:space-between; }
main #banner #texto-banner{ margin-right:auto; padding:70px 0 0 0; }
main #banner #texto-banner h2{ color:#003200; font-size:20px; font-weight:300; text-transform:uppercase; }
main #banner #texto-banner p#titulo-banner{ color:#003200; font-size:50px; text-transform:uppercase; font-weight:400; margin-top:13px; }
main #banner #texto-banner p#titulo-banner strong{ color:#ff8300; font-weight:900; }
main #banner #texto-banner .btns-ligacao{ margin-top:13px; }
main #banner #decoracao-banner{ margin-left:auto; }
main #banner #decoracao-banner #fundo-mascote{ position:absolute; z-index:0; }
main #banner #decoracao-banner #mascote-sampex{ position: relative; z-index:1; margin-top:30px; }

main #servicos{ margin-top:-70px; }
main #servicos div.conteudo{ display:grid; grid-template-columns: repeat(3, 1fr); gap:0px; position: relative; z-index:2; }
main #servicos div.conteudo a{ display:block; grid-template-columns: repeat(3, 1fr); gap:0px; background:url(../img/fundo-servico.webp); background-repeat:no-repeat; background-size:cover; min-height:90px; outline: 1px solid #dbdbdb; background-position:left top; transition:0.3s; }
main #servicos div.conteudo a:hover{ background-position:left bottom; colo }
main #servicos div.conteudo a::before{ content:""; display:inline-block; width:60px; height: 90px; background-image:url(../img/icones.webp); background-repeat:no-repeat; background-position:center left -120px; margin:0 15px; }
main #servicos div.conteudo a#icone-dedetizacao::before{ background-position:center left 0px; }
main #servicos div.conteudo a#icone-desratizacao::before{ background-position:center left -240px; }
main #servicos div.conteudo a#icone-limpeza-caixa::before{ background-position:center left -360px; }
main #servicos div.conteudo a#icone-desentupimento::before{ background-position:center left -480px; }
main #servicos div.conteudo a#icone-controle-pragas::before{ background-position:center left -600px; }
main #servicos div.conteudo a:hover::before{background-position:center left -180px;}
main #servicos div.conteudo a#icone-dedetizacao:hover::before{background-position:center left -60px;}
main #servicos div.conteudo a#icone-desratizacao:hover::before{background-position:center left -300px;}
main #servicos div.conteudo a#icone-limpeza-caixa:hover::before{background-position:center left -420px;}
main #servicos div.conteudo a#icone-desentupimento:hover::before{background-position:center left -540px;}
main #servicos div.conteudo a#icone-controle-pragas:hover::before{background-position:center left -660px;}
main #servicos div.conteudo a h2{ display:inline-block; vertical-align:top; font-size:18px; color:#333; font-weight:400; padding-top:35px; letter-spacing:0.6px; }
main #servicos div.conteudo a:hover h2{ color:#003200; }

main #sobre-nos{ margin-top:70px; }
main #sobre-nos .conteudo{ display:flex; justify-content:space-between; }
main #sobre-nos .conteudo #img-empresa{ margin-right:auto; }
main #sobre-nos .conteudo #texto-sobre{ margin-left:20px; }
main #sobre-nos .conteudo #texto-sobre h2{ font-size:32px; color:#333; font-weight:700; letter-spacing:1.08px; }
main #sobre-nos .conteudo #texto-sobre h3{ font-size:16px; color:#333; font-weight:400; letter-spacing:0.48px; margin-top:20px; }
main #sobre-nos .conteudo #texto-sobre .btns-ligacao{ margin-top:23px; }
main #sobre-nos .conteudo #destaques-tempo #tempo-experiencia{ background:#f1f0f1; height:120px; width:120px; display:inline-block; text-align: center; margin-top:22px; }
main #sobre-nos .conteudo #destaques-tempo #tempo-experiencia p{ color:#8a8a8a; font-size:14px; font-weight:900; text-transform:uppercase; }
main #sobre-nos .conteudo #destaques-tempo #tempo-experiencia p b{ color:#ff8300; font-size:50px; font-weight:900; display:block; padding-top:5px; }
main #sobre-nos .conteudo #destaques-tempo ul{ display:inline-block; vertical-align:top; margin-top:29px; }
main #sobre-nos .conteudo #destaques-tempo ul li{ color:#333; font-size:16px; padding-left:60px; background-image:url(../img/icone-lista.webp); background-repeat:no-repeat; background-position:center left 20px; margin-top:12px; }

main #motivos-sampex{ margin-top:35px; }
main #motivos-sampex h2{ font-size:32px; color:#333; font-weight:700; letter-spacing:1.08px; text-align:center; }
main #motivos-sampex h3{ font-size:16px; color:#333; font-weight:400; letter-spacing:0.48px; line-height:28px; margin-top:35px; }
main #motivos-sampex h3 b{ font-size:16px; color:#333; font-weight:700; letter-spacing:0.48px; }
main #motivos-sampex p#titulo-licencas{ margin-top: 35px; font-weight:800; font-size:16px; color:#333; text-transform:uppercase; margin-bottom:15px; }
main #motivos-sampex .lista-certificacoes{ display:grid; grid-template-columns: repeat(3, 1fr); gap:15px; }
main #motivos-sampex .lista-certificacoes .item-certificacoes{ background:#f1f0f1; display:block; grid-template-columns: repeat(3, 1fr); gap:15px; text-align: center; padding:15px 0; }
main #motivos-sampex .lista-certificacoes .item-certificacoes p{ color:#8a8a8a; font-size:14px; text-transform:uppercase; font-weight:800; }
main #motivos-sampex .lista-certificacoes .item-certificacoes span{ color:#333; font-size:14px; text-transform:uppercase; font-weight:400; }

footer{ margin-top: 15px; background-color:#1d7435; background-image:url(../img/bg-rodape.webp); background-position:center; background-size:cover; padding-top:35px; }
footer #textos-rodape h2{ font-size:32px; color:#fff; font-weight:700; display:inline-block; width:380px; letter-spacing:1.08px; }
footer #textos-rodape h3{ font-size:16px; color:#fff; font-weight:400; display:inline-block; width:calc(100% - 400px); letter-spacing:1.6px; vertical-align:top; line-height:28px; }
footer #imagem-texto{ display:inline-block; width:380px; }
footer #imagem-texto img{ margin-left:40px; margin-top:40px; }
footer #especializacao-texto{ display:inline-block; width:calc(100% - 400px); vertical-align:top; }
footer #especializacao-texto .btns-ligacao .btn-whatsapp p, footer #especializacao-texto .btns-ligacao .btn-ligacao p{ color:#fff; }
footer #especializacao-texto #quadro-texto{ background:#fff; border-radius:10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); padding:40px 30px; text-align:center; margin-top:20px; }
footer #especializacao-texto #quadro-texto #titulo-especializacao{ font-size:16px; color:#333; text-transform:uppercase; font-weight:800; }
footer #especializacao-texto #quadro-texto #descritivo-especializacao{ font-size:16px; color:#333; font-weight:400; line-height:28px; margin-top:10px; }

#direitos-reservados{ background:#fff; text-align:center; padding:20px 0; margin-top:20px }

.whatsapp-celular{display: none; background:url(../img/whatsapp-celular.png); background-repeat:no-repeat;  background-size: contain; background-position:center; position:fixed; z-index: 999999999; right:10px; background-size: cover; bottom: 10px; width: 60px; height: 60px; -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; }
.link-telefone{background-color: #005830; background-image: url(../img/telefone-celular.png?v=1); 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;
    }
.menu-completo-mobile{ display:none; position:sticky; z-index:9999999991; top: 0; }
#menu-mobile-aberto{ position:absolute; right:20px; top:20px; }

main #contato{  margin-top:50px; }
main #contato h2{ font-size:32px; color:#333; font-weight:700; letter-spacing:1.08px; text-align:center; }
main #contato h3{ font-size:20px; color:#333; font-weight:400; letter-spacing:0.48px; text-align:center; line-height:28px; margin-top:10px; margin-bottom:20px; }

main #contato .linha-contato{display:grid; grid-template-columns: repeat(3, 1fr); gap:10px;}
main #contato form fieldset{ border:none; }
main #contato form fieldset label{ display:block; margin-top:10px; }
main #contato .linha-contato .item-contato input{ background:#f1f0f1; font-size:14px; width:calc(100% - 20px); border:none; height:30px; line-height:30px; padding:0 10px; margin-top:10px;	 }
main #contato textarea{ background:#f1f0f1; width:calc(100% - 20px); border:none; height:150px; line-height:30px; padding:0 10px; margin-top:10px; resize:vertical; }
main #contato form fieldset #btn_enviar{ background:#f58838; height:30px; padding:0px 30px 0px 30px; display:inline-block; border-radius:10px; line-height:28px; color:#fff; font-size:14px; letter-spacing:0.8px; border:none; border-radius:5px; margin-top:10px; cursor:pointer; } 


main #servico{  margin-top:50px; }
main #servico h2{ font-size:32px; color:#333; font-weight:700; letter-spacing:1.08px; text-align:left; }
main #servico h3{ font-size:20px; color:#333; font-weight:400; letter-spacing:0.48px; line-height:28px; margin-top:10px; margin-bottom:20px; }

main #noticias{  margin-top:50px; }
main #noticias .item-noticias{ margin-bottom:20px; }
main #noticias h2{ font-size:32px; color:#333; font-weight:700; letter-spacing:1.08px; text-align:center; }
main #noticias h3{ font-size:20px; color:#333; font-weight:500; letter-spacing:0.48px; line-height:28px; margin-top:10px; margin-bottom:20px; }
main #noticias h4{ font-size:16px; color:#333; font-weight:300; letter-spacing:0.48px; line-height:28px; margin-bottom:10px; }
main #noticias .item-noticias a{ font-size:14px; text-transform: uppercase; color:#0e47c0; font-weight:300; letter-spacing:0.48px; line-height:28px;  margin-bottom:20px; }

main #cidades{  margin-top:50px; }
main #cidades h2{ font-size:32px; color:#333; font-weight:700; letter-spacing:1.08px; text-align:center; }

main #cidades p.nome-regiao{ margin-top: 35px; font-weight:800; font-size:16px; color:#333; text-transform:uppercase; margin-bottom:15px; }
main #cidades .lista-cidades{ display:grid; grid-template-columns: repeat(3, 1fr); gap:15px; margin-bottom:20px; }
main #cidades .lista-cidades .item-cidade{ background:#f1f0f1; display:block; grid-template-columns: repeat(3, 1fr); gap:15px; text-align: center; padding:15px 0; }
main #cidades .lista-cidades .item-cidade p{ color:#8a8a8a; font-size:14px; text-transform:uppercase; font-weight:800; }

main #breadcrumbs{ margin-top:20px; }
main #breadcrumbs p{ color:#8a8a8a; display:inline-block; }
main #breadcrumbs a{ color:#8a8a8a; font-size:14px; padding-right: 10px; padding-left:10px; letter-spacing:0.48px; }
main #breadcrumbs a:first-child{ padding-left:0px; }
main #breadcrumbs a:hover{ color:#003200; }
main #breadcrumbs span{ color:#003200; font-size:14px; padding-left:10px; letter-spacing:0.48px; }



@media (max-width: 900px){

	.menu-completo-mobile #fechar-menu{ display:inline-block; position: fixed; top: 30px; right: 30px; cursor: pointer; width:24px; height:24px; background-image:url(../img/fechar-menu.png); background-repeat:no-repeat; cursor:pointer;  }
	.menu-completo-mobile{ 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; line-height:53px; }
	.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;}

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

	header h1{ margin-left:20px; }
	header #telefones-header{ display:none; }
	header .menu-mobile{ display:block; }

	nav .conteudo{ justify-content:center; }
	nav ul{ display:none; }
	nav h4{ margin-left:unset; }

	main #banner .conteudo{ display:block; justify-content:unset; }
	main #banner #decoracao-banner{ display:none; }
	main #banner #texto-banner{ text-align:center; padding:35px 0 35px 0; }

	main #servicos{ margin-top:0px; }
	main #servicos div.conteudo{ grid-template-columns:repeat(2, 1fr); }
	main #servicos div.conteudo a h2{ font-size:14px; }

	main #sobre-nos{ margin-top:35px; }
	main #sobre-nos .conteudo{ display:block; justify-content:unset; text-align:center; }
	main #sobre-nos .conteudo #img-empresa{ display:none; }
	main #sobre-nos .conteudo #texto-sobre{ margin-left:0px; }
	main #sobre-nos .conteudo #texto-sobre .btns-ligacao .btn-whatsapp, main #sobre-nos .conteudo #texto-sobre .btns-ligacao .btn-ligacao{ text-align:left; }

	main #motivos-sampex{ text-align: center; }
	main #motivos-sampex .lista-certificacoes{ grid-template-columns:repeat(2, 1fr); }

	footer #textos-rodape h2, footer #textos-rodape h3, footer #imagem-texto, footer #especializacao-texto{ width:calc(100% - 20px); padding: 0 10px; text-align:center; }
	footer #imagem-texto img{ margin-left:0px; margin-top:10px; }
	footer #especializacao-texto .btns-ligacao{ display:none; }
	footer #direitos-reservados{ margin-top:10px; }

	main #contato{  margin-top:35px; }
	main #contato .conteudo{ width:calc(100% - 20px); margin-left:10px; }

	main #servico{  margin-top:35px; }
	main #servico .conteudo{ width:calc(100% - 20px); margin-left:10px; }

	main #noticias{  margin-top:35px; }
	main #noticias .conteudo{ width:calc(100% - 20px); margin-left:10px; }

	main #cidades{  margin-top:35px; text-align: center;}
	main #cidades .conteudo{ width:calc(100% - 20px); margin-left:10px; }
	main #cidades .lista-cidades{ grid-template-columns:repeat(2, 1fr); }

	

	

	main #breadcrumbs{ margin-left:10px; }

}

@media (max-width: 620px){
	main #servicos div.conteudo a{ background:#fcfcfc; }
	main #servicos div.conteudo a h2{ font-size:12px; }
	main #banner #texto-banner p#titulo-banner{ font-size: 32px; }
	main #banner #texto-banner h2{ font-size: 16px; }
}

@media (max-width: 475px){
	main #servicos div.conteudo a::before{ display: none; }
	main #servicos div.conteudo a h2{ padding-left:10px; }

	.btns-ligacao{}
	.btns-ligacao .btn-whatsapp, .btns-ligacao .btn-ligacao{ display: inline-block; vertical-align:text-top; }
	.btns-ligacao .btn-whatsapp p, .btns-ligacao .btn-ligacao p{ font-size:14px; text-transform:uppercase; color:#333; margin-bottom:10px; text-align:left; }
	.btns-ligacao .btn-ligacao{ margin-left:10px; }
	.link-whatsapp{ background:#199e0f; height:50px; padding:0px 10px 0px 42px; display:inline-block; border-radius:10px; line-height:50px; color:#fff; background-image:url(../img/icone-whatsapp.webp); background-repeat:no-repeat; background-position: center left 10px; font-size:18px; letter-spacing:0.8px; }
	.link-ligacao{ background:#f58838; height:50px; padding:0px 10px 0px 10px; display:inline-block; border-radius:10px; line-height:50px; color:#fff; font-size:18px; letter-spacing:0.8px; }
}

/*botão menu*/

.line {
  fill: none;
  stroke: currentColor;
  stroke-width: 8;
  stroke-linecap: round;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform-origin: 29px 50px;
  color:#1d7435;
}

/* Estado inicial */
.top { transform: translateY(0); }
.middle { opacity: 1; }
.bottom { transform: translateY(0); }

/* Quando estiver aberto */
.menu-icon.aberto .top {
  transform: rotate(45deg);
}

.menu-icon.aberto .middle {
  opacity: 0;
}

.menu-icon.aberto .bottom {
  transform: rotate(-45deg);
}