*{ font-family: "FuturaStd-Medium"; padding: 0; margin: 0; text-decoration: none; outline: none; list-style-type: none; letter-spacing: 0.4px; }

a.botao-padrao{ font-family: "FuturaStd-Book"; color:#fff; background: #26a9e1; padding: 0 40px; height: 50px; line-height: 50px; font-size: 18px; display: inline-block; border-radius: 0 20px 20px 20px; }

.sombra-padrao{box-shadow: 0px 0px 8px 0px rgba(44,44,44,0.5); -webkit-box-shadow: 0px 0px 8px 0px rgba(44,44,44,0.5); -moz-box-shadow: 0px 0px 8px 0px rgba(44,44,44,0.5); }

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

#topo-banner{ background: rgb(230,242,255); background: linear-gradient(90deg, rgba(249,252,255,1) 0%, rgba(249,252,255,1) 50%, rgba(230,242,255,1) 82%, rgba(249,252,255,1) 100%); }
#topo-banner .conteudo{ position: relative; min-height: 540px; }

#topo-banner h1{ width: 500px; height: 185px; background-size: contain; margin-top: 30px; background-image: url(../img/logo.png?v=3); background-repeat: no-repeat; background-position: center left; text-indent: -30000px; overflow: hidden; display: inline-block; }

#topo-banner ul{ display: inline-block; vertical-align: top; float: right; position: relative; z-index: 2; }
#topo-banner ul li{ display: inline-block; margin-left: 10px; }
#topo-banner ul li a{ color:#1a1a1a; font-size: 20px; line-height: 80px; padding: 0 10px; }
#topo-banner a.link-telefone-site{ float: right; background: #26a9e1; border-radius: 0 10px 10px 10px; padding: 10px 20px; color:#fff; margin-top: 20px; margin-left: 20px; }

#topo-banner img{ right: 40px; bottom: 0; position: absolute; }

.texto-banner{ margin-top: 40px; }
.texto-banner p.nome-empresa{ font-size: 14px; font-family: "FuturaStd-Book"; color:#1a1a1a;}
.texto-banner p.nome-empresa span.detalhe-label-banner{ background:#1a1a1a; width: 25px; height: 2px; display: inline-block; margin-bottom: 2px; }
.texto-banner .texto-principal{ color:#1a1a1a; font-size: 40px; font-family: "FuturaStd-Bold"; margin-top: 23px; }
.texto-banner .texto-secundario{ color:#1a1a1a; font-size: 20px; font-family: "FuturaStd-Book"; margin-top: 23px; padding-bottom: 20px; }
.texto-banner .texto-secundario b{ font-family: "FuturaStd-Bold"; }

.texto-banner a.botao-padrao{ margin-top: 24px; }

#servicos .texto-servicos{ font-size: 18px; line-height: 36px; color: #000; margin: 60px 0; text-align: center; }
#servicos .lista-servicos{}
#servicos .lista-servicos .esquerda-servicos{ color:#002905; font-size: 32px; font-family: "FuturaStd-Bold"; text-align: center; width: 250px; display: inline-block; vertical-align: top; border-radius: 0 10px 10px 10px; background-color: #d9e9a0; background-image: url(../img/bg-servicos.png); background-repeat: no-repeat; padding: 69px 0px; }
#servicos .lista-servicos .direita-servicos{ width: calc(100% - 270px); position: relative; display: inline-block; vertical-align: top;  margin-left: 20px; }
#servicos .lista-servicos .direita-servicos .item-servico{ background: #fff; height: 100px; margin-bottom: 20px; margin-left: 20px; width: calc( ( 100% - 40px ) / 3 ); display: inline-block; border-radius: 0 10px 10px 10px; }
#servicos .lista-servicos .direita-servicos .item-servico:nth-child(3n+1){  margin-left: 0px;  }
#servicos .lista-servicos .direita-servicos .item-servico div.icone-servico{ height: 100px; width: 48px; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-position: center; }
#servicos .lista-servicos .direita-servicos .item-servico p{ color:#002905; font-size: 14px; font-family: "FuturaStd-Bold"; display: inline-block; vertical-align: top; }
#servicos .lista-servicos .direita-servicos .item-servico p span{ font-size: 12px; display: block; font-family: "FuturaStd-Book"; margin-top: 32px; }

#condicoes-pagamento .titulo{ margin: 60px 0; font-size: 40px; color:#002905; font-family: "FuturaStd-Bold"; text-align: center; }
.titulo{ margin: 60px 0; font-size: 40px; color:#002905; font-family: "FuturaStd-Bold"; text-align: center; }


#condicoes-pagamento .locais-atendimento div{height: 78px; display: inline-block; background-repeat: no-repeat; background-position: left 20px center; width: calc( (100% - 20px) / 3 ); margin-right: 10px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(84,84,84,0.5); -moz-box-shadow: 0px 2px 5px 0px rgba(84,84,84,0.5); box-shadow: 0px 2px 5px 0px rgba(84,84,84,0.5); }

#condicoes-pagamento .locais-atendimento p{font-size: 16px; font-family: "FuturaStd-Book"; text-transform: uppercase; color:#0f0f0f; text-align: right; float: right; line-height: 84px; padding-right: 20px;}
#condicoes-pagamento .locais-atendimento .area-residencial{background-image: url('../img/atendimento-residencial.png');}
#condicoes-pagamento .locais-atendimento .area-conominios{background-image: url('../img/atendimento-conominios.png');}
#condicoes-pagamento .locais-atendimento .area-industrial{background-image: url('../img/atendimento-industrial.png'); margin-right: 0 !important;}

#pagamento-facilitado{background: #eff4f7; min-height: 280px; margin-top: -36px;}
#pagamento-facilitado .img-pagamento{background: url('../img/pagamento-facilitado.png'); height:190px; width: 244px; display: inline-block; margin-top: 58px; margin-left: 105px; }
#pagamento-facilitado .texto-pagamento{display: inline-block; vertical-align: top; width: calc(100% - 429px); margin-left: 50px;}
#pagamento-facilitado .texto-pagamento p{color:#3c9c9a; font-size: 40px; margin-top: 80px; font-family: "FuturaStd-Bold"; letter-spacing: 5px;}
#pagamento-facilitado .texto-pagamento span{color:#8bb0b0; font-size: 18px;  font-family: "FuturaStd-Bold"; letter-spacing: 3px; text-transform: uppercase; margin-top: 10px; display: block;}

.contato{background: #ffefec; margin-top: 20px; text-align: right;}
.contato .conteudo{background-image: url(../img/bg-formulario.png); background-repeat: no-repeat; background-position: left center; padding: 35px 0; background-size: contain;}
.contato form{ width: 560px; margin-left: calc(100% - 560px); }
.contato form fieldset{border:none; position: relative;}
.contato form fieldset p{text-align: left; padding-left: 10px; font-family: "FuturaStd-Bold"; }
.contato form fieldset input{width: calc( ( (100% - 20px) / 2) - 20px ); height: 35px; line-height: 35px; border:none; -webkit-box-shadow: 0px 0px 10px 0px rgba(240,218,215,1); -moz-box-shadow: 0px 0px 10px 0px rgba(240,218,215,1); box-shadow: 0px 0px 10px 0px rgba(240,218,215,1); border-radius: 0 3px 3px 3px; margin-bottom: 10px; outline: none; padding: 0 10px;}
.contato form fieldset textarea{outline: none; border:none; width: 530px; height: 80px; padding: 10px; resize: none;}
.btn-enviar{color:#fff; background:#373737; height: 50px; text-align: left; line-height: 55px; width: 170px; display: block; border-radius: 5px 50px 50px 5px;  font-weight: 800; padding-left: 20px; text-transform: uppercase; position: absolute; bottom: -20px; left: 30px; cursor: pointer;}


.transition { -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; -webkit-transition-timing-function: cubic-bezier(.4,0,.5,1); -moz-transition-timing-function: cubic-bezier(.4,0,.5,1); transition-timing-function: cubic-bezier(.4,0,.5,1); }

.button { width: 80px; height: 80px; position: absolute; background: rgb(55, 55, 55); bottom: 0; left: 50%; -webkit-transform: translateX(-50%)translateY(50%); -moz-transform: translateX(-50%)translateY(50%); transform: translateX(-50%)translateY(50%); border-radius: 50%; overflow: hidden; cursor: pointer; }
.plane { position: absolute; width: 100%; height: 100%; right: -40px; top: 0; background: url(../img/plane.png) no-repeat center / 40px; display: block; }
.plane.active { top: -100px; right: -100px; }
.check { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; display: none; }
.check.active { display: block; }
.check:before, .check:after { -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; -webkit-transition-timing-function: cubic-bezier(.4,0,.5,1); -moz-transition-timing-function: cubic-bezier(.4,0,.5,1); transition-timing-function: cubic-bezier(.4,0,.5,1); }
.check:before { content: ""; position: absolute; width: 0px; height: 8px; background: white; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; top: 54px; left: 28px; -webkit-transform-origin: top left; -moz-transform-origin: top left; transform-origin: top left; }
.check:after { content: ""; position: absolute; width: 0px; height: 8px; background: white; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); transform: rotate(225deg); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; top: 60px; left: 33px; -webkit-transform-origin: top left; -moz-transform-origin: top left; transform-origin: top left; }
.check.active:before { width: 40px; }
.check.active:after { width: 20px; }


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


#galeria{ margin-top: 20px; }
#galeria .img-galeria{ width: calc( (100% - 60px) / 4 ); height: 200px; background-size: cover; background-position: center; display: inline-block; vertical-align: top; margin-left: 20px; }


@media (max-width: 1060px){


	.conteudo{ width: calc(100% - 20px); margin-left: 10px; }

	#topo-banner { height: unset; padding-bottom: 10px; }
	#topo-banner h1{ width: 100%; margin-top: 30px; position: relative; z-index: 10; background-position: center; }
	#topo-banner a.link-telefone-site{ display: none; }

	#topo-banner ul{ display: none; }

	#condicoes-pagamento .locais-atendimento p{ font-size: 12px; }

	.texto-banner{ position: relative; z-index: 2; text-align: center; margin-top: 20px; }

	#topo-banner img { left: 10%; position: absolute; width: 80%; opacity: 0.2; bottom: -10px; }

	#condicoes-pagamento .titulo{ margin:10px 0 20px 0; font-size: 30px; }
	.titulo{ margin:10px 0 20px 0; font-size: 30px; }

	#servicos .lista-servicos .esquerda-servicos{ width: 100%; background-size: cover; height: unset; padding: 20px 0; font-size: 30px; }

	#servicos .lista-servicos .direita-servicos{ width: 100%; margin-left: 0px; height: unset; margin-top: 20px; }

	.texto-banner .texto-secundario{ line-height: 36px;  }
	.texto-banner .telefone-secundario{ font-weight: 900; letter-spacing: 2px; margin-top: 10px; padding-top: 0px; line-height: 56px; background: #fff; color:#68c000; padding-bottom: 0px;  }

	.texto-banner .texto-secundario span{ display: none; }

	#servicos .lista-servicos .direita-servicos .item-servico{ margin-left: 0px; width: 100%; }

	#condicoes-pagamento .locais-atendimento div{ width: 100%; }

	#galeria .img-galeria{ margin-left: 10px; width: calc( (100% - 30px) / 4 ); }

	.contato{ margin-bottom: 80px; }
	.contato form{ width: calc(100% - 10px); margin-left: 0px !important; }
	.contato form fieldset textarea{ width: calc(100% - 30px); }
	.contato form fieldset p{ padding-left: 10px !important; }

	#pagamento-facilitado .img-pagamento{ display: none; }
	#pagamento-facilitado .texto-pagamento{ width: unset; margin-left: 0px; text-align: center; }

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

}