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

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

.centralizar-conteudo{ text-align:center; }

p.titulo-padrao{ color:#fff; font-family: "FuturaStd-Heavy"; letter-spacing:1.8px; font-size:24px; }
p.titulo-padrao-azul{ color:#273e50; font-family: "FuturaStd-Bold"; letter-spacing:1.8px; font-size:24px; }

.botao-telefone{ background:#273e50; height:40px; line-height:40px; font-size:16px; padding:0 20px; display:inline-block; color:#fff; letter-spacing:1.8px; }
.botao-whatsapp{ display:inline-block; vertical-align:top; }
.botao-whatsapp a{ background-color:#01b549; background-image:url(../img/icone-whatsapp-botao.jpg); background-position:left center; background-repeat: no-repeat; padding:0px 20px 0 60px; display:inline-block; height:40px; line-height:40px; letter-spacing:1.8px; color:#fff; margin-left:20px; }

#topo{ background: #2e474e; height:100px; width:100%; }
#topo h1{ padding-top:24px; text-indent:-3000px; overflow:hidden; height:53px; width:315px; display:inline-block; background-image:url(../img/logo.png?v=02); background-repeat:no-repeat; background-position: 0 23px; }
#topo ul{ display:inline-block; vertical-align:top; width:calc(100% - 315px); text-align:right; }
#topo ul li{ display:inline-block; color:#fff; margin-left:20px; line-height:100px; }
#topo ul li a{ color:#fff; }

#banner{ background:url(../img/banner.jpg); background-repeat:no-repeat; background-position:center; padding:150px 0; }
#banner p#banner-subtitulo{ color:#ffffff; font-size:18px; text-transform:uppercase; text-align:center; width:100%; display:inline-block;  letter-spacing:1.8px; }
#banner p#banner-subtitulo span{ color:#ffffff; font-size:18px; text-transform:uppercase; letter-spacing:1.8px; }
#banner p#banner-titulo{ color:#ffffff; font-size:48px; text-align: center; text-transform: uppercase; letter-spacing: 1.8px; font-family: "FuturaStd-Bold"; }
#banner p#banner-titulo span{ color:#ffffff; font-size:48px; text-align: center; text-transform: uppercase; letter-spacing: 1.8px; font-family: "FuturaStd-Bold"; }


#quem-somos{ background:#273e50; padding:80px 0 0 0; }
#quem-somos p#descritivo-quem-somos{ color:#fff; vertical-align: top; letter-spacing:1.8px; line-height: 24px; font-size:16px; margin-top:20px; }
#quem-somos p#descritivo-quem-somos img{ float:left; margin-right:30px; }

#area-atuacao{ background:#273e50; padding:80px 0; }
#area-atuacao #titulo-area-atuacao{ width:calc( (100% / 3) - 20px ); padding: 0 20px 0 0; display:inline-block; }
#area-atuacao #titulo-area-atuacao p#descritivo-area-atuacao{ color:#fff; letter-spacing:1.8px; font-size:16px; margin-top:20px; }

#area-atuacao #lista-area-atuacao{ width:calc((100% / 3) * 2); display:inline-block; vertical-align:top; }
#area-atuacao #lista-area-atuacao .item-area-atuacao{ width:calc(100% / 3); display:inline-block; margin-bottom:20px; }
#area-atuacao #lista-area-atuacao .item-area-atuacao p{ color:#fff; letter-spacing:2px; }

#equipe{ padding:80px 0; }
#equipe #lista-equipe{ margin-top:20px; }
#equipe .titulo-padrao-azul a{  font-family: "FuturaStd-Bold"; color:#273e50; }
#equipe #lista-equipe .item-equipe{ width:calc( (100% - 60px) / 4 ); display:inline-block; margin-bottom: 20px; margin-left: 20px; border-radius:0 10px 10px 10px; overflow:hidden; }
#equipe #lista-equipe .item-equipe:nth-child(4n+1){margin-left: 0px;}
#equipe #lista-equipe .item-equipe .foto-equipe{ height: 260px; background-image: url(../img/foto-equipe.jpg); background-repeat: no-repeat; background-position: center; width:100%; position:relative; }
#equipe #lista-equipe .item-equipe .foto-equipe span{ color:#cfb992; font-size: 18px; font-family: "FuturaStd-Medium"; width:100%; text-align:center; display:block; position: absolute; bottom:10px; padding:5px 0; background:#2e474e; }
#equipe #lista-equipe .item-equipe p{ background:#cfb992; color:#fff; font-size:16 px; font-family: "FuturaStd-Medium"; height:40px; line-height:40px; text-align:center; }

#servicos{padding-bottom: 50px;}

#servicos .lista-servicos{ margin-top:20px; }
#servicos .lista-servicos .item-servico{ width:calc( (100%/4) - 1.5px  ); border: 1px solid #f0f0f0; display:inline-block; height:79px; line-height:79px; text-align:center; border-left:none; }
#servicos .lista-servicos .item-servico:nth-child(4n+1){border-left: 1px solid #f0f0f0;}


#vantagens{ background-color:#2e474e; padding:30px 0; background-image:url(../img/bg-vantagens.jpg); background-repeat:no-repeat; background-position:right center; }
#vantagens .subtitulo{ color:#cfb992; font-size:16px; letter-spacing:1.2px; }
#vantagens .titulo{ font-family: "FuturaStd-Bold"; color:#fff; font-size:30px; letter-spacing:1.6px; }
#vantagens #itens-vantagem{ margin-top:20px; }
#vantagens #itens-vantagem .item{opacity: 0; padding-left: 115px; margin-top: 35px; background-image:url(../img/icone-vantagens-1.png); background-repeat:no-repeat; background-position:top left 25px; }
#vantagens #itens-vantagem .item p{ color:#fff; font-size: 20px; font-family: "FuturaStd-Bold"; letter-spacing:1.6px; display:block; }
#vantagens #itens-vantagem .item p span{ color:#fff; font-size: 16px; letter-spacing:1.6px; display:block; margin-top:10px; }

#depoimentos{ padding: 80px 0 30px 0; }
#depoimentos #itens-depoimentos{ margin-top:20px; }
#depoimentos #itens-depoimentos .item{ display: inline-block; background: #fcfcfc; border-radius:10px 0 10px 10px; width:calc( (100% - 20px) / 2 ); position:relative; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); vertical-align:top; }
#depoimentos #itens-depoimentos .item img{ border-radius:10px 0 10px 10px; display:inline-block; position:absolute; left:-67px; top:37px; }
#depoimentos #itens-depoimentos .item p{ display:inline-block; color:#343338; font-size:16px; line-height:24px; padding: 30px 40px 30px 95px; }
#depoimentos #itens-depoimentos .item .icone-aspas{position: absolute; right: -10px; bottom: -10px; ; background-image:url(../img/icone-aspas.png); width:61px; height:52px; display: block; position:absolute; }
#depoimentos #itens-depoimentos .item:nth-child(2n+2){ margin-left: 20px; }
#depoimentos #itens-depoimentos .item:nth-child(2n+2) img{left: unset; right:-67px;}
#depoimentos #itens-depoimentos .item:nth-child(2n+2) p{padding: 30px 105px 30px 30px ;}

#clientes{padding: 0 0 80px 0;}
#clientes #lista-clientes{margin-top: 20px;}
#clientes #lista-clientes .item-clientes{ width:calc(( 100% / 6 ) - 40px); height: 100px; padding:10px 20px; display:inline-block; background-image:url(../img/clientes/coca.png); background-size:contain; background-position:center; background-repeat:no-repeat; filter:grayscale(1); transition: all 1.5s; border:1px solid #f0f0f0; background-color:#fff; opacity:0; }
#clientes #lista-clientes .item-clientes:hover{filter: grayscale(0);}
#rodape{background: #2e474e; padding: 30px 0;}
#rodape #logo-texto{ width: calc(50% - 10px); display: inline-block; vertical-align: top;}
#rodape #logo-texto p{ color:#fff; margin-top:20px;font-size:16px;  letter-spacing:1.4px; padding:0 20px 0 0; }
#rodape #formas-contato{ width: calc(50% - 10px); margin-left: 20px; display: inline-block; vertical-align: top;}
#rodape #formas-contato #titulo-contato{ text-transform: uppercase; font-size:20px; color:#fff; font-family: "FuturaStd-Bold"; letter-spacing:1.8px; }
#rodape #formas-contato .texto-contato{ font-size:16px; color:#fff; margin-top:20px; letter-spacing:1.4px; }
#rodape #formas-contato a{ display: inline-block; color:#fff; margin-top:20px; }
#rodape #formas-contato a.item-redes-sociais{ height:32px; width:32px; display:inline-block; background-image:url(../img/linkedin.png); background-repeat:no-repeat; background-position:center; text-indent:-3000px; overflow:hidden; margin-right: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: 20px; 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: 20px; width: 60px; height: 60px; }
@media (max-width: 1060px){
	.whatsapp-celular{display: block !important;}
	.add-telefone-safe{display: block !important;}
}

#info-membro{ margin-top:30px; min-height:300px; }
#info-membro p{ vertical-align:top; width:calc(100%); line-height:27px; }
#info-membro p span{ background:#cfb992; color:#fff; padding: 5px 10px; font-size:14px; letter-spacing:1.2px; }
#info-membro p img{ float:left; padding-right:20px; }

@media (max-width: 960px){

	#vantagens #itens-vantagem .item{ opacity:1; }

	.conteudo{width: calc(100%);}

	#topo h1{ width:100%; background-position:center; height:100px; padding-top:0px; }
	#topo ul{ display:none; }

	#banner{padding: 50px 0;}
	#banner p{font-size: 36px;}
	#banner .centralizar-conteudo{ margin-top: 20px; }
	#banner .centralizar-conteudo .botao-whatsapp a{ margin-top: 20px; margin-left: 0px; }

	#quem-somos{ width: calc(100% - 20px); padding:50px 10px 0 10px; }

	#area-atuacao{ padding:50px 0 30px 0; }
	#area-atuacao #titulo-area-atuacao{ width:calc(100% - 40px); padding:0 20px; margin-bottom:20px; }
	#area-atuacao #lista-area-atuacao .item-area-atuacao{ width:calc(100% - 40px);  padding:0 20px;  }

	#equipe{ width:calc(100% - 20px); padding:50px 10px; }
	#equipe #lista-equipe .item-equipe{ margin-left:0px; background-color:#f2f2f2; margin-bottom:10px; }

	#equipe #lista-equipe .item-equipe{ width: calc( (100% - 30px) / 2 ); margin-left:10px; }
	#equipe #lista-equipe .item-equipe:nth-child(2n+1){ margin-left:10px; }
	#equipe #lista-equipe .item-equipe:first-child{ margin-left:0px; }

	#clientes{padding: 0 10px 50px 10px; width: calc(100% - 20px);}
	#clientes #lista-clientes .item-clientes{ width:calc(( (100% - 20px) / 3 ) - 40px); vertical-align:top; opacity:1; }

	#servicos{width:calc(100% - 20px); padding:0 10px 50px 10px;}
	#servicos .lista-servicos .item-servico{ width: calc( (100%/2) - 2px ); vertical-align: top;}

	#vantagens{ width:calc(100% - 20px); padding:50px 10px; background-size:cover; }
	#vantagens .titulo{ font-size:24px; margin-top:10px; }

	#depoimentos{ width:calc(100% - 20px); padding:30px 10px 30px 10px; }
	#depoimentos #itens-depoimentos .item{ width:calc(100% - 20px); margin-bottom: 20px; margin-left:10px; }
	#depoimentos #itens-depoimentos .item img{display: none;}
	#depoimentos #itens-depoimentos .item p{ padding:20px 20px; }
	#depoimentos #itens-depoimentos .item:nth-child(2n+2) p{ padding:20px 20px; }
	#depoimentos #itens-depoimentos .item:nth-child(2n+2){margin-left: 10px;}
	
	#rodape{ width:calc(100% - 20px); padding:50px 10px 90px 10px;  }
	#rodape #logo-texto{ width:100%; }
	#rodape #formas-contato{ width:100%; margin-left:0px; margin-top:50px; }


	#info-membro{ width:calc(100% - 20px); padding:0 10px; }
	#info-membro p{ }
	#info-membro p span{ display:block; }
	#info-membro p img{ float:unset; width:calc(100%); }

}