/* CSS Document*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend 
                                 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body                             { line-height: 1; }
ol, ul                           { list-style: none; }
blockquote, q 	                 { quotes: none; }
  
/* remember to define focus styles! */
:focus			                     { outline: 0; }

/* remember to highlight inserts somehow! */
ins 			                       { text-decoration: none; }
del 			                       { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table 			                     { border-collapse: collapse; border-spacing: 0; }

/* begin site*/

html 							               { text-align: center; overflow-x: hidden;}
body 							               { color: #3e3e3e; background: #fff; font-family: Arial, Geneva, sans-serif; font-size: 12px; margin: auto; text-align: center; }

/* topo */
.mobile-nav                      {display: none;}
.responsive-menu                 { display: none;}
.logo_spm                        {margin-left: 9px}
#barra_top                       {float: left; margin: 0 auto; width: 100%; margin-top: 0px; height: 480px; background-image: url('../img/header.jpg'); background-repeat: no-repeat; background-position: top center; }

.container_site				           { float: left; margin: auto; width: 100%;}
.container_corpo          		   { margin: 0px auto; width: 1280px;}
.half                            { float: left; width: 50%;}
.bloco_25                        { float: left; width: 25% }
.bloco_33                        { float: left; width: 33.3% }
.margen_top                      { margin-top: -12px }
.black                           { background-color: #1e1e1e }

.container_menu_top              { float: left; width: 100%; height: 70px }
.logo                            { float: left; margin:0; padding:0; position: relative; }
.menu_top                        { float: right; margin-top: -0.7px}
.menu_top li                     { float: left; position: relative; }
.menu_top li a                   { float: left; font-family: 'open_sansregular'; font-size: 12px; color: #cecbcb; text-decoration: none; display: block; padding: 30px}
.menu_top li:hover               { background-color: #333333;height: 70px }
.menu_top li ul                  { float: left; width: 200px; display: none; }
.menu_top li ul                  { float: left; position: absolute; top: 71px; left: 0px; z-index: 1000}
.menu_top li ul li               { float: left; background-color: #333333; text-align: center;width: 115px;}
.menu_top li ul li:hover         { background-color: #1e1e1e; color:#cecbcb; height: 100%; text-align:center;}
.menu_top li ul li a             { float: left; width: 100%; font-family: 'open_sansregular'; font-size: 12px; color: #858585; text-decoration: none; display: block; padding: 20px 0px 18px 0px; line-height: 16px}
.menu_top li:hover > ul          { display: block; }

.filtro                          { background-image: url('../img/filtro.png'); height: 150px}
.bts                             { margin-top: -150px}

.solucoes_aco                    { float: left; letter-spacing: 2px ;text-align:center; color:#fff; font-size:30px; font-family: 'open_sanslight';width: 100%; padding-top: 60px;    height: 63%;}  

.solucoes_concreto               { float: left; letter-spacing: 2px ;text-align:center; color:#fff; font-size:30px; font-family: 'open_sanslight';width: 100%; padding-top: 60px;    height: 63%;}   

.filtro .bold                    { font-weight: bold;}
.subtitle                        { font-size: 18px;letter-spacing: 2px ; margin-top: 0px } 

.aco                             { transition: all 0.4s; float:left; margin:70px 10px 0 13px; background-image: url('../img/aco_button.png'); width: 47.5%; height:160px;}
.aco:hover                       { transition: all 0.4s; background-color: green; background-blend-mode: multiply;  }
.concreto                        { transition: all 0.4s; float:left; margin:70px 10px 0 10px; background-image: url('../img/concreto_button.png'); width: 47.5%; height:160px;}
.concreto:hover                  { transition: all 0.4s; background-color: green; background-blend-mode: multiply;  }

.institucional                   {float:left; margin:150px 0 0 80px;}
.button                          {float:left; font-style: italic; width: 240px;  height: 28px; background: #088d4a; color: #fff; font-size: 18px; font-family: 'open_sansregular';padding-top: 8px;margin: 5px 0 0 660px;}
.mais                            {float:left; width: 35px; height: 31px; background: #056c38; color: #fff; font-size: 25px; font-family: 'open_sansregular';padding-top: 5px;margin: -36px 0 0 900px}
.bt_ambiente:hover >.button      { transition: all 0.4s; background: #056c38;}
.bt_ambiente:hover >.mais        { transition: all 0.4s; background: #088d4a; }
.portfolio                       {float:left; width: 100%; font-size: 30px; font-family: 'open_sanslight'; margin:50px 0 50px 0;font-style: italic;}
.container_portfolio             { float: left; width: 100%;}

.quadro_galeria                  { float: left; width: 90%; margin: 5%;}

.bloco_galeria                   { float: left; width: 100%; position: relative;  height: 210px}
.bloco_galeria a                 { transition: all 0.4s;}
.hover_quadro_galeria            { float: left; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none;}
.hover_quadro_galeria p          { float: left; width: 80%; margin: 30% 10%; line-height: 18px; font-family: 'open_sanslight'; font-size: 28px; color: #fff; text-transform: uppercase; line-height: 30px}
.bloco_galeria:hover > a .hover_quadro_galeria     {  transition: all 0.4s; display: block; }
.bloco_galeria:hover             {   transition: all 0.4s; background-color: green; background-blend-mode: multiply  }
.img_galeria                     { float: left; width: 100% }



.tituloh3         {float:left; width: 100%; font-size: 30px; font-family: 'open_sanslight'; margin:50px 0 50px 0;font-style: italic;}
.tituloh3 span              {font-family: 'open_sansbold'}

.bloco_ambiente                  {float:left; width: 23%; height: 21%; margin-left:  1% }
.bloco_circulo                   {float: left;width: 100%}
.circulo                         {float:left; width: 130px; background:#056c38; border-radius: 50% ;height:130px; margin:-70px 0 0 26%; padding: 0 auto;}
.quadro                          {float:left; width: 100%; height: 280px; background: #f1f1f1;margin:80px 0 0 0; }
.quadro h4                       {color:#056c38; font-size: 16px; margin: 80px 0 15px 0; text-align:center;font-family: 'open_sansregular'; font-style: italic;}
.quadro p                        {float:left; font-size: 15px; text-align:center; color:black; width: 90%; font-family: 'open_sanslight_italic'; margin-left:15px; line-height: 20px }
.ambiente_button                 {float:left; width: 100%; margin:3%  0 0 41%}
.button_ambiente                 {float:left; width: 170px;  font-style: italic; height: 28px; background: #088d4a; color: #fff; font-size: 18px; font-family: 'open_sansregular';padding-top: 8px;}
.mais_ambiente                   {float:left; width: 35px; height: 31px; background: #056c38; color: #fff; font-size: 25px; font-family: 'open_sansregular';padding-top: 5px;}
.button_projetos                 {float:left; width: 210px; font-style: italic; height: 28px; background: #088d4a; color: #fff; font-size: 18px; font-family: 'open_sansregular';padding-top: 8px;margin-left: -20px}
.bt_ambiente:hover >.button_ambiente          { transition: all 0.4s; background: #056c38;}
.bt_ambiente:hover > .mais_ambiente             { transition: all 0.4s; background: #088d4a; }
.bt_ambiente:hover >.button_projetos         { transition: all 0.4s; background: #056c38;}

.flaticon-water:before           {float:left; font-size:70px; color:#fff; margin:35px 0 0 30px; }
.flaticon-nature:before          {float:left; font-size:90px; color:#fff; margin:25px 0 0 20px; }
.flaticon-herbal-spa-treatment-leaves:before    {float:left; font-size:70px; color:#fff; margin:33px 0 0 32px; }
.flaticon-collaboration:before   {float:left; font-size:75px; color:#fff; margin:25px 0 0 28px; }

/* PARALLAX */
.paralax                         {float:left;width: 100%; background-image:url('../img/paralax.jpg');}
.container_parallax              { float: left; width: 100%; }
.container_parallax h2           { float: left; color:black; font-family:'open_sanslight';font-size: 30px; margin:200px 0 0 80px; }
.container_parallax h2 span      {font-family: 'open_sansbold'}
.container_parallax p            { float: left; color:#fff; line-height: 22px; font-family:'open_sanslight_italic';font-size: 16px; margin:-160px 0 0 660px; text-align: left; font-weight: normal; width: 40%;}
.container_parallax_interno      { position: relative; width: 100%; max-width: 1280px; margin: 0 auto}
section.module.parallax          {margin-top: 500px;
  height: 300px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url("../img/paralax.jpg");
}

.bloco_portfolio                { float:left; width: 23%; height: 20%; margin:1% 0 0 1% }
.bloco_img                      { float:left; width: 100%;}
.bloco_img img                  { width: 290px;}
.container_local p              { float:left; font-size: 15px; text-align:center; color:black; width: 90%; font-family: 'open_sanslight_italic'; margin:30px 0 0 55px }
.google_maps                    { border:0; width:100%; height:280px; margin-top: 50px;}
.container_local h3             { float:left; width: 100%; font-size: 30px; font-family: 'open_sanslight'; margin:50px 0 0 0;font-style: italic;}

.titulo                         { float: left; width: 100%; text-align:center; color:#fff;margin: 190px 0 0 0 ;font-family: 'open_sanslight';font-size:35px; }
.titulo span                    { font-weight: bold; font-family: 'open_sansbold';}
.telefone                       { float:right; text-align:right;color: #cecbcb; margin:130px 40px 0 0; font-family:'open_sanssemibold'; font-size: 20px;}
.cod_area                       { font-size:16px}

.container_rodape           	  { float: left; margin: 0 auto ; width: 100%; background: #1e1e1e;height: 355px;padding-top: 50px}
.container_rodape_externo   	  { float: left; margin: 0 0 0 0 ; width: 100%; height: 40px; background-color: black;}
.coluna                         { float:left; width: 23%; margin-left:  1% }
.coluna img                     { float:left;}
.container_link                 { float:left;width: 100%;margin: 10px 0 10px 0;text-align: left; }
.coluna h3                      { float:left;color:#fff;font-size: 25px; font-family: 'open_sanslight'; font-style: italic; margin: 10px 0 20px 0; letter-spacing: 1PX}
.coluna a                       { color:#858585; font-family: 'open_sanslight'; text-decoration: none; font-size: 14px;}
.coluna a:hover                 { color:#fff;}
.coluna p                       { float: left; font-size: 14px;font-family: 'open_sanslight'; color:#858585;margin:0 0 0 5px; line-height: 18px}


.flaticon-phone-receiver        {float: left; margin:5px 10px 0 -15px; color:#fff; }
.flaticon-facebook-placeholder-for-locate-places-on-maps {float: left; margin:12px 10px 0 -15px; color:#fff; }
.flaticon-close-envelope        {float: left; margin:0 10px 0 -15px; color:#fff;}
.flaticon-facebook-logo         {float: left; margin:0 10px 0 -15px; color:#fff;}
.link:hover > p                         {color:#fff;}
.link:hover > .flaticon-facebook-logo   {color:#858585;}
.container_assinatura           { float:right; width:23%; margin: 15px 0 0 0; }
.container_assinatura p         { float:left; color:#858585; font-size: 14px;}
.container_assinatura img       { float:left; margin:-5px 0 0 15px}
.container68                    { float:right;width: 78%;  }

.filtro_sobre                   {float:left; background-image: url('../img/filtro.png'); width: 100% ;height:250px; }



.bloco_image                    {float:left; width: 30%; margin:5% 0 0 1% ;}
.bloco_image img                { float: left; width: 100%; margin: 0 30px 0 30px;}

.container_copy           	   	{ float: left; width: 100%; margin: 25px auto;}
.social                         { float: left; }
.social a                       { font-size: 40px; color: #c1c1c1; text-decoration: none; padding:5px}
.social a:hover                 { color: #f58634}
.six                            { float: right; font-family: 'open_sansregular'; font-size: 12px; color: #c1c1c1;}
.six a                          { float: right; font-family: 'open_sansregular'; font-size: 12px; color: #c1c1c1; text-decoration: none;}
.six a:hover                    { text-decoration: underline; }
.whats-online { float: right; position: fixed; right: 0; top: 30%; z-index: 99999999999999999999}
.hide_desk {display: none;  }