@charset "UTF-8";
.no-webp section.titulo.stelmat::before, .no-js section.titulo.stelmat::before{background-image:url(../images/pag_empresa/large/titulo-stelmat.jpg);}
.webp section.titulo.stelmat::before{background-image:url(../images/pag_empresa/large/titulo-stelmat.webp);}

.no-webp section.secundaria .son.o-que-fazemos::before, .no-js section.secundaria .son.o-que-fazemos::before{background-image:url(../images/pag_empresa/large/img-o-que-fazemos.jpg);}
.webp section.secundaria .son.o-que-fazemos::before{background-image:url(../images/pag_empresa/large/img-o-que-fazemos.webp);}

.valores-list li{font-size: 18px; width:30.8%; padding-bottom: 16%; margin:0 3.8% 3.8% 0; position:relative; display:inline-block; vertical-align:top; border: solid 1px #B6C0C6; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover;}

.no-webp .valores-list li:first-child, .no-js .valores-list li:first-child{background-image:url(../images/pag_empresa/large/valores-inovacao.jpg);}
.webp .valores-list li:first-child{background-image:url(../images/pag_empresa/large/valores-inovacao.webp);}

.no-webp .valores-list li:nth-child(2), .no-js .valores-list li:nth-child(2){background-image:url(../images/pag_empresa/large/valores-excelencia.jpg);}
.webp .valores-list li:nth-child(2){background-image:url(../images/pag_empresa/large/valores-excelencia.webp);}

.no-webp .valores-list li:nth-child(4), .no-js .valores-list li:nth-child(4){background-image:url(../images/pag_empresa/large/valores-dinamismo.jpg);}
.webp .valores-list li:nth-child(4){background-image:url(../images/pag_empresa/large/valores-dinamismo.webp);}

.no-webp .valores-list li:nth-child(5), .no-js .valores-list li:nth-child(5){background-image:url(../images/pag_empresa/large/valores-social.jpg);}
.webp .valores-list li:nth-child(5){background-image:url(../images/pag_empresa/large/valores-social.webp);}

.no-webp .valores-list li:nth-child(6), .no-js .valores-list li:nth-child(6){background-image:url(../images/pag_empresa/large/valores-integridade.jpg);}
.webp .valores-list li:nth-child(6){background-image:url(../images/pag_empresa/large/valores-integridade.webp);}

.no-webp .valores-list li:nth-child(8), .no-js .valores-list li:nth-child(8){background-image:url(../images/pag_empresa/large/valores-parceria.jpg);}
.webp .valores-list li:nth-child(8){background-image:url(../images/pag_empresa/large/valores-parceria.webp);}

.no-webp .valores-list li:last-child, .no-js .valores-list li:last-child{margin-bottom: 0; background-image:url(../images/pag_empresa/large/valores-equipe.jpg);}
.webp .valores-list li:last-child{margin-bottom: 0;background-image:url(../images/pag_empresa/large/valores-equipe.webp);}

.valores-list li:nth-child(2), .valores-list li:nth-child(6), .valores-list li:last-child{margin-right:0;}
.valores-list li span{position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;}
.valores-list li span:first-child{font-size: 1.4em; font-weight: 600; z-index: 10; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.valores-list li:hover span:first-child{opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
.valores-list li span:last-child{margin-top: -100%;  z-index: 20; -webkit-transition:margin-top 1s; -moz-transition:margin-top 1s; -ms-transition:margin-top 1s; transition:margin-top 1s;}
.valores-list li:hover span:last-child{margin-top: 0;}

@media screen and (max-width:1400px) {
.no-webp section.titulo.stelmat::before, .no-js section.titulo.stelmat::before{background-image:url(../images/pag_empresa/medium/titulo-stelmat.jpg);}
.webp section.titulo.stelmat::before{background-image:url(../images/pag_empresa/medium/titulo-stelmat.webp);}

.no-webp section.secundaria .son.o-que-fazemos::before, .no-js section.secundaria .son.o-que-fazemos::before{background-image:url(../images/pag_empresa/medium/img-o-que-fazemos.jpg);}
.webp section.secundaria .son.o-que-fazemos::before{background-image:url(../images/pag_empresa/medium/img-o-que-fazemos.webp);}

.valores-list li{font-size: 15px; background-repeat: no-repeat; background-size: cover;}
.no-webp .valores-list li:first-child, .no-js .valores-list li:first-child{background-image:url(../images/pag_empresa/medium/valores-inovacao.jpg);}
.webp .valores-list li:first-child{background-image:url(../images/pag_empresa/medium/valores-inovacao.webp);}

.no-webp .valores-list li:nth-child(2), .no-js .valores-list li:nth-child(2){background-image:url(../images/pag_empresa/medium/valores-excelencia.jpg);}
.webp .valores-list li:nth-child(2){background-image:url(../images/pag_empresa/medium/valores-excelencia.webp);}

.no-webp .valores-list li:nth-child(4), .no-js .valores-list li:nth-child(4){background-image:url(../images/pag_empresa/medium/valores-dinamismo.jpg);}
.webp .valores-list li:nth-child(4){background-image:url(../images/pag_empresa/medium/valores-dinamismo.webp);}

.no-webp .valores-list li:nth-child(5), .no-js .valores-list li:nth-child(5){background-image:url(../images/pag_empresa/medium/valores-social.jpg);}
.webp .valores-list li:nth-child(5){background-image:url(../images/pag_empresa/medium/valores-social.webp);}

.no-webp .valores-list li:nth-child(6), .no-js .valores-list li:nth-child(6){background-image:url(../images/pag_empresa/medium/valores-integridade.jpg);}
.webp .valores-list li:nth-child(6){background-image:url(../images/pag_empresa/medium/valores-integridade.webp);}

.no-webp .valores-list li:nth-child(8), .no-js .valores-list li:nth-child(8){background-image:url(../images/pag_empresa/medium/valores-parceria.jpg);}
.webp .valores-list li:nth-child(8){background-image:url(../images/pag_empresa/medium/valores-parceria.webp);}

.no-webp .valores-list li:last-child, .no-js .valores-list li:last-child{background-image:url(../images/pag_empresa/medium/valores-equipe.jpg);}
.webp .valores-list li:last-child{background-image:url(../images/pag_empresa/medium/valores-equipe.webp);}

.valores-list li span{padding: 25px;}

}
@media screen and (max-width:1000px) {
.no-webp section.titulo.stelmat::before, .no-js section.titulo.stelmat::before{background-image:url(../images/pag_empresa/small/titulo-stelmat.jpg);}
.webp section.titulo.stelmat::before{background-image:url(../images/pag_empresa/small/titulo-stelmat.webp);}

.valores-list li{font-size: 14px; width:48.1%; padding-bottom: 24.05%; margin:0 3.8% 3.8% 0;}
.valores-list li + br{display: none;}
.no-webp .valores-list li:first-child, .no-js .valores-list li:first-child{background-image:url(../images/pag_empresa/small/valores-inovacao.jpg);}
.webp .valores-list li:first-child{background-image:url(../images/pag_empresa/small/valores-inovacao.webp);}

.no-webp .valores-list li:nth-child(2), .no-js .valores-list li:nth-child(2){background-image:url(../images/pag_empresa/small/valores-excelencia.jpg);}
.webp .valores-list li:nth-child(2){background-image:url(../images/pag_empresa/small/valores-excelencia.webp);}

.no-webp .valores-list li:nth-child(4), .no-js .valores-list li:nth-child(4){background-image:url(../images/pag_empresa/small/valores-dinamismo.jpg);}
.webp .valores-list li:nth-child(4){background-image:url(../images/pag_empresa/small/valores-dinamismo.webp);}

.no-webp .valores-list li:nth-child(5), .no-js .valores-list li:nth-child(5){background-image:url(../images/pag_empresa/small/valores-social.jpg);}
.webp .valores-list li:nth-child(5){background-image:url(../images/pag_empresa/small/valores-social.webp);}

.no-webp .valores-list li:nth-child(6), .no-js .valores-list li:nth-child(6){background-image:url(../images/pag_empresa/small/valores-integridade.jpg);}
.webp .valores-list li:nth-child(6){background-image:url(../images/pag_empresa/small/valores-integridade.webp);}

.no-webp .valores-list li:nth-child(8), .no-js .valores-list li:nth-child(8){background-image:url(../images/pag_empresa/small/valores-parceria.jpg);}
.webp .valores-list li:nth-child(8){background-image:url(../images/pag_empresa/small/valores-parceria.webp);}

.no-webp .valores-list li:last-child, .no-js .valores-list li:last-child{background-image:url(../images/pag_empresa/small/valores-equipe.jpg);}
.webp .valores-list li:last-child{background-image:url(../images/pag_empresa/small/valores-equipe.webp);}

.valores-list li:nth-child(5), .valores-list li:nth-child(8), .valores-list li:last-child{margin-right:0;}
.valores-list li:nth-child(4), .valores-list li:nth-child(6){margin:0 3.8% 3.8% 0;}
.valores-list li span:last-child{margin-top: -150%;}

}
@media screen and (max-width:600px) {
.no-webp section.titulo.stelmat::before, .no-js section.titulo.stelmat::before{background-image:url(../images/pag_empresa/tiny/titulo-stelmat.jpg);}
.webp section.titulo.stelmat::before{background-image:url(../images/pag_empresa/tiny/titulo-stelmat.webp);}

.no-webp section.secundaria .son.o-que-fazemos::before, .no-js section.secundaria .son.o-que-fazemos::before{background-image:url(../images/pag_empresa/tiny/img-o-que-fazemos.jpg);}
.webp section.secundaria .son.o-que-fazemos::before{background-image:url(../images/pag_empresa/tiny/img-o-que-fazemos.webp);}

.valores-list li{width:100%; padding-bottom: 48.1%; margin:0 3.8% 3.8% 0;}

.no-webp .valores-list li:first-child, .no-js .valores-list li:first-child{background-image:url(../images/pag_empresa/large/valores-inovacao.jpg);}
.webp .valores-list li:first-child{background-image:url(../images/pag_empresa/large/valores-inovacao.webp);}

.no-webp .valores-list li:nth-child(2), .no-js .valores-list li:nth-child(2){background-image:url(../images/pag_empresa/large/valores-excelencia.jpg);}
.webp .valores-list li:nth-child(2){background-image:url(../images/pag_empresa/large/valores-excelencia.webp);}

.no-webp .valores-list li:nth-child(4), .no-js .valores-list li:nth-child(4){background-image:url(../images/pag_empresa/large/valores-dinamismo.jpg);}
.webp .valores-list li:nth-child(4){background-image:url(../images/pag_empresa/large/valores-dinamismo.webp);}

.no-webp .valores-list li:nth-child(5), .no-js .valores-list li:nth-child(5){background-image:url(../images/pag_empresa/large/valores-social.jpg);}
.webp .valores-list li:nth-child(5){background-image:url(../images/pag_empresa/large/valores-social.webp);}

.no-webp .valores-list li:nth-child(6), .no-js .valores-list li:nth-child(6){background-image:url(../images/pag_empresa/large/valores-integridade.jpg);}
.webp .valores-list li:nth-child(6){background-image:url(../images/pag_empresa/large/valores-integridade.webp);}

.no-webp .valores-list li:nth-child(8), .no-js .valores-list li:nth-child(8){background-image:url(../images/pag_empresa/large/valores-parceria.jpg);}
.webp .valores-list li:nth-child(8){background-image:url(../images/pag_empresa/large/valores-parceria.webp);}

.no-webp .valores-list li:last-child, .no-js .valores-list li:last-child{background-image:url(../images/pag_empresa/large/valores-equipe.jpg);}
.webp .valores-list li:last-child{background-image:url(../images/pag_empresa/large/valores-equipe.webp);}

.valores-list li:nth-child(4), .valores-list li:nth-child(6){margin-right:0;}

}