@media only screen and (min-width:0px){
/************************************************************ ESTRUTURA GERAL *************************************************************/
/**                                                                                                                                      **/
/**                                              ESTILOS QUE SE APLICA A TODOS OS TAMANHOS                                               **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
/************************************************************* VARIAVEIS CSS **************************************************************/
:root{
  --positiondestaque: relative;
  --alturadestaque: 190px;
  --margindestaque: 55px;
}
/*********************************************************** FIM VARIAVEIS CSS ************************************************************/

.abordagemicons .colunas4{display: flex; flex-direction: column; justify-content: center; align-items: center;}

.bgnoticias{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; mix-blend-mode: multiply; opacity: 0;}
.innernoticias .bgnoticias{opacity: 0.4;}
.noticiasdiv .bgnoticias{opacity: 0.4;}
.slideprojetos .slide .bgnoticias{opacity: 0.65;}
.contentprojeto{position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: calc(100% - 40px); opacity: 0;}
.slideprojetos .slide .contentprojeto{opacity: 1;}
.projetosdiv:nth-child(2n+1){position: relative; float: left; width: 100%; height: 380px;}
.projetosdiv:nth-child(2n+2){position: relative; float: left; width: 100%; height: 380px;}


/***************************************************************** CABEÇA *****************************************************************/
.barramenu{-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.barramenu{ position: fixed; top: 0; left: 0; z-index: 2147483647; float:left; padding-left: 25px; padding-right: 25px; box-sizing: border-box; padding-top: 18px; padding-bottom: 23px; background: rgba(255, 255, 255, 0);}
.barramenu.collapsed{background: rgba(255, 255, 255, 0.85);}

.barramenudestaque{position: absolute; top: 100%; left: 0; transform: translateY(-50%); width: auto; max-width: calc(100% - 45px); height: 58px; background: #fff; box-shadow: 0px 3px 6px #0000000F; border-radius: 0 100px 100px 0; z-index: 999; box-sizing: border-box; padding-left: 25px; padding-right: 20px;}
.barramenu .wrapnavlang{margin-top: 0px; column-gap: 0px; transition: transform .5s;}
.barramenu.collapsed{background: rgba(255, 255, 255, 0.85);}
/* .barramenu.completeCollapsed .wrapnavlang{transform: translateY(calc(-100% - 100px));} */

.logo{width: 202px; height: 39px;}
.logo.collapsed{width: 202px; height: 39px;}

.fechaprocura{display: block;}

.wrapinnermenu{position: fixed; width: 100%; height: 0; top: 0px; left: 0px; background: #79863C; transition: height .5s; z-index: 2147483646; overflow: hidden;}
.wrapinnermenu.open{height: 100vh;}

.divmobiledentro .menupri{max-height: calc(100% - 50px); overflow: hidden auto;}
.divmobiledentro{height: 100%; padding: 206px 25px 0px 25px;}
.divmobiledentro .divlang{margin-top: 45px; margin-top: 35px;}

.setamenumobile{position: absolute; right: 0; width: 21px; height: 21px; top: 50%; transform: translateY(-50%);}
.setamenumobile.open{transform: translateY(-50%) rotateZ(180deg);}
.artigosdropdown{margin-top: 20px;}
.artigosdropdown .artigomenupadding{margin-bottom: 12px;}
.artigosdropdown .artigomenupadding:last-child{margin-bottom: 0px;}

.menuitem > .divdefault::after{/*content: ""; position: absolute; bottom: -5px; left: -3px; background: #3786C8; width: 0; height: 2px; transition: width .5s*/}
.menuitem > .divdefault a{transition: color .5s;}

.pebaixodentro{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.pebaixo2{margin-top: 26px; margin-bottom: 24px; line-height: 30px;}

/* .menuitem.selected > .divdefault::after{width: calc(100% + 6px);}
.menuitem.selected > .divdefault a{transition: color .5s;} */

.parentsubmenu{position: fixed; width: 100%; top: 114px; left: 0; padding: 30px 100px 30px 435px; background: #3787c8d9; display: none !important;}
.parentsubmenu .imgmenu{position: absolute; left: 0; top: 0; width: 360px; height: 100%;}

.divlang .lang.index{display: flex; column-gap: 27px;}

.navbar{margin-top: 0px;}

.inputprocura{font-size: 20px !important; font-weight: 300 !important; color: #fff !important; letter-spacing: 1px !important;}

.imgprocura{width: 75px; height: 75px; margin-right: 15px;}
.wraptxtproc{width: calc(100% - 90px);}

.opcoesdesktop{display: none; margin-right: 0px;}
.wrapnavlang{display: flex;}
.barramenu .wrapnavlang{display: none;}
.navbar{display: none;}
.mostramenumob{display: block;}
.procuramob{display: block; top: 100px; right: 35px; position: absolute; z-index: 9999;}
.fechaprocura{display: none;}
.procuratit{padding: 11px 0px; border-radius: 42px; width: 100%;}
/*************************************************************** FIM CABEÇA ***************************************************************/


/************************************************************* DESTAQUE INDEX *************************************************************/
.destaqueindex .swiper-slide .captionindex .btnhoverdefault{margin-top: 20px;}
.destaqueindex .maskdestaque{position: absolute; top: 0; left: -60%; width: 200%; height: 300px; background: url(../imgs/simbolo.svg) no-repeat center bottom / cover; opacity: .65}

/* .destaqueindex .slidedestaque-prev{cursor: pointer; z-index: 2; width: 16px; height: 22px; position: absolute; right: 110px; bottom: 213px;}
.destaqueindex .slidedestaque-next{cursor: pointer; z-index: 2; width: 16px; height: 22px; position: absolute; right: 80px; bottom: 213px;} */
/*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


/***************************************************************** INDEX ******************************************************************/

.wrapmarcasindex{ --maskmarcasopacity: 0; }
.wrapmarcasindex .wrapinnermarcasindex .wrapmarcas{background: #FFFFFFA6}
.wrapmarcasindex .wrapinnermarcasindex > .divdefault:nth-child(1){margin-bottom: 15px;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5{padding: 25px 40px 25px 40px; transition: background .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:not(.wrapmarcasindex .colunas5:nth-child(5n+5))::after{content: ""; width: 1px; height: calc(100% - 40px); position: absolute; right: 0; top: 20px; background: #FFFFFFBF;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 img{max-width: 100%; max-height: 66px;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 img{filter: grayscale(1); transition: filter .5s; mix-blend-mode: multiply;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca {position: absolute; width: 100%; height: 0%; bottom: 100%; left: 0; background: #fff; transition: height .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul{background: #03377DA6; opacity: 1; overflow: hidden;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul::before {content: ""; position: absolute; width: 52px; height: 4px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 2px; transition: width .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul::after {content: ""; position: absolute; width: 4px; height: 52px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 2px; transition: height .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul:hover::before{width: 90px; background: #ffffff73;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul:hover::after{height: 90px; background: #ffffff73;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:hover{background: #fff;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:hover img{filter: grayscale(0);}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:hover .wrapinnermarca {height: 100%;}
/* .wrapmarcasindex::before{content: ""; position: absolute; width: calc(100%); height: calc(100% ); top: 0px; left: 0px; background: #E2E2E259; z-index: 0; opacity: var(--maskmarcasopacity);} */
.wrapmarcasindex::after{content: ""; pointer-events: none; position: absolute; width: 100vw; height: calc(100% + 50px); top: calc(-100% - 50px); left: 0px; background: #fff; z-index: -1; opacity: var(--maskmarcasopacity);}

section#index{margin-top: 0px; margin-bottom: 65px;}

.sectionservicos{position: relative; float: left; margin: 0 25px; width: calc(100% - 50px); margin-top: 74px;}
.colunas4servicos:nth-child(2n+1){width: 50%; box-sizing: border-box; padding-left: calc((6px / 4) * 0); padding-right: calc((6px / 4) * 3); margin-bottom: 12px; clear: both;}
.colunas4servicos:nth-child(2n+2){width: 50%; box-sizing: border-box; padding-left: calc((6px / 4) * 1); padding-right: calc((6px / 4) * 2); margin-bottom: 12px; clear: none;}

.wrapartigoindex{width: 100%; height: 100%; padding: 87px 70px 87px 153px;}

.wrapartigoindex .maskpaginasindex{position: absolute; width: calc(100% - 100px); height: 100%; top: 0; right: 0; opacity: .8; transition: width .5s; }
.wrapartigoindex .maskpaginasindex::before{content: ""; position: absolute; right: 0; top: 50%; width: 40px; height: 2px; background: #fff; opacity: .25; transition: opacity .5s}
.wrapprodsindex .colunas2:nth-child(4n+1) .maskpaginasindex{background: #3786C8;}
.wrapprodsindex .colunas2:nth-child(4n+2) .maskpaginasindex{background: #145991;}
.wrapprodsindex .colunas2:nth-child(4n+3) .maskpaginasindex{background: #03377D;}
.wrapprodsindex .colunas2:nth-child(4n+4) .maskpaginasindex{background: #032553;}

.noticiasindex-prev, .noticiasindex-next{position: absolute; cursor: pointer; top: calc(100% + 32px); width: 25px; height: 25px;}
.noticiasindex-prev{right: calc(100% - 25px); background: url(../imgs/seta_esquerda.png) no-repeat center center / contain;}
.noticiasindex-next{left: calc(100% - 25px); background: url(../imgs/seta_direita.png) no-repeat center center / contain;}

.estadisticasindex{padding: 65px 0px 65px 40px;}
.estadisticasindex .wrapinnerestadistica{padding: 65px 45px 65px 40px; background: #03377DD9; row-gap: 45px; transform: translateX(calc(100% - 115px));}
.estadisticasindex .wrapestadistica > img:nth-child(1){opacity: .65; margin-bottom: 20px;}
.estadisticasindex .wrapestadistica > div.divdefault:nth-child(2){opacity: .85; margin-bottom: 10px;}
.estadisticasindex .wrapestadistica > div.divdefault:nth-child(3){opacity: .60; }


.mostramenumob.hide1600{display: block;}
.barramenudestaque .navbar{display: none;}


.wrapcontactoindex .colunas40{padding: 56px 39px 52px 39px; background: #03377D}
.wrapcontactoindex .wrapmap{width: 100%; height: 100%; overflow: hidden;}

.wrapcontactoindex .colunas40 .btnhoverdefault{margin-top: 35px;}
.wrapcontactoindex .colunas60 #map{height: 363px;}

.sobretxt{margin-top: 28px;}
.sabersobre{margin-top: 45px; box-sizing: border-box; border: 2px solid #fff; padding: 5px 20px; border-radius: 20px; background: transparent;}
.sobrenosindex1{width: 100%; height: 376px;}
.sobrenosindex2{width: 100%; background: #79863C; box-sizing: border-box; padding-left: 25px; padding-top: 45px; padding-right: 25px; padding-bottom: 44px; margin-left: 0px; margin-top: 0px;}
.divprocabre{position: fixed; background: transparent linear-gradient(118deg, rgba(146, 192, 33, 0.9) 0%, rgba(22, 79, 146, 0.9) 100%) 0% 0% no-repeat padding-box; right: 0px; top: 0; box-sizing: border-box; padding: 74px; height: 100vh; padding-top: 312px; padding-top: 250px; width: 100vw; display: none;}
.inputprocura{width: 100%; height: 44px;}
.submitprocura{right: 5px; appearance: none; background: url(../imgs/lupa.png) no-repeat center center /contain; width: 32px; border: 0; top: 30px; cursor: pointer; height: 32px; display: none;}
.suggestionsBox{position: absolute; top: calc(100% + 50px); bottom: auto; width: 100%; left: 0px; background: transparent; box-sizing: border-box; padding: 0; padding-bottom: 20px; display: none; max-height: calc(100vh - 345px);}
.indextit{line-height: 35px; width: calc(100% - 25px); box-sizing: border-box; padding-left: 25px;}
.destaqueindex .swiper-slide .captionindex{position: absolute; bottom: 88px; left: 0; width: calc(100% - 50px); background: rgba(121, 134, 60, 0.85); box-sizing: border-box; padding: 23px 0; padding-bottom: 79px;}
.saberdestaque{position: absolute; left: 25px; bottom: 27px; display: flex; align-items: center; box-sizing: border-box; padding: 0 18px; border: 2px solid #FFFFFF; border-radius: 20px; height: 30px;}
.paginationdestaque{bottom: 96px !important; width: auto !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important;}
.paginationdestaque .swiper-pagination-bullet{margin: 0 4px !important; width: 34px !important; height: 14px !important; border: 1px solid #fff !important; border-radius: 15px !important; background: transparent !important; opacity: 1 !important;}
.paginationdestaque .swiper-pagination-bullet.swiper-pagination-bullet-active{margin: 0 4px !important; width: 34px !important; height: 14px !important; border: 1px solid #fff !important; border-radius: 15px !important; background: #fff !important;}
.sobretit{text-align: left;}
.sobretit2{text-align: left;}
.sobredesc{text-align: left;}
.sobretit.lh65{line-height: 45px;}
.quadradosobrenos{position: relative; float: left; width: 100%; height: 398px; margin-top: 30px; clear: both;}
.sobretit2 .lh55{line-height: 41px;}
.galeriaportfolio{position: relative; float: left; clear: both; width: 100%; margin-top: 54px;}
.mtop80{margin-top: 80px;}
.orcamentoconte .wrappedirorc{padding-top: 44px; padding-bottom: 242px;}
.titcaption{line-height: 35px; width: calc(100% - 25px); box-sizing: border-box; padding-left: 25px;}
.h315{height: 300px;}
.mbot125{margin-bottom: 4px;}
.innerservicos{border-radius: 0 50%;}
.colunas2portfolio{position: relative; float: left; width: 100%; height: 500px; margin-bottom: 20px; box-sizing: border-box; padding-left: 0; padding-right: 0; clear: both;}
.bgservico{opacity: 0.74;}
.colunas4.colunas4servicosconte{width: 100%; clear: both; box-sizing: border-box; padding-left: 0; padding-right: 0; margin-bottom: 25px;}
.mbot32{margin-bottom: 32px;}
.missaowrap{margin-top: 178px; box-sizing: border-box; padding-left: 32px; padding-right: 32px;}
.missao.letra42{text-align: center; line-height: 35px;}
.w280{width: 208px; left: 50%; transform: translateX(-50%);}
.circulo1missao{position: absolute; bottom: -210px; left: calc(100% - 63px); width: 350px; height: 350px; background: url(../imgs/circulo_azul_outline.png) no-repeat center center / contain;}
.circulo2missao{position: absolute; bottom: -270px; left: calc(100% - 81px); width: 350px; height: 350px; background: url(../imgs/circulo_verde_outline.png) no-repeat center center / contain;}
.divtextomissao{width: 100%; margin-top: 52px; position: relative; float: left; clear: both;}
.divtopicosmissao{position: relative; float: left; clear: both; width: 100%; margin-left: 0; margin-top: 98px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.divtopicosmissao2{position: relative; float: left; clear: both; width: 100%; margin-left: 0; margin-top: 70px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.textotopico{margin-left: 0px; position: relative; float: left; clear: both; text-align: center;}
.imgcaptura{width: 77px; height: 77px; margin-top: 0px; margin-bottom: 25px; background: url(../imgs/icon_captura_co2.png) no-repeat center center / contain; left: 50%; transform: translateX(-50%);}
.imgarmazenamento{width: 76px; height: 76px; margin-top: 0px; margin-bottom: 25px; background: url(../imgs/icon_armazenamento_energia.png) no-repeat center center / contain; left: 50%; transform: translateX(-50%);}
.imgreducao{width: 74px; height: 72px; margin-top: 0px; margin-bottom: 25px; background: url(../imgs/icon_reducao_custos.png) no-repeat center center / contain; left: 50%; transform: translateX(-50%);}
.imgtransformacao{width: 75px; height: 74px; margin-top: 0px; margin-bottom: 25px; background: url(../imgs/icon_transformacao_residuos.png) no-repeat center center / contain; left: 50%; transform: translateX(-50%);}
.imgdescarbonizacao{width: 77px; height: 73px; margin-top: 0px; margin-bottom: 25px; background: url(../imgs/icon_descarbonizacao_setores.png) no-repeat center center / contain; left: 50%; transform: translateX(-50%);}
.imgevitar{width: 71px; height: 71px; margin-top: 0px; margin-bottom: 25px; background: url(../imgs/icon_componentes_quimicos.png) no-repeat center center / contain; left: 50%; transform: translateX(-50%);}
.wrapprec{position: absolute; left: 48px; bottom: 45px;}
.prec1{position: relative; float: left; clear: both; margin-left: 0px; margin-top: 0px;}
.prec2{position: relative; float: left; clear: both; margin-left: 0px; margin-top: 30px;}
.prec3{position: relative; float: left; clear: both; margin-left: 0px; margin-top: 30px;}
.prec4{position: relative; float: left; clear: both; margin-left: 0px; margin-top: 30px;}
.letra16.ls0_82{max-width: 125px;}
.h732{height: 650px;}
.sectionabordagem{margin-top: 58px; box-sizing: border-box; padding-left: 32px; padding-right: 32px;}
.letra82.letramob35{line-height: 47px;}
.abordagemicons{margin-top: 86px;}
.abordagemiconsindex{margin-top: 86px;}
.iconparent{width: 50%; margin-bottom: 55px;}
.wrapjunte{position: absolute; left: 50%; bottom: 80px; width: calc(100% - 64px); transform: translateX(-50%);}
.junte{line-height: 38px;}
.wrapinputscontactos .colunas2:nth-child(2n+1){padding-right: 0px; margin-bottom: 20px;}
.wrapinputscontactos .colunas2:nth-child(2n+2){padding-left: 0px; margin-bottom: 0;}
.circulo1perguntas{position: absolute; top: -265px; right: calc(100% - 95px); width: 350px; height: 350px; background: url(../imgs/circulo_azul_outline.png) no-repeat center center / contain;}
.circulo2perguntas{position: absolute; top: -195px; right: calc(100% - 77px); width: 350px; height: 350px; background: url(../imgs/circulo_verde_outline.png) no-repeat center center / contain;}
.sectionperguntas{box-sizing: border-box; padding-left: 32px; padding-right: 32px; margin-top: 194px;}
.pergfreq{margin-left: 0px; width: 210px; line-height: 35px; text-align: center; left: 50%; transform: translateX(-50%);}
.pergfreq::before{content: ''; position: absolute; top: -44px; left: 50%; transform: translateX(-50%); width: 30px; height: 33px; background: url(../imgs/bolinhas_azuis_e_verde.png) no-repeat center center / contain;}
.missao::before{content: ''; position: absolute; left: 50%; top: -44px; transform: translateX(-50%); width: 30px; height: 33px; background: url(../imgs/bolinhas_azuis_e_verde.png) no-repeat center center / contain;}
.saberfaq{left: 50%; transform: translateX(-50%);}
.sectionnoticias{position: relative; float: left; width: calc(100% - 50px); margin-left: 25px; margin-right: 25px; margin-top: 168px;}
.contentnoticias{position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 18px 20px;}
.orcflex{display: flex; justify-content: center; align-items: flex-start; flex-direction: column;}
.wrappedirorc{box-sizing: border-box; padding-top: 44px; padding-bottom: 242px; padding-left: 25px; padding-right: 25px; background: #F5F7F4;}
.wrapinputsorc{margin-left: 0px; margin-top: 50px;}
.txtorc{margin-top: 58px; width: 100%;}
.pedirbefore{display: none;}
.pedirafter{display: block;}
.linhaorc{position: absolute; left: 0; bottom: 0; width: 100%; height: 17px; background: #415429; display: block;}
.colunas3noticias{width: 100%; clear: both; box-sizing: border-box; margin-bottom: 20px; position: relative; float: left;}
.bolinhasnoticias{position: absolute; left: 50%; top: -55px; transform: translateX(-50%); width: 30px; height: 33px; background: url(../imgs/bolinhas_azuis_e_verde.png) no-repeat center center / contain;}
.maintitnoticias{margin-left: 0px; left: 50%; transform: translateX(-50%);}
.sabernoticia.sabernoticiadesktop{display: none;}
.sectionportfolio{position: relative; float: left; margin-top: 64px; margin-left: 25px; margin-right: 25px; width: calc(100% - 50px);}
.contentservicos{position: absolute; bottom: 0px; left: 0px; width: 100%; box-sizing: border-box; padding: 15px 10px; height: 57px;}
.contentservicos .letra25{text-align: center;}
.sectionnoticias .sabernoticia{margin-top: 11px;}
.porttit{left: 50%; transform: translateX(-50%);}
.projetosdestaqueindex{left: 50%; transform: translateX(-50%);}
.projetosdestaque::after{content: ''; position: absolute; top: calc(100% + 7px); left: 0%; transform: translateX(0%); width: 63px; height: 2px; background: #B4B4B4;}
.projetosdestaqueindex::after{content: ''; position: absolute; top: calc(100% + 7px); left: 50%; transform: translateX(-50%); width: 63px; height: 2px; background: #B4B4B4;}
.imgfolhas{position: absolute; bottom: 0; right: 0; width: 100%; height: 351px; mix-blend-mode: multiply; background: url(../imgs/folhas.png) no-repeat bottom right /contain; pointer-events: none;}
.saberlorem{margin-top: 37px; border: 2px solid #FFFFFF; border-radius: 20px; box-sizing: border-box; padding: 0 20px; display: flex; align-items: center; height: 30px;}
.bgfolhas{position: absolute; right: 688px; bottom: 0; width: 545px; height: 391px; background: transparent linear-gradient(83deg, rgba(121, 134, 60, 1) 0%, rgba(121, 134, 60, 0.8) 42%, rgba(121, 134, 60, 0.4) 73%, rgba(121, 134, 60, 0) 100%) 0% 0% no-repeat padding-box; pointer-events: none; display: none;}
.loremdentro{width: calc(100% - 50px); margin-left: 25px; margin-top: 60px;}
.sectionlorem{position: relative; float: left; width: 100%; margin-top: 71px; height: 702px; background: #79863C; mix-blend-mode: multiply;}
.sabernoticia{margin-top: 28px; left: 50%; transform: translateX(-50%); position: relative; float: left; clear: both;}
.sabernoticia{background: transparent; display: flex; align-items: center; box-sizing: border-box; border: 2px solid #79863C; border-radius: 20px; height: 30px;}
.sabernoticia .corpri1{padding: 0 20px;}
.sabernoticia:hover{background: #79863C;}
.sabernoticia:hover .corpri1{color: #fff;}
.contactonews{box-sizing: border-box; padding-left: 32px; padding-right: 32px; padding-top: 62px; padding-bottom: 54px; background: transparent linear-gradient(101deg, rgba(22, 79, 146, 0.85) 0%, rgba(146, 192, 33, 0.85) 100%) 0% 0% no-repeat padding-box; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;}
.divformcontacto{width: 100%; box-sizing: border-box; padding-left: 25px; padding-right: 25px; padding-top: 21px; padding-bottom: 47px; background: #F5F7F4; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden;}
.wrapformorcamento{box-sizing: border-box; padding-left: 0px; overflow: hidden; padding-right: 0px; width: 100%; clear: both;}
.divinputcontact{width: 100%; position: relative; float: left;}
.divtextareacontact{width: 100%; position: relative; float: left; clear: none; margin-top: 0;}
.folhasorc{position: absolute; bottom: -226px; right: -26px; width: 390px; height: 260px; background: url(../imgs/folhas2.png) no-repeat center center /contain;}
.bgfolhasorc{position: absolute; top: 15px; right: -17px; width: 170px; height: 137px; background: transparent linear-gradient(107deg, rgb(245, 247, 244) 0%, rgba(245, 247, 244, 0.91) 26%, rgba(245, 247, 244, 0.76) 48%, rgba(245, 247, 244, 0.48) 55%, rgba(245, 247, 244, 0.08) 76%, rgba(245, 247, 244, 0) 100%) 0% 0% no-repeat padding-box; transform: matrix(0, 1, -1, 0, 0, 0);}
#btnsubmitorcamento{height: 30px; width: 182px; border: 2px solid #79863C; border-radius: 20px; left: 50%; transform: translateX(-50%);}
.caminhocont{padding-left: 25px; margin-bottom: 70px;}
.caminhosobre{padding-left: 25px; margin-bottom: 220px;}
.tracoantes::after{content: ''; width: 12px; height: 10px; background: #B4B4B4; mix-blend-mode: multiply; border-radius: 0px 8px; display: inline-block; margin: 0 12px;}
.divconfirmocontact{position: relative; float: left; left: 50%; transform: translateX(-50%);}
#btnsubmitcontactos2{box-sizing: border-box !important; float: left !important; border: 2px solid #79863C !important; padding-left: 21px !important; padding-right: 21px !important; height: 30px !important; border-radius: 20px !important; clear: both !important; margin-top: 28px !important; left: 50% !important; transform: translateX(-50%) !important;}
.folhassobrenos{position: absolute; top: 0; right: 0; width: 390px; height: 294px; background: url(../imgs/folhas3.png) no-repeat top right / contain; transform: rotateY(180deg); pointer-events: none;}
.titulo-relacionado-prev{position: relative; float: left; clear: both; text-align: left; width: 140px; color: #79863C; margin-bottom: 0px;}
.titulo-relacionado-next{position: relative; float: left; clear: both; text-align: right; width: 140px; color: #79863C; margin-bottom: 0px;}
.setaportdentro{width: 29px; height: 29px;}
.portfoliobefore{width: 65px; height: 53px; border-radius: 0px 30px; overflow: hidden; margin-right: 0px; margin-bottom: 10px;}
.portfolioafter{width: 65px; height: 53px; border-radius: 30px 0px; overflow: hidden; margin-left: 0px; margin-bottom: 10px;}
.margin1350{position: relative; float: left; margin-left: 25px; margin-right: 25px; width: calc(100% - 50px);}
.colunas2orc{position: relative; float: left; width: 100%; padding-left: 0px; padding-right: 0px; clear: both;}
.colunas2orc:nth-child(2n+1){margin-bottom: 10px;}
.wrapinputsorc{width: 100%;}
.mtop58{margin-top: 28px;}
.wrapcontebaixo{margin-bottom: 100px;}


.wrapsobrenos{margin-left: 32px; width: calc(100% - 64px);}
.wrapsobrenosindex{margin-left: 0px; width: calc(100% - 0px);}
.marginlayout1{margin-left: 32px; margin-right: 32px; width: calc(100% - 64px);}

.colunas2noticias{position: relative; float: left; width: 100%;}

.marginsobrenos2 .colunas2:nth-child(2n+1){margin-bottom: 70px;}

.w235{width: 235px;}
.w495{width: 495px;}

.h702{height: 241px;}


.maisservico{position: absolute; left: 50%; bottom: 104px; transform: translateX(-50%); width: 34px; height: 34px; margin-bottom: 0px; background: url(../imgs/maisbr.png) no-repeat center center /contain; opacity: 1;}
.innerservicosindex .contentservicosindex{height: 36px; position: absolute; bottom: 0px; left: 0px; width: 100%; box-sizing: border-box; padding: 8px 5px;}

.procuralista{margin-top: 20px;}
/*************************************************************** FIM INDEX ****************************************************************/


/************************************************************* DESTAQUE CONTE *************************************************************/
.destaqueconte.conte,
.destaqueconte.contebaixo,
.destaqueconte.marca,
.destaqueconte.Procura{position: var(--positiondestaque); height: 100vh; max-height: 654px; margin-bottom: 0px; margin-top: 0px;}

.destaqueconte.conte .imgdestaque,
.destaqueconte.contebaixo .imgdestaque,
.destaqueconte.marca .imgdestaque,
.destaqueconte.Procura .imgdestaque{width: 100%; height: 100%;}

.destaqueconte.conte .maskdestaque,
.destaqueconte.contebaixo .maskdestaque,
.destaqueconte.marca .maskdestaque,
.destaqueconte.Procura .maskdestaque{position: absolute; top: 0; left: -60%; width: 200%; height: 300px; background: url(../imgs/simbolo.svg) no-repeat center bottom / cover; opacity: .65}

.destaqueconte.marca .caption{position: absolute; left: 0; bottom: 80px; padding-left: 40px;}
.destaqueconte.marca .imgmarcadestaque{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; filter: grayscale(1);}

.destaqueconte.conte::before,
.destaqueconte.contebaixo::before,
.destaqueconte.marca::before,
.destaqueconte.Procura::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0;}

.destaqueconte.conte .caption,
.destaqueconte.contebaixo .caption,
.destaqueconte.Procura .caption{position: absolute; bottom: 88px; left: 0; width: 345px; background: rgba(121, 134, 60, 0.85); box-sizing: border-box; padding: 23px 0;}
/*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


/*************************************************************** CONTE CIMA ***************************************************************/

.wrapartigocontecima{width: 100%; padding: 87px 74px 87px 153px;}

.wrapartigocontecima .maskpaginascontecima{position: absolute; width: calc(100% - 100px); height: 100%; top: 0; right: 0; opacity: .8; transition: width .5s; }
.wrapartigocontecima .maskpaginascontecima::before{content: ""; position: absolute; right: 0; top: 50%; width: 40px; height: 2px; background: #fff; opacity: .25; transition: opacity .5s}
.wrapcontecima .maxwidth1600 > a:nth-child(4n+1) .wrapartigocontecima .maskpaginascontecima{background: #3786C8;}
.wrapcontecima .maxwidth1600 > a:nth-child(4n+2) .wrapartigocontecima .maskpaginascontecima{background: #145991;}
.wrapcontecima .maxwidth1600 > a:nth-child(4n+3) .wrapartigocontecima .maskpaginascontecima{background: #03377D;}
.wrapcontecima .maxwidth1600 > a:nth-child(4n+4) .wrapartigocontecima .maskpaginascontecima{background: #032553;}

.wrapcontecima.marcas .wraptextomarcas{max-width: 630px;}
.wrapcontecima.marcas .wraptextomarcas > div:nth-child(1){margin-bottom: 15px;}
.wrapcontecima.marcas .wrapmarcasconte{background: #E2E2E259; padding: 46px 39px 45px 39px}
.wrapmarcasconte .colunas5{width: calc(50% - 37.5px); margin-bottom: 40px;}
.wrapmarcasconte .colunas5:nth-child(2n+1){margin-right: 75px; clear: both;}
.wrapmarcasconte .colunas5:nth-child(2n+2){clear: none;}
.wrapmarcasconte .colunas5 a > img{filter: grayscale(1); transition: filter .5s; mix-blend-mode: multiply;}
.wrapmarcasconte .colunas5 a > img:hover{filter: grayscale(0);}

.divtitpagina{box-sizing: border-box; padding: 0px; margin-bottom: 22px; position: relative; float: left;}
/************************************************************* FIM CONTE CIMA *************************************************************/


/************************************************************ CONTE CONTACTOS *************************************************************/
.wrapcontebaixocontactos .colunas40{padding: 56px 39px 52px 39px; background: #03377D}
.wrapcontebaixocontactos .wrapmap{width: 100%; min-height: 445px; height: 100%; overflow: hidden;}

.wrapcontebaixocontactos .colunas40 .btnhoverdefault{margin-top: 35px;}
.wrapcontebaixocontactos .colunas60 #map{height: 363px;}

.wrapsectionformcontacto{min-height: min(700px, 100vh); display: flex; align-items: center;}
/********************************************************** FIM CONTE CONTACTOS ***********************************************************/


/************************************************************* LAYOUTS GERAL **************************************************************/
.wrapficheirosrelacionados{margin-top: 40px; margin-bottom: 40px;}
.wrapficheiro:nth-child(2n+1){margin-right: 60px; clear: both;}
.wrapficheiro:nth-child(2n+2){clear: both;}
.wrapinnerficheirorel{column-gap: 15px;}
.wrapficheiros .imgdownload{width: 22px; height: 22px;}
.wrapficheiros .imgweb{width: 22px; height: 22px;}

.orcamentoprodutos{padding: 65px 40px 65px 0px;}
.orcamentoprodutos .wrapformularioorcamentoprods{background: #03377DD9; padding: 55px 28px 60px 39px; transform: translateX(calc(-100% + 30px))}
#btnsubmitorcamento{float: left;}
.paginationgaleria{bottom: auto !important; top: calc(100% + 30px) !important;}
.paginationgaleria.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px !important;}
.paginationgaleria .swiper-pagination-bullet{width: 17px !important; height: 14px !important; background: url(../imgs/folha_cinza_outline.png) no-repeat center center / contain !important; opacity: 1 !important; border-radius: 0 !important;}
.paginationgaleria .swiper-pagination-bullet-active{background: url(../imgs/folha_cinza_preenchida.png) no-repeat center center / contain !important;}

/*********************************************************** FIM LAYOUTS GERAL ************************************************************/

/***************************************************************** LAYOUT0 ****************************************************************/
.wrapslidercontebaixo .slide .innerimg{aspect-ratio: 296/220; overflow: hidden;}

.wrapslidercontebaixo .slide .innerimg{width: 100%; }
.wrapslidercontebaixo .slide .maskazul{opacity: 0;}

.wrapslidercontebaixo .slide .legendaimg{background: transparent; color: #363636; padding-top: 0px; position: relative;}

.wrapcontebaixo video.video{width: 100%;}
.contactotxt{width: calc(100% - 0px);}
.insidecontactotxt{background: #3E4827; margin: 0; box-sizing: border-box; padding-left: 25px; padding-right: 25px; padding-top: 50px; padding-bottom: 43px; margin-bottom: 0px;}
.divlocalizacao{width: 100%; position: relative; float: left; clear: both;}
.wrapcontacto{box-sizing: border-box; padding-right: 0px; margin-bottom: 0px;}
.marginsobrenos{margin-left: 43px; margin-right: 30px; width: calc(100% - 73px);}
.marginsobrenos2{margin-left: 43px; margin-right: 30px; width: calc(100% - 73px);}
.wrapslidercontebaixo{margin-bottom: 35px;}
.wrapcontebaixocontactos{margin-top: 55px;}
.noticiasdiv{position: relative; float: left; clear: both; height: 448px; width: 100%; box-sizing: border-box; margin-top: 0px; margin-bottom: 20px;}
.mtop60{margin-top: 45px;}
.textoconte{position: relative; float: left; width: calc(100% - 0px);}
.textoconte2{position: relative; float: left; width: calc(100% - 0px);}
.h932{height: 1100px;}
#btnsubmitcontactos{clear: both !important;}
.logocapa{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 267px; height: 149px; background: url(../imgs/logo_sustainc_vertical_negativo.png) no-repeat center center / cover;}

.closeorc{position: absolute; right: 30px; top: 0; width: 70px; height: 54px; background: #FCBC00; border-radius: 0px 0px 5px 5px; cursor: pointer;}
/*************************************************************** FIM LAYOUT0 **************************************************************/

/************************************************************** LAYOUT PRODS **************************************************************/
.wrapcontebaixoprods .wraptextoprod{max-width: 630px;}
.wrapcontebaixoprods .wraptextoprod > div:nth-child(1){margin-bottom: 25px;}

.wrapcontebaixoprods .wrapgaleriaprod{display: grid; grid-template-columns: repeat(2, 1fr); gap: 35px 10px;}
.wrapcontebaixoprods .wrapimgproduto.hide{width: 100%;}
.wrapcontebaixoprods .wrapimgproduto .innerimg{width: 100%; height: 100%;}
.wrapcontebaixoprods .wrapimgproduto .maskazul{opacity: 0;}
.wrapcontebaixoprods .wrapimgproduto .legendaimg{background: #fff; color: #03377DE6; padding-top: 15px; position: relative;}

.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 7),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 1) { grid-column: auto /span 2; grid-row: auto /span 2; aspect-ratio: 632/547; }

.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 4),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 8) { grid-column: auto /span 2; grid-row: auto /span 1; aspect-ratio: 698/297; }

.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 2),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 3),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 5),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 6) { aspect-ratio: 344/297; }

.wrapcontebaixoprods .galeriaprodutos .btnhoverdefault{margin-top: 65px;}
/************************************************************ FIM LAYOUT PRODS ************************************************************/

/************************************************************** LAYOUT MARCAS *************************************************************/
.viewweb{padding-bottom: 83px;}
.viewweb::before{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #03377D; opacity: .3;}
.viewweb > .divdefault{background: #03377DD9; padding: 35px 39px 45px 39px;}
.viewweb > .divdefault::before{content: ""; position: absolute; width: 17px; height: 2px; background: #FFFFFFBF; left: 0;}
.viewweb .btnhoverdefault{column-gap: 13px;}
.viewweb .btnhoverdefault .imgweb{width: 20px; height: 20px;}
.wrapslidermarcas .slide{ overflow: hidden;}

.wrapslidermarcas .slide .innerimg{width: 100%; aspect-ratio: 422/487; }

.wrapslidermarcas .slide .maskazul{opacity: 0;}

.wrapslidermarcas .slide .legendaimg{background: #fff; color: #03377DE6; padding-top: 15px; position: relative;}

/************************************************************ FIM LAYOUT MARCAS ***********************************************************/


/****************************************************************** 404 *******************************************************************/

.destaqueconte.error404{position: var(--positiondestaque); height: var(--alturadestaque); margin-bottom: var(--margindestaque)}

.destaqueconte.error404 .imgdestaque{width: 100%; height: 100%;}

.destaqueconte.error404 .maskdestaque{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #03377D; opacity: .3}

.destaqueconte.error404 .caption{position: absolute; left: 0; bottom: 85px; padding-left: 40px;}

.destaqueconte.error404 .caption h1::after{content: ""; position: absolute; top: 50%; left: -40px; width: 20px; height: 2px; background: #fff;}

/**************************************************************** FIM 404 *****************************************************************/


/******************************************************************* PE *******************************************************************/
.wrapprodspe{background: url(../imgs/imgprodspe.jpg) no-repeat center center / cover;}
.titprodpe{padding: 30px 0px 30px 72px; background: #03377DE6}
.titprodpe::before{content: ""; width: 40px; height: 2px; background: #FFFFFFBF; border-radius: 1px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.pebaixo{background: #788B4D; z-index: 99; box-sizing: border-box; padding-left: 32px; padding-top: 20px; padding-right: 32px; padding-bottom: 24px;}
.copydiv{position: relative; float: left; clear: both; margin-top: 25px; margin-bottom: 44px; line-height: 25px;}
.divpe:nth-child(2n+1){width: calc(100% - 0px);}
.divpe:nth-child(2n+2){width: 100%; box-sizing: border-box; padding-left: 32px; padding-top: 56px; padding-right: 32px; padding-bottom: 65px;}
.divpepadd{box-sizing: border-box; padding-top: 50px; padding-bottom: 54px; padding-left: 62px; padding-right: 62px;}
.colunas2pe:nth-child(2n+1){position: relative; float: left; box-sizing: border-box; padding-right: 25px; margin-bottom: 11px; width: 50%; clear: both;}
.colunas2pe:nth-child(2n+2){position: relative; float: left; box-sizing: border-box; padding-left: 25px; margin-bottom: 11px; width: 50%; clear: none;}

.wrapmenusprodpe{padding-bottom: 40px; background: #03377DE6}
.wrapprodspe .colunas4{aspect-ratio: 374/123}
.wrapprodspe .colunas4 > a .divdefault{width: 60%; padding: 0px 50px 0px 75px; min-height: 100%; transition: all .5s;}
.wrapprodspe .colunas4 > a .divdefault::before{content: ""; width: 40px; height: 2px; background: #FFFFFFBF; border-radius: 1px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: .25}

.wrapprodspe .colunas4:nth-child(4n+1) > a .divdefault{background: #3786C8CC}
.wrapprodspe .colunas4:nth-child(4n+2) > a .divdefault{background: #145991CC}
.wrapprodspe .colunas4:nth-child(4n+3) > a .divdefault{background: #03377DCC}
.wrapprodspe .colunas4:nth-child(4n+4) > a .divdefault{background: #032553CC}

.marquee { background: #FFFFFFD9; overflow: hidden; }

.logope{margin-right: 0px; width: 246px; position: relative; float: left; clear: both; margin-top: 0px; margin-bottom: 60px;}
.mright234{margin-right: 0px; margin-bottom: 54px; clear: both;}
.mright234 .wrapmorada{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.flexpe{display: flex; flex-direction: column; align-items: center; justify-content: center;}

.innermarquee{display: flex;}

.wrapmarcaspe{margin-top: 40px; margin-bottom: 40px; background: #FFFFFFD9; padding: 30px 57px 30px 57px;}
.wrapmarcaspe a.marqueechild{ display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; height: 50px; filter: grayscale(1); transition: filter .5s; mix-blend-mode: multiply;}
.wrapmarcaspe a.marqueechild:hover{filter: grayscale(0);}
.wrapmarcaspe a.marqueechild > img{height: 100%;}

.luminosity{opacity: 1; mix-blend-mode: normal;}

.separadorpe{height: 32px; background: #FFFFFFD9}

footer .divfooter{background: #fff; box-sizing: border-box; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; justify-content: space-between;}
footer .divfooter > .colunas65.showmobile769{margin-top: 46px;}
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(1) .divdefault:nth-child(1),
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(1) .divdefault:nth-child(3),
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(1) .divdefault:nth-child(5){margin-bottom: 5px;}
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(1) .divdefault:nth-child(2),
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(1) .divdefault:nth-child(4),
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(1) .divdefault:nth-child(6){margin-bottom: 28px;}

footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(2){margin-top: 45px;}
footer .divfooter > .colunas65.showmobile769 .colunas2:nth-child(2) .btnhoverdefault{margin-bottom: 45px;}
footer .divfooter > .maskazulescuropa{position: absolute; bottom: 0; left: 0; width: 100%; height: 625px; background: url(../imgs/simbolo_pe.svg) no-repeat calc(100% + 100px) center / cover;}

footer.divfooterindex{padding: 20px 40px 20px 40px; background: #032553; row-gap: 25px;}
footer.divfooterindex > img{width: 167px; }

.designfooter{float: left;}
.logocopy{width: 40px; height: 16px; margin-top: 3px; margin-left: 5px; float: right;}

.linhacopy::after{content: '\00a0\00a0 | \A \00a0\00a0'}

.show1600{display: none;}
.hide1600{display: block;}
.show2000flex{display: none;}
.hide2000flex{display: flex;}

.w495{margin-right: 135px;}

.coluna2input{width: 100%; margin-right: 0px; clear: both; position: relative; float: left;}

.bgcontedestaque .letra44{font-size: 25px; letter-spacing: 4.4px;}

.hide1500{display: none;}
.show1500{display: block;}
.menuspe{position: relative; float: left; width: 100%; clear: both; margin-top: 0px;}
.divsocialfooter{position: absolute; bottom: -65px; left: -5px;}
/***************************************************************** FIM PE *****************************************************************/


/********************************************************** FIM ESTRUTURA GERAL ***********************************************************/
}

@media only screen and (max-width:768px){
.colunas3conte{width: 100%; margin-bottom: 55px;}
/********************************************************** ESTRUTURA SO MOBILE ***********************************************************/
/**                                                                                                                                      **/
/**                                            ESTILOS QUE SO SE APLICAM AO MOBILE (MAX 768)                                             **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.btnhoverdefault.transparent.forcehover{background: var(--corpri1);}
.btnhoverdefault.whiteborder.forcehover{border: 2px solid #ffffff00;}
/************************************************************* VARIAVEIS CSS **************************************************************/

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/***************************************************************** CABEÇA *****************************************************************/

/*************************************************************** FIM CABEÇA ***************************************************************/


/************************************************************* DESTAQUE INDEX *************************************************************/

/*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


/***************************************************************** INDEX ******************************************************************/
.wrapartigoindex{text-align: right;}

.wrapmarcasindex .wrapinnermarcasindex > .divdefault:nth-child(1){margin-left: 40px;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:nth-child(2n+1){width: 50%; clear: both;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:nth-child(2n+2){width: 50%; clear: none;}

.marginsobrenosindex{margin: 0 30px; width: calc(100% - 60px);}
.sobrenosindex{margin-top: 92px;}

.videoindex{margin: 0 43px; margin-top: 202px; width: calc(100% - 86px);}
.h540{height: 160px;}
.botm65{bottom: 0px;}
.wrapprodsindex{margin: 0 43px; margin-top: 178px; width: calc(100% - 86px);}

.atreladosmedida{width: calc(100% - 60px); height: 566px; margin: 0 30px;}
.atreladostxt{left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 60px);}
.atreladostxt .letra72{letter-spacing: 5.4px; line-height: 27px; font-size: 27px;}
.atreladostxt .letra51{letter-spacing: 3.8px; line-height: 27px; font-size: 19px; margin-left: 16px;}
.saberatrelados{opacity: 1;}
.cormorant.letra64{font-size: 45px; letter-spacing: 9px;}
/*************************************************************** FIM INDEX ****************************************************************/


/************************************************************* DESTAQUE CONTE *************************************************************/

/*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


/*************************************************************** CONTE CIMA ***************************************************************/
.wrapartigocontecima .titpagina{text-align: right;}
/************************************************************* FIM CONTE CIMA *************************************************************/


/************************************************************ CONTE CONTACTOS *************************************************************/
.wrapsectionformcontacto{padding: 0 40px;}
#btnsubmitcontactos{float: left; margin-top: 25px;}
/********************************************************** FIM CONTE CONTACTOS ***********************************************************/


/************************************************************* LAYOUTS GERAL **************************************************************/
.wrapficheiro:nth-child(2n+2){margin-top: 20px;}
.wrapslidercontebaixo .swiper-wrapper{/*flex-direction: column; row-gap: 35px;*/}

#btnsubmitorcamento{margin-top: 25px;}

/*********************************************************** FIM LAYOUTS GERAL ************************************************************/

/***************************************************************** LAYOUT0 ****************************************************************/
.wrapslidercontebaixo{margin-top: 0px}
.mobilebot30{margin-bottom: 30px;}
.parentpaddorc{width: 100%;}
.paddorc{width: 100%; background: #f8f8f8; box-sizing: border-box; padding: 0 30px; padding-top: 106px; padding-bottom: 62px;}
#btnsubmitorcamento{float: left; margin-top: 28px; clear: both;}
.titorc{margin-bottom: 22px;}
.wrapformorcamento{margin-top: 22px;}

.imgorc{display: none;}

/*************************************************************** FIM LAYOUT0 **************************************************************/

/************************************************************** LAYOUT MARCAS *************************************************************/
.viewweb{padding-top: 83px;}
.viewweb > .divdefault{row-gap: 32px;}
.viewweb > .divdefault::before{top: 48px;}

.wrapslidermarcas .swiper-wrapper{flex-direction: column; row-gap: 35px;}
.wrapslidermarcas .slide .innerimg{aspect-ratio: 422/487; }

/************************************************************ FIM LAYOUT MARCAS ***********************************************************/

/****************************************************************** 404 *******************************************************************/

/**************************************************************** FIM 404 *****************************************************************/


/******************************************************************* PE *******************************************************************/
footer .divfooter{padding: 0px;}



footer .chamadas{clear: both;}
footer .linkspe{clear: both; margin-top: 0px;}
footer .copype{clear: both; margin-top: 25px;}
footer .linkspe .div.linhacopy{display: none;}
footer .linkspe .div:not(.linhacopy){clear: both;}
footer .linkspe .div:not(:last-child){margin-bottom: 10px; margin-bottom: 0;}
.socialfooter{clear: both; margin-bottom: 0px; float: right;}
.social.footer{display: flex; justify-content: center; margin-top: 0px; flex-direction: row;}
.socialdiv{margin-bottom: 0px; margin-right: 8px;}
.wrapsocial{float: left;}
.social.footer .wrapsocialitem .imgsocial{height: 30px; width: 30px; opacity: 1;}
.abreorc{position: absolute; right: 30px; top: -1px; width: 70px; height: 54px; background: #FCBC00; border-radius: 0px 0px 5px 5px; cursor: pointer;}
.abreorc .pedirorc{position: absolute; width: 142px; height: 48px; bottom: calc(100% - 1px); right: -30px; background: #CBCBCB; border-radius: 4px 4px 0px 0px; display: flex; justify-content: center; align-items: center;}
/***************************************************************** FIM PE *****************************************************************/


/******************************************************** FIM ESTRUTURA SO MOBILE *********************************************************/
}

@media only screen and (min-width:481px){
    .colunas2noticias:nth-child(2n+1){position: relative; float: left; width: 50%; box-sizing: border-box; padding-left: calc((22px / 2) * 0); padding-right: calc((22px / 2) * 1); clear: both;}
    .colunas2noticias:nth-child(2n+2){position: relative; float: left; width: 50%; box-sizing: border-box; padding-left: calc((22px / 2) * 1); padding-right: calc((22px / 2) * 0); clear: none;}
    .projetosdiv:nth-child(2n+1){position: relative; float: left; width: 370px; height: 380px;}
    .projetosdiv:nth-child(2n+2){position: relative; float: left; width: 502px; height: 380px;}
    .abordagemicons .colunas4{display: block;}
    .noticiasdiv:nth-child(2n+1){position: relative; float: left; clear: both; height: 448px; width: 50%; box-sizing: border-box; padding-left: calc((16px / 2) * 0); padding-right: calc((16px / 2) * 1); margin-top: 0px; margin-bottom: 20px;}
    .noticiasdiv:nth-child(2n+2){position: relative; float: left; clear: none; height: 448px; width: 50%; box-sizing: border-box; padding-left: calc((16px / 2) * 1); padding-right: calc((16px / 2) * 0); margin-top: 0px; margin-bottom: 20px;}
}

@media only screen and (min-width:600px){

}

@media only screen and (min-width:769px){
.noticiasindex-prev, .noticiasindex-next{position: absolute; cursor: pointer; top: 50%; transform: translateY(-50%); width: 35px; height: 35px;}
.noticiasindex-prev{right: calc(100% + 50px); background: url(../imgs/seta_esquerda.png) no-repeat center center / contain;}
.noticiasindex-next{left: calc(100% + 50px); background: url(../imgs/seta_direita.png) no-repeat center center / contain;}
.paginationgaleria{bottom: auto !important; top: calc(100% + 50px) !important;}
.paginationgaleria.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px !important;}
.paginationgaleria .swiper-pagination-bullet{width: 28px !important; height: 22px !important; background: url(../imgs/folha_cinza_outline.png) no-repeat center center / contain !important; opacity: 1 !important; border-radius: 0 !important;}
.paginationgaleria .swiper-pagination-bullet-active{background: url(../imgs/folha_cinza_preenchida.png) no-repeat center center / contain !important;}
.mbot125{margin-bottom: 125px;}
.colunas2portfolio:nth-child(2n+1){position: relative; float: left; width: 50%; height: 348px; margin-bottom: 25px; box-sizing: border-box; padding-left: calc((26px / 2) * 0); padding-right: calc((26px / 2) * 1); clear: both;}
.colunas2portfolio:nth-child(2n+2){position: relative; float: left; width: 50%; height: 348px; margin-bottom: 25px; box-sizing: border-box; padding-left: calc((26px / 2) * 1); padding-right: calc((26px / 2) * 0); clear: none;}
.innerservicos:hover{border-radius: 0;}
.h315{height: 315px;}
.innerservicos:hover .bgservico{opacity: 0;}
.innerservicos:hover .servicotit{opacity: 0;}
.colunas4.colunas4servicosconte:nth-child(2n+1){width: calc(100% / 2); clear: both; box-sizing: border-box; padding-left: calc((25px * 0) / 2); padding-right: calc((25px * 1) / 2); margin-bottom: 25px;}
.colunas4.colunas4servicosconte:nth-child(2n+2){width: calc(100% / 2); clear: none; box-sizing: border-box; padding-left: calc((25px * 1) / 2); padding-right: calc((25px * 0) / 2); margin-bottom: 25px;}
.titcaption{line-height: 50px; width: calc(100% - 25px); box-sizing: border-box; padding-left: 132px;}
.destaqueconte.conte .caption,
.destaqueconte.contebaixo .caption,
.destaqueconte.Procura .caption{position: absolute; bottom: 134px; left: 0; width: calc(100% - 200px); background: rgba(121, 134, 60, 0.85); box-sizing: border-box; padding: 18px 0;}
.mbot32{margin-bottom: 32px;}
.orcamentoconte .wrappedirorc{padding-top: 123px; padding-bottom: 116px;}
.mtop80{margin-top: 80px;}
.galeriaportfolio{position: relative; float: left; clear: both; width: 546px; margin-top: 54px;}
.sobretit2 .lh55{line-height: 55px;}
.quadradosobrenos{position: relative; float: left; width: 440px; height: 398px; margin-top: 30px; clear: both;}
.wrapcontebaixo{margin-bottom: 190px;}
.mtop58{margin-top: 58px;}
.folhassobrenos{position: absolute; top: 0; right: 0; width: 452px; height: 340px; background: url(../imgs/folhas3.png) no-repeat center center / contain; transform: rotateY(180deg); pointer-events: none;}
.margin1350{position: relative; float: left; margin-left: 133px; margin-right: 133px; width: calc(100% - 266px);}
#btnsubmitcontactos2{box-sizing: border-box !important; float: right !important; border: 2px solid #79863C !important; padding-left: 27px !important; padding-right: 27px !important; height: 40px !important; border-radius: 20px !important; clear: none !important; margin-top: 0px !important; left: auto !important; transform: translateX(0%) !important;}
.divconfirmocontact{position: relative; float: left; left: auto; transform: translateX(0%);}
.tracoantes::after{content: ''; width: 12px; height: 10px; background: #B4B4B4; mix-blend-mode: multiply; border-radius: 0px 8px; display: inline-block; margin: 0 20px;}
.caminhocont{padding-left: 133px; margin-bottom: 70px;}
.caminhosobre{padding-left: 133px; margin-bottom: 70px;}
#btnsubmitorcamento{height: 40px; width: 235px; border: 2px solid #79863C; border-radius: 20px; left: auto; transform: translateX(0%);}
.txtorc{margin-top: 90px; width: 500px;}
.wrapinputsorc{width: auto;}
.folhasorc{position: absolute; bottom: -80px; right: -133px; width: 612px; height: 408px; background: url(../imgs/folhas2.png) no-repeat center center /contain;}
.bgfolhasorc{position: absolute; top: 25px; right: -26px; width: 266px; height: 215px; background: transparent linear-gradient(107deg, rgb(245, 247, 244) 0%, rgba(245, 247, 244, 0.91) 26%, rgba(245, 247, 244, 0.76) 48%, rgba(245, 247, 244, 0.48) 55%, rgba(245, 247, 244, 0.08) 76%, rgba(245, 247, 244, 0) 100%) 0% 0% no-repeat padding-box; transform: matrix(0, 1, -1, 0, 0, 0);}
.wrapformorcamento{box-sizing: border-box; padding-left: 0px; overflow: hidden; padding-right: 0px; width: 100%; clear: both;}
.wrappedirorc{box-sizing: border-box; padding-top: 63px; padding-bottom: 68px; padding-left: 133px; padding-right: 133px; background: #F5F7F4;}
.pedirbefore{display: block;}
.pedirafter{display: none;}
.linhaorc{position: absolute; left: 0; bottom: 0; width: 100%; height: 17px; background: #415429; display: none;}
.contentnoticias{position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 31px 44px;}
.innernoticias:hover .sabernoticiaconte{opacity: 1; margin-top: 21px; height: 33px;}
.sectionnoticias .sabernoticia{margin-top: 45px;}
.contentservicos{position: absolute; bottom: 0px; left: 0px; width: 100%; box-sizing: border-box; padding: 27px 60px; height: 88px;}
.contentservicos .letra25{text-align: left;}
.innerportfolio:hover .textoportf{margin-top: 27px; opacity: 1;}
.innerportfolio:hover .saberportf{margin-top: 25px; opacity: 1;}
.innerportfolio:hover .contentservicos{height: auto;}
.porttit{left: 0%; transform: translateX(0%);}
.projetosdestaqueindex{left: 0%; transform: translateX(0%);}
.projetosdestaque::after{content: ''; position: absolute; top: calc(100% + 12px); left: 0; transform: translateX(0%); width: 63px; height: 2px; background: #B4B4B4;}
.projetosdestaqueindex::after{content: ''; position: absolute; top: calc(100% + 12px); left: 0; transform: translateX(0%); width: 63px; height: 2px; background: #B4B4B4;}
.sabernoticia.sabernoticiadesktop{display: flex;}
.sectionportfolio{position: relative; float: left; margin-top: 148px; margin-left: 133px; margin-right: 133px; width: calc(100% - 266px);}
.saberlorem{margin-top: 45px; border: 2px solid #FFFFFF; border-radius: 20px; box-sizing: border-box; padding: 0 25px; display: flex; align-items: center; height: 40px;}
.imgfolhas{position: absolute; bottom: 0; right: 0; width: 1233px; height: 822px; mix-blend-mode: multiply; background: url(../imgs/folhas.png) no-repeat center center /contain; pointer-events: none;}
.bgfolhas{position: absolute; right: 688px; bottom: 0; width: 545px; height: 391px; background: transparent linear-gradient(83deg, rgba(121, 134, 60, 1) 0%, rgba(121, 134, 60, 0.8) 42%, rgba(121, 134, 60, 0.4) 73%, rgba(121, 134, 60, 0) 100%) 0% 0% no-repeat padding-box; pointer-events: none; display: block;}
.loremdentro{width: calc(100% - 266px); margin-left: 133px; margin-top: 133px;}
.sectionlorem{position: relative; float: left; width: 100%; margin-top: 89px; height: 822px; background: #79863C; mix-blend-mode: multiply;}
.innerservicosindex:hover .maisservico{opacity: 1; margin-bottom: 26px;}
.innerservicosindex .contentservicosindex{height: 79px; position: absolute; bottom: 0px; left: 0px; width: 100%; box-sizing: border-box; padding: 25px 15px;}
.innerservicosindex:hover .contentservicosindex{height: 100%;}
.maisservico{position: relative; float: left; left: auto; bottom: auto; transform: translateX(0%); width: 38px; height: 38px; margin-bottom: 0px; background: url(../imgs/maisbr.png) no-repeat center center /contain; opacity: 0;}
.maisservico:hover{width: 44px; height: 44px;}
.h702{height: 450px;}
.colunas4servicos:nth-child(2n+1){width: 50%; box-sizing: border-box; padding-left: calc((28px / 4) * 0); padding-right: calc((28px / 4) * 3); margin-bottom: 28px; clear: both;}
.colunas4servicos:nth-child(2n+2){width: 50%; box-sizing: border-box; padding-left: calc((28px / 4) * 1); padding-right: calc((28px / 4) * 2); margin-bottom: 28px; clear: none;}
.sectionservicos{position: relative; float: left; margin: 0 133px; width: calc(100% - 266px); margin-top: 125px;}
.sabersobre{margin-top: 45px; box-sizing: border-box; border: 2px solid #fff; padding: 7px 25px; border-radius: 20px; background: transparent;}
.sobretxt{margin-top: 25px;}
.sobrenosindex1{width: 100%; height: 467px;}
.sobrenosindex2{width: 100%; background: #79863C; box-sizing: border-box; padding-left: 130px; padding-top: 52px; padding-right: 130px; padding-bottom: 54px; margin-left: 0px; margin-top: 0px;}
.barramenudestaque{position: absolute; top: 100%; left: 0; transform: translateY(-50%); width: auto; max-width: calc(100% - 285px); height: 81px; background: #fff; box-shadow: 0px 3px 6px #0000000F; border-radius: 0 51px 51px 0; z-index: 999; box-sizing: border-box; padding-left: 132px; padding-right: 43px;}
.barramenu .wrapnavlang{display: flex;}
.copype span:nth-child(1)::after{content: '\00a0\00a0 | \A \00a0\00a0'}
.flexpe{display: block; flex-direction: column; align-items: center; justify-content: center;}
.mright234{margin-right: 0px; margin-bottom: 0px; clear: none;}
.mright234 .wrapmorada{display: block; justify-content: center; flex-direction: column; align-items: center;}
.logope{margin-right: 0px; width: 403px; position: relative; float: left; clear: both; margin-top: 30px; margin-bottom: 30px;}
.bgnoticias{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; mix-blend-mode: multiply; opacity: 0;}
.innernoticias:hover .bgnoticias{opacity: 0.4;}
.noticiasdiv:hover .bgnoticias{opacity: 0.4;}
.innernoticias .bgnoticias{opacity: 0;}
.noticiasdiv .bgnoticias{opacity: 0;}
.slideprojetos .slide .bgnoticias{opacity: 0;}
.slideprojetos .slide:hover .bgnoticias{opacity: 0.65;}
.contentprojeto{position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: calc(100% - 40px); opacity: 0;}
.slideprojetos .slide .contentprojeto{opacity: 0;}
.slideprojetos .slide:hover .contentprojeto{opacity: 1;}
.logocapa{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 438px; height: 244px; background: url(../imgs/logo_sustainc_vertical_negativo.png) no-repeat center center / cover;}
#btnsubmitcontactos{clear: none !important;}
.h932{height: 932px;}
.sobretit{width: calc(100% - 545px);}
.sobretit2{width: calc(100% - 0px);}
.textoconte{position: relative; float: left; width: calc(100% - 545px);}
.mbottomdefault{margin-bottom: 100px;}
.mtop60{margin-top: 60px;}
.noticiasdiv:nth-child(3n+1){position: relative; float: left; clear: both; height: 470px; width: 33.33%; box-sizing: border-box; padding-left: calc((32px / 3) * 0); padding-right: calc((32px / 3) * 2); margin-top: 0px; margin-bottom: 42px;}
.noticiasdiv:nth-child(3n+2){position: relative; float: left; clear: none; height: 470px; width: 33.33%; box-sizing: border-box; padding-left: calc((32px / 3) * 1); padding-right: calc((32px / 3) * 1); margin-top: 0px; margin-bottom: 42px;}
.noticiasdiv:nth-child(3n+3){position: relative; float: left; clear: none; height: 470px; width: 33.33%; box-sizing: border-box; padding-left: calc((32px / 3) * 2); padding-right: calc((32px / 3) * 0); margin-top: 0px; margin-bottom: 42px;}
.wrapcontebaixocontactos{margin-top: 82px;}
.insidecontactotxt{background: #3E4827; margin: 0; box-sizing: border-box; padding-left: 90px; padding-right: 90px; padding-top: 49px; padding-bottom: 43px; margin-bottom: 0px;}
.divformcontacto{width: 100%; box-sizing: border-box; padding-left: 90px; padding-right: 90px; padding-top: 45px; padding-bottom: 63px; background: #F5F7F4; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; overflow: hidden;}
.contactonews{box-sizing: border-box; padding-left: 90px; padding-right: 82px; padding-top: 40px; padding-bottom: 40px; background: transparent linear-gradient(101deg, rgba(22, 79, 146, 0.85) 0%, rgba(146, 192, 33, 0.85) 100%) 0% 0% no-repeat padding-box; display: flex; justify-content: space-between; align-items:flex-end; flex-direction: row;}
.sabernoticia{margin-top: 43px; left: auto; transform: translateX(0%); position: relative; float: right; clear: both;}
.sabernoticia .corpri1{padding: 0 25px;}
.sabernoticia{background: transparent; display: flex; align-items: center; box-sizing: border-box; border: 2px solid #79863C; border-radius: 25px; height: 38px;}
.sabernoticia:hover{background: #79863C;}
.sabernoticia:hover .corpri1{color: #fff;}
.maintitnoticias{margin-left: 19px; left: auto; transform: translateX(0%);}
.bolinhasnoticias{position: relative; float: left; left: auto; top: auto; transform: translateX(0%); width: 22px; height: 24px;}
.colunas3noticias:nth-child(3n+1){width: calc(100% / 3); clear: both; box-sizing: border-box; padding-left: calc((20px * 0) / 3); padding-right: calc((20px * 2) / 3); margin-bottom: 20px;}
.colunas3noticias:nth-child(3n+2){width: calc(100% / 3); clear: none; box-sizing: border-box; padding-left: calc((20px * 1) / 3); padding-right: calc((20px * 1) / 3); margin-bottom: 20px;}
.colunas3noticias:nth-child(3n+3){width: calc(100% / 3); clear: none; box-sizing: border-box; padding-left: calc((20px * 2) / 3); padding-right: calc((20px * 0) / 3); margin-bottom: 20px;}
.sectionnoticias{width: calc(100% - 266px); margin-left: 133px; margin-right: 133px; margin-top: 132px;}
.saberfaq{left: auto; transform: translateX(0%);}
.mleft45desktop{margin-left: 45px;}
.missao::before{content: ''; position: absolute; left: -40px; top: 15px; transform: translateX(0%); width: 22px; height: 24px; background: url(../imgs/bolinhas_azuis_e_verde.png) no-repeat center center / contain;}
.pergfreq{margin-left: 40px; width: 320px; line-height: 50px; text-align: left; left: auto; transform: translateX(0%);}
.pergfreq::before{content: ''; position: absolute; top: 14px; left: -38px; transform: translateX(0%); width: 22px; height: 24px; background: url(../imgs/bolinhas_azuis_e_verde.png) no-repeat center center / contain;}
.sectionperguntas{box-sizing: border-box; padding-left: 240px; padding-right: 100px; margin-top: 130px;}
.circulo1perguntas{position: absolute; top: -265px; right: -100px; width: 544px; height: 544px; background: url(../imgs/circulo_azul_outline.png) no-repeat center center / contain;}
.circulo2perguntas{position: absolute; top: -195px; right: -140px; width: 544px; height: 544px; background: url(../imgs/circulo_verde_outline.png) no-repeat center center / contain;}
.wrapinputscontactos .colunas2:nth-child(2n+1){padding-right: 7px; margin-bottom: 0;}
.wrapinputscontactos .colunas2:nth-child(2n+2){padding-left: 7px; margin-bottom: 0;}
.junte{line-height: 55px;}
.iconparent{width: auto; margin-bottom: 0px;}
.abordagemicons{/*display: flex; justify-content: space-between;*/ margin-top: 145px;}
.abordagemiconsindex{display: flex; justify-content: space-between; margin-top: 145px;}
.sectionabordagem{margin-top: 165px; box-sizing: border-box; padding-left: 240px; padding-right: 190px;}
.h732{height: 732px;}
.letra82.letramob35{line-height: 95px;}
.letra16.ls0_82{max-width: none;}
.prec1{position: relative; float: left; clear: none; margin-left: 0px; margin-top: 0px;}
.prec2{position: relative; float: left; clear: none; margin-left: 140px; margin-top: 0px;}
.prec3{position: relative; float: left; clear: both; margin-left: 0px; margin-top: 55px;}
.prec4{position: relative; float: left; clear: none; margin-left: 140px; margin-top: 55px;}
.wrapprec{position: absolute; left: 183px; bottom: 130px;}
.imgcaptura{width: 61px; height: 61px; margin-top: 5px; margin-bottom: 0px; background: url(../imgs/icon_captura_co2.png) no-repeat center center / contain; left: auto; transform: translateX(0%);}
.imgarmazenamento{width: 61px; height: 61px; margin-top: 5px; margin-bottom: 0px; background: url(../imgs/icon_armazenamento_energia.png) no-repeat center center / contain; left: auto; transform: translateX(0%);}
.imgreducao{width: 61px; height: 61px; margin-top: 5px; margin-bottom: 0px; background: url(../imgs/icon_reducao_custos.png) no-repeat center center / contain; left: auto; transform: translateX(0%);}
.imgtransformacao{width: 61px; height: 61px; margin-top: 5px; margin-bottom: 0px; background: url(../imgs/icon_transformacao_residuos.png) no-repeat center center / contain; left: auto; transform: translateX(0%);}
.imgdescarbonizacao{width: 61px; height: 61px; margin-top: 5px; margin-bottom: 0px; background: url(../imgs/icon_descarbonizacao_setores.png) no-repeat center center / contain; left: auto; transform: translateX(0%);}
.imgevitar{width: 61px; height: 61px; margin-top: 5px; margin-bottom: 0px; background: url(../imgs/icon_componentes_quimicos.png) no-repeat center center / contain; left: auto; transform: translateX(0%);}
.textotopico{margin-left: 34px; position: relative; float: left; clear: none; text-align: left;}
.topicosparent{margin-left: 120px; margin-bottom: 50px;}
.divtopicosmissao{position: relative; float: left; width: auto; clear: both; margin-left: 120px; margin-top: 0; display: block;}
.divtopicosmissao2{position: relative; float: left; width: auto; clear: none; margin-left: 120px; margin-top: 70px; display: block;}
.divtextomissao{width: 324px; margin-top: 110px; position: relative; float: left; clear: both;}
.circulo1missao{position: absolute; bottom: -210px; left: -335px; width: 544px; height: 544px; background: url(../imgs/circulo_azul_outline.png) no-repeat center center / contain;}
.circulo2missao{position: absolute; bottom: -270px; left: -364px; width: 544px; height: 544px; background: url(../imgs/circulo_verde_outline.png) no-repeat center center / contain;}
.w280{width: 280px; left: auto; transform: translateX(0%);}
.missaowrap{margin-top: 175px; box-sizing: border-box; padding-left: 0; padding-right: 105px;}
.missao.letra42{text-align: left; line-height: 50px;}
.bgcontedestaque .letra44{font-size: 44px; letter-spacing: 8.8px;}
.coluna2input:nth-child(2n+1){width: calc(50% - 10px); margin-right: 10px; clear: both;}
.coluna2input:nth-child(2n+2){width: calc(50% - 10px); margin-left: 10px; clear: none;}
.opcoesdesktop{display: flex; align-items: center; margin-right: 0px;}
.wrapnavlang{display: flex;}
.procuramob{display: none;}
.fechaprocura{display: block;}
.procuratit{padding: 13px 52px; border-radius: 42px; width: auto;}
.suggestionsBox{max-height: calc(100vh - 395px);}
.paginationdestaque{bottom: 62px !important; width: auto !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important;}
.paginationdestaque .swiper-pagination-bullet{margin: 0 3px !important; width: 29px !important; height: 12px !important; border: 1px solid #fff !important; border-radius: 15px !important; background: transparent !important; opacity: 1 !important;}
.paginationdestaque .swiper-pagination-bullet.swiper-pagination-bullet-active{margin: 0 3px !important; width: 29px !important; height: 12px !important; border: 1px solid #fff !important; border-radius: 15px !important; background: #fff !important;}
.wrapsobrenos{margin-left: 128px; width: calc(100% - 128px);}
.wrapsobrenosindex{margin-left: 0px; width: calc(100% - 0px);}
.marginlayout1{margin-left: 128px; margin-right: 128px; width: calc(100% - 256px);}
.sobretit{text-align: left;}
.sobretit2{text-align: left;}
.sobredesc{text-align: left;}
.sobretit.lh65{line-height: 65px;}
/************************************************************* ESTILOS TABLET *************************************************************/
/**                                                                                                                                      **/
/**                                                         ESTILOS PARA TABLET                                                          **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/

/***************************************************************** INDEX ******************************************************************/
.imgprocura{width: 135px; height: 124px; margin-right: 30px;}
.wraptxtproc{width: calc(100% - 165px);}
.procuralista{margin-top: 0px; margin-bottom: 28px;}
.inputprocura{font-size: 50px !important; font-weight: 300 !important; color: #fff !important; letter-spacing: 2.5px !important; height: 88px;}

.marginsobrenosindex{margin: 0 110px; width: calc(100% - 220px);}
.wrapmarcasindex::after{left: -40px;}

.wrapartigoindex{width: 100%; height: 100%; padding: 110px 230px 110px 70px;}
.wrapartigoindex .maskpaginasindex::after{content: ""; position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); width: 60px; height: 60px; background: url(../imgs/mais.png) no-repeat center center / contain; opacity: 0; transition: opacity .2s 0s;}

.wrapprodsindex .maskpaginasindex{position: absolute; width: 100%; height: 100%; top: 0; right: 0; opacity: .8; transition: width .5s; }
.wrapprodsindex .colunas2:nth-child(4n+1) .maskpaginasindex{background: #3786C8;}
.wrapprodsindex .colunas2:nth-child(4n+2) .maskpaginasindex{background: #145991;}
.wrapprodsindex .colunas2:nth-child(4n+3) .maskpaginasindex{background: #03377D;}
.wrapprodsindex .colunas2:nth-child(4n+4) .maskpaginasindex{background: #032553;}


.sobrenosindex{margin-top: 152px;}




.wrapartigoindex:hover .titpagina{opacity: 0;}
.wrapartigoindex:hover .maskpaginasindex{width: 50%;}
.wrapartigoindex:hover .maskpaginasindex::before{opacity: 0;}
.wrapartigoindex:hover .maskpaginasindex::after{opacity: 1; transition: opacity .5s .4s;}

.wrapartigoindex .maskpaginasindex::after:hover{transform: scale(1.5);}

.wrapcontactoindex .colunas60 #map{height: 100%;}

.videoindex{margin: 0 110px; margin-top: 215px; width: calc(100% - 220px);}
.h540{height: 540px;}

.botm65{bottom: -65px;}

.wrapprodsindex{margin: 0 110px; margin-top: 178px; width: calc(100% - 220px);}

.atreladosmedida{width: calc(100% - 120px); height: 566px; margin: 0 60px;}
.atreladostxt{left: 50%; top: 50%; transform: translate(-50%, -50%); width: 680px;}
.atreladostxt .letra72{letter-spacing: 14.4px; line-height: 72px; font-size: 72px;}
.atreladostxt .letra51{letter-spacing: 10.2px; line-height: 72px; font-size: 51px; margin-left: 97px;}
.saberatrelados{opacity: 0;}
.atreladosmedida:hover .saberatrelados{opacity: 1;}
.cormorant.letra64{font-size: 64px; letter-spacing: 12.8px;}

/*************************************************************** FIM INDEX ****************************************************************/

.colunas3conte:nth-child(2n+1){width: calc(100% / 2); clear: both; box-sizing: border-box; padding-left: calc((22px * 0) / 2); padding-right: calc((22px * 1) / 2); margin-bottom: 55px;}
.colunas3conte:nth-child(2n+2){width: calc(100% / 2); clear: none; box-sizing: border-box; padding-left: calc((22px * 1) / 2); padding-right: calc((22px * 0) / 2); margin-bottom: 55px;}

.divtitpagina{box-sizing: border-box; padding: 0 24px; margin-bottom: 22px; position: relative; float: left;}



/***************************************************************** LAYOUT0 ****************************************************************/
.wrapcontebaixo section > .colunas2:nth-child(2n+1){margin-left: 25px; width: calc(50% - 25px);}
.wrapcontebaixo section > .colunas2:nth-child(2n+2){margin-right: 25px; width: calc(50% - 25px);}
.mobilebot30{margin-bottom: 0;}
.parentpaddorc{width: 720px;}
.paddorc{width: 100%; background: #f8f8f8; box-sizing: border-box; padding: 0 86px; padding-top: 83px; padding-bottom: 90px;}
#btnsubmitorcamento{float: left; margin-top: 30px; clear: both;}
.titorc{margin-bottom: 22px;}
.wrapformorcamento{margin-top: 0px;}
.imgorc{display: block;}
.maxwidth460{max-width: 460px;}
.mtop65{margin-top: 65px;}

.marginsobrenos2 .colunas2:nth-child(2n+1){margin-bottom: 0;}
.closeorc{position: absolute; right: 86px; top: 0; width: 70px; height: 54px; background: #FCBC00; border-radius: 0px 0px 5px 5px; cursor: pointer;}

/*************************************************************** FIM LAYOUT0 **************************************************************/

/******************************************************************* PE *******************************************************************/
.luminosity{opacity: 0.4; mix-blend-mode: luminosity;}
.luminosity:hover{opacity: 1; mix-blend-mode: normal;}

.flex1500{display: flex; align-items: center; justify-content: space-between;}

footer .divfooterindex{flex-wrap: wrap; column-gap: 15px;}

.copydiv{position: relative; float: left; clear: none; margin-top: 0; margin-bottom: 0;}
.divpe:nth-child(2n+1){width: calc(100% - 470px);}
.divpe:nth-child(2n+2){width: 470px; height: 100%; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 0;}
.divpepadd{box-sizing: border-box; padding-top: 120px; padding-bottom: 128px; padding-left: 40px; padding-right: 40px;}
.colunas2pe:nth-child(2n+1){box-sizing: border-box; padding-right: 20px; margin-bottom: 11px; width: 50%;}
.colunas2pe:nth-child(2n+2){box-sizing: border-box; padding-left: 20px; margin-bottom: 11px; width: 50%;}
.circulo1pe{position: absolute; bottom: -155px; left: -366px; width: 450px; height: 450px; background: url(imgs/circulo_azul_outline.png) no-repeat center center / contain;}
.circulo2pe{position: absolute; bottom: -185px; left: -350px; width: 450px; height: 450px; background: url(imgs/circulo_verde_outline.png) no-repeat center center / contain;}
.menuspe{position: relative; float: left; width: 100%; clear: both; margin-top: 20px;}
.divsocialfooter{position: absolute; bottom: 0; left: 272px;}

footer .divfooter{}
footer .divfooter > .colunas35{padding-right: 50px;}

footer .divfooter > .maskazulescuropa{display: none;}

footer .divfooter > .colunas65.hidemobile769{padding: 49px 14px 37px 20px;}
footer .divfooter > .colunas65.hidemobile769 > .colunas2:nth-child(1) > div:nth-child(3){margin-top: 25px;}
footer .divfooter > .colunas65.hidemobile769 > .colunas2:nth-child(1) > div:nth-child(5){margin-top: 50px;}

footer .divfooter > .colunas65.hidemobile769 > .colunas2:nth-child(2) > div:nth-child(3){margin-top: 25px;}
footer .divfooter > .colunas65.hidemobile769 > .colunas2:nth-child(2) > div:nth-child(4){margin-top: 62px;}

footer.divfooterindex{padding: 20px 80px 20px 120px; background: #032553;}
footer.divfooterindex > img{width: 167px; }

footer .logocopy{width: 51px; height: 21px; margin-top: -1px; margin-left: 3px;}

footer .linkspe{margin-top: 0px; clear: both;}
footer .copype{margin-top: 0px; clear: both;}

footer .linhacopy{display: inline-block;}
footer .linhacopy::after{content: '\00a0\00a0|\00a0\00a0'}

.socialfooter{clear: none;}
.social.footer{display: flex; justify-content: center; margin-top: 0px; flex-direction: row;}
.socialdiv{margin-bottom: 0px; margin-right: 8px;}
.wrapsocial{float: right;}
.social.footer .wrapsocialitem .imgsocial{height: 30px; width: 30px; opacity: 1;}

.abreorc{position: absolute; right: 86px; top: 0; width: 70px; height: 54px; background: #FCBC00; border-radius: 0px 0px 5px 5px; cursor: pointer;}
.abreorc .pedirorc{position: absolute; width: 202px; height: 48px; bottom: 100%; right: auto; left: 50%; transform: translateX(-50%); background: #CBCBCB; border-radius: 4px 4px 0px 0px; display: flex; justify-content: center; align-items: center;}

/***************************************************************** FIM PE *****************************************************************/

}

@media only screen and (min-width:900px){
}

@media only screen and (min-width:1024px){
.indextit{line-height: 50px; width: calc(100% - 235px); box-sizing: border-box; padding-left: 132px;}
.saberdestaque{position: absolute; left: auto; right: 36px; bottom: 25px; display: flex; align-items: center; box-sizing: border-box; padding: 0 18px; border: 2px solid #FFFFFF; border-radius: 20px; height: 33px;}
.destaqueindex .swiper-slide .captionindex{position: absolute; bottom: 134px; left: 0; width: 811px; background: rgba(121, 134, 60, 0.85); box-sizing: border-box; padding: 18px 0; padding-bottom: 50px;}
.relacionado-prev{display: flex; align-items: end;}
.relacionado-next{display: flex; align-items: end; flex-direction: row-reverse;}
.titulo-relacionado-prev{position: relative; float: left; clear: none; text-align: left; width: 205px; color: #79863C; margin-bottom: -6px;}
.titulo-relacionado-next{position: relative; float: left; clear: none; text-align: right; width: 205px; color: #79863C; margin-bottom: -6px;}
.setaportdentro{width: 38px; height: 38px;}
.portfoliobefore{width: 118px; height: 96px; border-radius: 0px 70px; overflow: hidden; margin-right: 26px; margin-bottom: 0px;}
.relacionado-prev:hover .portfoliobefore{transform: translateX(-10px);}
.portfolioafter{width: 118px; height: 96px; border-radius: 70px 0px; overflow: hidden; margin-left: 26px; margin-bottom: 0px;}
.relacionado-next:hover .portfolioafter{transform: translateX(10px);}
.margin1350{position: relative; float: left; margin-left: 285px; margin-right: 285px; width: calc(100% - 570px);}
.divinputcontact{width: 373px; position: relative; float: left;}
.divtextareacontact{width: calc(100% - 430px); position: relative; float: right; clear: none; margin-top: 0;}
.wrapformorcamento{box-sizing: border-box; padding-left: 0px; overflow: hidden; padding-right: 0px; width: 730px; clear: both; border-top-left-radius: 10px;}
.loremdentro{width: 640px; margin-left: 285px; margin-top: 173px;}
.colunas4servicos:nth-child(4n+1){width: 25%; box-sizing: border-box; padding-left: calc((28px / 4) * 0); padding-right: calc((28px / 4) * 3); margin-bottom: 0px; clear: both;}
.colunas4servicos:nth-child(4n+2){width: 25%; box-sizing: border-box; padding-left: calc((28px / 4) * 1); padding-right: calc((28px / 4) * 2); margin-bottom: 0px; clear: none;}
.colunas4servicos:nth-child(4n+3){width: 25%; box-sizing: border-box; padding-left: calc((28px / 4) * 2); padding-right: calc((28px / 4) * 1); margin-bottom: 0px; clear: none;}
.colunas4servicos:nth-child(4n+4){width: 25%; box-sizing: border-box; padding-left: calc((28px / 4) * 3); padding-right: calc((28px / 4) * 0); margin-bottom: 0px; clear: none;}
.mright101{margin-right: 20px;}
.mright234{margin-right: 234px; margin-bottom: 0px;}
.logope{margin-right: 207px; width: 403px; position: relative; float: left; clear: none; margin-top: 0px; margin-bottom: 0px;}

/************************************************************* ESTILOS LAPTOP *************************************************************/
/**                                                                                                                                      **/
/**                                                     PRIMEIROS ESTILOS DE DESKTOP                                                     **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
/************************************************************* VARIAVEIS CSS **************************************************************/
:root{
  --positiondestaque: relative;
  --alturadestaque: 190px;
  --margindestaque: 125px;
}
/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/***************************************************************** CABEÇA *****************************************************************/
.barramenu{-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.barramenu{ position: fixed; top: 0; left: 0; z-index: 100000; float:left; padding-left: 133px; padding-right: 133px; box-sizing: border-box; padding-top: 16px; padding-bottom: 17px;}
.barramenu.collapsed{padding-top: 17px; padding-bottom: 14px;}

.barramenu .wrapnavlang{margin-top: 0px; column-gap: 0px; transition: transform .5s;}
/* .barramenu.completeCollapsed .wrapnavlang{transform: translateY(calc(-100% - 100px));} */

.logo{width: 286px; height: 59px;}
.logo.collapsed{width: 286px; height: 59px;}

.menuitem > .divdefault::after{/*content: ""; position: absolute; bottom: -5px; left: 0px; background: rgba(0, 0, 0, 0.5); width: 0; height: 2px; transition: width .5s*/}
.collapsed .menuitem > .divdefault::after{content: ""; position: absolute; bottom: -5px; left: 0px; background: rgba(255, 255, 255, 0.5); width: 0; height: 2px; transition: width .5s}
.menuitem > .divdefault a{transition: color .5s;}

/* .menuitem.selected > .divdefault::after{width: calc(100% - 1px);}
.menuitem.selected > .divdefault a{transition: color .5s;} */

.parentsubmenu{position: fixed; width: 100%; top: 114px; left: 0; padding: 40px 100px 40px 435px; background: #3787c8d9;}
.parentsubmenu .imgmenu{position: absolute; left: 0; top: 0; width: 360px; height: 100%;}

.submenuitem.submenupri .div:hover .adefault{color: var(--corpri2);}

.divlang .lang.index{display: flex; column-gap: 27px;}

.divprocabre{display: none; width: auto;}
.divprocabre{position: fixed; background: transparent linear-gradient(118deg, rgba(146, 192, 33, 0.9) 0%, rgba(22, 79, 146, 0.9) 100%) 0% 0% no-repeat padding-box; right: 0px; top: 0; box-sizing: border-box; padding: 74px; height: 100vh; padding-top: 312px; padding-top: 250px; width: 100vw;}
.inputprocura{width: 100%;}
.submitprocura{right: 5px; appearance: none; background: url(../imgs/lupa.png) no-repeat center center /contain; width: 32px; border: 0; top: 30px; cursor: pointer; height: 32px; display: block;}
.suggestionsBox{position: absolute; top: calc(100% + 50px); bottom: auto; width: 100%; left: 0px; background: transparent; box-sizing: border-box; padding: 0; padding-bottom: 20px;}


/*************************************************************** FIM CABEÇA ***************************************************************/


/************************************************************* DESTAQUE INDEX *************************************************************/
.destaqueindex .swiper-slide .captionindex .btnhoverdefault{margin-top: 18px;}
.destaqueindex .maskdestaque{position: absolute; top: 0; left: 0; width: 75%; height: 100%; background: url(../imgs/forma_pe.png) no-repeat calc(100% - 50px) center / cover; opacity: .35}

.destaqueindex .slidedestaque-prev{cursor: pointer; z-index: 2; width: 18px; height: 18px; position: absolute; right: 60px; bottom: 53px; background: url(../imgs/setaesqamarelo.png) no-repeat center center / contain;}
.destaqueindex .slidedestaque-next{cursor: pointer; z-index: 2; width: 18px; height: 18px; position: absolute; right: 60px; bottom: 73px; background: url(../imgs/setadiramarelo.png) no-repeat center center / contain;}
/*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


/***************************************************************** INDEX ******************************************************************/
.wrapmarcasindex{ --maskmarcasopacity: 0; }
.wrapmarcasindex .wrapinnermarcasindex .wrapmarcas{background: #FFFFFFA6}
.wrapmarcasindex .wrapinnermarcasindex > .divdefault:nth-child(1){margin-bottom: 15px;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5{padding: 30px 40px 30px 40px; transition: background .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:not(.wrapmarcasindex .colunas5:nth-child(5n+5))::after{content: ""; width: 1px; height: calc(100% - 40px); position: absolute; right: 0; top: 20px; background: #FFFFFFBF;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 img{max-width: 100%; max-height: 66px;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 img{filter: grayscale(1); transition: filter .5s; mix-blend-mode: multiply;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca {position: absolute; width: 100%; height: 0%; bottom: 100%; left: 0; background: #fff; transition: height .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul{background: #03377DA6; opacity: 1; overflow: hidden;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul::before {content: ""; position: absolute; width: 52px; height: 4px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 2px; transition: width .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul::after {content: ""; position: absolute; width: 4px; height: 52px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 2px; transition: height .5s;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul:hover::before{width: 90px; background: #ffffff73;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5 .wrapinnermarca .maskazul:hover::after{height: 90px; background: #ffffff73;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:hover{background: #fff;}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:hover img{filter: grayscale(0);}
.wrapmarcasindex .wrapinnermarcasindex .colunas5:hover .wrapinnermarca {height: 100%;}
/* .wrapmarcasindex::before{content: ""; position: absolute; width: calc(100%); height: calc(100% ); top: 0px; left: 0px; background: #E2E2E259; z-index: 0; opacity: var(--maskmarcasopacity);} */
.wrapmarcasindex::after{content: ""; pointer-events: none; position: absolute; width: calc(100% + 160px); height: calc(100% + 140px); top: calc(-100% - 140px); left: -80px; background: #fff; z-index: -1; opacity: var(--maskmarcasopacity);}

section#index{margin-top: 0px; margin-bottom: 135px;}

.wrapartigoindex .maskpaginasindex::before{width: 230px;}

.estadisticasindex{padding: 60px 0px 60px 200px;}
.estadisticasindex .wrapinnerestadistica{padding: 65px 115px 65px 120px; background: #03377DD9; column-gap: 100px; transform: translateX(calc(100% - 115px));}

.estadisticasindex .wrapinnerestadistica .wrapestadistica:nth-child(1){max-width: 225px;}
.estadisticasindex .wrapinnerestadistica .wrapestadistica:nth-child(2){max-width: 285px;}
.estadisticasindex .wrapinnerestadistica .wrapestadistica:nth-child(3){max-width: 185px;}

.estadisticasindex .wrapestadistica > img:nth-child(1){opacity: .65; margin-bottom: 20px;}
.estadisticasindex .wrapestadistica > div.divdefault:nth-child(2){opacity: .85; margin-bottom: 10px;}
.estadisticasindex .wrapestadistica > div.divdefault:nth-child(3){opacity: .60; }

.wrapcontactoindex{overflow: hidden;}
.wrapcontactoindex .colunas40{padding: 89px 80px 83px 94px; background: #03377D}
.wrapcontactoindex .colunas40 .form_peindex{position: absolute; transform: translateY(100%); width: 100%; padding: 89px 80px 83px 94px; background: #03377D; left: 0; top: 0; height: 100%;}
.wrapcontactoindex .colunas40 .form_peindex .wrapformorcamento{margin-top: 0px;}
.wrapcontactoindex .colunas40 .form_peindex #btnsubmitorcamento{float: left;}
.wrapcontactoindex .wrapmap{width: 100%; height: 100%; overflow: hidden;}

.wrapcontactoindex .colunas40 .btnhoverdefault{margin-top: 35px;}

/*************************************************************** FIM INDEX ****************************************************************/


/************************************************************* DESTAQUE CONTE *************************************************************/
.destaqueconte.conte .caption,
.destaqueconte.contebaixo .caption,
.destaqueconte.Procura .caption{position: absolute; bottom: 134px; left: 0; width: 811px; background: rgba(121, 134, 60, 0.85); box-sizing: border-box; padding: 18px 0;}

.destaqueconte.marca .caption{position: absolute; left: 0; bottom: 75px; padding-left: 120px;}
.destaqueconte.marca .imgmarcadestaque{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 450px; filter: grayscale(1);}

.destaqueconte.conte .maskdestaque,
.destaqueconte.contebaixo .maskdestaque,
.destaqueconte.Procura .maskdestaque{ position: absolute; top: 0; left: 0; width: 75%; height: 100%; background: url(../imgs/forma_pe.png) no-repeat calc(100% - 50px) center / cover; opacity: .35 }
/*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


/*************************************************************** CONTE CIMA ***************************************************************/



.wrapartigocontecima{width: 100%; padding: 80px 33% 80px 240px;}
.wrapartigocontecima .maskpaginascontecima::before{content: ""; position: absolute; right: 0; top: 50%; width: 33%; height: 2px; background: #fff; opacity: .25; transition: opacity .5s}
.wrapartigocontecima .maskpaginascontecima::after{content: ""; position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); width: 60px; height: 60px; background: url(../imgs/mais.png) no-repeat center center / contain; opacity: 0; transition: opacity .2s 0s;}

.wrapartigocontecima .maskpaginascontecima{position: absolute; width: 100%; height: 100%; top: 0; right: 0; opacity: .8; transition: width .5s; }
.wrapartigocontecima:nth-child(4n+1) .maskpaginascontecima{background: #3786C8;}
.wrapartigocontecima:nth-child(4n+2) .maskpaginascontecima{background: #145991;}
.wrapartigocontecima:nth-child(4n+3) .maskpaginascontecima{background: #03377D;}
.wrapartigocontecima:nth-child(4n+4) .maskpaginascontecima{background: #032553;}

.wrapartigocontecima:hover .titpagina{opacity: 0;}
.wrapartigocontecima:hover .maskpaginascontecima{width: 50%;}
.wrapartigocontecima:hover .maskpaginascontecima::before{opacity: 0;}
.wrapartigocontecima:hover .maskpaginascontecima::after{opacity: 1; transition: opacity .5s .4s;}

.wrapartigocontecima .maskpaginascontecima::after:hover{transform: scale(1.5);}

.wrapcontecima.marcas .wrapmarcasconte{background: #E2E2E259; padding: 83px 122px 113px 122px}
.wrapcontecima.marcas .wraptextomarcas{max-width: 630px;}
.wrapcontecima.marcas .wraptextomarcas > div:nth-child(1){margin-bottom: 15px;}
.wrapmarcasconte .colunas5{width: calc(20% - 40px); margin-bottom: 60px;}
.wrapmarcasconte .colunas5:nth-child(5n+1){margin-right: 50px; clear: both;}
.wrapmarcasconte .colunas5:nth-child(5n+2){margin-right: 50px; clear: none;}
.wrapmarcasconte .colunas5:nth-child(5n+3){margin-right: 50px; clear: none;}
.wrapmarcasconte .colunas5:nth-child(5n+4){margin-right: 50px; clear: none;}
.wrapmarcasconte .colunas5:nth-child(5n+5){margin-right: 0px; clear: none;}
.wrapmarcasconte .colunas5 a > img{filter: grayscale(1); transition: filter .5s; mix-blend-mode: multiply;}
.wrapmarcasconte .colunas5 a > img:hover{filter: grayscale(0);}

.colunas4.colunas4servicosconte:nth-child(4n+1){width: calc(100% / 4); clear: both; box-sizing: border-box; padding-left: calc((33px * 0) / 4); padding-right: calc((33px * 3) / 4); margin-bottom: 25px;}
.colunas4.colunas4servicosconte:nth-child(4n+2){width: calc(100% / 4); clear: none; box-sizing: border-box; padding-left: calc((33px * 1) / 4); padding-right: calc((33px * 2) / 4); margin-bottom: 25px;}
.colunas4.colunas4servicosconte:nth-child(4n+3){width: calc(100% / 4); clear: none; box-sizing: border-box; padding-left: calc((33px * 2) / 4); padding-right: calc((33px * 1) / 4); margin-bottom: 25px;}
.colunas4.colunas4servicosconte:nth-child(4n+4){width: calc(100% / 4); clear: none; box-sizing: border-box; padding-left: calc((33px * 3) / 4); padding-right: calc((33px * 0) / 4); margin-bottom: 25px;}

/************************************************************* FIM CONTE CIMA *************************************************************/


/************************************************************ CONTE CONTACTOS *************************************************************/

.wrapcontebaixocontactos .colunas40{padding: 0; padding-left: 89px; background: transparent;}
.wrapcontebaixocontactos .wrapmap{width: 100%; min-height: 575px; overflow: hidden;}

.wrapcontebaixocontactos .colunas40 .btnhoverdefault{margin-top: 35px;}
.wrapcontebaixocontactos .colunas60 #map{height: 100%;}
.contactotxt{width: 50%;}
.insidecontactotxt{background: #3E4827; margin: 0; box-sizing: border-box; padding-left: 152px; padding-right: 100px; padding-top: 80px; padding-bottom: 58px; margin-bottom: 0px; border-top-left-radius: 10px;}
.divlocalizacao{width: 50%; position: relative; float: right; clear: none;}
.wrapcontacto{box-sizing: border-box; padding-left: 133px; padding-right: 133px; margin-bottom: 120px; border-radius: 10px; overflow: hidden;}
.marginsobrenos{margin-left: 110px; margin-right: 86px; width: calc(100% - 196px);}
.marginsobrenos2{margin-left: 85px; margin-right: 110px; width: calcg(100% - 195px);}
.wrapslidercontebaixo{margin-bottom: 0;}
.divformcontacto{width: 100%; box-sizing: border-box; padding-left: 152px; padding-right: 152px; padding-top: 45px; padding-bottom: 63px; background: #F5F7F4; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden;}
/********************************************************** FIM CONTE CONTACTOS ***********************************************************/


/************************************************************** CONTE BAIXO ***************************************************************/

/************************************************************* LAYOUTS GERAL **************************************************************/
.wrapficheirosrelacionados{margin-top: 40px; margin-bottom: 40px;}
.wrapficheiro:nth-child(2n+1){margin-right: 45px; clear: both;}
.wrapficheiro:nth-child(2n+2){clear: none;}
.wrapinnerficheirorel{column-gap: 13px;}
.wrapficheiros .imgdownload{width: 24px; height: 24px;}
.wrapficheiros .imgweb{width: 16px; height: 13px;}

.wrapslidermarcas .slide .innerimg,
.wrapcontebaixoprods .wrapimgproduto .innerimg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.wrapslidermarcas .slide .maskazul,
.wrapcontebaixoprods .wrapimgproduto .maskazul{opacity: 0; transition: opacity .5s;}

.wrapslidermarcas .slide .maskazul::before,
.wrapcontebaixoprods .wrapimgproduto .maskazul::before{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50px; height: 2px; background: #fff;}

.wrapslidermarcas .slide .maskazul::after,
.wrapcontebaixoprods .wrapimgproduto .maskazul::after{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 2px; height: 50px; background: #fff;}

.wrapslidermarcas .slide .legendaimg,
.wrapcontebaixoprods .wrapimgproduto .legendaimg{background: #fff; color: #03377DE6; padding-top: 20px; position: absolute; bottom: 0; transform: translateY(100%); transition: transform .5s;}

.wrapslidermarcas .slide:hover .maskazul,
.wrapcontebaixoprods .wrapimgproduto:hover .maskazul{opacity: .65;}

.wrapslidermarcas .slide:hover .legendaimg,
.wrapcontebaixoprods .wrapimgproduto:hover .legendaimg{transform: translateY(0%);}



.orcamentoprodutos{padding: 60px 200px 58px 0px;}
.orcamentoprodutos .wrapformularioorcamentoprods{background: #03377DD9; padding: 60px 120px 60px 320px; transform: translateX(calc(-100% + 120px))}
/*********************************************************** FIM LAYOUTS GERAL ************************************************************/


/************************************************************** LAYOUT PRODS **************************************************************/
.wrapcontebaixoprods .wraptextoprod{max-width: 630px;}
.wrapcontebaixoprods .wraptextoprod > div:nth-child(1){margin-bottom: 15px;}

.wrapcontebaixoprods .wrapgaleriaprod{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 10px;}
.wrapcontebaixoprods .wrapimgproduto{width: 100%; height: 100%; overflow: hidden;}

.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 7),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 1) { grid-column: auto /span 2; grid-row: auto /span 2; aspect-ratio: 632/547; }

.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 4),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 8) { grid-column: auto /span 2; grid-row: auto /span 1; aspect-ratio: 698/297; }

.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 2),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 3),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 5),
.wrapcontebaixoprods .wrapimgproduto:nth-child(8n + 6) { aspect-ratio: 344/297; }

.wrapcontebaixoprods .galeriaprodutos .btnhoverdefault{margin-top: 65px;}
/************************************************************ FIM LAYOUT PRODS ************************************************************/


/************************************************************** LAYOUT MARCAS *************************************************************/
.viewweb{padding-bottom: 147px;}
.viewweb::before{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #03377D; opacity: .3;}
.viewweb > .divdefault{background: #03377DD9; padding: 25px 122px 25px 122px;}
.viewweb > .divdefault::before{content: ""; position: absolute; width: 70px; height: 2px; background: #FFFFFFBF; left: 0;}
.viewweb .btnhoverdefault{column-gap: 13px;}
.viewweb .btnhoverdefault .imgweb{width: 20px; height: 20px;}

.margindefault section.nomargin.wrapslidermarcas.swiper{margin-left: 40px;}
.wrapslidermarcas .slide{aspect-ratio: 422/487; overflow: hidden;}

.wrapslidermarcas .slideconte-prev{float: left; cursor: pointer; opacity: .2; margin-top: 30px; margin-right: 6px; width: 16px; height: 22px;}
.wrapslidermarcas .slideconte-next{float: left; cursor: pointer; opacity: .2; margin-top: 30px; margin-left: 6px; width: 16px; height: 22px;}

/************************************************************ FIM LAYOUT MARCAS ***********************************************************/

/***************************************************************** LAYOUT0 ****************************************************************/

.wrapcontebaixo video.video{width: 100%;}

/*************************************************************** FIM LAYOUT0 **************************************************************/


/************************************************************ FIM CONTE BAIXO *************************************************************/

/************************************************************ FIM CONTE BAIXO *************************************************************/


/****************************************************************** 404 *******************************************************************/
.destaqueconte.error404 .caption{position: absolute; left: 0; bottom: 200px; padding-left: 120px;}
.destaqueconte.error404 .caption h1::after{content: ""; position: absolute; top: 50%; left: -120px; width: 80px; height: 2px; background: #fff;}
.destaqueconte.error404 .caption div:nth-child(3){max-width: 305px; margin-top: 10px;}
.destaqueconte.error404 .caption div:nth-child(3) > a{float: left; clear: both; font-weight: 900}
/**************************************************************** FIM 404 *****************************************************************/


/******************************************************************* PE *******************************************************************/
.wrapprodspe{background: url(../imgs/imgprodspe.jpg) no-repeat center center / cover;}
.titprodpe{padding: 30px 0px 30px 0px; background: #03377DE6}
.titprodpe::before{content: ""; width: 80px; height: 2px; background: #FFFFFFBF; border-radius: 1px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.titprodpe::after{content: ""; width: 80px; height: 2px; background: #FFFFFFBF; border-radius: 1px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

.wrapmenusprodpe{padding-bottom: 40px; background: #03377DE6}
.wrapprodspe .colunas4{aspect-ratio: 320/166}
.wrapprodspe .colunas4 > a .divdefault{width: 100%; padding: 16px 15px 16px 15px; min-height: 61px; transition: all .5s;}
.wrapprodspe .colunas4 > a .divdefault::before{content: ""; background: #fff; width: 2px; height: 50px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity .5s ease-in}
.wrapprodspe .colunas4 > a .divdefault::after{content: ""; background: #fff; width: 50px; height: 2px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity .5s ease-in}

.wrapprodspe .colunas4:nth-child(4n+1) > a .divdefault{background: #3786C8CC}
.wrapprodspe .colunas4:nth-child(4n+2) > a .divdefault{background: #145991CC}
.wrapprodspe .colunas4:nth-child(4n+3) > a .divdefault{background: #03377DCC}
.wrapprodspe .colunas4:nth-child(4n+4) > a .divdefault{background: #032553CC}

.wrapprodspe .colunas4:hover > a .divdefault > div{opacity: 0; pointer-events: none;}
.wrapprodspe .colunas4:hover > a .divdefault{min-height: 100%;}
.wrapprodspe .colunas4:hover > a .divdefault::before{opacity: 1;}
.wrapprodspe .colunas4:hover > a .divdefault::after{opacity: 1;}

.separadorpe{height: 32px; background: #FFFFFFD9}

.wrapmarcaspe a.marqueechild{ height: 80px; }


/***************************************************************** FIM PE *****************************************************************/


/*********************************************************** FIM ESTILOS LAPTOP ***********************************************************/
}

@media only screen and (min-width:1280px){
    .sectionportfolio{position: relative; float: left; margin-top: 148px; margin-left: 285px; margin-right: 285px; width: calc(100% - 570px);}
    .sobrenosindex1{width: 701px; height: 467px;}
    .sobrenosindex2{width: 733px; background: #79863C; box-sizing: border-box; padding-left: 187px; padding-top: 52px; padding-right: 109px; padding-bottom: 54px; margin-left: -84px; margin-top: 94px;}
    .divtopicosmissao2{position: relative; float: left; width: auto; clear: none; margin-left: 120px; margin-top: 0px; display: block;}
    .wrapjunte{position: absolute; left: 240px; bottom: 80px; width: 855px; transform: translateX(0%);}
    .menuspe{position: relative; float: right; width: 266px; clear: none; margin-top: 0;}
    .pebaixodentro{display: flex; justify-content: center; align-items: center; flex-direction: row;}
    .pebaixo2{margin-top: 0; margin-bottom: 0; line-height: 21px;}
    .pebaixo{height: 59px; background: #788B4D; display: flex; align-items: center; justify-content: center; z-index: 99; box-sizing: border-box; padding: 0;}
    .scrollclass .sobrenosindex1{transform: translateX(-100%); opacity: 0;}
    .scrollclass .sobrenosindex2{transform: translateX(100%); opacity: 0;}
    .orcflex{display: flex; justify-content: center; align-items: flex-start; flex-direction: row;}
    .wrapformorcamento{box-sizing: border-box; padding-left: 50px; overflow: hidden; padding-right: 0px; width: 730px; clear: both; border-top-left-radius: 10px;}
/*************************************************************** ESTILOS PC ***************************************************************/
/************************************************************* VARIAVEIS CSS **************************************************************/

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/***************************************************************** CABEÇA *****************************************************************/
.opcoesdesktop{display: flex; align-items: center; margin-right: 145px;}
/*************************************************************** FIM CABEÇA ***************************************************************/


/************************************************************* DESTAQUE INDEX *************************************************************/

/*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


/***************************************************************** INDEX ******************************************************************/

/*************************************************************** FIM INDEX ****************************************************************/


/************************************************************* DESTAQUE CONTE *************************************************************/

/*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


/*************************************************************** CONTE CIMA ***************************************************************/
.colunas3conte:nth-child(3n+1){width: calc(100% / 3); clear: both; box-sizing: border-box; padding-left: calc((22px * 0) / 3); padding-right: calc((22px * 2) / 3); margin-bottom: 55px;}
.colunas3conte:nth-child(3n+2){width: calc(100% / 3); clear: none; box-sizing: border-box; padding-left: calc((22px * 1) / 3); padding-right: calc((22px * 1) / 3); margin-bottom: 55px;}
.colunas3conte:nth-child(3n+3){width: calc(100% / 3); clear: none; box-sizing: border-box; padding-left: calc((22px * 2) / 3); padding-right: calc((22px * 0) / 3); margin-bottom: 55px;}

/************************************************************* FIM CONTE CIMA *************************************************************/


/************************************************************ CONTE CONTACTOS *************************************************************/

/********************************************************** FIM CONTE CONTACTOS ***********************************************************/


/************************************************************** CONTE BAIXO ***************************************************************/

/************************************************************ FIM CONTE BAIXO *************************************************************/


/****************************************************************** 404 *******************************************************************/

/**************************************************************** FIM 404 *****************************************************************/


/******************************************************************* PE *******************************************************************/
footer .divfooter > .colunas65.hidemobile769{padding: 49px 90px 37px 20px;}
/***************************************************************** FIM PE *****************************************************************/


/************************************************************* FIM ESTILOS PC *************************************************************/
}

@media only screen and (min-width:1500px){
  .wrapformorcamento{box-sizing: border-box; padding-left: 0px; overflow: hidden; padding-right: 0px; width: 730px; clear: both; border-top-left-radius: 10px;}
    .colunas2orc:nth-child(2n+1){position: relative; float: left; width: 50%; padding-left: 0px; padding-right: 25px; margin-bottom: 0; clear: both;}
    .colunas2orc:nth-child(2n+2){position: relative; float: left; width: 50%; padding-left: 25px; padding-right: 0px; margin-bottom: 0; clear: none;}
    .h702{height: 702px;}
    .textoconte2{position: relative; float: left; width: calc(100% - 600px);}
    .galeriaportfolio{position: relative; float: right; clear: none; width: 546px; margin-top: 0px;}
    .sobretit2{width: calc(100% - 545px);}
    .quadradosobrenos{position: relative; float: right; width: 440px; height: 398px; margin-top: 0; clear: none;}
    .folhassobrenos{position: absolute; top: 0; right: 0; width: 790px; height: 595px; background: url(../imgs/folhas3.png) no-repeat center center / contain; transform: rotateY(180deg); pointer-events: none;}
    .folhasorc{position: absolute; bottom: -116px; right: 0; width: 612px; height: 408px; background: url(../imgs/folhas2.png) no-repeat center center /contain;}
    .wrappedirorc{box-sizing: border-box; padding-top: 63px; padding-bottom: 68px; padding-left: 0px; padding-right: 0px; background: #F5F7F4;}
    .wrappedirorc.open{padding-top: 123px; padding-bottom: 116px;}
    .wrapinputsorc{margin-left: 122px; margin-top: 0px;}
    .mright101{margin-right: 101px;}
    .topicosparent{margin-left: 0px; margin-bottom: 0px;}
    .divtopicosmissao{position: relative; float: left; width: auto; clear: none; margin-left: 120px; margin-top: 0; display: block;}
    .divtopicosmissao2{position: relative; float: left; width: auto; clear: none; margin-left: 80px; margin-top: 0; display: block;}
    .flex1500{display: flex; align-items: center; justify-content: flex-start;}
    .muda1500{width: calc(100% - 470px); display: flex; justify-content:center;}
    .mmuda1500{width: 470px;}
    .hide1500{display: block;}
    .show1500{display: none;}
}

@media only screen and (min-width:1600px){
.mostramenumob{display: none;}
.navbar{display: block;}
.mleft75{margin-left: 75px;}
.barramenudestaque .navbar{display: block;}
.mostramenumob.hide1600{display: none;}
.show1600{display: block;}
.hide1600{display: none;}
.flex1600{display: flex; align-items: center;}
.wrapslidercontebaixo .slide .innerimg{aspect-ratio: 296/195; overflow: hidden;}
/******************************************************************** ********************************************************************/
/************************************************************* VARIAVEIS CSS **************************************************************/

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/***************************************************************** CABEÇA *****************************************************************/

/*************************************************************** FIM CABEÇA ***************************************************************/


/************************************************************* DESTAQUE INDEX *************************************************************/

/*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


/***************************************************************** INDEX ******************************************************************/

/*************************************************************** FIM INDEX ****************************************************************/


/************************************************************* DESTAQUE CONTE *************************************************************/

/*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


/*************************************************************** CONTE CIMA ***************************************************************/

/************************************************************* FIM CONTE CIMA *************************************************************/


/************************************************************ CONTE CONTACTOS *************************************************************/

/********************************************************** FIM CONTE CONTACTOS ***********************************************************/


/************************************************************** CONTE BAIXO ***************************************************************/

/************************************************************ FIM CONTE BAIXO *************************************************************/


/****************************************************************** 404 *******************************************************************/

/**************************************************************** FIM 404 *****************************************************************/


/******************************************************************* PE *******************************************************************/
.w235{width: 235px;}
.w495{width: 695px;}
.divlocalizacao{width: 50%; position: relative; float: right; clear: none;}
/***************************************************************** FIM PE *****************************************************************/


/****************************************************************** FIM ******************************************************************/
}

@media only screen and (min-width:2000px){
.w495{margin-right: 0px;}
.show2000flex{display: flex;}
.hide2000flex{display: none;}
/*************************************************************** ESTILOS 4K ***************************************************************/
/************************************************************* VARIAVEIS CSS **************************************************************/

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/***************************************************************** CABEÇA *****************************************************************/

/*************************************************************** FIM CABEÇA ***************************************************************/


/************************************************************* DESTAQUE INDEX *************************************************************/

/*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


/***************************************************************** INDEX ******************************************************************/

/*************************************************************** FIM INDEX ****************************************************************/


/************************************************************* DESTAQUE CONTE *************************************************************/

/*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


/*************************************************************** CONTE CIMA ***************************************************************/

/************************************************************* FIM CONTE CIMA *************************************************************/


/************************************************************ CONTE CONTACTOS *************************************************************/

/********************************************************** FIM CONTE CONTACTOS ***********************************************************/


/************************************************************** CONTE BAIXO ***************************************************************/

/************************************************************ FIM CONTE BAIXO *************************************************************/


/****************************************************************** 404 *******************************************************************/

/**************************************************************** FIM 404 *****************************************************************/


/******************************************************************* PE *******************************************************************/

/***************************************************************** FIM PE *****************************************************************/


/************************************************************* FIM ESTILOS 4K *************************************************************/
}