*{ font-family: "FuturaStd-Medium"; padding: 0; margin: 0; text-decoration: none; outline: none; }

body{overflow-x: hidden; }

a.whatsapp-numero{ font-size: 14px; font-family: "FuturaStd-Book"; color: #272727; background-image: url(../img/whatsapp-logo.png); background-size: 20px; border-radius: 0px 15px 15px 15px; background-position: center left 20px; background-repeat: no-repeat; display: inline-block; margin-left: 20px; background-color: #00cc52 !important;  padding: 15px 20px 15px 10px; padding-left: 50px; color:#fff;}

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

#topo-banner{  }
#topo-banner #link-logo{ background: #292929; height: 100px; width: 100%; }
#topo-banner #link-logo a{ height: 100%; width: 144px; display: inline-block; }
#topo-banner #link-logo a h1{ background-image: url(../img/awcham-logo.png); height: 100%; width: 144px; background-repeat: no-repeat; background-position: center left 20px; text-indent: -3000px; }

#topo-banner #link-logo span{ color:#fff; font-family: "FuturaStd-Book"; font-size: 20px; margin-right: 195px; line-height: 100px; float: right; }

#topo-banner .texto-banner{ padding-left: 20px; margin-top: 110px; }
#topo-banner .texto-banner span{ color:#0c5da8; font-family: "FuturaStd-Heavy"; font-size: 20px; text-transform: uppercase; font-weight: bold; }
#topo-banner .texto-banner p{ color:#00374d; font-family: "FuturaStd-Bold"; letter-spacing: 2px; font-size: 50px; margin:30px 0 60px 0; width: calc(60%); }
#topo-banner .texto-banner a{ color:#ef4b6c; font-size: 18px; font-family: "FuturaStd-Book"; color:#fff; background: #ef4b6c; padding: 10px 30px; border-radius: 0 18px 18px 18px;}

#topo-banner .detalhes-banner{ position: relative; }
#topo-banner .detalhes-banner .bg-detalhes-banner{ background: url(../img/banner-bg.png); background-repeat: no-repeat; width: 563px; height: 722px; position: absolute; top: -100px; right: -206px; }
#topo-banner .detalhes-banner .grade-detalhes-banner{ background: url(../img/banner-grade.png); background-repeat: no-repeat; width: 241px; height: 327px; position: absolute; top: -10px; right: -110px; }
#topo-banner .detalhes-banner .banner-pc-banner{ background: url(../img/banner-pc.png); background-repeat: no-repeat; width: 515px; height: 466px; position: absolute; top: 45px; right: -40px; }
#topo-banner .detalhes-banner .banner-camadas-banner{ background: url(../img/banner-camadas.png); background-repeat: no-repeat; width: 515px; height: 466px; position: absolute; top: 15px; right: -405px; }
#topo-banner .detalhes-banner .banner-mao-esquerda-banner{ background: url(../img/banner-mao-esquerda.png); background-repeat: no-repeat; width: 303px; height: 188px; position: absolute; top: 247px; right: 277px; }
#topo-banner .detalhes-banner .banner-mao-direita-banner{ background: url(../img/banner-mao-direita.png); background-repeat: no-repeat; width: 303px; height: 188px; position: absolute; top: 224px; right: -263px; }
#topo-banner .detalhes-banner .banner-detalhe-gmail{ background: url(../img/icone-gmail.png); background-repeat: no-repeat; width: 276px; height: 282px; position: absolute; top: 55px; right: 80px; }
#topo-banner .detalhes-banner .banner-detalhe-robots{ background: url(../img/robots-txt-robo.png); background-repeat: no-repeat; width: 270px; height: 371px; position: absolute; top: 55px; right: 120px; }
#topo-banner .detalhes-banner .banner-detalhe-robots-erro{ background: url(../img/robots-txt-icone-erro.png); background-repeat: no-repeat; width: 98px; height: 93px; position: absolute; top: 235px; right: 30px; }
#topo-banner .detalhes-banner .banner-detalhe-conta-suspensa{ background: url(../img/google-ads-conta-suspensa.png); background-repeat: no-repeat; width: 450px; height: 393px; position: absolute; top: 50px; right: 0px; }
#topo-banner .detalhes-banner .verificar-identidade-google-ads{ background: url(../img/verificar-identidade-google-ads.png); background-repeat: no-repeat; width: 335px; height: 235px; position: absolute; top: 110px; right: 0px; }

#produtos-topo{ margin-top: 96px; /*margin-top: 150px;*/ }
#produtos-topo p{ color:#272727; font-size: 20px; font-family: "FuturaStd-Book"; padding-bottom: 20px; }
#produtos-topo .produto{ width: calc( ( 100% - 120px ) / 4 ); display: inline-block; -webkit-box-shadow: 0px 0px 5px 0px #000000; box-shadow: 0px 0px 5px 0px #000000; margin-left: 40px; background: #fff; border-radius: 0px 10px 10px 10px; }
#produtos-topo .produto span{ color:#272727; font-size: 20px; font-family: "FuturaStd-Book"; padding: 50px 20px 20px 20px; display: block; }

#servicos .titulo-servicos{ font-family: "FuturaStd-Book"; color: #272727; margin: 60px 0; text-align: center; font-size: 40px; }
#servicos .servicos .base-servico{ margin-bottom: 60px; }
#servicos .servicos .base-servico .imagem{ background: url(../img/servico-adwords.png); width: calc( ( 100% / 100 ) * 55 ); height: 449px; display: inline-block; }
#servicos .servicos .base-servico .imagem .faixa-rodape-imagem{display: none;}
#servicos .servicos .base-servico .texto-servico{ width: calc( ( 100% / 100 ) * 45 ); display: inline-block; vertical-align: top; }
#servicos .servicos .base-servico .texto-servico .titulo-texto-servico{ font-size: 28px; font-family: "FuturaStd-Book"; color: #272727; line-height: 38px; margin-top: 25px; }
#servicos .servicos .base-servico .texto-servico .descritivo-texto-servico{ font-size: 18px; font-family: "FuturaStd-Book"; color: #272727; margin-top: 13px; }
#servicos .servicos .base-servico .texto-servico a{ background: #2979ff; color:#fff; font-size: 16px; letter-spacing: 1.3px; padding: 10px 20px; font-family: "FuturaStd-Book"; margin-top: 25px; display: inline-block; }
#servicos .servicos .base-servico .texto-servico a.whatsapp-numero{ font-size: 14px; font-family: "FuturaStd-Book"; color: #272727; background-image: url(../img/whatsapp-logo.png); background-size: 20px; border-radius: 0px 15px 15px 15px; background-position: center left 20px; background-repeat: no-repeat; display: inline-block; margin-left: 20px; background-color: #00cc52 !important;  padding: 15px 20px 15px 10px; padding-left: 50px; color:#fff; margin-left: 0 !important;}


#servicos .servicos .servico-esquerda .texto-servico .conteudo-texto-servico{ margin-left: 60px; }
#servicos .servicos .servico-direita .texto-servico .conteudo-texto-servico{ margin-right: 60px; }

#servicos .servicos .servico-adwords .imagem{ background: url(../img/servico-adwords.png); }
#servicos .servicos .servico-adwords .texto-servico .descritivo-texto-servico span{ font-family: "FuturaStd-Medium"; color: #ffbd00; }

#servicos .servicos .servico-desenvolvimento .imagem{ background: url(../img/servico-desenvolvimento.png); }
#servicos .servicos .servico-desenvolvimento .texto-servico .descritivo-texto-servico span{ font-family: "FuturaStd-Medium"; color: #ff5665; }

#servicos .servicos .servico-clique-fraude .imagem{ background: url(../img/servico-clique-fraude.png); }
#servicos .servicos .servico-clique-fraude .texto-servico .descritivo-texto-servico span{ font-family: "FuturaStd-Medium"; color: #00a9db; }

#servicos .servicos .servico-hospedagem-email .imagem{ background: url(../img/servico-hospedagem-email.png); }
#servicos .servicos .servico-hospedagem-email .texto-servico .descritivo-texto-servico span{ font-family: "FuturaStd-Medium"; color: #4aaf48; }



/*animações*/

/*top: 55px; right: 80px;*/

/*.icone-robots-erro{ animation-duration: 6s; animation-iteration-count: infinite; animation-name: animacaoRobots; }
@keyframes animacaoRobots { 
	0% { top: 35px; right: 20px; }
	55% { top: 15px; right: 50px; }
	100% { top: 35px; right: 20px; }
}*/

.icone-gmail{ animation-duration: 6s; animation-iteration-count: infinite; animation-name: animacaoGmail; }
@keyframes animacaoGmail { 
	0% { top: 55px; right: 80px; }
	55% { top: 30px; right: 75px; }
	100% { top: 55px; right: 80px; }
}

.mao-esquerda{ animation-duration: 10s; animation-iteration-count: infinite; animation-name: animacaoMaoEsquerda; }
@keyframes animacaoMaoEsquerda { 
	0% { top: 247px; right: 277px; }
	45% { top: 247px; right: 277px; }
	50% { top: 247px; right: 297px; }
	60% { top: 247px; right: 247px; }
	65% { top: 247px;  right: 277px; }
	100% { top: 247px; right: 277px; }
}

.mao-direita{ animation-duration: 3s; animation-iteration-count: infinite; animation-name: animacaoMaoDireita; }
@keyframes animacaoMaoDireita { 
	0% { top: 224px; right: -263px; }
	25% { top: 197px; right: -263px; }
	50% { top: 224px;  right: -263px; }
	75% { top: 224px;  right: -223px; }
	100% { top: 224px;  right: -263px; }
}

.grade-banner{  animation-duration: 2s; animation-iteration-count: infinite; animation-name: animacaoGradeBanner; }
@keyframes animacaoGradeBanner { 
	0% { top: -10px; right: -110px; }
	50% { top: -5px; right: -115px; }
	100% { top: -10px; right: -110px; }
}


#formulario-contato{ background: #0088cc; width: calc(100% - 40px); position: fixed; z-index: 2; left: 20px; top: 20px; height: calc( 100vh - 40px ); box-shadow: 0px 0px 20px -7px #003e5d; -webkit-box-shadow: 0px 0px 20px -7px #003e5d; -moz-box-shadow: 0px 0px 20px -7px #003e5d; display: none; }
#formulario-contato .base-formulario{ background: #fff; margin-top: calc((100vh - 480px) / 2 ); border-radius: 0 20px 20px 20px; width: 100%; min-height: 480px;  -webkit-box-shadow: 0px 0px 8px 0px #2c2c2c; box-shadow: 0px 0px 8px 0px #2c2c2c; }
#formulario-contato .base-formulario .formulario-esquerda{ width: 294px; height: 480px; background: url(../img/bg-formulario.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; border-radius: 0 0 0 18px; display: inline-block; }
#formulario-contato .base-formulario .formulario-esquerda p{  color:#fff; font-family: "FuturaStd-Bold"; letter-spacing: 2px; font-size: 35px; padding-top: 140px; text-align: center; width: 100%;}
#formulario-contato .base-formulario .formulario-esquerda h2.logo-awcham{ background: url(../img/logo-awcham.png); width: 104px; height: 30px; background-size: cover; background-repeat: no-repeat; text-indent: -3000px; overflow: hidden; position: absolute; bottom: 44px; left: calc( ( 100% - 104px ) / 2 );  }

#formulario-contato .base-formulario .formulario-direita{ width: calc(100% - 294px); display: inline-block; vertical-align: top; }
#formulario-contato .base-formulario .formulario-direita .icone-fechar-formulario{ position: absolute; right: 20px; top: 20px; display: block; width: 20px; height: 20px; background-image: url(../img/icon-fechar.png);  cursor: pointer; }


#formulario-contato .base-formulario .formulario-direita p.titulo-formulario{ font-size: 28px; font-family: "FuturaStd-Book"; color: #272727; line-height: 38px; margin-left: 40px; margin-top: 44px; }
#formulario-contato .base-formulario .formulario-direita p.subtitulo-formulario{ font-family: "FuturaStd-Book"; color:#424242; letter-spacing: 1px; font-size: 18px;  line-height: 30px; margin-left: 40px; margin-top: 10px; }
#formulario-contato .base-formulario .formulario-direita p.subtitulo-formulario a.whatsapp-numero{ font-size: 12px; font-family: "FuturaStd-Light"; background-image: url(../img/whatsapp-logo.png); background-size: 14px; border-radius: 0px 7px 7px 7px; background-position: center left 15px; background-repeat: no-repeat; display: inline-block; margin-left: 15px; background-color: #00cc52;  padding: 7px 15px 7px 15px; padding-left: 45px; color:#fff; }


#formulario-contato .base-formulario .formulario-direita #local-contato fieldset{ border:none; width: calc( 100% - 40px ); margin-left: 20px; margin-top: 25px; }
#formulario-contato .base-formulario .formulario-direita #local-contato fieldset .base-input{ width: calc( ( 100% - 20px ) / 2 ); display: inline-block; }
#formulario-contato .base-formulario .formulario-direita #local-contato fieldset .base-full{ width: calc( 100% ); display: inline-block; }
#formulario-contato .base-formulario .formulario-direita #local-contato fieldset .base-input label{ font-family: "FuturaStd-Book"; font-size: 14px; color:#6d6d6d; display: block; }
#formulario-contato .base-formulario .formulario-direita #local-contato fieldset .base-input input{ font-family: "FuturaStd-Book"; font-size: 14px; color:#272727; display: block; width: calc(100% - 42px); background: #f2f2f2; border:none; border-left: 2px solid #272727; height: 35px; line-height: 35px; padding: 0 20px; margin-bottom: 20px; border-radius: 0px 3px 3px; }
#formulario-contato .base-formulario .formulario-direita #local-contato fieldset .base-input textarea{ font-family: "FuturaStd-Book"; font-size: 14px; color:#272727; display: block; width: calc(100% - 42px); background: #f2f2f2; border:none; border-left: 2px solid #272727; height: 35px; padding: 10px 20px; border-radius: 0px 3px 3px; resize: none; height: 102px; }
#formulario-contato .base-formulario .formulario-direita #local-contato fieldset .base-input:nth-child(even){ margin-left: 20px; }
#formulario-contato .base-formulario .formulario-direita #local-contato fieldset .base-input input.input-submit{  color:#ef4b6c; font-size: 16px; font-family: "FuturaStd-Book"; color:#fff; background: #ef4b6c; padding: 10px 30px; border-radius: 0 18px 18px 18px; border:none; width: auto; height: unset; line-height: unset; position: absolute; right: 10px; bottom: -35px; cursor: pointer; }

#rodape .info-empresa{background-image: url(../img/info-empresa-rodape.png); background-repeat: no-repeat; background-position: center; margin: 0px 0px 40px 0; width: 100%; display: inline-block; height: 55px;}


#topo-banner .texto-banner p.base-texto-interna{ color:#272727; font-size: 18px; line-height: 36px; font-family: "FuturaStd-Book"; letter-spacing:1.3px; }
#topo-banner .texto-banner p.descritivo-banner-gmail{ width: calc(60%); }

#conteudo-publicacao{margin-bottom: 40px;}

.esquerda-base-texto-interna{ display: inline-block; width: calc( ( ( 100% - 20px ) / 4 ) * 3 ); }
.esquerda-base-texto-interna .area-texto-pagina-interna{ -webkit-box-shadow: 0px 0px 5px 0px #000000; box-shadow: 0px 0px 5px 0px #000000; margin-left: 40px; background: #fff; border-radius: 0px 10px 10px 10px; background: #fff; display: inline-block;  padding: 30px 40px; }
.esquerda-base-texto-interna .base-texto-interna{ position: relative; }
.esquerda-base-texto-interna .base-texto-interna p.base-p-interna{ color:#272727; font-size: 18px; line-height: 36px; font-family: "FuturaStd-Book"; letter-spacing:1.3px; }
.esquerda-base-texto-interna .base-texto-interna span.span-destaque{ background: #ef4b6c; display: inline-block; height: 45px; line-height: 45px; padding: 0 30px; letter-spacing: 0.6px; color:#fff; border-radius: 0 10px 10px 10px; position: absolute; top: -22px; font-size: 18px; }

.base-entre-contato{ display: inline-block; width: calc( ( ( 100% - 20px ) / 4 ) ); vertical-align: top; margin-left: 20px; }
.base-entre-contato .link-contato{ -webkit-box-shadow: 0px 0px 5px 0px #000000; box-shadow: 0px 0px 5px 0px #000000; border-radius: 0px 10px 10px 10px; background: #fff; }
.base-entre-contato .btn-entre-contato{ height: 45px; }
.base-entre-contato a.btn-entre-contato{ color:#302100; display: inline-block; font-family: "FuturaStd-Heavy"; line-height: 43px; height: 45px; width: calc( 100% - 20px ); background: url(../img/bg-btn-entre-contato.png); border-radius: 0 18px 18px 18px; margin-left: 10px; text-align: center; margin-top: -10px; }
.base-entre-contato p{ color: #4c4c4c; }
.base-entre-contato p a{ color: #005dab; }

#topo-banner .texto-banner p.base-texto-interna{ color:#272727; font-size: 18px; line-height: 36px; font-family: "FuturaStd-Book"; letter-spacing:1.3px; }

.titulo-texto-padrao{ color:#00374d; font-family: "FuturaStd-Bold"; letter-spacing: 2px; font-size: 50px; margin:40px 0 40px 0; }
.descritivo-texto-padrao{ color:#272727; font-size: 18px; line-height: 36px; font-family: "FuturaStd-Book"; letter-spacing:1.3px; }


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

#span-verificacao-anunciante{ line-height: 40px; width: 60%; display:inline-block; }

@media (max-width: 960px){
	
	.whatsapp-celular{display: block;}

	#topo-banner{overflow: hidden; padding-bottom: 10px;}
	#topo-banner #link-logo span{ margin-right: 20px; position: relative; z-index: 3; }
	#topo-banner .texto-banner{ position: relative; z-index: 2; margin-top:40px; }
	#topo-banner .texto-banner span{ border-radius: 25px 0 25px 25px; padding: 15px 20px 15px 20px; background: #fff; }
	#topo-banner .detalhes-banner .grade-detalhes-banner{ display: none; }
	#topo-banner .detalhes-banner .banner-pc-banner{ display: none; }
	#topo-banner .detalhes-banner .banner-camadas-banner{ display: none; }
	#topo-banner .detalhes-banner .banner-mao-esquerda-banner{ display: none; }
	#topo-banner .detalhes-banner .banner-mao-direita-banner{ display: none; }

	#produtos-topo p{margin-left: 10px; padding-bottom: 10px;}
	#produtos-topo .produto{width: calc( ( 100% - 30px ) / 2 ); margin-left: 10px !important; vertical-align: top; font-size: 14px; margin-bottom: 10px;}

	#servicos .servicos .base-servico{ position: relative; margin-bottom: 20px; }
	#servicos .servicos .base-servico .imagem{ position: absolute; width: 100%; height: 220px !important; background-position: center; background-size: cover; top: 0; z-index: 1; left: 0; }
	#servicos .servicos .base-servico .texto-servico{ width: calc(100% - 80px); margin-left: 20px; position: relative; z-index: 2; margin-top: 20px; background: rgba(255,255,255,0.85); border-radius: 5px; padding: 20px; }
	#servicos .servicos .servico-esquerda .texto-servico .conteudo-texto-servico{ margin-left: 0; }
	#servicos .servicos .servico-direita .texto-servico .conteudo-texto-servico{ margin-right: 0; }
	#servicos .servicos .servico-direita .texto-servico .conteudo-texto-servico img{ max-width: calc(100% - 40px); }

	#servicos .servicos .base-servico .imagem .faixa-rodape-imagem{ display: block; background: url(../img/faixa-rodape-imagem.png); height: 100%; width: 100%; background-repeat: repeat-x; background-position: bottom; position: absolute; top: 1px;}

	#servicos .servicos .base-servico .texto-servico a.whatsapp-numero{margin-left: 0px; margin-top: 13px;}

	#formulario-contato{background: none;}
	#formulario-contato .base-formulario{margin-top: 0;}
	#formulario-contato .base-formulario .formulario-esquerda{ width: 100%; height: 150px; }
	#formulario-contato .base-formulario .formulario-esquerda p{ padding-top: 30px; }
	#formulario-contato .base-formulario .formulario-esquerda h2.logo-awcham{ bottom: 30px; }

	#formulario-contato .base-formulario .formulario-direita .icone-fechar-formulario{ padding:5px; border-radius: 50px; background-color:#fff; background-position: center; background-repeat: no-repeat; }

	#formulario-contato .base-formulario .formulario-direita{ width: calc(100% - 40px); margin-left: 20px; }

	#formulario-contato .base-formulario .formulario-direita p.titulo-formulario{ margin-left: 0px; }
	#formulario-contato .base-formulario .formulario-direita p.subtitulo-formulario{ margin-left: 0px; }

	#rodape{ display: none; }

	#topo-banner .detalhes-banner .banner-detalhe-gmail{ display: none; }
	#topo-banner .detalhes-banner .banner-detalhe-robots{ display: none; }
	#topo-banner .detalhes-banner .banner-detalhe-robots-erro{ display: none; }
	#topo-banner .detalhes-banner .banner-detalhe-conta-suspensa{ display: none; }
	#topo-banner .detalhes-banner .verificar-identidade-google-ads{ display: none; }
	#span-verificacao-anunciante{ text-align: center; line-height: 40px; width: auto; }

	#topo-banner .texto-banner p{ width: unset; }
	#topo-banner .texto-banner p.descritivo-banner-gmail{ width: calc(100%); background-color: rgba(255, 255, 255, 1); padding: 15px 0; border-radius: 10px; margin-bottom: 90px; padding-bottom: 15px; text-align:center; }

	#conteudo-publicacao{ position: relative; z-index: 2; margin-top: -40px; }


	.esquerda-base-texto-interna{ width: calc(100% - 20px); margin-left: 10px; }

	.base-entre-contato{ display: none; }

	#topo-banner .texto-banner p{ width: 100%; }

	.esquerda-base-texto-interna .area-texto-pagina-interna{ margin-left: 0px; }

	.esquerda-base-texto-interna .base-texto-interna{ padding: 30px 25px; }

	#topo-banner .texto-banner{ padding-left: 10px; width: calc(100% - 20px); }

	.titulo-texto-padrao{ text-align: center; }

	.descritivo-texto-padrao{ text-align: center; }

	.texto-final{ text-align: center; }
}