/* Theme Name: Theme URI: http://agentecria.com/ Author: A Gente cria */ @charset "utf-8"; /* CSS Document */ /*RESET*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;veratical-align: baseline;} ul{list-style-type:none} p, li, button, input, textarea, option, label, span, a{font-family: 'Source Sans Pro', sans-serif;} p strong, a strong{font-weight: 600} h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;} button{outline:none;} html{-font-size:13px} body{width: 100%;background:#fff} .grid-container{max-width:78.25rem} .texto-branco{color: #fff;} .texto-preto{color: #000;} .texto-cinza{color: #656866;} a{color: #0F445B;transition: all 0.2s;-moz-transition: all 0.2s; /* Firefox 4 */-webkit-transition: all 0.2s; /* Safari and Chrome */ -o-transition: all 0.2s; /* Opera */;outline:none;} a:hover{color: #008D36;transition: all 0.2s;-moz-transition: all 0.2s; /* Firefox 4 */-webkit-transition: all 0.2s; /* Safari and Chrome */ -o-transition: all 0.2s; /* Opera */} a:focus{color:inherit} noscript span{margin:5rem auto;padding:3rem;display:block;font-size: 1rem;text-align: center;font-weight:bold;color: #e10b0b;border:1px solid #e10b0b;background:rgba(255,11,11,0.5)} noscript span a{font-size: 1rem;font-weight: 700;} noscript span a:hover{color:orange !important} hr{border-top:1px solid #D4D4D4;border-bottom: 1px solid transparent;max-width: 100%;margin:1rem 0;} /* ------------- header ------------- */ header{position:fixed;width:100%;z-index:999;background-color:#fff;box-shadow:0px 3px 6px 0px rgba(0,0,0,0.16);transition: all 0.2s;} .large{height:100px;padding-top: 20px} .smallz{height:70px;padding-top: 0.3rem} .small{height:100px;padding-top: 20px} header h1{text-align: left;} header h1 a{margin:0;padding:0;} header h1 img{width:180px;} header nav{margin:0.5rem 0;padding:0;position: relative;} #groupBusca{display: none} header .menu{float: right;} header .menu li{position:relative;} header .menu a.linkComum{display: inline-block;font-family: 'Montserrat', sans-serif;color:#0F445B;padding:10px 17px;margin:0 6px;margin-top:5px;font-size:13px;border-radius:50px;text-transform: uppercase;font-weight: 500;transition: all 0.5s;text-align: center} header .menu a.linkComum:hover{color:#fff;background:#0F445B;} header .menu .is-dropdown-submenu-parent a:hover{color:#fff;} header .menu .is-active a.linkComum{color:#fff;background:#0F445B;} header .menu a.is-active{} header .menu .is-dropdown-submenu{border-radius:0 0 10px 10px;text-align: center;padding:0.55rem 0.5rem;min-width: 210px;z-index: 16;} header .menu .is-dropdown-submenu a{color:#008D36;font-size: 13px; font-weight: 400; text-transform: uppercase;font-family: 'Montserrat', sans-serif;padding:0.8rem 0.5rem;} header .menu .is-dropdown-submenu a:hover{color:#0F445B;background: none;} header .menu .is-dropdown-submenu{top:72px !important;left:-50px !important;} header .menu .is-dropdown-submenu li{position: relative;text-align: center;} header .menu .is-dropdown-submenu li img{position: absolute;top:-111px;left:calc(50% - 8px);width:16px;height: 20px;} header .dropdown.menu>li.is-dropdown-submenu-parent>a{padding-right: 17px;} header .dropdown.menu>li.is-dropdown-submenu-parent>a::after{border: none} .linhaCompartilhada{height:50px;text-align: center; margin-left: 38px;} .btRedesSociais{background-repeat: no-repeat;background-position:0 0;width:21px;height:21px;display:inline-block !important;text-indent: -5000rem;overflow: hidden;-margin:0.7rem 0.5rem 0 0;} .btRedesSociais:hover{opacity: 0.7} .btFacebook{background-image: url(imagens/icon_facebook.svg);margin-left: 1rem} .btInstagram{background-image: url(imagens/icon_instagram.svg);} .btLinkedin{background-image: url(imagens/icon_linkedin.svg)} .btBusca{background:transparent url(imagens/icon_busca.svg) 0 0 no-repeat;width:21px;height:21px;text-indent: -5000rem;overflow: hidden;margin:0.7rem 1.2rem;display:inline-block !important;} .btBusca:hover{opacity: 0.7} li .searchBox{display:none;position:absolute;left: 35px;top:72px;z-index:15} .input-group{width:318px;position: relative;} .seta-up{position:absolute;width: 0;height: 0;border-left:15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #B8B8B8;top:-14px;left:calc(25% - 10px);z-index:12;} .seta-up:after{content:' ';position:absolute;width: 0;height: 0;border-left:15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #fff;left:calc(25% - 15px);top:1px} .input-group-field{width: 100%;box-shadow:none;border-radius:0 0 0 10px !important;color:#B8B8B8;position: relative;z-index:10;font-family: 'Source Sans Pro', sans-serif;font-size:1.0rem;} .input-group-field:focus{border:1px solid #B8B8B8} .input-group-field::-webkit-input-placeholder{color: #B8B8B8;font-family: 'Source Sans Pro', sans-serif;font-size:1.0rem;} .input-group-field::-moz-placeholder{color: #B8B8B8;font-family: 'Source Sans Pro', sans-serif;font-size:1.0rem;} .input-group-field:-ms-input-placeholder{color: #B8B8B8;font-family: 'Source Sans Pro', sans-serif;font-size:1.0rem;} .input-group-field::placeholder{color: #B8B8B8;font-family: 'Source Sans Pro', sans-serif;font-size:1.0rem;} .input-group-button input{border:none;background:#008D36 url(imagens/icon_seta_busca.svg) center center no-repeat;background-size:10px;cursor: pointer;padding:1rem 1.8rem;border-radius:0 0 10px 0 !important;z-index:12;} .input-group-button input:hover{background-color:#0F445B;transition: all 0.5s;} .btOrcamento{font-family: 'Source Sans Pro', sans-serif;font-size:16px !important;background-image:url(imagens/icon_calculadora.svg);background-position:17px 8px;background-repeat:no-repeat;background-size:19px 19px;padding:9px 16px 9px 42px !important;-width: 190px;margin-top:5px;height:35px;} .btOrcamento:hover{} div.progress{position:absolute;bottom: -0.30rem;width: 100%;z-index: 14;height:0.3rem;margin-bottom:0} div.progress-meter{background-color: #0F445B} /* ------------- conteudo ------------- */ main.strech{overflow:hidden} /* home */ body#home{} #boxDestaques{margin-top:6rem;height:525px;overflow:hidden;position:relative;box-sizing:unset !important} #boxDestaques *{box-sizing:unset !important} #boxDestaques li{background-position:center top;background-repeat:no-repeat;height:514px;} #boxDestaques li figure{text-align:center} #boxDestaques li .grid-x{height:514px;} #boxDestaques h5{font-size:2.4rem;font-weight:300;color:#fff;-margin-top:12rem;padding:2rem 2rem 0 10rem;line-height:2.8rem;text-shadow: 1px 1px 5px rgba(0,0,0,0.5);text-transform:none} #boxDestaques h5 strong{font-weight:700;} #boxDestaques p{font-size:1.5rem;text-transform:uppercase} #boxDestaques ul button{outline:none;cursor:pointer;width:20px;height:20px;opacity: 0.5;transition: all 0.2s;z-index: 7} #boxDestaques ul button:hover{opacity: 0.9;} #boxDestaques .orbit-previous{background:transparent url(imagens/icon_dot_prev.svg) 0 0 no-repeat;height:3rem;left:3%} #boxDestaques .orbit-next{background:transparent url(imagens/icon_dot_next.svg) 0 0 no-repeat;height:3rem;right:3%} #boxDestaques .orbit-bullets{z-index:8;margin-top:-0.5rem;} #boxDestaques .orbit-bullets button{ background-color:#B8B8B8;margin:0 0.8rem;width:10px;height:10px;cursor:pointer;border:2px solid #fff;border-radius: 20%;transform: rotate(45deg);} #boxDestaques .orbit-bullets button.is-active { background-color: #2A465B;} /*adding animation to elements here. add each element here to animate. other wise it will not animate.*/ .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-visibility:hidden;} .animated{ -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s;} /*necessary css for slider*/ /* anima da home e servicos*/ #boxHomeServicos{} #scrollmapa {height: 490px;margin: auto;width:100%;overflow-x: hidden;overflow-y: hidden;} #scrollmapa::-webkit-scrollbar {width: 10px; height: 10px; margin-top: 5px; } /* Track */ #scrollmapa::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;border-radius: 5px;} /* Handle */ #scrollmapa::-webkit-scrollbar-thumb {background: #008d36;border-radius: 5px;} /* Handle on hover */ #scrollmapa::-webkit-scrollbar-thumb:hover {background: #008d36;} #animaServicos{margin:1rem 0;position: relative;height: 470px;width: 1220px;} #animaServicos figure{display: none;position: absolute;z-index:8;top:0;left: 0} #animaServicos figure:last-child{display: block;position: relative;z-index:6 !important} #mapFullPeb{z-index:7 !important;position:relative} #animaServicos img{border-radius: 10px;height: 470px;width: 1220px;} #animaServicos a{cursor:pointer;background:transparent url(imagens/icon_mais.svg) center center no-repeat;background-size:30px;width:60px;height:60px;padding:0;border:none;position: absolute;z-index: 9} .tooltip{padding:0.5rem;background:rgba(255,255,255,0.7);max-width:300px;border-radius:15px;text-transform: uppercase;color: #0F445B;font-size:0.85rem;font-weight: 600;font-family: 'Source Sans Pro', sans-serif;} .tooltip::before {border-bottom-color: rgba(255,255,255,0.7) !important} .tooltip::after {border-top-color: rgba(255,255,255,0.7) !important} .boxToolTip{display:none;position: absolute;padding:0.3rem;background:rgba(255,255,255,0.7);width:220px;border-radius:15px;top:45px;left:calc(50% - 110px);} .boxToolTip h6{text-transform: uppercase;color: #0F445B;font-size:0.85rem;font-weight: 600;font-family: 'Source Sans Pro', sans-serif;text-align: center;margin:0;} .setaTollTip{position:absolute;width: 0;height: 0;border-left:10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid rgba(255,255,255,0.7);top:-10px;left:calc(50% - 10px);z-index:12;} #animaServicos a:hover .boxToolTip{display: block;} #HITengenharia-ambiental_84{top:160px;left:630px} #HITengenharia-ambiental_82{top:265px;left:585px} #HITengenharia-ambiental_83{top:385px;left:230px} #HITengenharia-ambiental_5{top:390px;left:580px} #HITengenharia-ambiental_85{top:130px;left:920px} #HITengenharia-civil_91{top:305px;left:985px} #HITengenharia-civil_88{top:70px;left:335px} #HITengenharia-civil_90{top:315px;left:834px} #HITengenharia-civil_89{top:358px;left:515px} #HITengenharia-civil_93{top:185px;left:380px} #HITengenharia-civil_4{top:240px;left:820px} #HITengenharia-civil_87{top:185px;left:917px} #HITengenharia-civil_92{top:240px;left:470px} #boxHomeServicos .card{border-top:none;border-radius: 10px;border:none;background:transparent url(imagens/elemento_fundo_mapa.png) center bottom no-repeat;background-size:99%;padding:1rem 0;margin-bottom: -6rem} #boxHomeServicos .card .cell:last-of-type{border-left:1px solid #B8B8B8;} #boxHomeServicos h3{text-align: center;color:#0F445B;font-weight:600;} #boxHomeServicos p{text-align: center;clear: both;padding:0.5rem 0 1rem 0;} #boxHomeServicos .card a{display:block;width:350px;padding:1rem 2rem 1rem 4rem;margin: 0.5rem auto;font-size:16px;font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight:500;background-position:0 center;background-repeat: no-repeat;background-size:44px;} #boxHomeServicos a.btengenharia-ambiental{color:#008D36;} #boxHomeServicos a.btengenharia-civil{color:#0F445B;} #boxHomeServicos.servicosInterno .card{ background-image: none; border: 1px solid #efefef;} #boxHomePosts{background:transparent url(imagens/bg_posts_home.jpg) 0 0 no-repeat;-padding-top:6rem !important;} #boxHomePosts .card{background-color: transparent;border-color:#C2C3C9;border-radius: 10px;padding:1.5rem;display:inline-block;width: 100%;position: relative;line-height: 1.5rem} #boxHomePosts .card a:hover *{transition: all 0.2s} #boxHomePosts h2{color:#fff;font-size:16px;line-height:18px;font-weight: 600;font-family: 'Source Sans Pro', sans-serif;margin-bottom: 0;padding: 0} #boxHomePosts h3{color:#fff;margin-bottom: 2rem} #boxHomePosts p{color:#fff;line-height: 19px} #boxHomePosts span{color:#B8B8B8;font-size: 12px;background-color: transparent;margin:0.5rem 0 0 0;border-radius: 0;padding:0} #boxHomePosts .btLink{position: absolute;top:1.5rem;right:1.5rem;} #boxHomePosts .grid-x .cell:first-of-type .card{margin-right:8px;width:calc(100% - 8px);} #boxHomePosts .grid-x .cell:first-of-type .card a:hover *{opacity: 0.8} #boxHomePosts .grid-x .cell:first-of-type .card h3{background:transparent url(imagens/icon_comunicacoes.svg) 0 5px no-repeat;background-size: 33px;padding:0.5rem 0.5rem 0.5rem 2.5rem;} #boxHomePosts .grid-x .cell:first-of-type .card li{padding:0rem 0.5rem 0 1.2rem;margin:0.7rem 0;position: relative;display: flex;} #boxHomePosts .grid-x .cell:first-of-type .card li:first-child{margin:0rem 0 0.7rem 0;} #boxHomePosts .grid-x .cell:first-of-type .card li:last-child{margin:0.7rem 0 0 0;} #boxHomePosts .grid-x .cell:first-of-type .card li:before{content:" ";width:3px;height:95%;display:block;border:3px solid #008D36;border-radius:30px;position: absolute;top:0px;left: 0} #boxHomePosts .grid-x .cell:first-of-type .card a:hover li:before{border-color:#fff;} #boxHomePosts .grid-x .cell:first-of-type .card li span{margin:0;padding:0;} #boxHomePosts .grid-x .cell:first-of-type .card li h2{margin:0 0 0.3rem 0;} #boxHomePosts .grid-x .cell:last-of-type .card{margin-left:8px;width:calc(100% - 8px);} #boxHomePosts .grid-x .cell:last-of-type .card ul{width: auto;margin:0 auto;display: table;} #boxHomePosts .grid-x .cell:last-of-type .card li{text-align: center;display: inline-block;margin:0 0.5rem;width:30%;} #boxHomePosts .grid-x .cell:last-of-type .card li figure{border:2px solid #008D36;border-radius: 50%;width: auto;display: inline-block;padding:4px;margin:0.5rem 0 1.5rem 0;} #boxHomePosts .grid-x .cell:last-of-type .card li img{border-radius: 50%;-height:140px;-max-width:100%} #boxHomePosts .grid-x .cell:last-of-type .card h3{background:transparent url(imagens/icon_cases.svg) 0 0 no-repeat;background-size:27px;padding:0.5rem 0.5rem 0.5rem 2.0rem;} #boxHomePosts .grid-x .cell:last-of-type .card span{border-top:2px solid #008D36;padding:0.4rem 0;margin:0.6rem 0 0.5rem 0;display: inline-block;} #boxHomePosts .grid-x .cell:last-of-type .card li a:hover figure{border-color:#fff;} #boxHomePosts .grid-x .cell:last-of-type .card li a:hover img{filter: brightness(80%) contrast(115%) ;} #boxHomePosts .grid-x .cell:last-of-type .card li a:hover span{border-color:#fff;} /* compartilhado em todas as paginas */ .btLink{background-color:#008D36;color:#fff;font-weight: 400;font-size:16px;border-radius:18px;padding:0.2rem 1.3rem;cursor: pointer;} .btLink:hover{color:#fff;opacity: 0.8} .btLinkBorder{border:1px solid #008D36;background-color: transparent;padding:0.3rem 1.3rem;display: inline-block;} .btLinkBorder:hover{color:#fff;background-color:rgba(0,141,54,0.4);} .home section:not(#boxDestaques){padding:4rem 0;} .internas section:not(#boxTitulo):not(#boxBreadcrumbs):not(#boxFiltro){padding:2rem 0;} section h1{font-weight:800;text-transform:uppercase;font-size:1.25rem;margin:0 0 1rem 0} section h2{font-weight:800;text-transform:uppercase;font-size:2.35rem;margin:0 0 1rem 0} section h3{font-weight:500;text-transform:uppercase;font-size:16px;margin:0 0 0.8rem 0} section h4{font-weight:600;text-transform:uppercase;font-size:1.35rem;margin:0 0 1rem 0} section h5{font-weight:400;text-transform:uppercase;font-size:1.35rem;margin:0 0 1rem 0} section h6{font-weight:400;text-transform:uppercase;font-size:1.35rem;margin:0 0 1rem 0} section p{color:#9A999E;font-size:16px;} section a{font-size:1.2rem;} section span{color:#9A999E;font-size:1.2rem;font-weight: 400} .form input{border:1px solid #C2C3C9;background:#fff;color: #9A999E;font-family: 'Source Sans Pro', sans-serif;font-size:16px;border-radius: 20px;box-shadow: none;padding:1.0rem 1.25rem} .form textarea{border:1px solid #C2C3C9;background:#fff;color: #9A999E;font-family: 'Source Sans Pro', sans-serif;font-size:16px;border-radius: 10px;box-shadow: none;padding:1.0rem 1.25rem} .form select{border-radius: 20px;height:40px;color: #9A999E;font-family: 'Source Sans Pro', sans-serif;font-size:16px;padding:0 1.25rem;} .form select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url(imagens/icon_select_form.svg) 98% center no-repeat;background-size: 15px} .form option{width: 250px !important;margin:0 5rem !important;} .form input::-webkit-input-placeholder{color: #9A999E;font-family: 'Source Sans Pro', sans-serif;font-size:16px;} .form input::-moz-placeholder{color: #9A999E;font-family: 'Source Sans Pro', sans-serif;font-size:16px;} .form input:-ms-input-placeholder{color: #9A999E;font-family: 'Source Sans Pro', sans-serif;font-size:16px;} .form input::placeholder{color: #9A999E;font-family: 'Source Sans Pro', sans-serif;font-size:16px;} .form textarea::-webkit-input-placeholder{color: #9A999E;font-family: 'Source Sans Pro', sans-serif;font-size:16px;} .form textarea::-moz-placeholder{color: #9A999E;font-family: 'Source Sans Pro', sans-serif;font-size:16px;} .form textarea:-ms-input-placeholder{color: #9A999E;font-family: 'Source Sans Pro', sans-serif;font-size:16px;} .form textarea::placeholder{color: #9A999E;font-family: 'Source Sans Pro', sans-serif;font-size:16px;} form div.callout{clear:both;-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);} form div.callout span{margin:0;padding: 2px !important;font-size: 0.95em !important;color: #999 !important;text-transform:uppercase;} form div.callout button.close-button span{margin:0;font-size:2rem !important;color:#999 !important;} /* para todas as internas */ .internas main{padding-top: 6rem} #boxBreadcrumbs{margin:2.5rem 0 0rem 0;} #boxBreadcrumbs nav{border-radius: 50px;background-color: #EFEFEF;padding:0.0rem 1rem;display: inline-block;} #boxBreadcrumbs ul{margin:0.35rem 0.5rem;z-index: 2; position: relative;} #boxBreadcrumbs li{font-size:14px;text-transform: none;color: #575756;} #boxBreadcrumbs a{font-size:14px;color: #575756;padding:0;margin: 0} #boxBreadcrumbs .breadcrumbs li:not(:last-child)::after{content: '•';font-size: 1.0rem;line-height:1rem;color: #575756;padding:0;margin:0 0.2rem} #boxBreadcrumbs.servicos-breadcrumbs{margin:0;} .boxButtonArtigos{ margin: 0rem 0 1rem 0; background-color: #fff; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16); border-radius: 20px; padding: 0.3rem 0.8rem; margin-left: 141px; margin-top: 1px; display: inline-block; position: absolute; cursor: pointer; transition: all 0.3s; z-index: 300; } .boxButtonArtigos span{ font-size: 13px; color: #0F445B; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; } .boxButtonArtigos:hover{ box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.36); transition: all 0.3s } /* .item-toggle{ display: none; } .item-toggle.active{ display: block; } */ #boxTitulo{position: relative;} #boxTitulo h1{color:#0F445B;text-align: center;margin-top:-2.1rem;} #boxContato{} #boxContato img{border-radius: 10px;margin-top:2.5rem;} .boxdadosContato{margin:0 0 1.5rem 0;padding:0.2rem 1rem 0.2rem 2.0rem;} .boxdadosContato .dadosContato{background-position: 0 4px;} #boxContato .dadosContato.dadosFone{margin-top:2.5rem;font-weight: 600;font-size:18px;} #boxContato .dadosContato.dadosFone a{} #boxContato .dadosContato.dadosWhats{font-weight: 600;font-size:18px;} #boxContato .dadosContato.dadosWhats a{} #boxContato .dadosContato.dadosEmail{font-size:16px !important;} #boxContato .dadosContato.dadosEmail a{} #boxContato .dadosContato.dadosLocal{margin-bottom:2.5rem;font-size:16px !important;} #boxContato .dadosContato.dadosLocal a{} #boxContato .dadosContato a {color:#9A999E; } #boxContato form{margin:0 5rem 5rem 0;} #boxContato form p{color:#B8B8B8;font-size:1.2rem;padding:0 0 1rem 0;} #boxContato form p:last-of-type{padding:1rem 0;} #boxContato form span{font-size:13px;color:#C2C2C2;} #boxContato .btLink{background: #0F445B url(imagens/icon_envelope.svg) 15px center no-repeat;background-size:20px;padding:0.7rem 1.3rem 0.7rem 3.5rem;float: right;} #boxContato .wpcf7-submit{ color: #fff; font-weight: 400; font-size: 16px; border-radius: 18px; padding: 0.2rem 1.3rem; cursor: pointer; border: 0; background: #0F445B url(imagens/icon_envelope.svg) 15px center no-repeat;background-size:20px;padding:0.7rem 1.3rem 0.7rem 3.5rem;float: right; margin-top: -21px;} #boxContato .contact-form__input{ position:relative; } #boxContato .contact-form__input p{ display: block; margin: 0; font-size: 100%; font-weight: 400; line-height: 1; padding-bottom: 0; color: #0a0a0a; } #boxContato span.wpcf7-not-valid-tip{ font-size: 13px; color: #C2C2C2; margin: -11px 0 10px; color: red; } #gmap{max-width: 400px;height:220px;border:1px solid #B8B8B8;border-radius: 10px;margin:0 auto;} #boxContato.servicos-form { background: #efefef; } #boxContato.servicos-form form{ margin-right:0; } #boxContato h2{margin: 0 0 1rem 0 !important;} #boxContato .termos-uso{ position: absolute; top: 2px; right: -14px; margin-top: -11px; padding: 12px 17px 3px 10px; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; color: #9a999e; margin-right: 145px; text-align: right; background-color: #efefef; width: 282px; border-radius: 10px; } #boxContato .termos-uso .wpcf7-not-valid-tip{ position: absolute; margin-top: 5px; width: 238px; } #boxContato .termos-uso a{ font-size: 16px; color: #9a999e; text-decoration: underline; } .box-homecounter{ background-color: #0F445B; z-index: 100; position: relative; padding-bottom: 26px !important; margin-top: 54px; } .box-homecounter .grid-container{ background-color: #fff; border-radius: 10px; padding: 19px; margin-bottom: -44px; } .box-homecounter .cell{ text-align: center; padding: 27px 0; } .box-homecounter .cell-odd span{ color:#008D36 !important; } .box-homecounter .cell-even span{ color:#0F445B !important; } .box-homecounter .cell img{ width: 60px; } .box-homecounter .cell .counter-main span{ font-weight: 700; } .box-homecounter .cell .counter-subtitle span{ font-size: 13px; font-weight: 500; } @media screen and (min-width : 1140px){ .box-homecounter .cell{ width: 20%; } } /* cases e comunicacao */ .listaAnos{margin:0 auto;text-align:center;width: auto;} .listaAnos li{display: inline-block;margin:0 0.2rem;} .listaAnos span{color:#B8B8B8;font-size:16px;} .listaAnos a{color:#B8B8B8;font-size:16px;} .listaAnos a.is-active{color:#0F445B;font-weight: 800} #boxPaginacao{text-align: center;position: relative;} #boxPaginacao h2{display: none;} .pagination{margin:0;padding: 0} .pagination .nav-links *{display:inline-block;position: relative;width:30px;height:30px;font-size: 16px} .pagination .current{background: transparent;color:#0F445B !important;font-weight: 800} .pagination .page-numbers{color:#B8B8B8;} .pagination .dots{color:#B8B8B8;} .pagination .prev{background:transparent url(imagens/icon_seta_paginacao_prev.svg) 0 0 no-repeat;width:40px;height:40px;top:16px;text-indent: -5000rem;overflow: hidden;} .pagination .prev:hover{opacity: 0.5;background:transparent url(imagens/icon_seta_paginacao_prev.svg) 0 0 no-repeat;} .pagination .next{background:transparent url(imagens/icon_seta_paginacao_next.svg) 0 0 no-repeat;width:40px;height:40px;top:16px;text-indent: -5000rem;overflow: hidden;} .pagination .next:hover{opacity: 0.5;background:transparent url(imagens/icon_seta_paginacao_next.svg) 0 0 no-repeat;} .boxOutros{margin-bottom: 4rem} .boxOutros{padding:2rem 0 0 0 !important;} span.data{font-size:12px;margin:0.0rem 0 1rem 0;background-color:#EFEFEF;color:#575756;border-radius: 20px;padding:0.3rem 0.8rem;display: inline-block;} .btTodos{color:#0F445B;background:transparent url(imagens/icon_todos.svg) 0 5px no-repeat;background-size:28px;padding:0.0rem 0.2rem 0.2rem 2.0rem;display:inline-block;font-size: 16px;font-weight: 400;margin:0 0 1rem 0;} .cases-picto--container{ display: flex; justify-content: center; flex-wrap: wrap; } .cases-picto{ width: 33%; } .cases-picto .tagServico{ display: block; width: 53px; background-size: 53px; height: 40px; background-repeat: no-repeat; margin: 0 auto; filter: brightness(0) grayscale(100) contrast(0); color: #575756; } .cases-picto .tagNome{ font-size: 14px; line-height: 16px; display: block; } /* resultado da busca */ #boxListBusca{} .listagemBusca .card{padding: 0;margin:0 0 1.5rem 0;border-radius: 10px;border:1px solid #B8B8B8;} .listagemBusca .card a:hover{opacity: 0.7} .listagemBusca .card h3{color:#0F445B;margin:1rem 1.5em 1rem 1rem;font-weight: 500;font-size:16px;} .listagemBusca .card p{margin:0 1rem 1.5rem 1rem;} .listagemBusca .card figure{-text-align: center;} .listagemBusca .card img{max-width: 300px} .listagemBusca .card span{margin-left: 1rem} .listagemBusca .card .svgImg{max-width: 60%; margin: 1rem} /* cases */ #boxListCases{} #boxListCases h4{border-top: 1px solid #D4D4D4;position: relative;text-align: center;margin-bottom: 2rem;} #boxListCases h4 span{font-weight: 500;color: #0F445B;font-size: 16px;background-color:#fff;padding:1rem;top:-0.9rem;position: relative;font-family: 'Montserrat', sans-serif;} #boxListCases .card{border:1px solid #B8B8B8;border-radius: 10px;margin:0 auto 48px auto;max-width:377px;text-align: center;} #boxListCases .card a *{transition: all 0.3s} #boxListCases .card a:hover img{filter:brightness(80%) contrast(115%)} #boxListCases .card figure{width: 100%;height:200px;overflow: hidden;} #boxListCases .card figure img{width: 100%;} #boxListCases h3{font-weight: 600;margin:1rem 0;font-family: 'Source Sans Pro', sans-serif; min-height: 41px;} #boxListCases.boxOutros .card{margin:0 auto 1rem auto;float:none; } #boxListCases.boxOutros .cell:nth-child(2) .card{-float: left;} #boxListCases.boxOutros .cell:nth-child(3) .card{-float: none;} #boxListCases.boxOutros .cell:nth-child(4) .card{-float: right;} #boxCase{} .fotosThumbs figure{} .fotosThumbs img{border-radius: 10px} .fotosThumbs a{} .fotosMiniThumbs{margin: 1.5rem 1rem} .fotosMiniThumbs figure{} .fotosMiniThumbs img{border-radius: 10px;opacity: 0.6;-width: 80px !important;-margin: 0 10px !important} .fotosMiniThumbs img:hover{opacity: 1} .fotosMiniThumbs .slick-current img{opacity: 1} .fotosMiniThumbs a{} .fotosMiniThumbs .slick-list{padding:0 !important;} .fotosMiniThumbs .slick-track{-margin:auto;} .fotosThumbs .slick-prev{left: 10px !important;} .fotosThumbs .slick-next{right: 10px !important;} .fotosMiniThumbs .slick-prev{left: -25px !important;} .fotosMiniThumbs .slick-next{right: -25px !important;} #boxCase .slick-prev, #boxCase .slick-next{z-index: 99;width: 25px !important;height: 45px !important;} #boxCase .slick-prev:before{content:'' !important;background:url(imagens/icon_seta_simples_prev.svg) !important;background-position: 0px center !important;display: inline-block;background-repeat: no-repeat !important;z-index:99 !important;} #boxCase .slick-next:before{content:'' !important;background:url(imagens/icon_seta_simples_next.svg) !important;background-position: 0px center !important;display: inline-block;background-repeat: no-repeat !important;z-index:99 !important;} #boxCase .fotosThumbs .slick-prev:before{filter:brightness(100)!important;width: 19px;height: 32px;background-size: 18px !important} #boxCase .fotosThumbs .slick-next:before{filter:brightness(100)!important;width: 19px;height: 32px;background-size: 18px !important} #boxCase .fotosMiniThumbs .slick-prev:before{filter:grayscale(0.5)!important;width: 11px;height: 32px;background-size: 10px !important} #boxCase .fotosMiniThumbs .slick-next:before{filter:grayscale(0.5)!important;width: 11px;height: 32px;background-size: 10px !important} #boxCase h1{color:#0F445B;font-size:20px;} #boxCase h1 + span{padding:0.3rem 1.4rem;} #boxCase p{color:#575756;font-size:16px;line-height:19px;} #boxCase p:first-of-type{color:#B8B8B8;font-size:14px;margin:0.9rem 0 0rem 0} #boxCase .tagServico{background-repeat:no-repeat;background-position:2px center;background-size:40px;filter: brightness(0) grayscale(100) contrast(0);border:1px solid #D4D4D4;padding:0.4rem 1.0rem 0.4rem 2.5rem;border-radius:20px;color:#575756;font-size:14px;margin:0.5rem 0.2rem 0rem 0;display: inline-block;} #boxCase .tagServico:last-of-type{margin-bottom: 2rem} #boxCase .tagServico a{font-size:13px;} #boxCase .btTodos:hover{opacity: 0.6} .dadosCases {margin-left:1.5rem} #boxClientes{margin-bottom: 2rem} #boxClientes h4{border-top: 1px solid #D4D4D4;position: relative;text-align: center;margin-bottom: 1rem;} #boxClientes h4 span{font-weight: 500;color: #0F445B;font-size: 16px;background-color:#fff;padding:1rem;top:-0.9rem;position: relative;font-family: 'Montserrat', sans-serif;} #boxClientes figure{margin:1rem;text-align: center} #boxClientes img{filter: grayscale(1);transition: all 0.5s} #boxClientes img:hover{filter: grayscale(0);} /* comunicacao */ #boxListComunicacoes{} #boxListComunicacoes aside{margin-right: 4rem} #boxListComunicacoes aside *{font-family: 'Source Sans Pro', sans-serif;} #boxListComunicacoes h5{color:#575756;text-transform: uppercase;font-size:16px;font-weight: 400;margin:0;} #boxListComunicacoes h4{border-bottom: 1px solid #D4D4D4;color:#575756;text-transform: none;font-size:16px;font-weight: 400;padding: 0.5rem 0;margin:1rem 0 0.8rem 0;} #boxListComunicacoes .listaAnos{text-align: left;} #boxListComunicacoes .listaAnos li{display: block;} #boxListComunicacoes input::placeholder{color:#D4D4D4;} #boxListComunicacoes .listagemBusca{ padding: 0 100px; } #boxListComunicacoes .search-sidebar-form{ display: flex; height: 65px; } #boxListComunicacoes .search-sidebar-form input{ z-index: 1; margin-right: -94px; } #boxListComunicacoes .search-sidebar-form button{ line-height: 0px; z-index: 2; padding: 1.2rem 1.5rem } #boxListComunicacoes .btLink{margin-bottom: 2rem} #formPesquisa input{background-image: url(imagens/icon_lupa_filtro.svg);background-position: 10px 8px;background-repeat: no-repeat;background-size: 20px;padding-left: 2.5rem} #formDatas label{display: inline-block;width:2rem;float: left;padding: 0.5rem 0.5rem 0.5rem 0} #formDatas input{background-image: url(imagens/icon_calendario.svg);background-position: 10px 8px;background-repeat: no-repeat;background-size: 20px;padding:0.5rem 0.5rem 0.5rem 2.5rem;width:85%;} #boxListComunicacoes .btLink{float: right;padding: 0.7rem 1.5rem} .listagemCom .card{padding: 0;margin:0 0 1.5rem 0;border-radius: 10px;border:1px solid #B8B8B8;} .listagemCom .card a:hover{opacity: 0.7} .listagemCom .card h3{color:#0F445B;margin:1rem 1.5em 1rem 1rem;font-weight: 500;font-size:16px;} .listagemCom .card p{margin:0 1rem 1.5rem 1rem;} .listagemCom .card img{max-width: 100%} .listagemCom .card span{margin-left: 1rem} .boxOutros.listagemCom .card{margin:0 1rem 2rem 1rem} .boxOutros.listagemCom h4{border-top: 1px solid #D4D4D4;position: relative;text-align: center;margin-bottom: 2rem;} .boxOutros.listagemCom h4 span{font-weight: 500;color: #0F445B;font-size: 16px;background-color:#fff;padding:1rem;top:-1.1rem;position: relative;font-family: 'Montserrat', sans-serif} .boxOutros.listagemCom h3{margin:1rem 1.5em 0.8rem 1.0rem} .boxOutros.listagemCom p{margin:1rem 1.5em 0.8rem 1.0rem} .boxOutros.listagemCom span{margin-left:1.0rem} .boxOutros.listagemCom img{min-width: 210px} #boxComunicacao{position: relative;} #boxComunicacao .cell{position: relative;} #boxComunicacao .btTodos{position: absolute;top:-503px;left:213px;-color:#fff;-filter: brightness(10) grayscale(1) contrast(0.5);} #boxComunicacao .btTodos:hover{opacity: 0.6} #bgPost{height:430px;background-repeat: no-repeat;background-position: center top;background-size:cover} #bgPost.bgPost-noimage{height: 230px;} #mainPost{border-radius:10px;background:#fff;margin:-250px 25px 0 25px;padding:45px 50px 0 50px;position: relative;} #mainPost h1{color:#0F445B;font-size:20px;font-weight:500;text-align: center;padding:1.5rem 2rem 0.5rem 2rem;} #mainPost h1:before{content: ' ';width:6rem;height:0.4rem;background-color: #008D36;border-radius: 10px;border:2px solid #008D36;position: absolute;top:2.0rem;left: calc(50% - 3rem)} #mainPost .data{border:1px solid #D4D4D4;background:transparent;margin:0 auto;display:block;width:8rem;text-align: center;} #mainPost p{margin:2rem 0;line-height: 1.7rem;color:#575756;font-size:16px;} #mainPost hr{} #mainPost img{text-align: center;border-radius: 10px;margin:0 auto;} #boxOpiniao{background-color:#EFEFEF;border-radius:50px; width: fit-content;margin:3rem auto;display: table;} #boxOpiniao li{display: inline-block;} #boxOpiniao li span{padding: 0.5rem 1.5rem;color:#5757560 !important;font-size: 16px} #boxOpiniao li a{-opacity: 0.7;display: block;padding: 0.5rem 1.5rem;color:#fff;} #boxOpiniao li a:hover{opacity: 0.6;} #boxOpiniao li a.selected{cursor:text;} #boxOpiniao li:nth-last-child(2) a{background-color:#008D36;} #boxOpiniao li:last-child a{-background-color:#ff3300;font-size:16px;color:#575756;border-radius:0 10px 10px 0;} #boxOpiniao + .callout{display: none;width: 362px; margin: -35px auto 35px auto;} #boxOpiniao + .callout span{font-size: 14px} .postFooter .cell:first-child span{color:#575756;font-size:14px;} .postFooter .cell:first-child span:after{content:' |';margin:0 0.5rem;} .postFooter .cell:first-child span:first-child:after{content:'';} .postFooter .cell:last-child{text-align: right;} .postFooter .cell:last-child span{color:#575756;font-size:14px;text-transform: uppercase;margin:0.2rem 0.5rem;padding: 0;float: right;} .postFooter .cell:last-child a{filter: brightness(0) grayscale(100) contrast(0);text-indent:5000rem;margin:0 0.2rem;float: right} /* servicos */ #boxAnima{} #boxAnima p{text-align: center;padding:2rem 0;} #boxAnima h2, #boxContato h2{font-weight: 800; text-transform: uppercase; font-size: 1.35rem; margin: 4rem 0 1rem 0; text-align:center;} #engenharia-ambiental:not(.single-servicos){background: #EFEFEF} #engenharia-ambiental h3{color:#008D36;} #engenharia-civil h3{color:#0F445B;} .boxservicos h3{background-position:center center;background-repeat: no-repeat;background-size:45px;padding:6.5rem 0 0 0;font-weight:500;font-size:16px;text-align: center;} .boxservicos h1{background-position:center center;background-repeat: no-repeat;background-size:45px;padding:6.5rem 0 0 0;font-weight:500;margin-top: -2.1rem;text-align: center;} .boxservicos p{text-align: center;padding:0.8rem 0 1rem 0;color:#575756;font-size:16px;} .boxservicos .tab{border:1px solid #D4D4D4;border-radius: 10px;display: table;margin: 0 auto;} .boxservicos .tab li{position: relative;z-index: 10;border-right: 1px solid #D4D4D4;max-width: 130px !important} .boxservicos .tab li:last-child{border:none;} .boxservicos .tab figure{text-align: center;display:inline-block;-width: 130px !important} .boxservicos .tab img{width: 55px;} .boxservicos .tab img.iconColor{display: block;} .boxservicos .tab img.iconBranco{display: none} .boxservicos .tab span{font-size: 16px;color:#575756;display:inline-block;margin:0.5rem 0 0 0;} .boxservicos .tab a{text-align: center;padding:1.15rem 0rem 1rem 0;font-family: 'Source Sans Pro', sans-serif;font-size:16px;display:block;-width: 130px} .boxservicos .tab a:hover{background-color:#e8e7e7} .boxservicos .tab a:hover img.iconColor{display: block;filter:grayscale(1)} .boxservicos .tab a:hover img.iconBranco{display: none;} .boxservicos .tab li:first-child a{border-radius: 10px 0 0 10px} .boxservicos .tab li:last-child a{border-radius: 0 10px 10px 0} .boxservicos .tab .seta-down{display:none;position:absolute;width: 0;height: 0;border-left:10px solid transparent;border-right: 10px solid transparent;bottom:-9px;left:calc(50% - 10px);z-index:12;} #tabsengenharia-ambiental .seta-down{border-top: 10px solid #008D36;} #tabsengenharia-civil .seta-down{border-top: 10px solid #0F445B;} #tabsengenharia-ambiental .is-active a{background-color:#008D36} #tabsengenharia-ambiental a{height:82px;} #tabsengenharia-civil .is-active a{background-color:#0F445B} .boxservicos .tab li.linhas3 img{width: 53px !important;} .boxservicos .tab li.linhas3 span{margin:0.0rem 0 0 0;} .boxservicos .tab li.linhas3 a{padding:1.1rem 0rem 0.6rem 0;} .boxservicos .tab .is-active img.iconColor{display:none;;} .boxservicos .tab .is-active img.iconBranco{display:block; filter: brightness(0) invert(1);} .boxservicos .tab .is-active span{color:#fff;} .boxservicos .tab .is-active a:hover img.iconColor{display: none;} .boxservicos .tab .is-active a:hover img.iconBranco{display: block;} .boxservicos .tab .is-active .seta-down{display: block;} .boxservicos .tabs-content{background:transparent;border:none;margin: 2rem 0} .boxservicos .tabs-content img{border-radius: 10px} .boxservicos .tabs-content h2{margin:0 0 0 5rem;font-size:20px;font-weight: 600} #tabsContentengenharia-ambiental h2{color:#008D36;} #tabsContentengenharia-civil h2{color:#0F445B;} .boxservicos .tabs-content p{margin:0 5rem;text-align: left;} #engenharia-civil.boxservicos .tab{border:1px solid #D4D4D4;border-radius: 10px;margin: 0 auto; width: 100%; display: block;} #engenharia-civil.boxservicos .slick-list{ position: relative; display: block; overflow: hidden !important; margin: 0; padding: 0; height: 117px; width: 100%; } #engenharia-ambiental.boxservicos .tab span{font-size: 14px;} #engenharia-ambiental.boxservicos .tab{border:1px solid #D4D4D4;border-radius: 10px;margin: 0 auto; width: 100%; display: block;} #engenharia-ambiental.boxservicos .slick-list{ position: relative; display: block; overflow: hidden !important; margin: 0; padding: 0; height: 117px; width: 100%; } #engenharia-ambiental.boxservicos .slick-prev, #engenharia-ambiental.boxservicos .slick-next{top: 58px !important;} /* botão contato fixo */ #boxContatoFixed{ background: #efefef; border-top: 5px solid #008d36; position: fixed; bottom: -200px; width: 100%; z-index: 99999; transition: all .3s ease 0s; } #boxContatoFixed .btLink{ padding: 0.7rem 2rem; } #boxContatoFixed h3{ font-weight: 500; text-transform: uppercase; font-size: 20px; margin: 3px; } /* configuracao especial, para sobrescrever os estilos de slick.css*/ .boxservicos .slick-slider{-margin:0 10px;box-sizing: initial !important} .boxservicos .slick-slide img{-display: inline-block !important} .boxservicos .slick-list{overflow: visible !important;} .boxservicos .slick-prev{left: -35px !important;} .boxservicos .slick-next{right: -34px !important;} .boxservicos .slick-prev, .boxservicos .slick-next{top:53px !important;z-index: 99;width: 33px !important;height: 140px !important;} .boxservicos .slick-prev:before{content:'' !important;background:url(imagens/icon_seta_simples_prev.svg) !important;width: 23px;height: 120px;filter:grayscale(1);background-size: 16px !important;background-position: 5px center !important;display: inline-block;background-repeat: no-repeat !important;z-index:99 !important;} .boxservicos .slick-next:before{content:'' !important;background:url(imagens/icon_seta_simples_next.svg) !important;width: 35px;height: 120px;filter:grayscale(1);background-size: 16px !important;background-position: 5px center !important;display: inline-block;background-repeat: no-repeat !important;z-index:99 !important;} #engenharia-ambiental .slick-prev{background-color:transparent !important;} #engenharia-ambiental .slick-next{background-color:transparent !important;} #engenharia-civil .slick-prev{background-color:#fff !important;} #engenharia-civil .slick-next{background-color:#fff !important;} /* empresa */ #boxSobre{background-color: #EFEFEF;overflow: hidden;margin-top: 2rem} #boxSobre h3{margin:6rem 6rem 1.0rem 0;color:#0F445B;font-size: 18px;font-weight: 600;} #boxSobre p{margin:1.5rem 6rem 6rem 0;text-align: left;line-height: 20px;color:#575756;font-size:16px;} #boxSobre .cell:last-child{position:relative;} #boxSobre img{ position: absolute;left:0;top: calc(50% - 250px);max-width:200%;} #boxAreas{background-color: #ccc;padding: 0 !important;margin: 0} .firstLevel{margin:0;} .firstLevel > .cell:first-child{background:transparent url(imagens/bg_box_ambiental.jpg) center center no-repeat;background-size:cover;} .firstLevel > .cell:last-child{background:transparent url(imagens/bg_box_civil.jpg) center center no-repeat;background-size: cover} #boxAreas figure{text-align: center;margin-top: 2.5rem} #boxAreas img{width: 117px} #boxAreas h3{color:#fff;text-align: center;font-weight: 600;margin: 1.5rem 0 2.5rem 0} #boxCompromissos{margin:1.5rem 0} #boxCompromissos h3{color:#0F445B;text-align: center;font-weight: 600;margin: 2.5rem 0} #boxCompromissos p{background:transparent url(imagens/icon_check.svg) 0 12px no-repeat;color:#575756;background-size:30px;padding:1rem 1rem 1rem 2.5rem;} #boxSolucoes{background-color: #EFEFEF;overflow: hidden; padding:0px;} #boxSolucoes h3{margin:6rem 0rem 1.0rem 6rem;color:#0F445B;font-size: 18px;font-weight: 600;} #boxSolucoes p{margin:1.5rem 0rem 6rem 6rem;text-align: left;line-height: 20px;color:#575756;font-size:16px;} #boxSolucoes .cell:first-child{position:relative;} #boxSolucoes img{ position: absolute;right:0;top: calc(50% - 250px);max-width:200%; } #boxValores{margin:2rem 0} #boxValores figure{text-align: center;} #boxValores img{width: 120px} #boxValores h3{color:#0F445B;text-align: center;font-weight: 600;margin: 1.5rem 0} #boxValores p{background-color:#EFEFEF;padding:2rem;border-radius: 10px;margin:0 1.5rem;font-size: 16px;color:#575756;} #boxValores .cell:nth-child(2) p{padding:3.2rem 2.0rem;} #boxValores .cell:last-child p{padding:2.6rem 4.5rem;} #boxCompetencias{background-color: #0F445B;overflow: hidden;} #boxCompetencias h3{margin:6rem 6rem 1.0rem 0;color:#fff;font-size: 18px;font-weight: 600;} #boxCompetencias p{margin:1.5rem 6rem 6rem 0;color:#fff;line-height: 20px;font-size:16px;} #boxCompetencias .cell:last-child{position:relative;} #boxCompetencias img{ position: absolute;left:0;top: calc(50% - 250px);max-width:200%;} /* ------------- footer ------------- */ #cases .fotosMiniThumbs .slick-track a.slick-slide img{width:80px;} footer{} #btTopo{display: block;position:fixed;right:50px;bottom:50px;width:45px;height:45px;border-radius: 50%;background:#fff url(imagens/icon_seta_simples_prev.svg) center no-repeat;background-size:12px;box-shadow:4px 0px 6px 0px rgba(0,0,0,0.16);transform:rotate(90deg);text-indent: -5000rem;overflow: hidden;z-index: 9} #btTopo:hover{filter:grayscale(1);box-shadow:0 4px 6px 0 rgba(0,0,0,0.16);} #fomrNews{margin-left: 5rem;text-align: right;} #fomrNews span{display: block;padding:0 0 1rem 0.4rem ;font-size:16px;text-align: left;} #fomrNews input{display: inline-block;width: 48%;padding:0 1.25rem} #fomrNews input:last-of-type{width:48%;margin-left: 0.7rem} #fomrNews .btLink{float: right;padding: 0.7rem 1.5rem} footer section:first-child{background-color:#EFEFEF;margin:0 !important;padding-top: 3rem !important;border-top:5px solid #008D36;} .marcaRodape{width: 145px} .dadosContato{display: block;background-position:0 6px;background-repeat: no-repeat;margin:0 0 1.5rem 0;padding:0.2rem 1rem 0.2rem 2.0rem;background-size: 22px} footer .dadosContato{margin:0 0 1.5rem 2rem;padding:0.2rem 0rem 0.2rem 2.0rem;} .dadosFone{background-image:url(imagens/icon_telefone.svg);font-size:16px;} .dadosFone a{font-size:18px;} .dadosWhats{background-image:url(imagens/icon_whats.svg);font-size:16px;} .dadosWhats a{font-size:18px;} .dadosEmail{background-image:url(imagens/icon_email.svg);} .dadosEmail a{font-size:16px !important;} .dadosLocal{background-image:url(imagens/icon_endereco.svg);} .dadosLocal a{font-size:16px !important;} .dadosContato a {color:#9A999E; } footer section:first-child .grid-container:last-child a:first-child{margin-top:2rem} footer section:first-child .grid-container:last-child a{display:block;color:#9A999E;line-height: 1.8rem;font-size:16px;} footer section:first-child .grid-container:last-child a strong{font-weight: 700;color:#0F445B} footer section:first-child .grid-container:last-child a:hover{color:#008D36;} footer section:last-child{background-color:#D4D4D4;text-align: center;font-size:1rem;margin:0 !important;padding:1rem 0 !important;} footer section:last-child p{font-size: 14px} footer section:last-child a{color:#575756;font-size: 14px} footer section:last-child a:hover{color:#008D36;} @media screen and (max-width : 1200px){ header .menu a.linkComum{margin:0 0px;margin-top:5px} .btRedesSociais{margin:0.7rem 0.2rem 0 0;} .btFacebook{margin-left: 0.5rem} .btInstagram{} .btBusca{margin:0.7rem 0.5rem;} .linhaCompartilhada{margin-left:0px;} #scrollmapa {height: 500px;margin: auto;width:100%;overflow-x: auto;overflow-y: hidden;} #boxDestaques h5{padding:2rem 2rem 0 rem;} #boxHomePosts{background:#28607b;} } @media screen and (max-width : 1055px){ /*INI config do menu mobile*/ .nav-mobile{cursor: pointer;position: absolute;top: 0.5rem;right: 0.0rem;height: 3rem;width: 3rem;border-radius: 5px;display: none;z-index:11;} .nav-mobile { display: block; z-index: 11;} .nav {font-weight: 900;right:0rem;} .nav-list {display: none;margin-bottom:0.5rem;position:absolute;border-radius:0.5rem 0 0.5rem 0.5rem} .nav-active {display: block;background-color:#efefef;width: 14.5rem;padding: 1rem 0 0 0; right: 0;top: 3rem} .nav-mobile-open {border-radius: 0.5rem 0.5rem 0 0;margin-bottom: 1rem;background: #efefef !important;} .hamburger .line{width: 35px;height: 4px;background-color: #0F445B;display: block;margin: 5px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; } .hamburger:hover{cursor: pointer;} #hamburger.is-active .line{background-color:#008D36;} #hamburger.is-active .line:nth-child(2){opacity: 0; } #hamburger.is-active .line:nth-child(1){ -webkit-transform: translateY(13px) rotate(45deg);-ms-transform: translateY(13px) rotate(45deg); -o-transform: translateY(13px) rotate(45deg);transform: translateY(13px) rotate(45deg); } #hamburger.is-active .line:nth-child(3){ -webkit-transform: translateY(-5px) rotate(-45deg);-ms-transform: translateY(-5px) rotate(-45deg); -o-transform: translateY(-5px) rotate(-45deg);transform: translateY(-5px) rotate(-45deg);} /*FIM config do menu mobile*/ .menu li{text-align: center;} header .menu .is-dropdown-submenu{display: none!important} li .btBusca{display: none !important} .btOrcamento{float:none;border-radius: 0 0 8px 8px;background-position: 27px 11px;background-repeat: no-repeat;background-size: 19px 19px;padding: 12px 16px 15px 42px !important;margin-top: 5px;height: 40px;} #groupBusca{position: absolute;top:0.2rem;right: 4rem;display: block;} #groupBusca .searchBox{display:none;position:absolute;right: -60px;top:69px;} .seta-up{left:calc(75% - 15px);} .seta-up:after{left:calc(75% - 15px);} .linhaCompartilhada{ display: none; } #boxHomePosts{background:#28607b;background-image: none;} #mainPost{margin:-280px 45px 0 45px;padding:45px 50px 0 50px;} #boxListCases .card{max-width:100%} .boxservicos #tabsengenharia-civil.tab{display:block;margin: 0 auto;} } @media screen and (max-width : 980px){ #boxDestaques{margin-top:5.0rem;height:425px} #boxDestaques li{height:410px;} #boxDestaques li .grid-x{height:410px;} #boxDestaques h5{font-size:2.0rem;-margin-top:8rem;padding:2rem 0 0 0rem;line-height:2.2rem;} #boxDestaques ul button{display: none} #boxBreadcrumbs{margin:2rem 0 1rem 0;} #boxTitulo h1{color:#0F445B;text-align: center;margin-top:0rem;} #boxHomePosts .grid-x .cell:last-of-type .card li{width:30%} #boxHomePosts .grid-x .cell:first-of-type .card{margin-right:0rem;width:100%;} #boxHomePosts .grid-x .cell:last-of-type .card{margin-left:0rem;width:100%;} #boxContato form{margin:0 0rem 2rem 0;} #fomrNews input:nth-child(4){width:100%;margin-right: 1rem} #fomrNews input:last-of-type{width:60%;margin-right: 1rem;margin-left:0} #boxComunicacao .btTodos{top:100px;} #boxListComunicacoes .listagemBusca{ padding: 0; } #mainPost{margin-top:-25rem;} } @media screen and (max-width: 735px){ .boxservicos #tabsengenharia-ambiental.tab{display:block;margin: 0 auto;} } @media screen and (max-width: 690px){ #engenharia-ambiental .tab{display: block;margin: 0 10px;} } @media screen and (max-width : 640px){ #boxDestaques{margin-top:2.0rem;height:325px} #boxDestaques li{height:310px;} #boxDestaques li .grid-x{height:310px;} #boxDestaques figure{display: none} #boxDestaques h5{font-size:1.5rem;-margin-top:8rem;padding:2rem 0 0 0rem;line-height:1.8rem; text-align: center} .homelogo img{ width: 195px; } .home section:not(#boxDestaques){padding:2rem 0;} section h1{margin:0;} #boxBreadcrumbs{margin:2rem 0 1rem 0;} #boxTitulo h1{color:#0F445B;text-align: center;margin-top:0rem;} #boxHomeServicos .card{background-color: #fff} #boxHomeServicos .card a{ width: 185px;} #boxHomeServicos .card .cell:last-of-type{border:none;} #boxHomePosts .grid-x .cell:first-of-type .card h3{width: 225px} #boxHomePosts .grid-x .cell:last-of-type .card li{width:100%;} #boxHomePosts .grid-x .cell:last-of-type .card h3{width: 225px} #boxHomePosts{background:#28607b;background-image: none;padding-top: 6rem !important} #boxSobre h3{margin:2rem;text-align: center} #boxSobre p{margin:2rem;text-align: center} #boxSobre img{ position: relative;;max-width:100%;} #boxCompromissos h3{margin: 1.5rem 0} #boxSolucoes h3{margin:2rem;text-align: center} #boxSolucoes p{margin:2rem;text-align: center} #boxSolucoes img{ position: relative;max-width:100%; } #boxContatoFixed{ display: none; } #boxValores{margin: 0rem 0 2rem 0} #boxValores figure{margin-top: 2rem} #boxCompetencias h3{margin:2rem;text-align: center} #boxCompetencias p{margin:2rem;text-align: center} #boxCompetencias img{position: relative;max-width:100%;} #boxListComunicacoes aside{margin:0rem 0 2rem 0} .listagemCom .card h3{margin:1rem;} .listagemCom .card p{margin:1rem;} .listagemCom .card span{margin:1rem;} .listagemCom .card figure{height:160px;overflow: hidden;} .listagemCom .card img{width: 100%} #bgPost{display: none} #mainPost{margin:0rem;padding:0.5rem;} #mainPost h1{padding:0rem 1rem 1rem 1rem;} #mainPost h1:before{top:-1rem;} #boxOpiniao li:first-child{display: block;padding:1rem;width: 100%;text-align: center;} #boxOpiniao li:nth-last-child(2){width: 49%} #boxOpiniao li:last-child{width: 49%} #boxOpiniao li:nth-last-child(2) a{background-color:#008D36;display: block;text-align: center;} #boxOpiniao li:last-child a{-background-color:#ff3300;border-radius:0;display: block;text-align: center;} .postFooter .cell:last-child{padding-top: 3rem} .postFooter .cell:last-child span{float: left;} #boxCase h1{margin:2rem 0;} #boxCase p:last-of-type{margin-top: 1rem} #boxCase .tagServico{margin: 0.5rem 1rem 0.2rem 0} #boxAnima #animaServicos{margin:0 0 2rem 0;} .tabs-content h2{margin:0.5rem !important;text-align: center !important;} .tabs-content p{margin:0.5rem !important;text-align: center !important;} .boxservicos .tab li{max-width: 130px !important;width: 130px !important} #boxContato form{margin:0 0rem 2rem 0;} #boxContato form span{text-align: center;margin-bottom: 1rem;display: inherit} #boxContato .boxdadosContato{margin:0;padding: 0} #boxContato form{ } .boxdadosContato .dadosContato{padding:0.2rem 1rem 0.5rem 2.0rem} .dadosContato{margin:0 0 1rem 0} .listagemBusca .card img{max-width: 100%} footer figure{text-align:center;margin-bottom: 2rem} footer section:first-child .grid-container:last-child{text-align: center} #btTopo{bottom: 15px;right: 15px} .align{margin:0 1rem;} .dadosContato{display: inline-block;} #fomrNews{margin:2rem} #fomrNews input:input:last-of-type{width:100%;margin-right: 1rem} } @media screen and (max-width : 510px){} @media screen and (max-width : 375px){}