.c_img_tempo {position: relative; display: flex; justify-content: center; align-items: center; height: 500px;}
.c_img_tempo .img_tempo .img { transform: translateX(30px);}
.c_img_tempo .setas {position: absolute; width: 100%; display: flex; justify-content: space-between; align-items: center; height: 100%;}
.c_img_tempo .setas .seta {width: 35px; height: 65px; cursor: pointer; position: relative; z-index: 2;}
.c_img_tempo .setas .seta.esq svg {transform: scale(-1);}
.c_img_tempo .setas .seta svg {width: 100%; height: 100%;}
.c_img_tempo .setas .seta:hover svg g {fill: #ffffffbb;}



/*CSS*/



.c_diferenciais{float: left; width: 100%; height: 187px;}

.diferenciais{float: left; width: 100%; height: 187px;  margin: -68px 0 0 0; position: relative; z-index: 2;}

.caixa_diferenciais{float: left; width: 33.3%; text-align: center;}

.forma_caixa_diferenciais{display: inline-block; width: 313px; height: 180px; background-color: #5389fd; border-bottom: 7px solid #3a66c8; border-radius: 35px 35px 0 0;}

.forma_caixa_diferenciais p{font-size: 14px; color: #fff; font-family:'latoregular';}

.forma_caixa_diferenciais h1{display: none;}

.forma_caixa_diferenciais h2{display: none;}

.img_emp{margin: 37px 0 25px 0; display: inline-block; width: 73px; height: 73px; background: url(../img/web/emp.png) no-repeat center;}

.img_est{margin: 39px 0 16px 0; display: inline-block; width: 80px; height: 80px; background: url(../img/web/eng.png) no-repeat center;}

.img_dif{margin: 35px 0 17px 0; display: inline-block; width: 59px; height: 83px; background: url(../img/web/dif.png) no-repeat center;}



.hest:hover .forma_caixa_diferenciais{background-color: #3a66c8; border-radius: 0;}

.hest:hover .img_est{display: none;}

.hest:hover p{display: none;}

.hest:hover h1{display: block; font-size: 14px; color: #fff; font-family:'latoregular'; margin: 40px 0 20px 0;}

.hest:hover h2{display: block; font-size: 14px; color: #fff; font-family:'latoregular'; line-height: 20px;}



.hmetal:hover .forma_caixa_diferenciais{background-color: #3a66c8; border-radius: 0;}

.hmetal:hover .img_emp{display: none;}

.hmetal:hover p{display: none;}

.hmetal:hover h1{display: block; font-size: 14px; color: #fff; font-family:'latoregular'; margin: 40px 0 20px 0;}

.hmetal:hover h2{display: block; font-size: 14px; color: #fff; font-family:'latoregular'; line-height: 20px;}



.hdif:hover .forma_caixa_diferenciais{background-color: #3a66c8; border-radius: 0;}

.hdif:hover .img_dif{display: none;}

.hdif:hover p{display: none;}

.hdif:hover h1{display: block; font-size: 14px; color: #fff; font-family:'latoregular'; margin: 40px 0 20px 0;}

.hdif:hover h2{display: block; font-size: 14px; color: #fff; font-family:'latoregular'; line-height: 20px;}



.c_sobre{float: left; width: 100%; height: 379px;}

.sobre{float: left; width: 100%; height: 379px;}

.tit_sobre{float: left; width: 100%;}

.tit_sobre h1{float: left; margin: 12px 0 0 15px; font-size: 26px; font-family:'latoregular'; line-height: 25px;}

.tit_sobre i{font-size: 16px; font-family:'latoitalic';}

.tit_sobre b{color: #4c82f8; font-family:'latoblack';}

.texto_sobre{float: left; width: 60%;}

.texto_sobre p{margin: 20px 43px 0 0; font-size: 13px; font-family:'latoregular'; line-height: 20px; text-indent: 30px;}

.texto_sobre b{font-family:'latobold';}

.texto_sobre button{float: right; margin: 0 48px 0 0; width: 88px; height: 30px; background-color: #3a66c8; color: #fff; font-size: 10px; font-family:'latoregular'; border: 0; border-radius: 30px;}

.texto_sobre button:hover{cursor: pointer; opacity: 0.8;}

.texto_sobre button:focus{outline: none;}

.c_img_sobre{float: left; width: 40%;}

.img_sobre{float: left; margin: 0 0 0 30px; width: 321px; height: 176px; background: url(../img/web/imgemp.jpg) no-repeat center;}

.barratitsobre1{float: left; margin: 56px 0 0 11px; width: 371px; height: 1px; background-color: #4c82f8;}

.barratitsobre2{float: left; margin: 56px 0 0 0; width: 1px; height: 24px; background-color: #4c82f8;}

.barra_sobre{float: left; margin: 176px 0 0 -175px; width: 1px; height: 123px; background-color: #4c82f8;}



.c_linha_do_tempo{float: left; width: 100%; height: 705px; background: url(../img/web/bglinha.jpg) no-repeat center;}

.linha_do_tempo{float: left; width: 100%; height: 705px; overflow: hidden;}

.tit_tempo{float: left; width: 100%; text-align: center;}

.tit_tempo h1{margin: 100px 0 0 0; font-family:'latomedium'; color: #fff; line-height: 25px;}

.tit_tempo b{font-size: 32px; font-family:'latoblack';}

.c_img_tempo{float: left; width: 100%;}

.img_tempo {margin: 60px 0 0 0; width: 970px; height: 383px; position: relative; overflow: hidden;}
.img_tempo .img {width: 1240px; height: 383px; background: url(../img/web/2025-imgs/timeline-h.webp) no-repeat center; position: absolute; transition: 0.8s;}



.c_areas_atuacao{float: left; width: 100%; height: 861px;}

.areas_atuacao{float: left; width: 100%; height: 861px;}

.tit_atuacao{float: left; width: 100%; text-align: center;}

.tit_atuacao h1{margin: 70px 0 0 0; font-size: 26px; font-family:'latoregular'; line-height: 30px;}

.tit_atuacao h1 b{color: #4c82f8; font-family:'latoblack';}

.tit_atuacao h2{margin: 37px 0 0 0; font-size: 14px; font-family:'latoregular';}

.tit_atuacao h2 b{font-family:'latobold';}

.tit_atuacao i{font-size: 16px; font-family:'latoitalic';}

.barraat{margin: 13px 0 0 0; display: inline-block; width: 56px; height: 8px; background-color: #4c82f8;}

.caixas_atuacao{float: left; width: 100%; margin: 50px 0 0 0;}

.caixa_atuacao{float: left; width: 21%; text-align: center; margin: 0 0 35px 0;}

.caixa_atuacao:nth-of-type(1){margin-left: 7.5%;}

.caixa_atuacao:nth-of-type(7){margin-left: 7.5%;}

.caixa_atuacao p{margin: 10px 0 0 0; font-size: 15px; font-family:'latoregular'; line-height: 20px;}

.at_1{display: inline-block; width: 174px; height: 182px; background: url(../img/web/areas/1.png) no-repeat center;}

.at_2{display: inline-block; width: 174px; height: 182px; background: url(../img/web/areas/2.png) no-repeat center;}

.at_3{display: inline-block; width: 174px; height: 182px; background: url(../img/web/areas/3.png) no-repeat center;}

.at_4{display: inline-block; width: 174px; height: 182px; background: url(../img/web/areas/4.png) no-repeat center;}

.at_5{display: inline-block; width: 174px; height: 182px; background: url(../img/web/areas/5.png) no-repeat center;}

.at_6{display: inline-block; width: 174px; height: 182px; background: url(../img/web/areas/6.png) no-repeat center;}

.at_7{display: inline-block; width: 174px; height: 182px; background: url(../img/web/areas/7.png) no-repeat center;}

.at_8{display: inline-block; width: 174px; height: 182px; background: url(../img/web/areas/8.png) no-repeat center;}



.c_conheca_produtos{float: left; width: 100%; height: 179px; background: url(../img/web/bgbannerprod.jpg) no-repeat center;}

.conheca_produtos{float: left; width: 100%; height: 179px; text-align: center;}

.conheca_produtos button{margin: 55px 0 0 0; width: 429px; height: 71px; background-color: transparent; border: 1px solid #fff; font-size: 23px; font-family:'latoregular'; color: #fff; border-radius: 40px;}

.conheca_produtos button:hover{cursor: pointer; opacity: 0.8;}

.conheca_produtos button:focus{outline: none;}

.conheca_produtos b{font-family:'latoheavy';}



@media(max-width: 990px){

    .c_diferenciais{display: none;}



    .c_sobre{height: auto; border-bottom: 1px solid #4c82f8;}

    .sobre{height: auto;}

    .tit_sobre{text-align: center;}

    .tit_sobre h1{margin: 20px 20px 0 20px; float: none;}

    .texto_sobre{width: 100%; text-align: center;}

    .texto_sobre p{margin: 20px 20px 0 20px; text-align: justify;}

    .texto_sobre button{float: none; margin: 20px 0 30px 0;}

    .c_img_sobre{width: 100%; text-align: center;}

    .img_sobre{float: none; margin: 0 0 30px 0; display: inline-block; background: url(../img/web/imgemp-dobro.png) no-repeat center; background-size: 321px;}

    .barratitsobre1{display: none;}

    .barratitsobre2{display: none;}

    .barra_sobre{display: none;}



    .c_linha_do_tempo{display: none;}



    .c_areas_atuacao{height: auto;}

    .areas_atuacao{height: auto;}

    .tit_atuacao h1{margin: 20px 20px 0 20px;}

    .tit_atuacao h2{margin: 37px 20px 0 20px; line-height: 20px;}

    .caixa_atuacao{width: 50%;}

    .caixa_atuacao:nth-of-type(1){margin-left: 0%;}

    .caixa_atuacao:nth-of-type(7){margin-left: 0%;}

    .clear-resp{clear: both;}

    

    .c_conheca_produtos{background: none; height: auto; background-color: #2c78e6; padding-bottom: 50px;}

    .conheca_produtos{height: auto;}

    .conheca_produtos button{width: 240px; height: auto; padding: 20px 20px 15px 20px;}
    
    
    .at_1{background: url(../img/web/areas/1-dobro.png) no-repeat center; background-size: 174px;}

    .at_2{background: url(../img/web/areas/2-dobro.png) no-repeat center; background-size: 174px;}

    .at_3{background: url(../img/web/areas/3-dobro.png) no-repeat center; background-size: 174px;}

    .at_4{background: url(../img/web/areas/4-dobro.png) no-repeat center; background-size: 174px;}

    .at_5{background: url(../img/web/areas/5-dobro.png) no-repeat center; background-size: 174px;}

    .at_6{background: url(../img/web/areas/6-dobro.png) no-repeat center; background-size: 174px;}

    .at_7{background: url(../img/web/areas/7-dobro.png) no-repeat center; background-size: 174px;}

    .at_8{background: url(../img/web/areas/8-dobro.png) no-repeat center; background-size: 174px;}

}



@media(max-width: 390px){

    .at_1{width: 115px; height: 120px; background-size: 115px;}

    .at_2{width: 115px; height: 120px; background-size: 115px;}

    .at_3{width: 115px; height: 120px; background-size: 115px;}

    .at_4{width: 115px; height: 120px; background-size: 115px;}

    .at_5{width: 115px; height: 120px; background-size: 115px;}

    .at_6{width: 115px; height: 120px; background-size: 115px;}

    .at_7{width: 115px; height: 120px; background-size: 115px;}

    .at_8{width: 115px; height: 120px; background-size: 115px;}


}



@media(max-width: 340px){

    .img_sobre{width: 240px; background-size: 240px;}

}