/************* GENERAL CSS ************/
 body {
	margin: 0px;
	padding: 0px;
	text-align: justify; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 85%;
	color: #333333
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	color: #000000;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	color: #FFF; 
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #000000;
}
a { text-decoration:none; }


/************* HEADER STUFF ************/
#BoxGeral { width: 100%; margin: 0px auto; background: #ffffff;}
.BoxTudo { width: 1200px; margin: 0px auto;}
#BoxCabecalho {width: 100%; height: 18.5em; position:absolite; margin-top:0; margin-bottom:0;}/* background: url('../Imagens/fundohead.jpg') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/
.Logo {float: left; width: 40%; margin-top:0; height: 18.5em; text-align: left; margin-bottom: 0px; padding-top:20px;}
.Logo h1 {font-family: Georgia, "Times New Roman", Times, Sans serif; font-size: 2.86em; color: #807F7F;}
.Logo h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.99em; color: #807F7F;}

#bottom { position: fixed; width: 99.2%; height: 9em; bottom: 0; left: 0; margin-bottom: 0; background: #151515;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
.img_chamada-whats { float:left; width:5.5%; margin:-1.5em 0 0 3em; /* margin-bottom:-1.5em;*/ } 
.retangulo_transpar { float:left; width: 20%; height: 8em; margin: 0.3em 2em 1em 5em; text-align: center; padding-top:4px;}
.retangulo_camada  { float:left; border-radius: 8px 8px; display: inline-block; width: 30em; height: 6em; line-height: 1.6em; margin: 0.9em 6em 1em 0; text-align: center; padding-top:11px; border: 2px solid #3365AF;}
 
.Destaque { width: 100%; height: 500px; margin-top: 0; color: #FFF; padding-top: 0.3em; line-height: 1.2em;
 text-align: center; background: url('../imagens/fundo-destaque3.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.destaque_left { float: left; width: 50%; margin-right:2.5%; text-align:left; line-height: 1.6em; }
.destaque_right { float:right; width: 37%; text-align: justify; padding: 10px 0 20px 10px; line-height: 1.6em; }
.destaque_left:last-child { margin-right: 0;}
.box_text {float: left; width: 47%; margin: 2em 2em 0 0; padding: 10px 0 10px 0; text-align: justify;} 
.box_text:last-child {margin-right: 0;}

.infocontact { width: 100%; height: 530px; margin-top: 1.5em; text-align: center; }
.infocontact h2 { font-family: verdana, "Times New Roman", sans-serif; font-size:1.9em; color: #1E90FF; margin-top:0.5em; margin-bottom:-0.5em; }
.BoxSocial { float:right; width: 28%; text-align: center; margin-top:-3.6em; font-size: 1.5em; color: #4E9ACE; }
.Tarja_acao { position:relative; width:100%; height: 330px; margin-top: 0.2em; margin-bottom: 1.6em; text-align:center; background: #FFF url('../imagens/barracao-de-material-pre-fabricado.jpg') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }
.Colunaright {float: right; width: 42.5%; margin-top: 0; padding:0 0 10px 0; text-align: justify;}

.fontEscuroExGrande { font-family: Georgia, "Times New Roman", Times, serif; margin-top:0.4em; margin-bottom:0.34em;font-size: 5.3em; /*color: #4F4F4F;*/ line-height: 1.09em;}
.fontEscuroGrande { font-family: Georgia, "Times New Roman", Times, serif; margin-top:0.97em; margin-bottom:0.65em;font-size: 3.2em; /*color: #4F4F4F;*/ line-height: 0.5em;}
.fontEscuroMedio { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; color: #D8D8D8; line-height: 0.8em; margin-bottom:0.7em; }
.SetorServico {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.75em; color: #999; line-height: 0.3em; margin:0.65em 0; /*margin-top:0.6em;*/}
.FontRedSuper { font-family: Helvetica, Tahoma, sans-serif; font-weight:100; letter-spacing: -1px; font-size: 6.5em; color: #97D5D4; line-height: 1.03em; margin-top:1em; margin-bottom:0.3em; }
.fontRedGrande { font-family: Georgia, "Times New Roman", Times, serif; margin-top:0.9em; margin-bottom:0.5em;font-size: 4.35em; color: #FA9440; line-height: 1.03em;}
.marcador { float: left; width:1.05em; margin:-0.2em 0.4em -0.5em 0; }

.Tarja_acao_transparent { position:absolute; width:100%; height: 100%; background-color: rgba(27, 85, 161, 0.8); }
.Botao_azul { width: 26.4%; height: 80px; padding: 0.9em 0.4em; margin-top: 1.2em; text-align: center; line-height: 1em; font-size: 2.6em; color: #fff; background: #0D4B75; }

.circulo, .circulo2, .circulo3, .circulo4 {border-radius: 50% 50%; display: inline-block; height: 15.5em; width: 15.5em; line-height: 1.6em; margin-top: -2.3em; text-align: center; padding-top:18px; border: 3px solid #DF4141;}
.circulo  {background: url('../imagens/pedreiro-alvenaria.png') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.circulo2  {background: url('../imagens/pintor-de-parede.png') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.circulo3  {background: url('../imagens/servico-de-eletricista.png') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.circulo4  {background: url('../imagens/encanador.png') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.catg-servicos {width: 100%; margin-top: 2em; text-align: center;}
.Colunas {float: left; width: 24.34%; height: 350px; margin-top: 4em; margin-right:0.83333333333333%; padding: 0px; text-align: center;} 
.Colunas:last-child { margin-right: 0;}

.sub_titulo_azul {font-family: verdana, "Times New Roman", sans-serif; font-size: 2.9em; color: #1E90FF; margin-bottom:0.95em; }
.Font_escuro {font-family: verdana, "Times New Roman", sans-serif; margin: 0.7em 0 0.2em 0; font-size: 1.6em; color: #375581; line-height: 1.4em;}

.Element-banner { width:80%; margin-top:-13em; }
.ImgSocial { float: left; width: 3.7em; margin-top:-0.4em; margin-right:0.4em; }

/************* Rodaper ************/
#rodape {
        clear: both;
        width: 100%;
        height: 360px;   
	margin: 0px auto; 
        background: #1C1C1C;  
        text-align: center;
        color: #fff;
        padding-top: 0px;
}
.RodapeColuna, .RodapeColuna_2, .RodapeColuna_3 {
        float: left;
	    margin: 0px auto;
	    padding: 0.3125em;
	    text-align: justify;
}
.RodapeColuna, .RodapeColuna_3 { width: 29.3%; }
.RodapeColuna_2 { width: 12%; }
.Box_face { width: 90%; float: left; margin-top: 0.8em; }
/*#rodape {
        clear: both;
        width: 100%;
        height: 360px;   
	margin: 0px auto; 
        background: #61BEF8;  
        text-align: center;
        color: #fff;
        padding-top: 0px;  
        border-top: 2px solid #1D4031; 
}
.RodapeColuna, .RodapeColuna_2 {
        float: left;
	    margin: 0px auto;
	    padding: 0.3125em;
	    text-align: justify;
}
.RodapeColuna { width: 29.3%; }
.RodapeColuna_2 { width: 12%; }
.Box_face { width: 90%; margin-top: 0.8em; }*/

#rodapeSecao2 {
        clear: both;
        width: 100%;
        height: 65px;       
	margin: 0px auto;
        bottom:0.625em;
        background: #151515;
        text-align: center;
        color: #fff; 
        padding-top: 1.875em;
}  
.rodapeCentro { 
               width: 1200px; 
               margin: 0px auto;
               padding: 0.3125em 0.625em 0.3125em 0.4375em;  
               text-align: left;
}

.rodapeCentro ul { list-style-position: outside; list-style-type: none; }
.rodapeCentro li { font-family: verdana, "Times New Roman", sans-serif; font-size: 1.9em; color: #fff; /* margin-left:1.8em; */ }

.imagem {float: left; width:20%; margin:0.625em 0.3125em 0.625em 0; }
.imagem-right {float: right; width:20%; margin:0.625em 0 0.625em 1.3em; }/*
.Imagem {float: left; max-width:100%; margin:0.625em 0.3125em 0.625em 0.3125em; }*/
.Imgchamada {float: left; margin:0.4375em 0.3125em 0 0.3125em; width:50px; height:50px; }
.ImgLogo { width:95%; height:100%; }
.SetorServicos { width:80%; /*height:100%; margin: 0px;*/ }
.menu_down { width:35px; height:28px; margin-top:-2em; }
.IconTel { margin: 0.5em 0.15em -0.4375em 0.4375em; }
.IconTopo { margin: 0.5em 0.3125em -0.4375em 0.4375em; }
.ico_catg {width:22%; margin: 2em;}/*
.ico_catg {width:15%; margin-top: -0.2em; margin-left: -0.2em; }*/
.IconsocialTopo { float:right; margin: 0.5em 0.3125em -0.4375em 0.4375em; }
.Imacategoria { width: 100%; } 
.figura {position:absolute; left:43%; margin:-1.875em auto; }
.Linha {color: #fff; background-color: #000; width: 100%; height: 1px; }
.Linhab {color: #fff; background-color: #000; width: 100%; height: 1px; float: left; }
.Imagemclient { align: center; width: 53%; /*height:9em;*/ margin:1.2em 0; }

.FonteAzulMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 0px; font-size: 1.7em; color: #FFF; }
.Fontechamada {font-family: verdana, "Times New Roman", sans-serif; margin: 0px; font-size: 2em; color: #61BEF8; }
.FontechamadaP {font-family: verdana, "Times New Roman", sans-serif; margin: 0.25em; font-size: 1.5em; color: #FFF; }
.Fontecategory {font-family: verdana, "Times New Roman", sans-serif; margin-left:14%; font-size: 2.6em; color: #999; margin: 1.5em 2.7em; }
.FonteEscuroMedio {font-family: verdana, "Times New Roman", sans-serif; margin:2em 0.5em  0.8em; font-size: 2.2em; color: #999; }
.FonteEscuroNormal {font-family: verdana, "Times New Roman", sans-serif; line-height: 1.9em; font-size: 1.8em; color: #3A3838; margin:0.8em; }
.Fontecontato {font-family: verdana, "Times New Roman", sans-serif; line-height: 1em; font-size: 2.2em; color: #3A3838; }
.contato_namb {font-family: verdana, "Times New Roman", sans-serif; line-height: 1em; font-size: 2.1em; color: #3A3838; }
.FonteBrancoMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 0.3125em; font-size: 1.6em; color: #FFF; float: left; }

.branco_camada {font-family: verdana, "Times New Roman", sans-serif; /*margin: 0.3125em;*/ font-size: 2.7em; color: #FFF; line-height: 0.98em;}
.verde_camada {font-family: verdana, "Times New Roman", sans-serif; /*margin: 0.625em;*/ font-size: 2.9em; color: #1A8B38; line-height: 0.98em;}
.FonteVerdeEscuroP {font-family: verdana, "Times New Roman", sans-serif; margin: 0.625em; font-size: 0.8125em; color: #076D61; float: left; }
.FontSetorServicos {font-family: "Times New Roman", Sans-Serif; font-size: 2.0355555555556em; color: #0c0c0; padding:0.5em; margin-top:-0.7em;}
.FoteFrontEnd {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.4em; color: #61BEF8; }

.Font_footer_branco {font-family: verdana, "Times New Roman", sans-serif; margin: 0px; font-size: 2.2em; color: #FFF; }
.Font_footer_branco_p {font-family: verdana, "Times New Roman", sans-serif; margin: 0px; font-size: 1.55em; color: #FFF; }

a.linkEscuroGrande {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #BEBEBE; }
a:hover.linkEscuroGrande {background: #61BEF8; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #FFF;}
a.linkSetorServicos {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.8em; color: #BEBEBE; }
a.linkSetorServicosM {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.4em; color: #BEBEBE; }
a.linkEscuroPequeno {font-family: verdana, "Times New Roman", sans-serif; font-size: 0.8125em; color: #fff; }
a:hover.linkEscuroPequeno {font-family: verdana, "Times New Roman", sans-serif; font-size: 0.8125em; color: #3F84AF; }
a.linkEscuroMedio {font-family: "Times New Roman", sans-serif; margin: 0.625em 0 0.5em 0; font-size: 1.125em; color: #747373; }
a.LinkAzul {font-weight: bold; text-decoration:none; margin-left: 0.625em; padding: 0.625em dashed; color: #1E90FF;}
a.LinkAzulgrande {font-family: "Times New Roman", Sans-Serif; font-size: 3em; color: #3F84AF; margin:3.5em 0 1.5em 0;}
a.linktopo {font-family: verdana, "Times New Roman", sans-serif; font-size: 13px; color: #61BEF8; }
.FontSubtitulo {font-family: "Times New Roman", Sans-Serif; font-size: 3.6em; color: #1D4031; margin: 0.9375em;}
.FontSubtitulo2 {font-family: "Times New Roman", Sans-Serif; font-size: 2.45em; color: #999; }
.Fontep {margin: 20px auto;}
.FontHiding {font-family: "Times New Roman", Sans-Serif; font-size: 2em; color: #0c0c0; margin: 0.625em auto;}

span{ font-size: 1.6em; font-weight: 200; letter-spacing: -2px; line-height: 1.2em;  }

.Riding { 
	width: 100%;
        position: relative;
	margin: 1.5em 0 1.5em 0;        
	padding: 10px;
	text-align: justify;  
 }

.SetorServicos img {
	-moz-opacity: 1;
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100); 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; 	
}
 
.SetorServicos img:hover {
	-moz-opacity: 0.5;
	opacity: 0.5 ;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter: alpha(opacity=50); 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}

#comentario { 
 position:relative; top: -300px;
 left:3.125em;
 background:#EFF9F8;
 text-align: justify;
 font-size: 1em;
 color:#076D61;
 display: block;
 width:360px;
 height:380px;
 border:1px solid #076D61;
 opacity: 0;

}
#SetorServicos:hover  #comentario{
      opacity: 1;
}
#comentario a {font-size: 1.0625em; color:#076D61;}

/* ===========================================   Media Queries   =========================== */
@media screen and (min-width: 1313px) {
.BoxCentral {  margin-top: 5.3em; }}


@media screen and (max-width: 1312px) {
#BoxGeral, #BoxGeralNivel2, #BoxGeralNivel3 {  
padding: 0 0.1em 0 0.1em; margin-top:-14px; }}

@media screen and (max-width: 1220px) { 
.Logo {margin-left:2.5%; width: 35%;}
.destaque_left {margin-left:2.5%;}
.destaque_right {margin-right:2.5%;}
.Colunaright {margin-right:2.5%; width: 40%;}
.catg-servicos {width: 95%; margin-left:2%; margin-right:2%;}
.RodapeColuna_2 { margin-left:1.4%; }}

@media screen and (max-width: 1190px) {
.BoxTudo, .rodapeCentro { width: 100%;}
#BoxDestaque {  height: 390px; }
iframe {width:100%; }
.BoxMap { width: 45%; }
/*.Colunas {  width: 18.5%; height: 490px; }*/
.BoxSocial { float:right; width: 35%; }
}


@media screen and (max-width: 1170px) {
.ImgLogo { width:100%; }
.BoxNav {margin-top:1em;}}

@media screen and (max-width: 1125px) {
#BoxTopo { padding-left: 5%; width: 94.5%; }
#BoxDestaque { height: 350px; }
#rodape { height: 610px; }
.FontRedSuper {margin-top:0.6em; margin-bottom:-0.7em;}
.RodapeColuna, .RodapeColuna_2, .RodapeColuna_3 { width: 38%; margin-top: 3em; }}

@media screen and (max-width: 1070px) {
.Tarja_acao {height: 350px;}} 

@media screen and (max-width: 1050px) {
.Element-banner { margin-top:-2.8em; }
.fontEscuroExGrande { font-size: 5em; }
.BoxSocial {float:right; width: 25%;}
.ImgSocial {width: 3em;}}

@media screen and (max-width: 1010px) {
#BoxDestaque { height: 310px; }}

@media screen and (min-width: 1000px) {
.img_chamada-whats { width:6.5%; }
.btn-toggle{display: block;}
.Complement {display: none;}}

@media screen and (max-width: 1000px) {
.infocontact {height: 620px;}
.BoxSocial { float:right; width: 30%; }
.fontEscuroGrande { font-size: 3em; line-height: 0.9em;}
/*.Colunas, .Complement { width: 31%; height: 430px; }*/
.Imagem{ height: 320px; }}


@media screen and (max-width: 990px) {
.FontRedSuper {margin-top:1.3em; margin-bottom:0.7em;}
.FontRedSuper {font-size: 5.5em; line-height: 0.98em;}
.fontRedGrande {font-size: 3.5em; }
#BoxTopo { padding-left: 8%; width: 91.7%; }}



@media screen and (max-width: 960px) {
.BoxSocial {margin-top:0.45em; }
/*.RodapeColuna1, .RodapeColuna3 { width:36%; }
.RodapeColuna2 { width: 20%; }*/
.Element-banner { margin-top:0.8em; }}

@media screen and (max-width: 960px) {
#BoxTopo { padding-left: 12%; width: 87.3%; }}

@media screen and (max-width: 945px) {
.branco_camada {font-size: 2.5em;}
.verde_camada {font-size: 2.7em;}
.retangulo_transpar { width: 20%;}
.retangulo_camada  {width: 28em; margin: 0.9em 5em 1em 0;}}

@media screen and (max-width: 930px) {
.RodapeColuna, .RodapeColuna_2, .RodapeColuna_3 { width: 46%; }
#BoxTopo { padding-left: 15%; width: 85%; }}



@media screen and (max-width: 910px) {
.fontEscuroExGrande {font-size: 4.5em;}
.img_chamada-whats { width:7%; }
.Boxclient { margin-left:2%; width: 30%; }
#BoxTopo { padding-left: 21%; width: 79%; }}

@media screen and (max-width: 890px) {
.BoxSocial { float:right; width: 45%; }
.RodapeColuna1 { width:40%; }
#BoxDestaque { height: 280px; }
.retangulo_transpar {margin-left:2.5em;}
.retangulo_camada  {width: 28em; margin: 0.9em 4em 1em 0;}}

@media screen and (max-width: 870px) {
.fontEscuroGrande, .fontEscuroMedio {color: #2E2E2E;}
.Imagem{ height: 280px; }}

@media screen and (max-width: 860px) {
.Tarja_acao {height: 390px;}} 

@media screen and (max-width: 850px) {
#BoxTopo { padding-left: 27%; width: 83%; }
.btn-toggle{display: block;}
.IconsocialTopo {display: none;}}

@media screen and (max-width: 840px) {
.retangulo_camada  {width: 26em;}
.linkEscuroPequeno { font-size: 1.3em; }
.Colunas, .Complement { height: 375px; }
.Chamada { width: 30%; }}

@media screen and (max-width: 820px) {
.infocontact {height: 980px;}
.Colunaright  {width: 95%;}
.fontEscuroExGrande {font-size: 4.5em; }
/*.infocontact { width: 75%; margin-top:1.15em;}*/
.BoxCentral_b { height: 1050px;}}

@media screen and (max-width: 810px) {
.branco_camada {font-size: 2.2em;}
.verde_camada {font-size: 2.5em;}
.retangulo_camada  {width: 24em;}
.fontEscuroExGrande {font-size: 4em; }
.img_chamada-whats { width:8.5%; }
#BoxTopo { padding-left: 31%; width: 69%; }
.sessaoclient { width: 100%; border-right:0; }}

@media screen and (max-width: 790px) {
.FontRedSuper {font-size: 4.8em;}
.fontRedGrande {font-size: 2.9em; }
.Botao_azul {font-size: 2.2em;}
.BlocText { float: left; width: 63%;}
.centrodireita { float:right; width: 30%;}
.Element-banner { width:100%; }
.BoxSocial {margin-top:1.25em; }
#BoxDestaque { height: 240px; }}

/*@media screen and (max-width: 770px) {
#rodape {  height: 240px;}
.RodapeColuna1 { width:45%; }
.RodapeColuna2 { width:13%; }
.Chamada { width: 50%; border-left: 0;}
.RodapeColuna3 { width: 32%; }}*/

@media screen and (max-width: 760px) {
.retangulo_camada  {margin-right:3em;}
.BoxMap { width: 96%; }
#BoxTopo {   width: 68%; }}

@media screen and (max-width: 740px) {
#bottom {height: 15em;}
.retangulo_transpar {width: 26%;} 
.retangulo_camada  {width: 28em;}
#rodape { height: 630px; }
.RodapeColuna_2 { width: 48%; }
.RodapeColuna { width: 48%; /*height: 140px;*/ margin-left:2%; margin-bottom: 2em; }}

@media screen and (max-width: 710px) {
.Destaque {height: 450px;}
.destaque_left { width: 65%; margin-right:1%;}
.destaque_right { float:right; width: 28%;}
.img_chamada-whats { width:9.5%; }
.BoxInfo { margin-left:-3em; width: 62%; }
.Colunas, .Complement { width: 48%; height: 320px;}
.Imagem{ height: 240px; }}

@media screen and (max-width: 672px) {
.Logo h1 {font-size: 2.6em;}
.Logo h2 {font-size: 1.84em;}}

@media screen and (max-width: 680px) {
.Botao_azul {font-size: 1.9em;}
/*#BoxDestaque { height: 200px; }*/}

@media screen and (max-width: 650px) {
#rodape { height: 1040px; }
.RodapeColuna, .RodapeColuna_2, .RodapeColuna_3 { width: 80%; }
.RodapeColuna_3 { height: 330px; }}

@media screen and (max-width: 635px) {
.BoxSocial {  width: 50%; }
.Element-banner { margin-top:2.6em; }
.destaque_left { margin-right:0.5%; }
.Logo { width: 98%; height:10.5em; text-align:center; margin-bottom:0.3em; /*border-bottom:1px solid;*/}
#bottom {height: 6.7em; margin-bottom:-0.4em;}}

@media screen and (min-width: 635px) {
.btn-toggle{display: block;}
.Fontecontato {display: none;}}

@media screen and (max-width: 630px) {
.Tarja_acao { height: 360px; }
.Imagem { width: 97%; height: 320px; }
iframe {  height:350px;}}

@media screen and (max-width: 610px) {
.Destaque {height: 500px;}
.img_chamada-whats { width:10%; }
.Boxclient { width: 46%; }}

@media screen and (max-width: 575px) {
.Botao_azul { width: 35%; }}

@media screen and (max-width: 550px) {
.img_chamada-whats { width:11%; }
.infocontact {height: 1020px;}
.Destaque {height: 540px;}
#BoxGeralNivel3 {height: 290px;}
.sessaoclient { float: left; width: 98%; }
.Imagem { width: 98%; height: 300px; }
/*#rodape { height: 450px; }*/
.RodapeColuna, .RodapeColuna_3 { width: 93%; }}

@media screen and (max-width: 530px) {
/*.sessaoclient { float: left; width: 96%; }*/
.Destaque {height: 470px;}
.destaque_left { width: 95%;}
.btn-toggle{display: block;}
.destaque_right {display: none;}}


@media screen and (max-width: 510px) {
.Fontecontato {font-size: 1.8em;}
/*#bottom {height: 28em;}*/
.retangulo_camada  {margin-left:10%;}
.retangulo_transpar {width: 70%;}}

@media screen and (max-width: 500px) {
.BlocText { width: 100%; padding-left:2%;}
.btn-toggle{display: block;}
#BoxDestaque, .centrodireita {display: none;}}

@media screen and (max-width: 490px) {
.Fontechamada { font-size: 1.8em; }
/*.Colunas, .Complement { height: 460px; }*/
.infocontact {height: 1060px;}
.btn-toggle{display: block;}
.Imgchamada {display: none;}}

@media screen and (max-width: 470px) {
.img_chamada-whats { width:12.5%; }
.Logo { width: 100%; }
.ImgLogo { width: 100%; }
/*.Colunas, .Complement { height: 490px; }*/
.Chamada { width: 42%;  }
.Fontechamada { font-size: 1.5em; }
.FontechamadaP { font-size: 1.2em; }}

@media screen and (max-width: 450px) {
.infocontact {height: 1090px;}
.RodapeColuna, .RodapeColuna_2, .RodapeColuna_3, .Box_face { width: 97%; }
.ImgLogo { margin-left:14%; }}

@media screen and (max-width: 435px) {
.infocontact {height: 1130px;}
.Botao_azul { width: 42%; }}

@media screen and (max-width: 425px) {
.infocontact {height: 1280px;}
.box_text {width: 100%;}
.RodapeColuna, .RodapeColuna_3 { width:98%; }
.img_chamada-whats { width:14%; }
.Boxclient { width: 45%; }}

@media screen and (max-width: 400px) {
/*#bottom {height: 33em;}*/
.Fontecontato {font-size: 1.5em;}
.retangulo_transpar {width: 90%;}
.fontEscuroExGrande { font-size: 3.8em; }
.fontEscuroGrande { font-size: 2.7em; }
.Chamada { width: 39%;  }
.Fontechamada { font-size: 1.3em; }
.Imagem { height: 270px; }
.circulo {  height: 13.5em; width: 14.9em;}
#rodapeSecao2 {  height: 100px;}}

@media screen and (max-width: 390px) {
.btn-toggle{display: block;}
.Complement {display: none;}}



@media screen and (max-width: 390px) {
.fontEscuroMedio {line-height: 1.2em;}
.img_chamada-whats { width:15.4%; }
.BoxSocial {  width: 70%; }
.BoxCentral { width: 97%; margin-left:2.4%; }
/*.catg-servicos {height: 1100px; margin-bottom: 2em;}*/
.Colunas { width: 97%; height: 280px; }}

/*@media screen and (max-width: 390px) {
.Colunas:last-child { margin-left: 5.5%; }}*/


@media screen and (max-width: 370px) {
.Tarja_acao {height: 430px;}
.Destaque {height: 530px;}
.infocontact {height: 1330px;}}

@media screen and (max-width: 350px) {
.img_chamada-whats { width:16%; }
.Boxclient { width: 97%; }
.infocontact {height: 1330px;}
.BoxInfo { margin-left: -8em;}}

@media screen and (max-width: 340px) {
.Destaque {height: 620px;}
.fontEscuroMedio {  line-height: 1.09em; }
.BoxCentral { margin-top: -10px; padding: 10px; }
.Imagem { height: 230px; }
.sessaoclient { float: left; width: 90%; }}

@media screen and (max-width: 330px) {
.Tarja_acao {height: 465px;}
.Botao_azul { width: 50%; }}

@media screen and (max-width: 310px) {
.infocontact {height: 1400px;}
/*#rodape { height: 915px; }*/
.img_chamada-whats { width:18.5%; }
.fontEscuroMedio { font-size: 2em; }
.ImgLogo { margin-left:15.4%; }
.Boxclient { width: 100%; }
.BoxCentral { margin-top: -27px; padding: 5px;  }
.FonteAzulMedio{ font-size:1.2em;}
.FonteEscuroPequeno {font-size: 0.85555555555556em;}
.btn-toggle{display: block;}
#BoxDestaque {display: none;}}

@media screen and (max-width: 280px) {
.img_chamada-whats { width:22%; }
.Tarja_acao { height: 460px; }}

@media screen and (max-width: 250px) {
.Colunas { width: 90%; height: 480px; }}