@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700;800&display=swap");
#header {
position: absolute;
z-index: 9999;
width: 100%; }
#header #navbar {
position: fixed;
width: 100%;
z-index: 999; }
#header #navbar #topnavbar .navbar-menu {
border-bottom: 1px solid black; }
#header #navbar #topnavbar .navbar-right {
padding: 0;
margin-top: 16px; }
#header #navbar #topnavbar .navbar-right li {
list-style-type: none; }
#header #navbar #topnavbar .navbar-right li a {
text-decoration: none; }
#header #navbar #topnavbar .navbar-right .ecosystem {
cursor: pointer; }
#header #navbar #topnavbar .navbar-right .ecosystem #myEcosystem {
height: 100%;
width: 0;
position: fixed;
top: 0;
right: 0;
z-index: 1;
color: white;
background-color: black;
overflow-x: hidden;
transition: ease-in-out 0.7s; }
#header #navbar #topnavbar .navbar-right .ecosystem #myEcosystem .ecosystem-content {
width: 100%;
height: 112px; }
#header #navbar #topnavbar .navbar-right .ecosystem #myEcosystem .ecosystem-content .row {
width: 100%; }
#header #navbar #topnavbar .navbar-right .ecosystem #myEcosystem .know-more-content {
display: flex;
flex-direction: column;
justify-content: space-around; }
#header #navbar #topnavbar .navbar-right .ecosystem #myEcosystem .know-more-content-logo {
padding-top: 85px;
padding-bottom: 112px; }
#header #navbar #topnavbar .navbar-right .ecosystem #myEcosystem .know-more-content button {
background-color: white;
color: black;
border: 1px solid white;
margin-top: 30px;
width: 400px;
height: 60px; }
#header #navbar #topnavbar .navbar-right .ecosystem #myEcosystem .know-more .imgfit {
object-fit: cover;
margin-top: 176px; }
#header #navbar #topnavbar .navbar-right .ecosystem #myEcosystem .know-more .imgfit svg:hover path {
stroke: white;
transition: all ease 0.3s; }
#header #navbar #topnavbar .navbar-right .ecosystem #myEcosystem .know-more .imgfit svg:hover .color {
stroke-width: 14px;
transition: all ease 0.3s; }
#header #navbar .megamenu {
cursor: pointer; }
#header #navbar .megamenu .sidenav {
height: 100%;
width: 0;
position: fixed;
top: 0;
right: 0;
z-index: 1;
color: white;
overflow-x: hidden;
transition: 0.5s; }
#header #navbar .megamenu .sidenav #leftSidenav {
padding-top: 30px;
width: 100%;
flex: 1;
background-color: black;
mix-blend-mode: multiply;
opacity: 0.45;
width: calc(100%-816px); }
#header #navbar .megamenu .sidenav #rightSidenav {
padding-top: 30px;
background-color: black;
width: calc(100%-624px); }
#header #navbar .megamenu .sidenav #rightSidenav .closebtn {
transition: 0.5s; }
#header #navbar .megamenu .sidenav #rightSidenav li a {
transition: 0.3s; }
#header #navbar .megamenu .sidenav #rightSidenav .subnav {
padding-top: 112px; }
#header #navbar .megamenu .sidenav #rightSidenav .subnav p {
padding-bottom: 32px; }
#header #navbar .megamenu .sidenav #rightSidenav .subnav ul li {
padding-bottom: 15px; }
#header #navbar .megamenu .sidenav #rightSidenav .subnav form {
padding-top: 80px; }
#header #navbar .megamenu .sidenav #rightSidenav .subnav form #search {
border: none;
border-bottom: 1px solid white;
width: calc(100%-72px); }
#header #navbar .megamenu .sidenav #rightSidenav .subnav .navfooter {
padding-top: 140px; }
#navbar-white #navbar {
position: fixed;
width: 100%;
z-index: 99999; }
#navbar-white #navbar #topnavbar .navbar-menu {
border-bottom: 1px solid white; }
#navbar-white #navbar #topnavbar .navbar-right {
padding: 0;
margin-top: 16px; }
#navbar-white #navbar #topnavbar .navbar-right li {
list-style-type: none; }
#navbar-white #navbar #topnavbar .navbar-right li a {
text-decoration: none; }
#navbar-white #navbar .megamenu {
cursor: pointer; }
#navbar-white #navbar .megamenu .sidenav {
height: 100%;
width: 0;
position: fixed;
top: 0;
right: 0;
z-index: 1;
color: white;
overflow-x: hidden; }
#navbar-white #navbar .megamenu .sidenav #leftSidenav {
flex: 1;
background-color: black;
width: calc(100%-816px); }
#navbar-white #navbar .megamenu .sidenav #rightSidenav {
background-color: black;
width: calc(100%-624px); }
#navbar-white #navbar .megamenu .sidenav #rightSidenav .closebtn {
transition: 0.5s; }
#navbar-white #navbar .megamenu .sidenav #rightSidenav li a {
transition: 0.3s; }
#navbar-white #navbar .megamenu .sidenav #rightSidenav .subnav {
padding-top: 112px; }
#navbar-white #navbar .megamenu .sidenav #rightSidenav .subnav p {
padding-bottom: 32px; }
#navbar-white #navbar .megamenu .sidenav #rightSidenav .subnav ul li {
padding-bottom: 15px; }
#navbar-white #navbar .megamenu .sidenav #rightSidenav .subnav form {
padding-top: 80px; }
#navbar-white #navbar .megamenu .sidenav #rightSidenav .subnav form #search {
border: none;
border-bottom: 1px solid white;
width: calc(100%-72px); }
#navbar-white #navbar .megamenu .sidenav #rightSidenav .subnav .navfooter {
padding-top: 40px; }
#component0 .intro {
position: relative; }
#component0 .intro-slider {
max-height: 840px;
margin: 0px auto;
overflow: hidden;
position: relative; }
#component0 .intro-slider .slide {
max-height: 840px;
width: 300px;
display: inline-block; }
#component0 .intro-slider .slide:focus {
outline: none; }
#component0 .intro-slider .slide img {
object-fit: cover; }
#component0 .intro-slider .slick-dots {
position: absolute;
padding-left: 72px;
bottom: 70px;
display: flex;
justify-content: space-around;
align-items: center;
list-style-type: none; }
@media screen and (max-width: 1200px) {
#component0 .intro-slider .slick-dots {
bottom: 36px; } }
#component0 .intro-slider .slick-dots button {
width: 216px;
height: 4px;
padding: 0;
border: none;
background-color: black;
opacity: 0.25;
text-indent: -9999px;
display: flex;
align-items: flex-end;
justify-content: flex-end; }
@media screen and (max-width: 1200px) {
#component0 .intro-slider .slick-dots button {
width: 102px; } }
#component0 .intro-slider .slick-dots li {
padding-right: 8px; }
#component0 .intro-slider .slick-dots li.slick-active button {
opacity: 1;
height: 8px; }
#component0 .intro-about {
position: absolute;
bottom: 175px; }
@media screen and (max-width: 1200px) {
#component0 .intro-about {
bottom: 70px; }
#component0 .intro-about h6 {
font-size: 24px;
line-height: 32px; }
#component0 .intro-about h3 {
font-size: 32px;
line-height: 40px; } }
#card {
padding-top: 160px;
padding-bottom: 160px; }
@media only screen and (max-width: 600px) {
#card {
padding-top: 70px;
padding-bottom: 70px; } }
@media only screen and (max-width: 600px) {
#card .card-about-left h2 {
font-size: 24px;
line-height: 32px; } }
#card .card-about-right h5 {
margin-bottom: 40px; }
@media only screen and (max-width: 600px) {
#card .card-about-right h5 {
font-size: 16px;
line-height: 24px;
margin: 24px 0 67px 0; } }
#card .card-about-right-button button {
width: 207px;
height: 60px; }
@media only screen and (max-width: 600px) {
#card .card-about-right-button {
display: flex;
justify-content: center;
align-items: center; } }
@media only screen and (max-width: 600px) {
#card .card-about-right-button .button {
width: 100%; } }
#key-figures {
background-color: black;
color: white; }
@media only screen and (max-width: 992px) {
#key-figures {
margin-top: 75px; } }
#key-figures h3 {
padding-top: 119px;
padding-bottom: 83px; }
@media only screen and (max-width: 992px) {
#key-figures h3 {
padding-top: 48px;
padding-bottom: 30px;
font-size: 32px;
line-height: 40px; } }
#key-figures .key-figures {
padding-bottom: 114px;
margin: auto; }
@media only screen and (max-width: 992px) {
#key-figures .key-figures {
padding-bottom: 48px; } }
#key-figures .key-figures-content {
margin-bottom: 40px;
padding-left: 29px;
border-left: 2px solid white; }
@media only screen and (max-width: 992px) {
#key-figures .key-figures-content h1 {
font-size: 64px;
line-height: 72px; } }
#key-figures .key-figures-content h6 {
margin-top: 78px; }
@media only screen and (max-width: 992px) {
#key-figures .key-figures-content h6 {
font-size: 16px;
line-height: 24px;
margin-top: 32px; } }
#component3 .business-areas-description {
padding-top: 215px; }
@media screen and (max-width: 600px) {
#component3 .business-areas-description {
padding-top: 81px; } }
#component3 .business-areas-description h4 {
padding-bottom: 37px; }
@media screen and (max-width: 600px) {
#component3 .business-areas-description h4 {
font-size: 24px;
line-height: 32px; } }
#component3 .business-areas-description h5 {
padding-bottom: 170px; }
@media screen and (max-width: 600px) {
#component3 .business-areas-description h5 {
font-size: 16px;
line-height: 24px;
font-weight: 500;
padding-bottom: 65px; } }
#component3 .business-areas-slider {
color: white; }
@media screen and (max-width: 900px) {
#component3 .business-areas-slider {
max-height: 512px;
margin: 0px auto;
overflow: hidden; } }
#component3 .business-areas-slider-slide {
position: relative;
display: flex;
justify-content: center;
align-items: center; }
@media screen and (max-width: 900px) {
#component3 .business-areas-slider-slide {
border: none;
max-height: 512px;
display: inline-block; }
#component3 .business-areas-slider-slide .imgfit {
width: 100%;
height: 100%;
max-height: 512px;
object-fit: cover; } }
#component3 .business-areas-slider-slide .layer {
position: absolute;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
z-index: 999;
visibility: hidden;
opacity: 0; }
#component3 .business-areas-slider-slide .layer h3 {
padding-bottom: 152px; }
#component3 .business-areas-slider-slide .logo {
position: absolute;
z-index: 999;
bottom: 64px; }
#component3 .business-areas-slider-slide:hover .layer,
#component3 .business-areas-slider-slide:hover .imgfit {
visibility: visible;
opacity: 1;
transform: scale(1.1); }
.business-areas-slider-slide:before {
background: linear-gradient(0deg, rgba(0, 30, 145, 0.8), rgba(0, 30, 145, 0.8));
transition: 0.5s;
content: '';
position: absolute;
width: 100%;
z-index: 1; }
.business-areas-slider-slide:hover:before {
height: 100%;
transform: scale(1.1);
background: linear-gradient(0deg, rgba(0, 30, 145, 0.8), rgba(0, 30, 145, 0.8)); }
#component4 .recruit {
padding-top: 190px;
padding-bottom: 194px; }
@media screen and (max-width: 600px) {
#component4 .recruit {
padding-top: 96px;
padding-bottom: 96px; } }
@media screen and (max-width: 600px) {
#component4 .recruit h3 {
font-size: 32px;
line-height: 40px; } }
@media screen and (max-width: 600px) {
#component4 .recruit-left {
width: 100vw;
height: auto;
padding-left: 0;
padding-right: 0; } }
@media screen and (max-width: 600px) {
#component4 .recruit-right h3 {
font-size: 32px;
line-height: 40px;
display: none !important; } }
#component4 .recruit-right h6 {
margin: 30px 0 25px 0; }
@media screen and (max-width: 600px) {
#component4 .recruit-right p {
font-weight: 500;
font-size: 16px;
line-height: 24px; } }
#component4 .recruit-right .button {
margin-top: 30px;
height: 60px;
width: 207px; }
@media screen and (max-width: 600px) {
#component4 .recruit-right .button {
width: 100%; } }
#certification {
padding-bottom: 130px; }
@media screen and (max-width: 600px) {
#certification {
padding-bottom: 80px; } }
#certification h4 {
border-bottom: 1px solid black;
padding-top: 129px;
padding-bottom: 65px;
width: 100%; }
@media screen and (max-width: 600px) {
#certification h4 {
font-size: 24px;
line-height: 32px; } }
#certification .certification-images {
padding-top: 67px; }
@media screen and (max-width: 600px) {
#certification .certification-images {
padding-top: 50px; } }
@media screen and (max-width: 600px) {
#certification .certification-images img {
width: 120px;
height: 120px; } }
#component6 {
padding-top: 167px;
margin-bottom: 167px; }
@media only screen and (max-width: 600px) {
#component6 {
padding-top: 80px;
margin-bottom: 50px; } }
@media only screen and (max-width: 600px) {
#component6 h2 {
font-size: 24px;
line-height: 32px; } }
#component6 .detail-right h3 {
padding-bottom: 57px; }
@media only screen and (max-width: 600px) {
#component6 .detail-right h3 {
padding-bottom: 30px;
font-size: 32px;
line-height: 40px; } }
#component8 {
margin-top: 108px; }
@media screen and (max-width: 600px) {
#component8 {
margin-top: 70px; }
#component8 h3 {
font-size: 32px;
line-height: 40px; } }
#component8 p {
padding-top: 55px;
padding-bottom: 20px; }
#component9 {
background-color: black;
margin-top: 112px;
position: relative;
color: white; }
#component9 img {
position: absolute;
right: 0;
bottom: 0; }
#component9 h3 {
padding-top: 95px;
padding-bottom: 87px; }
@media screen and (max-width: 600px) {
#component9 h3 {
font-size: 32px;
line-height: 40px; } }
#component9 .values {
padding-bottom: 55px; }
#component9 .values div {
border-left: 2px solid white;
margin-bottom: 60px;
padding-bottom: 20px;
padding-left: 38px; }
#component9 .values div h6 {
margin-bottom: 35px; }
#component9 img {
position: relative;
right: auto;
bottom: auto; }
#component9 .values div {
border-left: none; }
#component9 .values div h6 {
border-bottom: 2px solid #FFF;
padding-bottom: 10px;
margin-bottom: 25px; }
#component10 {
margin-top: 208px;
margin-bottom: 199px; }
@media screen and (max-width: 600px) {
#component10 .promise-right h3 {
font-size: 32px;
line-height: 40px;
padding-top: 30px; } }
#component10 .promise-right h6 {
padding-top: 89px;
padding-bottom: 25px; }
@media screen and (max-width: 600px) {
#component10 .promise-right h6 {
font-size: 16px;
line-height: 24px;
padding-top: 30px; } }
#component11 {
background-color: black;
color: white; }
#component11 .projects {
padding-top: 347px;
padding-bottom: 365px; }
@media screen and (max-width: 600px) {
#component11 .projects {
padding-top: 247px;
padding-bottom: 265px; } }
#component12 .projects-cards {
position: relative;
height: 0;
padding-bottom: 60%; z-index: 1;
margin-top: -200px; }
#component12 .projects-cards-card {
position: relative;
padding: 0; }
#component12 .projects-cards-card img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
z-index: -1; }
#component12 .projects-cards-card-description {
display: flex;
align-items: center;
justify-content: center;
background-color: white; }
#component12 .projects-cards-card-description div {
padding: 32px 56px 48px 48px; }
#component12 .projects-cards-card-description div p {
border-top: 1px solid black;
padding-top: 21px; }
#component12 .projects-cards-card-description div h3 {
padding-top: 186px;
padding-bottom: 47px; }
#component12 .projects-cards-card-description div button {
width: 207px;
height: 60px; }
#component13 .projects-cards {
position: relative;
height: 0;
z-index: 1;
padding-bottom: 60%; }
#component13 .projects-cards-card {
position: relative;
padding: 0; }
#component13 .projects-cards-card img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
z-index: -1; }
#component13 .projects-cards-card-description {
display: flex;
align-items: center;
justify-content: center;
background-color: white; }
#component13 .projects-cards-card-description div {
padding: 32px 56px 48px 48px; }
#component13 .projects-cards-card-description div p {
border-top: 1px solid black;
padding-top: 21px; }
#component13 .projects-cards-card-description div h3 {
padding-top: 186px;
padding-bottom: 47px; }
#component13 .projects-cards-card-description div button {
width: 207px;
height: 60px; }
#component14 {
margin-top: 80px;
margin-bottom: 87px; }
#component14 .portfolio-title {
border-bottom: 1px solid black;
padding: 56px 0; }
#component14 .portfolio-filter {
padding-top: 140px; }
@media screen and (max-width: 600px) {
#component14 .portfolio-filter div {
display: flex;
flex-direction: column;
margin-top: 40px; } }
#component14 .portfolio-filter form {
border-bottom: 1px solid #000000;
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 30px; }
#component14 .portfolio-filter form #area, #component14 .portfolio-filter form #sector {
border: none;
padding-right: 160px; }
@media screen and (max-width: 600px) {
#component14 .portfolio-filter form #area, #component14 .portfolio-filter form #sector {
padding-right: 100px; } }
#component14 .portfolio-cards {
padding-top: 90px; }
#component14 .portfolio-cards-card {
padding-bottom: 90px; }
#component14 .portfolio-cards-card div {
height: 0;
padding-bottom: 52%;
background: #F2F2F2;
border: 1px solid #FFFFFF;
position: relative; }
#component14 .portfolio-cards-card div img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover; }
#component14 .portfolio-cards-card h6 {
color: #BDBDBD;
padding: 28px 0 17px 0;
border-bottom: 1px solid #BDBDBD; }
#component14 .portfolio button {
width: 340px;
height: 60px;
background-color: white; }
#component15 .group {
padding-top: 279px;
padding-bottom: 167px; }
#component15 .group-right h3 {
padding-bottom: 57px; }
@media screen and (max-width: 600px) {
#component15 .group-right h3 {
font-size: 32px;
line-height: 40px;
padding-top: 30px; } }
#component16 {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 44%;
overflow: hidden;
position: relative; }
#component16 img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
object-fit: cover; }
#component16 p {
font-family: Poppins;
font-style: normal;
font-weight: 300;
font-size: 64px;
line-height: 72px;
text-align: center;
color: white;
position: absolute;
padding-bottom: 57px; }
@media screen and (max-width: 600px) {
#component16 p {
font-size: 32px;
line-height: 40px; } }
#component16 p:after {
content: "";
display: block;
margin: 0 auto;
width: 288px;
padding-top: 57px;
border-bottom: 3px solid white; }
#component17 {
margin-top: 146px; }
@media screen and (max-width: 600px) {
#component17 .action div:first-child {
margin-bottom: 50px; } }
#component17 h4 {
padding-bottom: 40px; }
#component18 {
margin-top: 100px;
background-color: #00A0A0;
color: white; }
#component18 h4 {
padding-top: 122px;
padding-bottom: 60px; }
@media screen and (max-width: 600px) {
#component18 h4 {
font-size: 32px; } }
#component18 h4:after {
content: "";
display: block;
margin: 0 auto;
width: 360px;
padding-top: 53px;
border-bottom: 3px solid white; }
@media screen and (max-width: 600px) {
#component18 h4:after {
width: 200px; } }
#component18 h6 {
padding-top: 10px;
padding-bottom: 122px; }
#component19 {
margin-top: 207px;
margin-bottom: 208px; }
@media screen and (max-width: 600px) {
#component19 {
margin-top: 100px;
margin-bottom: 100px; } }
@media screen and (max-width: 600px) {
#component19 .future-left img {
width: 100%; } }
@media screen and (max-width: 600px) {
#component19 .future-right h3 {
font-size: 32px;
line-height: 40px;
padding-top: 20px; } }
#component19 .future-right h6 {
padding-top: 89px;
padding-bottom: 25px; }
@media screen and (max-width: 600px) {
#component19 .future-right h6 {
padding-top: 20px; } }
#component20 {
padding-top: 167px;
margin-bottom: 168px; }
@media screen and (max-width: 600px) {
#component20 {
padding-top: 50px;
padding-bottom: 50px; } }
@media screen and (max-width: 600px) {
#component20 .career h2 {
font-size: 24px;
line-height: 32px; } }
#component20 .career-right h3 {
padding-bottom: 57px; }
@media screen and (max-width: 600px) {
#component20 .career-right h3 {
padding-bottom: 30px;
font-size: 32px;
line-height: 40px; } }
@media screen and (max-width: 600px) {
#component20 .career-right h6 {
font-size: 16px;
line-height: 24px; } }
#component21 img {
width: 100%; }
#component22 {
background-color: black;
color: white;
margin-top: 0; }
#component22 h4 {
padding-top: 122px;
padding-bottom: 47px; }
#component22 h4:after {
content: "";
display: block;
margin: 0 auto;
width: 288px;
padding-top: 66px;
border-bottom: 3px solid white; }
#component22 h6 {
padding-top: 10px;
padding-bottom: 122px; }
#component23 {
margin-top: 190px;
margin-bottom: 223px; }
#component23 h3 {
margin-bottom: auto; }
#component23 p {
padding-top: 58px;
padding-bottom: 55px; }
#component23 .jobs-search button {
width: 349px;
height: 60px;
margin-right: 29px; }
@media screen and (max-width: 600px) {
#component23 .jobs-search button {
width: 300px; } }
@media screen and (max-width: 600px) {
#component23 .jobs-search button img {
display: none; } }
#component24 .group {
padding-top: 347px;
margin-bottom: 293px; }
@media screen and (max-width: 600px) {
#component24 .group {
margin-top: 100px;
margin-bottom: 100px; } }
@media screen and (max-width: 600px) {
#component24 .group h2 {
font-size: 24px;
line-height: 32px; } }
@media screen and (max-width: 600px) {
#component24 .group h3 {
font-size: 32px;
line-height: 40px; } }
#component25 {
padding-top: 72px;
padding-bottom: 72px;
background: #F2F2F2;
position: relative; }
#component25 .map {
position: absolute;
top: 286px;
left: 806px;
font-size: 48px;
line-height: 68px;
letter-spacing: -0.015em;
color: rgba(0, 0, 0, 0.2); }
#component25 .adress {
background-color: white;
padding: 66px 76px 80px 49px; }
#component25 .adress h5 {
padding-top: 11px;
padding-bottom: 55px; }
#component25 .adress button {
width: 246px;
height: 48px; }
#component26 {
margin-top: 120px;
margin-bottom: 167px; }
@media screen and (max-width: 992px) {
#component26 .adresses div {
padding-bottom: 40px; } }
#component27 {
color: white;
position: absolute;
top: 0;
left: 0;
right: 0;
padding-bottom: 336px;
z-index: -1; }
@media screen and (max-width: 600px) {
#component27 {
padding-bottom: 200px; } }
#component27 .industry-intro {
padding-top: 324px;
position: relative; }
@media screen and (max-width: 600px) {
#component27 .industry-intro {
padding-top: 250px; } }
#component27 .industry-intro-engineer {
font-family: Poppins;
font-style: normal;
font-weight: 300;
font-size: 64px;
line-height: 72px;
text-align: center;
padding-top: 18px; }
@media screen and (max-width: 600px) {
#component27 .industry-intro-engineer {
font-size: 32px;
line-height: 40px; } }
#component27 .industry-intro-engineer:after {
content: "";
display: block;
margin: 0 auto;
width: 288px;
padding-top: 66px;
border-bottom: 3px solid white; }
#component27 .industry-intro img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
top: 616px;
z-index: 1;
margin-bottom: 176px; }
@media screen and (max-width: 600px) {
#component27 .industry-intro img {
top: 550px; } }
#component28 {
margin-top: 1128px; }
#component28 .area {
padding-top: 176px;
padding-bottom: 155px; }
@media screen and (max-width: 600px) {
#component28 .area {
padding-top: 200px;
padding-bottom: 100px; } }
@media screen and (max-width: 600px) {
#component28 .area h2 {
font-size: 24px;
line-height: 32px; } }
#component28 .area h3 {
padding-top: 48px;
padding-bottom: 30px; }
@media screen and (max-width: 600px) {
#component28 .area h3 {
font-size: 32px;
line-height: 40px; } }
#component29 {
margin-top: 185px; }
@media screen and (max-width: 600px) {
#component29 {
margin-top: 100px;
margin-bottom: 100px; } }
@media screen and (max-width: 600px) {
#component29 .industry-about div {
padding-bottom: 40px; } }
#component29 .industry-about h4 {
padding-bottom: 40px; }
#component30 .case {
max-height: 824px;
margin-bottom: 116px;
color: white;
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
top: 0; }
#component30 .case img {
top: 0;
z-index: -1;
width: 100%;
height: 100%;
max-height: 824px; }
#component30 .case-description {
position: absolute;
z-index: 999; }
@media screen and (max-width: 900px) {
#component30 .case-description h3 {
font-size: 32px;
line-height: 40px; } }
#component30 .case-description h6 {
padding-top: 13px;
padding-bottom: 116px; }
@media screen and (max-width: 900px) {
#component30 .case-description h6 {
font-size: 16px;
line-height: 24px; } }
#component31 .slider {
padding-top: 84px;
padding-bottom: 96px;
position: relative; }
#component31 .slider-slides {
max-height: 712px;
margin: 0px auto;
overflow: hidden; }
#component31 .slider-slides .layer {
transition: all .7s ease;
transition-delay: .2s;
position: absolute;
height: 100%;
width: 100%;
display: block;
display: flex;
justify-content: flex-end;
align-items: center;
z-index: 999; }
#component31 .slider-slides .layer img {
object-fit: contain;
max-width: 109px; }
#component31 .slider-slides .layer:focus {
outline: none; }
#component31 .slider-slides .slide {
border: none;
max-height: 712px;
display: inline-block;
margin-left: 5vw; }
#component31 .slider-slides .slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover; }
#component31 .slider-slides .slide:focus {
outline: none; }
#component31 .slider-slides .slide:first-child {
width: 100%;
height: 100%;
max-height: 712px;
object-fit: cover; }
#component31 .slick-dots {
position: absolute;
width: 100%;
padding-left: 72px;
margin: 0 auto;
display: flex;
justify-content: flex-start;
align-items: flex-start;
list-style-type: none; }
#component31 .slick-dots button {
width: 16px;
height: 16px;
border-radius: 100px;
border: 1px solid black;
background-color: white;
margin: 16px;
text-indent: -9999px; }
#component31 .slick-dots li.slick-active button {
background-color: black; }
#component32 .overview {
padding: 122px 0; }
@media screen and (max-width: 600px) {
#component32 .overview {
padding: 80px 0; } }
#component32 .overview-text h4 {
padding-bottom: 39px; }
@media screen and (max-width: 600px) {
#component32 .overview-techfile {
padding-top: 40px; } }
#component32 .overview-techfile h6 {
padding-top: 16px;
padding-bottom: 49px; }
#component32 .overview-techfile-info {
padding: 29px 0 8px 0;
border-top: 1px solid black;
border-bottom: 1px solid black; }
#component33 .cite {
padding: 150px 0 179px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center; }
#component33 .cite h5 {
padding: 39px 0; }
footer {
background-color: black;
color: white;
width: 100%;
float: left; }
footer .footer-menu {
border-bottom: 1px solid #828282;
padding-bottom: 30px; }
footer .footer-menu div {
margin-top: 55px; }
footer .footer-menu div ul small {
color: rgba(255, 255, 255, 0.4); }
@media screen and (max-width: 768px) {
footer .footer-menu {
letter-spacing: 1.5%; }
footer .footer-menu div {
color: rgba(255, 255, 255, 0.4);
margin-top: 5px;
margin-bottom: 20px; }
footer .footer-menu div ul small {
color: white; }
footer .footer-menu .first-order {
display: block;
width: 100%;
text-align: center;
padding: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
footer .footer-menu .last-order {
display: none; }
footer .footer-menu .social-media {
justify-content: flex-start !important; }
footer .footer-menu .social-media img {
margin-right: 5px;
width: 29px;
height: 29px; } }
footer .footer-privacy {
color: #4F4F4F;
padding: 15px 0 30px 0; }
@media screen and (max-width: 768px) {
footer .footer-privacy .caption {
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
line-height: 16px; } }
@media screen and (max-width: 991px) {
#component3 #card-one .business-areas-slider {
position: relative; }
#component3 #card-one .slick-dots {
border: 1px solid red;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: -30px;
width: auto;
display: flex;
justify-content: center !important;
align-items: center !important;
list-style-type: none;
padding-left: 0; }
#component3 #card-one .slick-dots button {
width: 16px;
height: 16px;
border-radius: 100px;
border: 1px solid black;
background-color: white;
margin: 16px;
text-indent: -9999px; }
#component3 #card-one .slick-dots li.slick-active button {
background-color: black;
outline: none; }
#component3 #card-one .business-areas-slider-slide .layer {
height: 100%;
width: 100%; }
#component3 #card-one .business-areas-slider-slide .layer h3 {
font-size: 24px;
padding-top: 50px; }
#component3 #card-one .business-areas-slider-slide .layer img {
position: absolute;
top: 50%; } }
@media screen and (max-width: 768px) {
#component14 .portfolio-title {
padding-top: 130px;
padding-bottom: 23px; }
#component14 .portfolio-filter {
padding-top: 58px; }
#component14 .portfolio-filter > :first-child {
padding-bottom: 35px; }
#component14 .portfolio-cards {
padding-top: 40px; }
#component14 .portfolio-cards-card {
padding-bottom: 51px; }
#component14 .portfolio-cards-card div {
min-height: 332px; } }
@media screen and (max-width: 600px) {
#component14 .content {
display: flex;
flex-direction: column; }
#component14 .portfolio-filter-select:nth-child(1) {
padding-bottom: 40px; } }
@media screen and (max-width: 992px) {
#component14 .content-select h6 {
font-size: 16px;
line-height: 24px;
flex: 20%; }
#component14 .content-select form {
flex: 80%;
width: 100%; } }
@media screen and (max-width: 768px) {
#component15 .group {
padding-top: 115px;
padding-bottom: 100px; }
#component15 .group h2 {
font-size: 24px;
line-height: 32px; }
#component15 .group h3 {
font-size: 32px;
line-height: 40px;
padding-top: 21px;
padding-bottom: 24px; }
#component15 .group h6 {
font-size: 16px;
line-height: 24px; } }
@media screen and (max-width: 768px) {
#component16 img {
min-height: 400px; }
#component16 p {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 32px;
line-height: 40px; }
#component16 p:after {
width: 200px;
padding-top: 20px; } }
@media screen and (max-width: 600px) {
#component17 .container {
padding-top: 45px; }
#component17 .action div:first-child {
margin-bottom: 50px; }
#component17 h4 {
padding-bottom: 32px;
font-size: 16px;
line-height: 24px;
font-weight: 700; } }
@media screen and (max-width: 600px) {
#component18 {
margin-top: 80px; }
#component18 h4 {
font-size: 32px;
line-height: 40px;
padding-top: 68px;
padding-bottom: 20px; }
#component18 h4:after {
width: 200px; }
#component18 h6 {
font-size: 16px;
line-height: 24px;
padding-top: 32px;
padding-bottom: 64px; } }
@media screen and (max-width: 600px) {
#component19 {
margin-top: 100px;
margin-bottom: 130px; }
#component19 h3 {
font-size: 32px;
line-height: 40px;
padding-bottom: 50px; }
#component19 .future-left {
width: calc(100% + 30px);
height: auto;
padding-left: 0;
padding-right: 0;
margin-left: -15px;
display: block;
float: left;
max-width: none;
flex: none; } }
@media screen and (max-width: 992px) {
#component19 .future-right h3 {
font-size: 32px;
line-height: 40px;
padding-top: 20px; }
#component19 .future-right h6 {
padding-top: 48px; } }
@media screen and (max-width: 600px) {
#component20 {
padding-top: 77px;
margin-bottom: 34px; }
#component20 .career h2 {
font-size: 24px;
line-height: 32px; }
#component20 .career-right h3 {
padding-bottom: 30px;
font-size: 32px;
line-height: 40px; }
#component20 .career-right h6 {
font-size: 16px;
line-height: 24px; } }
@media screen and (max-width: 768px) {
#component21 img {
min-height: 343px;
object-fit: cover; } }
@media screen and (max-width: 768px) {
#component22 h4 {
font-size: 32px;
line-height: 40px;
padding-top: 53px;
padding-bottom: 46px; }
#component22 h4:after {
content: "";
display: block;
margin: 0 auto;
width: 200px;
padding-top: 40px;
border-bottom: 3px solid white; }
#component22 h6 {
font-size: 16px;
line-height: 24px;
padding-top: 80px;
padding-bottom: 72px; } }
@media screen and (max-width: 768px) {
#component23 {
margin-top: 96px;
margin-bottom: 79px; }
#component23 .imgcareer {
width: calc(100% + 30px);
height: auto;
padding-left: 0;
padding-right: 0;
margin-left: -15px;
display: block;
float: left;
max-width: none;
flex: none; }
#component23 h3 {
font-size: 32px;
line-height: 40px;
margin-bottom: 40px; }
#component23 p {
padding-top: 49px;
padding-bottom: 44px; }
#component23 .jobs-search {
display: flex;
flex-direction: column;
align-items: center; }
#component23 .jobs-search button {
width: 314px;
margin-right: 0px;
margin-bottom: 38px;
display: flex;
justify-content: space-around;
align-items: center;
font-size: 16px;
line-height: 24px; } }
@media screen and (max-width: 600px) {
#component24 .group {
padding-top: 115px;
margin-bottom: 64px; }
#component24 .group h2 {
font-size: 24px;
line-height: 32px; }
#component24 .group h3 {
font-size: 32px;
line-height: 40px;
padding-top: 21px; } }
@media screen and (max-width: 768px) {
#component25 {
padding-top: 16px;
padding-bottom: 560px;
background: #F2F2F2;
position: relative; }
#component25 .map {
position: absolute;
bottom: 0;
height: 100%;
width: 100%;
object-fit: cover;
display: flex;
justify-content: center;
align-items: flex-end;
font-size: 48px;
line-height: 68px;
letter-spacing: -1.5%;
color: rgba(0, 0, 0, 0.2); }
#component25 .adress {
padding: 33px 16px 40px 16px; }
#component25 .adress h5 {
font-size: 24px;
line-height: 32px;
padding-top: 11px;
padding-bottom: 52px; }
#component25 .adress .btnmobile {
display: flex;
justify-content: center;
align-items: center;
text-align: center; }
#component25 .adress .btnmobile button {
height: 60px; } }
@media screen and (max-width: 1200px) {
#component26 {
margin-top: 56px;
margin-bottom: 73px; }
#component26 .adresses div {
padding-bottom: 40px; } }
@media screen and (max-width: 600px) {
#component27 {
padding-bottom: 200px; }
#component27 .industry-intro {
padding-top: 176px; }
#component27 .industry-intro-engineer {
font-size: 32px;
line-height: 40px; }
#component27 .industry-intro-engineer:after {
width: 200px;
padding-top: 20px; }
#component27 .industry-intro img {
min-height: 280px;
top: 400px; } }
@media screen and (max-width: 600px) {
#component28 {
margin-top: 752px; }
#component28 .area {
padding-top: 72px;
padding-bottom: 55px; }
#component28 .area h2 {
font-size: 24px;
line-height: 32px; }
#component28 .area h3 {
text-align: left !important;
font-size: 32px;
line-height: 40px; }
#component28 .area h6 {
letter-spacing: 5.5%; } }
@media screen and (max-width: 600px) {
#component29 {
margin-top: 64px;
margin-bottom: 70px; }
#component29 .industry-about h4 {
font-size: 16px;
line-height: 24px; }
#component29 .industry-about div:nth-child(1) {
padding-bottom: 30px; } }
@media screen and (max-width: 900px) {
#component30 .case {
min-height: 667px;
margin-bottom: 0; }
#component30 .case img {
min-height: 667px; }
#component30 .case-description h3 {
font-size: 32px;
line-height: 40px; }
#component30 .case-description h6 {
padding-top: 7px;
padding-bottom: 27px; } }
@media screen and (max-width: 768px) {
#component31 h3 {
font-size: 32px;
line-height: 40px;
padding-top: 46px; }
#component31 small {
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding-top: 50px; }
#component31 .slider {
padding-top: 120px;
padding-bottom: 88px; }
#component31 .slider-slides {
min-height: 512px; }
#component31 .slider-slides .slide {
min-height: 512px; }
#component31 .slider-slides .slide img {
min-height: 512px; }
#component31 .slider-slides .slide .layer {
top: 20%;
transform: translate(-50%, -50%); }
#component31 .slick-dots {
position: absolute;
left: 40%;
transform: translate(-50%, -50%);
top: 70px;
width: auto;
justify-content: center !important;
align-items: center !important;
list-style-type: none;
padding-left: 0; } }
@media screen and (max-width: 900px) {
#component32 .overview {
padding: 80px 0; }
#component32 .overview-text h4 {
font-size: 24px;
line-height: 32px;
padding-bottom: 31px; }
#component32 .overview-techfile {
padding-top: 40px; } }
@media screen and (max-width: 900px) {
#component33 .cite p {
font-weight: 600;
font-size: 22px;
line-height: 24px; } }
#card h5,
#card p,
#component4 h5,
#component4 p,
#component8 h5,
#component8 p,
#component9 h5,
#component9 p,
#component10 h5,
#component10 p,
#component17 h5,
#component17 p,
#component19 h5,
#component19 p,
#component39 h5,
#component39 p,
#component23 h5,
#component23 p,
#component32 h5,
#component32 p {
text-align: justify; }
#component32 .overview-techfile-info p {
text-align: left; }
#component0 .intro-slider .slick-dots button {
background: #FFF; }
body.home #header:not(.scrolled) ul .wpml-ls-item:nth-of-type(1) a:after,
body.single-portefolio #header:not(.scrolled) ul .wpml-ls-item:nth-of-type(1) a:after {
background-color: #FFF; }
body.home #header:not(.scrolled) ul .wpml-ls-item a,
body.single-portefolio #header:not(.scrolled) ul .wpml-ls-item a {
color: rgba(255, 255, 255, 0.7); }
body.home #header:not(.scrolled) ul .wpml-ls-item.wpml-ls-current-language a,
body.single-portefolio #header:not(.scrolled) ul .wpml-ls-item.wpml-ls-current-language a {
color: #FFF; }
body.home #header:not(.scrolled) #navbar #topnavbar .navbar-menu,
body.single-portefolio #header:not(.scrolled) #navbar #topnavbar .navbar-menu {
border-color: #FFF; }
body.home #header:not(.scrolled) #hide-logo svg path,
body.home #header:not(.scrolled) .megamenu svg rect,
body.single-portefolio #header:not(.scrolled) #hide-logo svg path,
body.single-portefolio #header:not(.scrolled) .megamenu svg rect {
fill: #FFF; }
#component32 p span.green {
font-size: 20px;
line-height: 32px; }
#ecoMobile {
visibility: hidden; }
.wpml-ls-legacy-list-horizontal > ul {
display: flex; }
.hover1:hover {
color: #001e91 !important; }
.hover2:hover {
color: #00a0a0 !important; }
.hover3:hover {
color: #e20032 !important; }
#component19.imgDir .future-left img {
margin-left: auto;
display: block; }
#key-figures.key2 {
position: relative; }
#key-figures.key2:before {
content: "";
background: rgba(0, 0, 0, 0.25);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
display: block; }
#key-figures.key2 .container {
position: relative;
z-index: 2; }
#component21 img {
min-width: 100% !important;
display: block;
height: auto !important; }
#component22 {
position: relative;
overflow: hidden; }
#component22:before {
position: absolute;
width: 100%;
height: 100%;
content: "";
display: block;
background: 0 #000;
opacity: 0.3;
z-index: 1; }
#component22 .row {
position: relative;
z-index: 2; }
#component22 .bg22 {
position: absolute;
width: 100%;
height: 100%; }
#component22 .bg22 img {
width: 100%;
height: 100%;
object-fit: cover; }
#component22 h4 {
padding-bottom: 39px; }
#component22 h5 {
margin-bottom: 85px; }
#page footer .order-7 .justify-content-between {
justify-content: flex-end !important; }
#page footer .order-7 .justify-content-between li {
margin-left: 10px; }
.categoryfilter,
.categoryfilter2 {
margin-left: 10px; }
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
font-size: 14px;
font-family: Poppins; }
#component8 h3,
#component8 h6,
#component8 p {
text-align: justify; }
#component0 h6, #component0 h3 {
color: #FFF !important; }
#component0 .imgfit:before {
opacity: 0.6;
content: '';
width: 100%;
height: 50%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #020024;
background: linear-gradient(180deg, rgba(2, 0, 36, 0) 0%, rgba(9, 9, 121, 0) 0%, black 100%);
display: block;
z-index: 2; }
#component0 .slide {
position: relative; }
#component0 .slide .intro-about {
z-index: 2; }
#component0 .slide img {
position: absolute;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; }
#component0 .slide .intro-about {
position: relative;
bottom: auto; }
#component0 .slide .intro-about .row {
padding: 312px 0 175px 0; }
@media screen and (min-width: 1440px) {
#component0 .intro-slider .slick-dots {
position: absolute;
padding-left: 72px;
bottom: 70px;
display: flex;
justify-content: space-around;
align-items: center;
list-style-type: none;
left: 50%;
margin-left: -720px; } }
@media screen and (max-width: 1200px) {
#component0 .slide .intro-about .row {
padding: 312px 0 103px 0; } }
@media screen and (max-width: 600px) {
#component0 .intro-slider .slick-dots {
padding-left: 30px; } }
#component7 img {
display: block;
width: 100%;
height: auto; }
#component10 img {
display: block;
width: 100%;
height: auto; }
#component10 p {
margin-top: 16px; }
#component10 .promise-right h6 {
padding-bottom: 4px; }
#colophon {
width: 100%;
float: left; }
#component16 {
display: flex;
align-items: center;
justify-content: center; }
#component16 img {
width: 100%;
height: auto; }
#component16 p {
top: calc(50% - 45px);
bottom: 0; }
#search {
outline: none !important; }
#component14 .portfolio-filter form #area,
#component14 .portfolio-filter form #sector {
padding-right: 100px; }
#component14 .portfolio button {
padding-left: 15px;
transition: all 0.7s ease; }
#component14 .portfolio button svg {
transform: translateX(-6px);
transition: all 0.7s ease; }
#component14 .portfolio-cards-card {
border: none !important; }
#component12 .container .projects-cards {
margin-top: 0px; }
#component12 .container .projects-cards img {
right: 0;
width: 60%; }
#component12 .container .projects-cards:nth-of-type(1) {
margin-top: 0; }
#component12 .container .projects-cards:nth-of-type(even) .projects-cards-card-description {
margin-left: auto; }
#component12 .container .projects-cards:nth-of-type(even) .imgProWra {
left: 0;
right: auto; }
#component12 .projects-cards-card-description {
width: 40%; }
#component12 .projects-cards-card-description .imgLogoAreas {
width: 100%; }
#component18 {
background-color: #cecece; }
#filter .d-flex {
margin-left: auto; }
#component12 .container .imgProWra {
right: 0;
width: 60%;
position: absolute;
height: 100%;
object-fit: cover; }
#component12 .container .imgProWra img {
width: 100%; }
#component12 .container .imgProWra .imgHoverAni {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #000;
z-index: 9;
right: 0;
opacity: 0;
transition: all 0.7s ease; }
#component12 .container .imgProWra:hover .imgHoverAni {
opacity: 0.7; }
#logoConstrucao,
#logoInteriores,
#logoIndustria,
#logoSustentabilidade,
.logoConstrucao,
.logoInteriores,
.logoIndustria {
display: none;
max-width: 164px; }
.logoConstrucao path {
fill: #001e91; }
.logoInteriores path {
fill: #e20032; }
.logoIndustria path {
fill: #00a0a0; }
#component42 .container {
display: flex;
justify-content: flex-end;
padding: 36px 0;
border-top: 1px solid #000;
align-items: center; }
#component42 .container img {
margin-left: 15px; }
#component19 ul li {
font-family: Poppins;
font-size: 20px;
line-height: 32px;
margin: 0; }
#component31 .slick-track {
display: flex; }
#component31 .slick-track .slider-slides {
max-height: none !important; }
#rightSidenav form {
visibility: hidden; }
#component31 .slider-slides .slide {
height: auto !important; } .imagemLogo img {
width: 100%;
height: auto; }
#sustentabilidade #logoSustentabilidade{
display:block;
}
#sustentabilidade #mainLogo{
display:none;
}
#page.construction #logoConstrucao,
#page.construction .logoConstrucao,
#page.construcao #logoConstrucao,
#page.construcao .logoConstrucao,
body.construcao #logoConstrucao,
body.construcao .logoConstrucao,
body.page-id-753 #logoConstrucao,
body.page-id-753 .logoConstrucao,
body.page-id-1716 #logoConstrucao,
body.page-id-1716 .logoConstrucao,
body.page-id-119 #logoConstrucao,
body.page-id-119 .logoConstrucao,
body.page-id-313 #logoConstrucao,
body.page-id-313 .logoConstrucao {
display: block; }
#page.construction #mainLogo,
#page.construcao #mainLogo,
body.construcao #mainLogo,
body.page-id-753 #mainLogo,
body.page-id-1716 #mainLogo,
body.page-id-119 #mainLogo,
body.page-id-313 #mainLogo {
display: none; }
#component19.imgDir .future-left {
order: 2; }
#page.industry #logoIndustria,
#page.industry .logoIndustria,
#page.industria #logoIndustria,
#page.industria .logoIndustria,
body.industria #logoIndustria,
body.industria .logoIndustria,
body.page-id-115 #logoIndustria,
body.page-id-115 .logoIndustria,
body.page-id-324 #logoIndustria,
body.page-id-324 .logoIndustria,
body.page-id-815 #logoIndustria,
body.page-id-815 .logoIndustria,
body.page-id-1724 #logoIndustria,
body.page-id-1724 .logoIndustria {
display: block; }
#page.industry #mainLogo,
#page.industria #mainLogo,
body.industria #mainLogo,
body.page-id-115 #mainLogo,
body.page-id-324 #mainLogo,
body.page-id-815 #mainLogo,
body.page-id-1724 #mainLogo {
display: none; }
#page.interiors #logoInteriores,
#page.interiors .logoInteriores,
#page.interiores #logoInteriores,
#page.interiores .logoInteriores,
body.interiores #logoInteriores,
body.interiores .logoInteriores,
body.page-id-352 #logoInteriores,
body.page-id-352 .logoInteriores,
body.page-id-821 #logoInteriores,
body.page-id-821 .logoInteriores,
body.page-id-1730 #logoInteriores,
body.page-id-1730 .logoInteriores {
display: block; }
#page.interiors #mainLogo,
#page.interiores #mainLogo,
body.interiores #mainLogo,
body.page-id-352 #mainLogo,
body.page-id-821 #mainLogo,
body.page-id-1730 #mainLogo {
display: none; }
.scrolled #hide-logo svg path {
fill: #000; }
.jobs-search {
width: 100%;
margin-bottom: 100px; }
.jobs-search svg path {
fill: #fff; }
.jobs-search svg circle {
stroke: #fff; }
.page-id-1730 #component40,
.page-id-821 #component40,
.page-id-908 #component40 {
margin-top: 440px; }
.page-id-1730 #component40 .roxo360,
.page-id-821 #component40 .roxo360,
.page-id-908 #component40 .roxo360 {
background-color: rgba(226, 0, 50, 0.82) !important; }
.page-id-815 #component40 .roxo360,
body.page-id-1724 #component40 .roxo360 {
background-color: rgba(0, 160, 160, 0.82) !important; }
#component17 h6 {
text-align: center; }
.brochuraDownload {
color: #fff;
font-family: Poppins;
font-style: normal;
font-size: 18px; }
.brochuraDownload:hover {
color: #fff; }
#cookie-notice {
background-color: #fff !important;
-webkit-box-shadow: 0px -4px 15px -6px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px -4px 15px -6px rgba(0, 0, 0, 0.75);
box-shadow: 0px -4px 15px -6px rgba(0, 0, 0, 0.75); }
#cookie-notice span {
color: #000 !important; }
#cookie-notice #cn-accept-cookie {
background: #000 !important; }
#component23 .imagemLogo {
position: absolute;
right: 5%;
top: 0;
bottom: 0;
margin: auto 0;
width: 50%;
display: flex;
flex-direction: column;
justify-content: center; }
#component23 .imagemLogo img {
background: rgba(255, 255, 255, 0.5);
padding: 30px 30px; }
#component23 .imgfit {
object-fit: cover;
height: 100%;
width: 95%; }
#component23 .brochuraDownload {
color: #000;
margin-bottom: 20px; }
#component23 .brochuraDownload:hover {
color: #000; }
#paginaPoli {
margin: 200px 0; }
#paginaPoli h6 {
margin: 30px 0 10px 0; }
#component23 {
float: left;
width: 100%; }
#component23 p {
padding-top: 20px;
padding-bottom: 30px; }
#component23 .jobs-search {
margin-bottom: 0; }
#component23 .jobs-search button {
width: auto;
height: auto;
margin-right: 0;
background: #000;
color: #fff;
padding: 14px 30px;
margin-bottom: 5px; }
#formContact {
background: #fff;
height: auto;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
float: left;
width: 100%;
height: 500px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
margin-top: 170px; }
#formContact h4 {
padding-bottom: 56px;
text-align: center;
border-bottom: 1px solid #000;
margin-bottom: 80px; }
#header #navbar .megamenu .sidenav #rightSidenav {
height: 100vh;
overflow: auto;
padding-bottom: 100px; }
footer {
width: 100%;
float: left; }
#page {
overflow: hidden; }
#component14 {
margin-bottom: 110px;
overflow: hidden; }
#component14 .portfolio-filter form {
border-bottom: none; }
#component14 .portfolio-filter form ul {
border-bottom: 1px solid #000000; }
#component14 .portfolio-cards-card .arrowBig {
max-width: 100px;
height: auto;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
opacity: 0;
transition: all 0.7s ease; }
#component14 .portfolio-cards-card:hover .arrowBig {
opacity: 1; }
.ecoAberto .transLogo23 path {
fill: #fff; }
#component30 {
position: relative; }
#component30:before {
opacity: 0.6;
content: '';
width: 100%;
height: 50%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #020024;
background: linear-gradient(180deg, rgba(2, 0, 36, 0) 0%, rgba(9, 9, 121, 0) 0%, black 100%);
display: block; }
.wpml-ls-legacy-list-horizontal a {
display: flex;
align-items: baseline; }
.darkBG #header:not(.scrolled) #navbar #topnavbar .navbar-menu,
body.construcao #header:not(.scrolled) #navbar #topnavbar .navbar-menu,
body.industria #header:not(.scrolled) #navbar #topnavbar .navbar-menu,
body.interiores #header:not(.scrolled) #navbar #topnavbar .navbar-menu {
border-bottom: 1px solid #fff; }
.darkBG #header:not(.scrolled) ul .wpml-ls-item a,
body.construcao #header:not(.scrolled) ul .wpml-ls-item a,
body.industria #header:not(.scrolled) ul .wpml-ls-item a,
body.interiores #header:not(.scrolled) ul .wpml-ls-item a {
color: rgba(255, 255, 255, 0.3); }
.darkBG #header:not(.scrolled) ul .wpml-ls-item.wpml-ls-current-language a,
body.construcao #header:not(.scrolled) ul .wpml-ls-item.wpml-ls-current-language a,
body.industria #header:not(.scrolled) ul .wpml-ls-item.wpml-ls-current-language a,
body.interiores #header:not(.scrolled) ul .wpml-ls-item.wpml-ls-current-language a {
color: #fff; }
.darkBG #header:not(.scrolled) ul .wpml-ls-item:nth-of-type(1) a:after,
body.construcao #header:not(.scrolled) ul .wpml-ls-item:nth-of-type(1) a:after,
body.industria #header:not(.scrolled) ul .wpml-ls-item:nth-of-type(1) a:after,
body.interiores #header:not(.scrolled) ul .wpml-ls-item:nth-of-type(1) a:after {
background: #fff; }
.darkBG #header:not(.scrolled) .navbar-right small,
.darkBG #header:not(.scrolled) .navbar-right .underline,
body.construcao #header:not(.scrolled) .navbar-right small,
body.construcao #header:not(.scrolled) .navbar-right .underline,
body.industria #header:not(.scrolled) .navbar-right small,
body.industria #header:not(.scrolled) .navbar-right .underline,
body.interiores #header:not(.scrolled) .navbar-right small,
body.interiores #header:not(.scrolled) .navbar-right .underline {
color: #fff; }
.darkBG #header:not(.scrolled) .navbar-right .transLogo2 path,
body.construcao #header:not(.scrolled) .navbar-right .transLogo2 path,
body.industria #header:not(.scrolled) .navbar-right .transLogo2 path,
body.interiores #header:not(.scrolled) .navbar-right .transLogo2 path {
fill: #fff; }
.darkBG #header:not(.scrolled) svg rect,
body.construcao #header:not(.scrolled) svg rect,
body.industria #header:not(.scrolled) svg rect,
body.interiores #header:not(.scrolled) svg rect {
fill: #fff; }
.darkBG #header:not(.scrolled) #hide-logo svg path,
body.construcao #header:not(.scrolled) #hide-logo svg path,
body.industria #header:not(.scrolled) #hide-logo svg path,
body.interiores #header:not(.scrolled) #hide-logo svg path {
fill: #fff; }
.darkBG #header:not(.scrolled) .scrolled #hide-logo svg path,
body.construcao #header:not(.scrolled) .scrolled #hide-logo svg path,
body.industria #header:not(.scrolled) .scrolled #hide-logo svg path,
body.interiores #header:not(.scrolled) .scrolled #hide-logo svg path {
fill: #000; }
ul .wpml-ls-item:nth-of-type(1) {
padding-right: 28px; }
.wpml-ls-legacy-list-horizontal a {
position: relative; }
#component9 .imgFundo1 {
position: absolute;
top: 0;
right: 0;
height: 100%; }
#component3 .business-areas-slider {
width: calc(100% + 8px);
margin-left: -4px; }
#component3 .business-areas-slider .col-md-4:nth-of-type(2):before {
background: linear-gradient(0deg, rgba(0, 160, 160, 0.88), rgba(0, 160, 160, 0.88)); }
#component3 .business-areas-slider .col-md-4:nth-of-type(3):before {
background: linear-gradient(0deg, rgba(226, 0, 50, 0.75), rgba(226, 0, 50, 0.75)); }
#component3 .business-areas-slider-slide {
padding: 0 4px; }
#component3 .business-areas-slider-slide .layer {
transition: all 0.7s ease;
transition-delay: 0.2s; }
#component3 .business-areas-slider-slide::before {
z-index: 11;
opacity: 0.88;
transition: all 0.7s ease;
width: calc(100% - 8px); }
#component3 .business-areas-slider-slide img:nth-of-type(1) {
transition: all 0.7s ease;
display: block;
width: 100%;
height: auto; }
#component3 .business-areas-slider-slide img:nth-of-type(2) {
position: absolute;
z-index: 999;
bottom: 64px; }
#component3 .business-areas-slider-slide:hover img:nth-of-type(1) {
transform: scale(1.1);
z-index: 9; }
#header {
position: absolute;
z-index: 9999;
width: 100%;
top: 0; }
#header.scrolled #navbar {
background: white; }
.textmenu a:hover {
text-decoration: underline !important; }
#component31 img {
display: block;
width: 100%;
height: 100%;
object-fit: cover; }
.menuaberto #header ::placeholder {
color: rgba(255, 255, 255, 0.4); }
.menuaberto #header.scrolled #navbar {
backdrop-filter: none; }
.menuaberto #header ul .wpml-ls-item:nth-of-type(1) a:after {
background: #fff; }
#rightSidenav {
min-width: 816px; }
#rightSidenav .subnav form #search {
width: calc(100% - 72px) !important; }
#certification {
background: #f2f2f2; }
ul .wpml-ls-item a {
font-weight: bold;
font-size: 14px;
line-height: 16px;
font-family: Poppins;
letter-spacing: 0.5%;
color: rgba(0, 0, 0, 0.3); }
ul .wpml-ls-item.wpml-ls-current-language a {
color: black; }
ul .wpml-ls-item:nth-of-type(1) a:after {
width: 22px;
height: 2px;
background: #000;
content: "";
display: inline-block;
margin-left: 4px;
position: absolute;
bottom: 8px;
left: 29px; }
ul .wpml-ls-item:nth-of-type(2) {
margin-left: -14px; }
.navbar-right {
max-width: 230px !important;
min-width: 200px !important; }
.btntext.black:hover {
color: #fff !important;
background: #000 !important; }
.btntext.black:hover svg path {
stroke: #fff; }
#rightSidenav ul .wpml-ls-item a {
color: rgba(255, 255, 255, 0.3); }
#rightSidenav ul .wpml-ls-item.wpml-ls-current-language a {
color: white; }
#component4 .recruit-right .button {
margin-top: 8px; }
#component4 h3 {
margin-bottom: 44px; }
#component4 p {
margin-bottom: 16px; }
#component4 img {
max-width: 100%;
height: auto;
width: 100%; }
#component8 h3 {
margin-bottom: 44px; }
#component8 h6 {
margin-top: 10px;
margin-bottom: 44px; }
#component8 p {
padding-top: 0;
padding-bottom: 16px; }
#component9 .values div {
padding-left: 15px; }
.wrapIni.construcao:hover h6 {
color: #001e91; }
.wrapIni.industria:hover h6 {
color: #00a0a0; }
.wrapIni.interiores:hover h6 {
color: #e20032; }
body.construcao #key-figures,
#page.construction #key-figures,
#page.construcao #key-figures {
background-color: #001e91; }
body.construcao #header.scrolled #hide-logo svg path,
#page.construction #header.scrolled #hide-logo svg path,
#page.construcao #header.scrolled #hide-logo svg path {
fill: #001e91; }
#page.interiors #header.scrolled #hide-logo svg path,
body.interiores #header.scrolled #hide-logo svg path,
#page.interiores #header.scrolled #hide-logo svg path {
fill: #e20032; }
#page.interiors #key-figures,
body.interiores #key-figures,
#page.interiores #key-figures {
background-color: #e20032; }
#page.industry #header.scrolled #hide-logo svg path,
body.industria #header.scrolled #hide-logo svg path,
#page.industria #header.scrolled #hide-logo svg path {
fill: #00a0a0; }
#page.industry #key-figures,
body.industria #key-figures,
#page.industria #key-figures {
background-color: #00a0a0; }
#key-figures.key2 h3 {
padding-top: 100px; }
#key-figures.key2 .key-figures {
padding-bottom: 80px; }
#key-figures.key2 .key-figures-content h6 {
margin-top: 0; }
#key-figures.key2 .key-figures-content h1 {
margin-top: 50px;
margin-bottom: 0; }
#key-figures.key2 .key-figures-content h2 {
margin-top: 50px; }
#component34 {
margin: 150px 0 100px 0; }
#component34 .mb100 {
margin-bottom: 70px; }
#component34 li {
width: 100%; }
#component34 li .flexTab {
border-left: 2px solid #000;
padding-left: 20px;
margin-bottom: 60px; }
#component34 li .arrowTab {
display: flex;
align-items: center; }
#component34 li .arrowTab h4 {
margin-bottom: 18px; }
#component34 li .arrowTab svg {
margin-left: 0; }
#component34 li a {
transition: all 0.7s ease;
opacity: 1;
float: left; }
#component34 li a .arrowTab svg {
width: 30%;
transition: all 0.7s ease; }
#component34 li a.active {
opacity: 1; }
#component34 li a.active .arrowTab svg {
width: 100%; }
#component34 li a:not(.active) .flexTab {
border-color: #cfd1d3 !important; }
#component34 li a:not(.active) h4,
#component34 li a:not(.active) h6 {
color: #cfd1d3 !important; }
#component34 li a:not(.active) svg path {
fill: #cfd1d3 !important; }
#component39 {
margin-top: 280px;
margin-bottom: 150px;
padding-top: 120px; }
#component39 .mbh6 {
margin-bottom: 60px;
position: relative;
padding-bottom: 25px; }
#component39 .mbh6:after {
content: "";
width: 80%;
height: 1px;
background: #000000;
position: absolute;
bottom: 0;
left: 0;
max-width: 250px; }
#component39 .colun1 {
display: flex;
align-items: flex-end;
margin-bottom: 40px; }
#component39 .colun1 h6 {
color: #bdbdbd;
margin-bottom: 10px; }
#paginaPoli p {
font-size: 16px; }
#paginaPoli h6 {
font-size: 20px;
line-height: 26px; }
#paginaPoli h4 {
font-size: 30px;
line-height: 36px; }
.logoCErt img {
max-width: 177px;
-webkit-filter: grayscale(100%); filter: grayscale(100%);
height: auto; }
.legenda {
font-family: Poppins;
font-style: normal;
font-size: 15px; }
.trocaGrafico .bottom h6:nth-child(1) b {
color: #85BE00; }
.trocaGrafico .bottom h6:nth-child(2) b {
color: #000; }
.trocaGrafico .bottom h6:nth-child(3) b {
color: #e20032; }
.trocaGrafico .bottom h6:nth-child(4) b {
color: #00a0a0; }
.trocaGrafico .bottom h6:nth-child(5) b {
color: #001e91; }
#component40 {
position: relative;
padding: 65px 0; }
#component40 .jobs-search {
margin-bottom: 0; }
#component40 h3 {
font-size: 56px;
line-height: 72px;
letter-spacing: -0.02em;
color: #533f92;
font-weight: bold;
margin-bottom: 140px;
margin-top: 15px; }
#component40 h5 {
color: #fff; }
#component40 h6 {
color: #fff; }
#component40 .bgImagae {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover; }
#component40 .bgImagae img {
height: 100%;
width: 100%;
object-fit: cover; }
#component40 .roxo360 {
background: rgba(0, 30, 145, 0.82);
background-blend-mode: multiply;
mix-blend-mode: normal;
position: relative;
right: 0;
height: auto;
padding: 40px 72px;
margin-left: auto; }
#component40 .roxo360 h5 {
margin-top: 88px;
margin-bottom: 88px; }
#component40 .roxo360 .btntext {
margin-top: 15px;
margin-bottom: 20px;
background: #fff;
color: #000; }
#component40 .roxo360 .btntext:hover {
opacity: 0.8; }
#component27 {
position: relative;
z-index: 2; }
.menorCinco .btntext {
display: none !important; }
#component41 {
background: #f2f2f2;
padding-top: 350px;
padding-bottom: 50px; }
#component41 .arrowDown {
text-align: center;
margin-top: 20px; }
#component41 .virgula {
font-size: 40px;
line-height: 48px;
color: #bdbdbd; }
#component41 .categoryfilter4 span:last-of-type .virgula {
display: none; }
#component41 .categoryfilter4 li:last-of-type .virgula,
#component41 .categoryfilter3 li:last-of-type .virgula {
display: none; }
#component41 label {
color: #bdbdbd;
font-size: 32px;
line-height: 1.5;
margin-bottom: 0; }
#component41 h4 {
display: inline-block;
font-weight: normal;
color: #bdbdbd;
font-size: 32px;
line-height: 1.5;
margin-bottom: 0; }
#component41 h4 b {
font-weight: normal;
color: #000; }
#component41 #component12 {
margin-top: 30px; }
#component41 #component12 .imgProWra {
left: 0;
right: auto; }
#component41 #component12 .projects-cards-card-description {
background: transparent;
margin-left: auto; }
#component41 #component12 .projects-cards-card-description div {
padding-bottom: 0;
padding-top: 0; }
#component41 #component12 .projects-cards-card-description div h3 {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 20px; }
#component41 #component12 .projects-cards-card-description div h6 {
margin-bottom: 190px; }
#component41 .flex41 {
display: block;
text-align: center;
max-width: 855px;
margin-left: auto;
margin-right: auto; }
#component41 .flex41 form ul {
display: inline-block;
margin-bottom: 0; }
#component41 .flex41 form ul li {
display: inline-block; }
#component41 input {
display: none; }
#component41 label.active {
color: #00a0a0; }
#component41 .arrowClose {
display: none;
text-align: center;
margin-top: 15px; }
#component41 .arrowDown {
text-align: center; }
#component41 #response3 {
display: none; }
#component41.postVisivel .arrowDown {
display: none; }
#component41.postVisivel .arrowClose {
display: block; }
#component41.postVisivel #response3 {
display: block; }
#component41 h6 {
margin-bottom: 30px; }
#interiorN,
#indusN,
#consN,
#grupoN,
#sustentN {
display: none; }
.pointerNone {
pointer-events: none; }
#graf1 path, #graf2 path, .graf3 path, .graf4 path {
transition: all .7s ease; }
#blackgraph3{
stroke: #85BE00;
}
.greenHover #sustentN {
display: block;
}
.greenHover #totalN {
display: none; }
.greenHover #blackgraph2{
fill: #f2f2f2;
}
.greenHover #azulGraf2{
stroke: #f2f2f2; }
.greenHover #aquaGraf2 {
stroke: #f2f2f2; }
.greenHover #redGraf2 {
stroke: #f2f2f2; }
.azulHover #totalN {
display: none; }
.azulHover #blackgraph3{
stroke: #f2f2f2;
}
.azulHover #blackgraph2 {
fill: #f2f2f2; }
.azulHover #totalN {
display: none; }
.azulHover #aquaGraf2 {
stroke: #f2f2f2; }
.azulHover #redGraf2 {
stroke: #f2f2f2; }
.azulHover #consN {
display: block; }
.azulHover #blackgraph2 {
fill: #f2f2f2; }
.aquaHover #totalN {
display: none; }
.aquaHover #azulGraf2 {
stroke: #f2f2f2; }
.aquaHover #blackgraph3{
stroke: #f2f2f2;
}
.aquaHover #redGraf2 {
stroke: #f2f2f2; }
.aquaHover #indusN {
display: block; }
.aquaHover #blackgraph2 {
fill: #f2f2f2; }
.redHover #totalN {
display: none; }
.redHover #blackgraph3{
stroke: #f2f2f2;
}
.redHover #aquaGraf2 {
stroke: #f2f2f2; }
.redHover #azulGraf2 {
stroke: #f2f2f2; }
.redHover #interiorN {
display: block; }
.redHover #blackgraph2 {
fill: #f2f2f2; }
.blackHover #totalN {
display: none; }
.blackHover #blackgraph3{
stroke: #f2f2f2;
}
.blackHover #aquaGraf2 {
stroke: #f2f2f2; }
.blackHover #azulGraf2 {
stroke: #f2f2f2; }
.blackHover #redGraf2 {
stroke: #f2f2f2; }
.blackHover #grupoN {
display: block; }
#component35 {
margin: 135px 0 150px 0; }
#component35 #azulGraf,
#component35 #aquaGraf,
#component35 #redGraf {
transition: all 0.7s ease; }
#component35 h4 {
margin-bottom: 15px; }
#component35 h5 {
margin-top: 30px;
margin-bottom: 60px;
font-size: 24px;
line-height: 32px; }
#component35 .flexTab {
border-left: 2px solid #000;
padding-left: 20px;
margin-bottom: 60px; }
#component35 .flexBottomGraph {
text-align: center;
margin-top: 70px; }
#component35 .flexBottomGraph li {
display: inline-block;
padding-left: 15px;
border-left: 2px solid #000;
margin: 0 20px; }
#component35 .flexBottomGraph li h6 {
margin-bottom: 0;
font-size: 14px;
display: flex; }
#component35 .flexBottomGraph li h6 b {
margin-right: 9px;
font-size: 24px; }
#component35 .graph_wrapper {
position: relative; }
#component35 .graph_wrapper .wrapSvg {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
div#sustentabilidade_over {
position: absolute;
min-width: 40px;
min-height: 20px;
top: 75%;
border: 0px solid #000;
left: 44%;
}
#component35 .graph_wrapper .trocaGrafico {
position: absolute;
bottom: 0;
left: 50%;
margin-left: 20px;
border-left: 1px solid #000;
padding-left: 20px;
padding-top: 20px;
width: 50%;
height: 55%;
display: flex;
flex-direction: column; }
#component35 .graph_wrapper .trocaGrafico .top h1 {
margin-bottom: 0; }
#component35 .graph_wrapper .trocaGrafico .top h5 {
margin-bottom: 0; }
#component35 .graph_wrapper .trocaGrafico .bottom {
margin-top: auto; }
#component35 .graph_wrapper .trocaGrafico .bottom h6 {
font-size: 14px;
line-height: 16px;
margin-bottom: 3px;
margin-top: 13px; }
#componente37 {
margin: 180px 0 150px 0; }
#componente37 h4 {
margin-bottom: 70px;
display: block;
width: 100%;
border-bottom: 1px solid #000;
padding-bottom: 48px;
text-align: center; }
#componente37 .iniciativas .col-sm-4 .wrapIni {
margin: 30px 0 0 0;
border-bottom: 1px solid #000;
padding-bottom: 0;
height: calc(100% - 30px);
margin-bottom: 30px; }
#componente37 .iniciativas .col-sm-4 .wrapIni h6 {
font-size: 20px;
line-height: 24px; }
#componente37 .iniciativas .col-sm-4 .wrapIni p {
font-size: 16px; }
.brochuraDownload {
text-decoration: underline; }
.jobs-search .btntext {
padding-left: 20px;
padding-right: 10px;
background: #fff;
color: #000;
padding-top: 9.5px;
padding-bottom: 9.5px;
margin-right: 25px; }
.jobs-search .btntext svg path {
stroke: #000; }
#component25 .adress h5 {
font-size: 24px;
line-height: 42px; }
.tab-pane {
position: relative; }
.tab-pane img {
width: 100%; }
.tab-pane .valores {
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0; }
.tab-pane .valores .wrapValor {
position: relative;
width: 103px;
height: 45px;
opacity: 0;
transition: all 0.7s ease; }
.tab-pane .valores .wrapValor:hover {
opacity: 1; }
.tab-pane .valores .wrapValor span {
position: absolute;
left: 0;
right: 0;
text-align: center;
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 25px;
letter-spacing: 0.005em;
color: #000000; }
.tab-pane#home .valor1 {
position: absolute;
bottom: calc(51% - 11px);
left: calc(10.5% - 51.5px);
right: 80%;
width: 0; }
.tab-pane#home .valor2 {
position: absolute;
bottom: calc(75% - 11px);
left: calc(27.8% - 51.5px);
width: 0; }
.tab-pane#home .valor3 {
position: absolute;
bottom: calc(56% - 11px);
left: calc(45.1% - 51.5px);
width: 0; }
.tab-pane#home .valor4 {
position: absolute;
bottom: calc(58% - 11px);
left: calc(62.7% - 51.5px);
width: 0; }
.tab-pane#home .valor5 {
position: absolute;
bottom: calc(79.5% - 11px);
left: calc(80.1% - 51.5px);
width: 0; }
.tab-pane#home .valor6 {
position: absolute;
bottom: calc(95% - 11px);
left: calc(97.7% - 51.5px);
width: 0; }
.tab-pane#menu1 .valor1 {
position: absolute;
bottom: calc(48% - 11px);
left: calc(10.5% - 51.5px);
right: 80%;
width: 0; }
.tab-pane#menu1 .valor2 {
position: absolute;
bottom: calc(58% - 11px);
left: calc(27.8% - 51.5px);
width: 0; }
.tab-pane#menu1 .valor3 {
position: absolute;
bottom: calc(70.5% - 11px);
left: calc(45.3% - 51.5px);
width: 0; }
.tab-pane#menu1 .valor4 {
position: absolute;
bottom: calc(70.5% - 11px);
left: calc(62.7% - 51.5px);
width: 0; }
.tab-pane#menu1 .valor5 {
position: absolute;
bottom: calc(84.5% - 11px);
left: calc(80.1% - 51.5px);
width: 0; }
.tab-pane#menu1 .valor6 {
position: absolute;
bottom: calc(95% - 11px);
left: calc(97.7% - 51.5px);
width: 0; }
#key-figures .key-figures-content h1 {
line-break: anywhere; }
#component8 h6,
#component17 h6 {
font-size: 20px;
line-height: 32px; }
.nav-tabs {
border-bottom: 0; }
.nav-tabs li:nth-child(1) h4 {
transition: all 0.7s ease; }
.nav-tabs li:nth-child(1) .active h4 {
color: #8991d6; }
.nav-tabs li:nth-child(2) .active h4 {
color: #b1a495; }
@media only screen and (min-width: 1700px) {
#component16 {
padding-bottom: 37%; } }
@media only screen and (max-width: 1200px) {
#component40 h3 {
font-size: 42px;
line-height: 55px; } }
@media only screen and (min-width: 992px) {
#component19.imgDir .future-left img {
position: absolute;
right: 0; }
#component40 .absDesk .row {
position: absolute;
width: 50%; }
#component27 {
margin-top: -100px; }
h6.fix {
margin-top: -80px;
margin-bottom: 80px; }
#key-figures .key-figures-content h1 {
font-size: 85px; }
#component19 h3,
#component39 h3 {
font-size: 42px;
line-height: 55px; }
#component15 .group {
padding-top: 170px;
padding-bottom: 167px; }
#component15 h3 {
font-size: 42px;
line-height: 55px; }
#component8 h3 {
font-size: 42px;
line-height: 55px; }
.recruit-right {
padding-right: 0; }
.tab-pane svg {
width: 100%; }
#component4 img {
max-width: 100%;
width: calc(100% - 40px);
height: 100%;
object-fit: cover;
position: absolute; }
#component10 img {
height: 100%;
object-fit: cover; }
#component10 .promise-right {
padding-left: 50px; } }
.bgCon img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
object-fit: cover; }
#component31 .slider-slides .slide,
#component31 .slider-slides .layer {
max-width: 11000px;
width: 100% !important;
margin-left: 0;
margin-right: 0;
padding-left: 5vw; }
#component3 .business-areas-slider-slide img:nth-of-type(1) {
height: 100%;
object-fit: cover; }
@media only screen and (max-width: 1400px) and (min-width: 1101px) {
#component15 h2 {
font-size: 46px; } }
@media only screen and (max-width: 1100px) and (min-width: 992px) {
#component15 h2 {
font-size: 40px; } }
@media only screen and (max-width: 991px) {
.comNovo .corA {
padding-top: 0 !important; }
#component19 {
margin-top: 207px;
margin-bottom: 150px; }
#component19 .future-left img {
max-width: none;
width: 100%; }
#component19.imgDir .future-left {
order: -1; }
#component19.imgDir .future-left img {
width: 100%;
max-height: 500px; }
h6.fix {
margin-top: -25px;
margin-bottom: 25px; }
#component25 {
padding-bottom: 50px;
padding-top: 0; }
#component25 .container {
margin-top: 15px; }
#component25 .bgCon img {
position: relative;
height: auto;
width: 100%;
top: auto;
bottom: auto;
object-fit: cover; }
#component3 .business-areas-slider-slide .layer img {
max-width: 100px; }
#component3 #card-one .slick-dots {
top: 20px;
border: none; }
#component3 #card-one .business-areas-slider {
padding-top: 50px; }
#leftSidenav {
display: none; }
#rightSidenav {
width: 100%;
min-width: auto !important;
height: 100vh;
overflow: auto; }
#component3 {
overflow: hidden; }
#component3 #card-one {
padding: 0 15px; }
#component3 #card-one .slick-list,
#component3 #card-one .slick-track {
padding-right: 100px; }
#component3 .business-areas-slider {
width: calc(100%);
margin-left: 0px;
max-height: none; }
#component3 .business-areas-slider .business-areas-slider-slide {
max-height: none;
display: flex; }
#certification h4 {
padding-top: 70px; } }
.certification-images img {
mix-blend-mode: multiply; }
#component12 .projects-cards {
position: relative;
height: auto;
padding-bottom: 150px;
z-index: 1;
margin-top: -200px; }
#component31 .slider-slides {
overflow: initial; }
#component18 {
position: relative; }
#component18 .bg18 img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover; }
.portfolio-cards .portfolio-cards-card {
display: none; }
.portfolio-cards .portfolio-cards-card:nth-of-type(1), .portfolio-cards .portfolio-cards-card:nth-of-type(2), .portfolio-cards .portfolio-cards-card:nth-of-type(3), .portfolio-cards .portfolio-cards-card:nth-of-type(4) {
display: block; }
body.todosVisiveis .portfolio-cards .portfolio-cards-card {
display: block; }
#component15 .group-right h3 {
padding-bottom: 30px; }
@media only screen and (min-width: 992px) {
.page-id-317 #component26 .row .col-lg-3:nth-of-type(2) {
min-width: 375px; }
#component25 {
padding-top: 0;
padding-bottom: 48%; }
#component25 .container {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: flex;
flex-direction: column;
justify-content: center; } }
@media only screen and (max-width: 768px) {
#component14 .portfolio-filter form #area,
#component14 .portfolio-filter form #sector {
padding-right: 15px !important; }
#component7 img {
min-height: 400px;
object-fit: cover; }
#component11 .projects {
padding-top: 115px;
padding-bottom: 365px; }
#component11 h3 {
font-size: 32px;
line-height: 40px; }
#component12 .container .projects-cards {
position: relative;
height: auto;
padding-bottom: 0; }
#component12 .container .projects-cards .projects-cards-card {
position: relative;
padding: 0;
display: flex;
flex-direction: column; }
#component12 .container .projects-cards:nth-of-type(1) {
margin-top: -200px; }
#component12 .container .projects-cards img {
width: 100%;
position: relative;
height: auto; }
#component12 .container .projects-cards .projects-cards-card-description {
width: 100%; }
#component15 .group {
padding-top: 115px;
padding-bottom: 100px; }
#component15 h2 {
font-size: 24px;
line-height: 32px; }
#component15 h3 {
font-size: 32px;
line-height: 40px; } }
.button {
transition: all 0.7s ease;
border: 1px solid transparent; }
.button:hover {
background-color: #ffffff;
color: #000000;
border: 1px solid #000; }
.single-portefolio .site-main.id4 #component32 p span,
.single-portefolio .site-main.id4 #component32 .overview-techfile h6, .single-portefolio .site-main.id13 #component32 p span,
.single-portefolio .site-main.id13 #component32 .overview-techfile h6 {
color: #e20032; }
.single-portefolio .site-main.id15 #component32 p span,
.single-portefolio .site-main.id15 #component32 .overview-techfile h6, .single-portefolio .site-main.id16 #component32 p span,
.single-portefolio .site-main.id16 #component32 .overview-techfile h6 {
color: #001e91; }
#component18 {
background-color: #004700; }
@media only screen and (min-width: 1200px) {
#component0 .intro-slider .slide {
min-height: 840px; }
#component0 .slide .intro-about .row {
padding: 424px 0 175px 0; } }
@media only screen and (min-width: 991px) {
#component12 {
margin-top: -235px; }
#component11 .projects {
padding-top: 235px; }
#component40 h3,
#component31 h3 {
font-size: 42px;
line-height: 55px; } }
@media only screen and (max-width: 375px) {
.navbar-right {
max-width: 183px !important;
min-width: 127px !important; }
.wpml-ls-legacy-list-horizontal {
padding-left: 0;
padding-right: 0; }
#mainLogo2 svg {
width: 120px; } }
@media only screen and (max-width: 600px) {
#component19.imgDir .future-left img {
max-height: 400px; }
.logoCErt img {
max-width: 40%; }
#component4 .recruit-left {
width: calc(100% + 30px);
height: auto;
padding-left: 0;
padding-right: 0;
margin-left: -15px;
display: block;
float: left;
max-width: none;
flex: none; } }
@media screen and (max-width: 900px) {
#component30 .case {
margin-bottom: 116px; }
#component27 .industry-intro img {
max-height: 400px; }
#component39 {
margin-top: 49px;
margin-bottom: 150px;
padding-top: 120px; } }
@media screen and (max-width: 768px) {
#component30 .case {
margin-bottom: 0; }
#component31 .slider-slides .slide, #component31 .slider-slides .layer {
padding-left: 0; }
#component31 .slick-dots {
left: 0;
transform: none;
top: -72px;
padding-left: 0;
width: 100%; }
#component39 {
margin-top: 225px;
margin-bottom: 150px;
padding-top: 0; }
#component39 h3 {
font-size: 32px;
line-height: 40px; }
#component40 .roxo360 {
padding: 22px 20px !important; }
#component40 h3 {
font-size: 31px !important;
line-height: 43px !important;
margin-bottom: 65px !important; }
#component40 h5 {
font-size: 20px;
line-height: 32px;
margin-top: 20px !important; } }
@media screen and (max-width: 700px) {
#component35 .graph_wrapper .trocaGrafico .bottom h6 {
font-size: 18px !important; }
#component35 .graph_wrapper {
transform: scale(0.8); }
#totalN {
font-size: 63px;
line-height: 1; }
#component35 .graph_wrapper .trocaGrafico {  }
#component35 .graph_wrapper .trocaGrafico h1 {
font-size: 63px;
line-height: 1; }
#component35 .graph_wrapper .trocaGrafico h6 {
font-size: 18px;
line-height: 1.5; } }
@media screen and (max-width: 500px) {
#component35 .graph_wrapper {
transform: scale(0.7); } }
@media screen and (max-width: 410px) {
#component35 .graph_wrapper {
transform: scale(0.6); } }
@media screen and (max-width: 360px) {
#component35 .graph_wrapper {
transform: scale(0.5); } }
.container {
width: 100%;
max-width: 1440px;
padding-left: 72px;
padding-right: 72px; }
@media screen and (max-width: 600px) {
.container {
width: 100%;
padding-left: 32px;
padding-right: 32px; } }
.container-fluid {
padding-left: 0;
padding-right: 0; }
.imgfit {
display: block;
width: 100%;
height: auto; }
.imgfit img, .imgfit source {
display: block;
width: 100%;
height: auto; }
.white {
color: #FFFFFF; }
.black {
color: #000000 !important; }
.grey {
color: rgba(0, 0, 0, 0.3); }
.lightgrey {
color: rgba(255, 255, 255, 0.4); }
.green {
color: #00A0A0; }
.transparency {
color: rgba(255, 255, 255, 0.4);
background-color: transparent !important; }
.bg-green {
background-color: #00A0A0; }
body {
color: #000000; }
h1, h2, h3, h4, h5, h6 {
font-family: Poppins;
font-style: normal;
font-weight: bold; }
h1 {
font-size: 96px;
line-height: 104px; }
h2 {
font-size: 56px;
line-height: 72px; }
h3 {
font-weight: 300;
font-size: 48px;
line-height: 64px;
letter-spacing: 0.5%; }
h4 {
font-size: 38px;
line-height: 46px; }
h5 {
font-weight: normal;
font-size: 32px;
line-height: 48px; }
h6 {
font-size: 24px;
line-height: 32px; }
p, small, caption {
font-family: Poppins;
font-style: normal;
font-weight: normal; }
p {
font-size: 20px;
line-height: 32px;
margin: 0; }
small {
font-size: 16px;
line-height: 24px; }
small.caption {
font-weight: bold;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.5%; }
strong {
font-weight: 700; }
.textmenu {
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 24px !important;
line-height: 40px !important; }
.overline {
font-family: Poppins;
font-weight: bold;
font-style: normal;
font-size: 20px;
line-height: 24px;
letter-spacing: 5.5%; }
.btntext {
font-family: Poppins;
font-weight: bold;
font-style: normal;
font-size: 20px;
line-height: 30px;
color: #FFFFFF; }
.button {
background-color: #000000;
color: #FFFFFF;
border: none; }
ul {
list-style-type: none;
padding: 0; }
a {
color: inherit; }
a:hover {
text-decoration: none;
color: inherit; }
.first-order {
display: none; }
.underline {
width: 22px;
border-bottom: 2px solid;
height: 0;
display: inline-block; }
.line:hover {
text-decoration: underline; } .componente-43 h3 {
font-weight: 400;
margin-bottom: 60px;
}
.componente-43 h5 {
line-height: 120% !important;
}
.componente-43.bg-grey {
background: #f6f6f6;
padding: 100px 0;
}
.componente-43 img {
width: auto;
height: 80px;
}
.componente-43 .certificados-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
align-items: start;
}
.componente-43 .certificado-item {
display: flex;
flex-wrap: wrap;
}
.certificado-imagens {
display: flex;
align-items: end;
justify-content: start;
width: 100%;
gap: 30px;
padding: 20px 30px 0 30px;
min-height: 120px;
margin-top: 10px;
}
@media (max-width: 1024px) {
.componente-43 .certificados-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.componente-43 .certificados-wrapper {
grid-template-columns: 1fr;
}
} .bg-green {
background: rgba(0, 160, 160, 0.82) !important;
} .componente-44.bg-gray {
background: #f6f6f6;
}
.componente-44 {
display: flex;
flex-wrap: wrap;
}
.componente-44 .col-left,
.componente-44 .col-right {
width: 50%
}
.componente-44 .col-left {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: end;
padding: 20px 40px 20px 20px;
}
.componente-44 img {
width: 100%;
height: 650px;
object-fit: cover;
}
.componente-44 .col-left-inner {
max-width: 620px;
width: 100%;
}
.componente-44 h6 {
margin: 40px 0;
}
.componente-44 ul {
font-size: 20px;
line-height: 32px;
list-style: none;
padding-left: 20px;
}
.componente-44 ul li {
position: relative;
}
.componente-44 ul li::before {
content: "";
position: absolute;
left: -20px;
bottom: 8px;
width: 15px;
height: 0;
border-bottom: 2px solid #00a0a0;
}
.componente-44.lado-esquerda .col-left {
order: 2;
justify-content: start;
padding: 20px 20px 20px 40px;
}
@media (max-width: 1024px) {
.componente-44 .col-left,
.componente-44 .col-right {
width: 100%
}
.componente-44 .col-left {
order: 2;
}
.componente-44 img {
height: 300px !important;
}
.componente-44 .col-left-inner {
max-width: 100%;
width: 100%;
}
} .componente-45 {
padding-top: 350px;
padding-bottom: 100px;
}
.componente-45 .custom-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.componente-45 .custom-grid img{
width: 100%;
height: 250px !important;
object-fit: cover;
cursor: pointer; 
}
.componente-45 a {
text-align: center;
}
.componente-45 svg {
width: 35px !important;
height: 35px !important;
}
.componente-45 h6 {
margin-top: 20px;
}
.componente-45 .hover-effect {
position: relative;
display: block;
overflow: hidden;
}
.componente-45 .hover-effect img {
display: block;
width: 100%;
height: auto;
}
.componente-45 .hover-effect img:nth-of-type(2) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
}
.componente-45 .hover-effect:hover img:nth-of-type(1) {
opacity: 0;
}
.componente-45 .hover-effect:hover img:nth-of-type(2) {
opacity: 1;
}
@media (max-width: 767px) {
.componente-45 .custom-grid {
display: grid;
grid-template-columns: repeat(1, 3fr);
gap: 24px;
}
.componente-45 {
padding-top: 180px;
padding-bottom: 100px;
}
} #page.intersustentabilidade #header.scrolled #hide-logo svg *,
body.sustentabilidade  #header.scrolled #hide-logo svg *,
#page.sustentabilidade  #header.scrolled #hide-logo svg * {
fill: #85be00 !important;
}
#page.sustentabilidade  #key-figures,
body.sustentabilidade  #key-figures,
#page.sustentabilidade  #key-figures {
background-color: #85be00 !important;
}
.single-portefolio #page.sustentabilidade .green {
color: #85be00 !important;
}
.single-portefolio #page.sustentabilidade #mainLogo {
display: none;
}
.single-portefolio #page.sustentabilidade #logoSustentabilidade {
display: block;
}