@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.segoiUI-BOLD{
    font-family: 'Segoe UI', sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.segoiUI-REGULAR{
    font-family: 'Segoe UI', sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.segoiUI-LIGTH{
    font-family: 'Segoe UI', sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html{
    overflow-x: hidden;
}
.overflow{
    overflow: hidden;
}
p{
    margin: 0;
}
.corpo-pagina{
    width: 1300px;
}
.aplicacoes{
    width: 1560px;
}
.corpo-contato{
    width: 1700px;
}
@media (max-width: 1500px){
    .corpo-pagina{
        width: 100%;
        padding: 0px 20px;
    }
    .aplicacoes{
        width: 100%;
        padding: 0px 20px;
    }
    .corpo-contato{
        width: 100%;
        padding: 0px 20px;
    }
}
/* {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; */
    /* height: 1070px; */
    /* position: relative;
} */
.respiro{
    width: 100%;
    height: 20px;
}
.nav-topo{
    background-color: #053685;
    width: 80%;
    height: 100px;
    top: 116px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    position: absolute;
    left: calc(10%);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    z-index: 1;
}

.nav-topo .logo-hidrocromo{
    padding-left: 50px;
}
.nav-topo .logo-hidrocromo img{
    width: 42%;
}
.nav-topo .links{
    display: flex;
    justify-content: space-between;
    width: 90%;
    padding-right: 40px;
}
.nav-topo .links li{
    list-style: none;
}
.nav-topo .links a{
    text-decoration: none;
    color: white;
    font-size: 1.2rem;
    cursor: pointer;
}

.nav-topo .links a:hover{
    color: #f8e825;
    /* font-weight: 700; */
}

.nav-topo-mobile{
    background-color: #053685;
    width: 90%;
    height: 90px;
    top: 46px;
    padding: 0 30px;
    border-radius: 20px;
    left: calc(4.9%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    z-index: 1;
}

.nav-topo-mobile  img{
    width: 198px;
}
.nav-topo-mobile  .icon-menu{
    /* color: #053685;
    background-color: yellow;
    padding: 5px;
    border-radius: 10px; */
    color: white;
    font-size: 1.7rem;
}

/* Menu mobile */
.container-menu-mobile{
    background-image: url("../imagens/home/TopoDestaque/bg-destaque-05.webp");
    background-size: cover;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 30;
    transform: translateY(100%);
    transition: .2s ease-out;
    z-index: 30;
}
.ativar-menu-mobile{
    transition: .25s ease-in;
    transform: translateY(0%);
}
.container-menu-mobile .box-menu-mobile .topo-menu-mobile{
    padding: 10px;
}
.container-menu-mobile .box-menu-mobile .topo-menu-mobile .icon-fechar-menu{
    /* color: #053685; */
    color: white;
}
.container-menu-mobile .box-menu-mobile .topo-menu-mobile .icon-fechar-menu span{
    font-size: 2.2rem;
    /* background-color: #f8e825;
    border-radius: 30px;
    padding: 4px; */
}
.container-menu-mobile .box-menu-mobile .body-menu-mobile{
    padding-top: 100px;
}
.container-menu-mobile .box-menu-mobile .body-menu-mobile ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* .container-menu-mobile .box-menu-mobile .body-menu-mobile li{
    color: white;
} */
.container-menu-mobile .box-menu-mobile .body-menu-mobile li h2{
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.container-menu-mobile .box-menu-mobile .body-menu-mobile li h2:hover{
    color: #f8e825;
    cursor: pointer;
}
.container-menu-mobile .box-menu-mobile .body-menu-mobile li h2 a{
    text-decoration: none;
    color: white;
}
.container-menu-mobile .box-menu-mobile .body-menu-mobile li h2 span{
    color: #f8e825;
}




.hidrocromo-index .imagem-fundo{
    background-image: url("../imagens/home/TopoDestaque/bg-destaque-05.webp");
    background-size: cover;
    width: 100%;
    height: 780px;
    /* top: 0;
    position: absolute;
    z-index: -2; */
}
.hidrocromo-index .imagem-fundo .imagem-topo{
    width: 100%;
    position: absolute;
    top: calc(-5%);
    left: calc(-4%);
}
.hidrocromo-index .imagem-fundo .imagem-topo img{
    width: 880px;
}

.hidrocromo-index .imagem-fundo .container-texto-topo{
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 275px;
    padding-right: 170px;

}
.hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo{
    width: 40%;
}
.hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo p{
    font-size: 2.5rem;
    text-align: end;
    color: white;
}
.hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo p b{
    color:#f8e825;
}
.hidrocromo-index .imagem-fundo .container-texto-topo .setas-amarelas{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}
.hidrocromo-index .imagem-fundo .container-texto-topo .setas-amarelas img{
    width: 20%;
}

 .container-aplicacoes-industriais{
    display: flex;
    justify-content: center;
    position: relative;
    background-color: #002766;
    width: 100%;
    padding-bottom: 100px;
}
 .container-aplicacoes-industriais .aplicacoes-industriais{
    display: flex;
    justify-content: center;
    width: 100%;
}
 .container-aplicacoes-industriais .aplicacoes-industriais p{
    padding-top: 80px;
    font-size: 2.2rem;
    color: white;
}
 .container-aplicacoes-industriais .swiper {
  width: 100%;
  height: 400px;
  padding-top: 50px;
  position: relative;
  z-index: 1;
}
 .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide{
    display: flex;
    justify-content: center;
}
 .container-aplicacoes-industriais .swiper .swiper-button-prev{
    color:#f8e825;
    position: absolute;
    left: 0;
    top: 70px;
    width: 20%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 39, 102) 15%, rgba(253, 29, 29, 0) 100%);
}
 .container-aplicacoes-industriais .swiper .swiper-button-next{
    color:#f8e825;
    position: absolute;
    right: 0;
    top: 70px;
    width: 20%;
    height: 100%;
    background: linear-gradient(-90deg, rgba(0, 39, 102) 15%, rgba(253, 29, 29, 0) 100%);
}
 .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .imagem{
    width: 84%;
    /* height: 320px; */
    position: relative;
}
 .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .texto{
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75%;
    height: 17%;
    bottom:0px;
    align-self: end;
    position: absolute;
    cursor: pointer;
    transition: 0.2s;
}
 .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .texto:hover{
    background-color: #f8e825;
}
 .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .texto p{
    text-align: center;
    color: #002766;
    font-size: 0.9rem;
}
.hidrocromo-index .container-empresa{
    background-color: rgb(239, 243, 244);
    width: 100%;
    padding-bottom: 50px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.hidrocromo-index .container-empresa .empresa{
    width: 100%;
    padding-top: 50px;
    display: flex;
}
.hidrocromo-index .container-empresa .empresa .textos{
    width: 50%;
}
.hidrocromo-index .container-empresa .empresa .imagem-mapa{
    width: 50%;
    position: absolute;
    right: 80px;
    bottom: 0;
}
.hidrocromo-index .container-empresa .empresa .imagem-mapa img{
    width: 100%;
}
.hidrocromo-index .container-empresa .empresa .texto-empresa p{
    font-size: 2.1rem;
    color: #053685;
    text-align: start;
}
.hidrocromo-index .container-empresa .empresa .texto-localizacao p{
    font-size: 1.2rem;
    padding-top: 30px;
}
.hidrocromo-index .container-empresa .empresa .botao{
    padding-top: 30px;
}
.hidrocromo-index .container-empresa .empresa .botao button{
    border: none;
    text-align: center;
    background-color: #053685;
    color: white;
    width: 200px;
    height: 30px;
    transition: 1.2s;
    position: relative;
}
.hidrocromo-index .container-empresa .empresa .botao button:after{
  content: "\f178";
  font-family: FontAwesome;
  position: absolute;
  color: white;
  opacity: 0;  
  top: calc(15%);
  right: -20px;
  transition: 0.5s;
}
.hidrocromo-index .container-empresa .empresa .botao button:hover{
  padding-right: 24px;
  padding-left:8px;
}
.hidrocromo-index .container-empresa .empresa .botao button:hover:after {
  opacity: 1;
  right: 10px;
}
.hidrocromo-index .fundo-solucoes-cliente{
    background-image: url("../imagens/home/Solucoes/bg\ solucoes.webp");
    background-size: 100%;
}
.hidrocromo-index .container-solucoes{
    display: flex;
    justify-content: center;
    width: 100%;
    /* position: relative; */
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes{
    padding-top: 50px;
    width: 100%;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .enfeite{
    width: 100%;
    padding-bottom: 120px;
    display: flex;
    justify-content: center;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .enfeite img{
    width: 90px;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .titulo-solucoes{
    text-align: center;
    color:#053685;
    font-size: 2.7rem;
    padding-bottom: 10px;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 100px;
    gap: 93px;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .container-cards-solucoes{
    width: 340px;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes{
    background-color: rgb(239,  243,  244);
    width: 100%;
    height: 340px;
    display: flex;
    justify-content: center;
    position: relative;
    cursor: pointer;
    /* clip-path: polygon(0 0, 100% 0, 100% 30%, 100% 92%, 93% 100%, 0 100%, 0% 70%, 0% 30%); */
    transition: 0.5s;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes::after{
    content: "";
    position: absolute;
    z-index: 2;
    bottom: -20px;
    right: -20px;
    width: 30px;
    height: 60px;
    transform: rotate(45deg);
    background-color: #fff;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes:hover{
    background-color: #053685;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes .imagens-solucoes{
    width: 85%;
    height: 60%;
    position: absolute;
    top: -60px;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes .cards-informacoes{
    background-color: #002766;
    width: 80%;
    height: 20%;
    position: absolute;
    bottom: 73px;
    display: flex;
    align-items: center;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes:hover .cards-informacoes{
    background-color: #f8e825;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes .cards-informacoes p{
    font-size: 1.1rem;
    color: white;
    text-align: center;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes:hover .cards-informacoes p{
    color:#053685;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes .saiba-mais{
    position: absolute;
    bottom: 20px;
    right: 30px;
    gap: 4px;
    display: flex;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes .saiba-mais .seta{
    font-size: 1.2rem;
    padding: 7px 0 0 5px;
    /* transform: rotateZ(-90deg); */
    color: #002766;
    transition: 0.5s;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes:hover .saiba-mais .seta{
    color: white;
    /* left: 10px; */
    -webkit-animation: bounceright .3s alternate ease infinite;
    animation: bounceright .3s alternate ease infinite;
}
@keyframes bounceright {
  from { transform: translateX(0);}
  to   { transform: translateX(3px); }
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes .saiba-mais a{
    align-self: end;
    font-size: 1.2rem;
    color: #002766;
    text-decoration: none;
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes:hover .saiba-mais a{
    color: white;
}
.hidrocromo-index .container-linha{
    display: flex;
    justify-content: center;
    width: 100%;
}
.hidrocromo-index .container-linha .linha{
    background-color: #f8e825;
    width: 20%;
    height: 4px;
}

.hidrocromo-index .container-clientes{
    display: flex;
    justify-content: center;
    width: 100%;
}

.hidrocromo-index .container-clientes .clientes p{
    text-align: center;
    color: #053685;
    font-size: 2.7rem;
    padding-top: 50px;
    padding-bottom: 50px;
}

.hidrocromo-index .container-clientes .container-group{
    margin: 0 auto;
    padding: 20px 0;
    max-width:100%;
    overflow: hidden;
    display: flex;
    > * {
        flex: 0 0 100%;
      }
    mask: linear-gradient(to right, transparent, red 15%, red 85%, transparent);
}
.hidrocromo-index .container-clientes .container-group .group{
    display: flex;
    gap: 40px;
    padding-right: 40px;
    animation: scrolling 35s linear infinite;
}
.hidrocromo-index .container-clientes .container-group .group .fotos-cliente{
    width: 100%;
    position: relative;
}
.hidrocromo-index .container-clientes .container-group .group .fotos-cliente img{
    width: 150px;
}
@keyframes scrolling {
  0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }

}



.hidrocromo-index .container-clientes .fornecedores{
    overflow: hidden;
    width: 100%;
}
.hidrocromo-index .container-clientes .fornecedores p{
    text-align: center;
    color: #053685;
    font-size: 2.7rem;
    padding-top: 50px;
    padding-bottom: 50px;
}
.hidrocromo-index .container-clientes .container-group-fornecedores{
    margin: 0 auto;
    padding: 20px 0 80px;
    max-width:80%;
    overflow: hidden;
    display: flex;
    > * {
        flex: 0 0 100%;
      }
    mask: linear-gradient(to right, transparent, red 15%, red 85%, transparent);
}
.hidrocromo-index .container-clientes .container-group-fornecedores .group-fornecedores{
    display: flex;
    gap: 40px;
    padding-right: 40px;
    animation: scrolling 15s linear infinite;
}
.hidrocromo-index .container-clientes .container-group-fornecedores .group-fornecedores .fotos-fornecedores{
    width: 100%;
    position: relative;
}
.hidrocromo-index .container-clientes .container-group-fornecedores .group-fornecedores .fotos-fornecedores img{
    width: 150px;
}
/* @keyframes scrollingfornecedores {
  100% {
      transform: translateX(0);
    }
    0% {
      transform: translateX(-100%);
    }

} */

.hidrocromo-index .certificado{
    background-image: url("../imagens/home/TopoDestaque/bg-destaque-05.webp");
    background-size: cover;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 60px;
}
.hidrocromo-index .certificado .imagem-texto{
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
}
/* .hidrocromo-index .certificado .imagem-texto .imagem-certificado{
    width: 100%;
} */
.hidrocromo-index .certificado .imagem-texto .imagem-certificado img{
    width: 100%;
}
.hidrocromo-index .certificado .imagem-texto .texto-certificado{
    width: 50%;
}
.hidrocromo-index .certificado .imagem-texto .texto-certificado h1 b{
    font-size: 2.8rem;
    color: #f8e825;
}
.hidrocromo-index .certificado .imagem-texto .texto-certificado h2{
    color: white;
    font-size: 1.5rem;
    padding-bottom: 10px;
}
.hidrocromo-index .certificado .imagem-texto .texto-certificado p{
    color: white;
    font-size: 1.3rem;

}
.hidrocromo-index .contato-rodape{
    position: relative;
}

.hidrocromo-index .contato-rodape .foto{
    background-image: url("../imagens/home/contato/foto\ bg\ contato.webp");
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 840px;
}
.hidrocromo-index .contato-rodape .foto img{
    width: 100%;
}
.hidrocromo-index .contato-rodape .espaco{
    width: 100%;
    height:830px
}
.hidrocromo-index .container-contato{
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -2%;
    left: 0;
    right: 0;
}
.hidrocromo-index .container-contato .contato{
    background-image: url("../imagens/home/TopoDestaque/bg-destaque-05.webp");
    background-size: cover;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    gap: 240px;
    padding: 70px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.hidrocromo-index .container-contato .contato .entre-contato{
    width: 40%;
}
.hidrocromo-index .container-contato .contato .entre-contato h1{
    color: white;
    font-size: 3.1rem;
}
.hidrocromo-index .container-contato .contato .entre-contato p{
    color: white;
    padding: 5px 0 60px;
}
.hidrocromo-index .container-contato .contato .entre-contato .container-forma-contato-mapa{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.hidrocromo-index .container-contato .contato .entre-contato .formas-contato{
    width: 70%;
    height: 30px;
    /* padding: 10px 0 20px; */
    display: flex;
    gap: 10px;
    position: relative;
}
/* .hidrocromo-index .container-contato .contato .entre-contato .formas-contato:hover{
    border: 1px solid #f8e825;
    border-radius: 10px;
    gap: 10px;
    display: flex;
    width: auto;
    height: auto;
    padding: 0;
    align-items: center;
} */
/* .hidrocromo-index .container-contato .contato .entre-contato .formas-contato:hover{
    padding: 0;
} */
 .hidrocromo-index .container-contato .contato .entre-contato .formas-contato p{
    padding: 0;
    font-size: 1.1rem;
 }
.hidrocromo-index .container-contato .contato .entre-contato .formas-contato .borda{
    gap: 10px;
    display: flex;
    align-items: center;
    width: auto;
    position: absolute;
    cursor: pointer;
}
.hidrocromo-index .container-contato .contato .entre-contato .formas-contato .borda p{
    color: white;
    
}
.hidrocromo-index .container-contato .contato .entre-contato .formas-contato .borda:hover{
    border: 1px solid #f8e825;
    border-radius: 10px;
    gap: 10px;
    display: flex;
    width: auto;
    height: 40px;
    left: -16px;
    /* bottom: -3.5px; */
    top: -7px;
    padding: 0 15px;
    /* align-items: center; */
}
.hidrocromo-index .container-contato .contato .entre-contato .formas-contato .borda-localizacao{
    gap: 10px;
    display: flex;
    align-items: center;
    width: 100%;
    position: absolute;
    cursor: pointer;
}
.hidrocromo-index .container-contato .contato .entre-contato .formas-contato .borda-localizacao:hover{
    border: 1px solid #f8e825;
    border-radius: 10px;
    gap: 10px;
    display: flex;
    width: auto;
    height: 65px;
    left: -16px;
    top: -6px;
    padding: 0px 15px;
    /* align-items: center; */
}
.hidrocromo-index .container-contato .contato .entre-contato .formas-contato img{
    width: 20px;
}
.hidrocromo-index .container-contato .contato .entre-contato .mapa{
    padding-top: 20px;
    width: 110%;
    height: 340px;
}
.hidrocromo-index .container-contato .contato .entre-contato .mapa iframe{
    border-radius: 5px;
    width: 100%;
    height: 100%;
}
.hidrocromo-index .container-contato .contato .container-formulario{
    background-color: white;
    border-radius: 20px;
    width: 40%;
    height: 0%;
    padding: 30px;
}
.hidrocromo-index .container-contato .contato .container-formulario .formulario{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.hidrocromo-index .container-contato .contato .container-formulario .formulario label{
    color: #053685;
    font-size: 1.2rem;
}

.hidrocromo-index .container-contato .contato .container-formulario .formulario .icone-input,.icone-input-mensagem {
    display: flex;
    align-items: baseline;
    border: 1px solid rgb(217,	217, 217);
    border-radius: 8px;
    color: rgb(217, 217, 217);
    /* padding-left: 15px; */
    gap: 7px;
    position: relative;
    transition: 0.2s;
}
/* .hidrocromo-index .container-contato .contato .container-formulario .formulario .icone-input:hover{
    border: 1px solid #5895f7;
} */
 .hidrocromo-index .container-contato .contato .container-formulario .formulario .icone-input .icones-form{
    position: absolute;
    top: calc(45% - 7px);
    padding-left: 15px;
    font-size: 1.3rem;
 }
.hidrocromo-index .container-contato .contato .container-formulario .formulario .icone-input input{
    height: 40px;
    border: none;
    width: 100%;
    padding-left: 40px;
    border-radius: 8px;
}
.hidrocromo-index .container-contato .contato .container-formulario .formulario .icone-input input:focus{
    outline: none;
    border: 1px solid #5895f7;
}
::-webkit-input-placeholder{
    color: rgb(217, 217, 217);
}

.hidrocromo-index .container-contato .contato .container-formulario .formulario .icone-input-mensagem{
    background-color: rgb(245 245 245);
    /* padding-top: 5px; */
}
.hidrocromo-index .container-contato .contato .container-formulario .formulario .icone-input-mensagem .icones-form{
    position: absolute;
    top: calc(16% - 7px);
    padding-left: 15px;
    font-size: 1.1rem;
}
.hidrocromo-index .container-contato .contato .container-formulario .formulario .icone-input-mensagem textarea{
    height: 100px;
    width: 100%;
    border: none;
    border-radius: 8px;
    padding-left: 40px;
    padding-top: 5px;
    background-color: rgb(245 245 245);
}
.hidrocromo-index .container-contato .contato .container-formulario .formulario .icone-input-mensagem textarea:focus{
    outline: none;
    border: 1px solid #5895f7;
}
.hidrocromo-index .container-contato .contato .container-formulario .formulario .botao{
    width: 100%;
    position: relative;
}
.hidrocromo-index .container-contato .contato .container-formulario .formulario .botao button{
    border: none;
    background-color: #053685;
    color: white;
    border-radius: 8px;
    width: 100px;
    transition: 1s;
    position: relative;
}
.hidrocromo-index .container-contato .contato .container-formulario .formulario .botao .teste-spinner:after{
  content: "\f110";
  font-family: FontAwesome;
  position: absolute;
  color: #f8e825;
  border-radius: 20px;
  left: -14px;
  opacity: 0;  
  top: calc(15%);
  transition: 0.5s;

}
/* .hidrocromo-index .container-contato .contato .container-formulario .formulario button:after{
  content: "\f110";
  font-family: FontAwesome;
  position: absolute;
  color: #f8e825;
  border-radius: 20px;
  left: -14px;
  opacity: 0;  
  /* top: calc(15%); */
  /* top: 0;
  transition: 0.5s; */

/* } */ */
.hidrocromo-index .container-contato .contato .container-formulario .formulario button:hover{
    padding-left: 5px;
}
.hidrocromo-index .container-contato .contato .container-formulario .formulario .botao .teste-spinner.teste::after {
    position: absolute;
    top: 1px;
    opacity: 1;
    left: 5px;
    animation: animationbutton 2.5s linear infinite;
}
@keyframes animationbutton {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(720deg); }
}
.container-rodape{
    display: flex;
    justify-content: center;
    background-color: #002766;
    width: 100%;
}
.container-rodape .container-logo-texto{
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 110px 70px 0;
}
.container-rodape .container-logo-texto .imagem{
    width: 50%;
}
.container-rodape .container-logo-texto .imagem img{
    width: 65%;
}
.container-rodape .container-logo-texto .texto{
    width: 50%;
}
.container-rodape .container-logo-texto .texto p{
    color: white;
    font-size: 1.8rem;
    text-align: end;
}
.container-rodape .linha-branca{
    width: 100%;
    height: 1px;
    background-color: white;
    margin: 40px 0;
}
.container-rodape .container-tres-colunas{
    display: flex;
    padding: 0 70px 50px;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes hr{
    color: white;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1{
    grid-area: 1 / 1 / 6 / 3;
    border-right: 1px solid rgba(217, 217, 217, 0.295);
    position: relative;
    padding-right: 50px;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1::after{
    content: "";
    position: absolute;
    z-index: 2;
    top: calc(35%);
    right: -4px;
    width: 6px;
    height: 90px;
    background-color: #f8e825;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1 a{
    color: white;
    font-size: 1.5rem;
    text-decoration: none;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1 p{
    color: white;
    font-size: 1.5rem;
}

.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1 .links .seta-branca{
    color: #f8e825;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1 .links a{
    font-size: 1rem;
    color: white;
    text-decoration: none;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1 .links a b{
    color: #f8e825;
    font-weight: 600;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1 .links a:hover{
    color: #f8e825;
    font-weight: 600;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2{
    grid-area: 1 / 3 / 6 / 8; 
    border-right: 1px solid rgba(217, 217, 217, 0.295);
    position: relative;
    padding: 0 50px;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2::after{
    content: "";
    position: absolute;
    z-index: 2;
    top: calc(35%);
    right: -4px;
    width: 6px;
    height: 90px;
    background-color: #f8e825;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 p{
    color: white;
    font-size: 1.5rem;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 a{
    color: white;
    font-size: 1.5rem;
    text-decoration: none;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 .container-mapa-contato{
    display: flex;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 .container-mapa-contato .contatos-rodape{
    padding: 20px 0;
    gap: 17px;
    display: flex;
    flex-direction: column;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 .container-mapa-contato .contatos-rodape .meios-contatos-rodape{
    display: flex;
    gap: 5px;
    padding: 5px;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 .container-mapa-contato .contatos-rodape .meios-contatos-rodape p{
    font-size: 1rem;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 .container-mapa-contato .contatos-rodape .meios-contatos-rodape img{
    width: 5%;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 .container-mapa-contato .mapa-rodape{
    width: 100%;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 .container-mapa-contato .mapa-rodape iframe{
    width: 100%;
    height: 90%;
}
/* .gm-style .place-card .place-name{
    font-size: 8px;
}
.gm-style .place-card div, .gm-style .place-card a, .gm-style .default-card div, .gm-style .default-card a {
    font-size: 7px;
} */
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid3{
    width: 100%;
    position: relative;
    padding: 0 50px;
    grid-area: 1 / 8 / 6 / 13;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid3 p{
    color: white;
    font-size: 1.5rem;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid3 .texto{
    width: 100%;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid3 .texto .titulo{
    font-size: 0.9rem;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid3 .texto .texto-noticia{
    font-size: 0.8rem;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid3 .texto a{
    color: #f8e825;
    font-size: 0.7rem;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid3 .link{
    padding-top: 15px;
}
.container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid3 .link a{
    color: #f8e825;
    font-size: 0.9rem;
}

.container-creditos{
    width: 100%;
    padding: 10px;
}
.container-creditos .creditos{
    display: flex;
    justify-content: center;
}
.container-creditos .creditos p{
    color: #053685;
    font-size: 0.8rem;
}
.container-creditos .creditos p b a{
    text-decoration: none;
    color: #053685;
}

@media (max-width:1600px){
.hidrocromo-index .imagem-fundo .container-texto-topo {
    padding-right: 170px;
    bottom: 355px;
}
/* .hidrocromo-index .imagem-fundo{
    height: 910px;
} */
.hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo p {
    font-size: 2rem;
}
}
@media(max-width: 1500px){
    .hidrocromo-index .container-empresa .empresa .texto-empresa p {
        font-size: 1.8rem;
    }
    .hidrocromo-index .container-empresa .empresa .texto-localizacao p {
        font-size: 1.1rem;
    }
    .hidrocromo-index .container-empresa .empresa .imagem-mapa {
        right: -40px;
        bottom: 26px;
    }
}
@media (max-width:1472px){
     .nav-topo {
        top: 65px;
    }
     .nav-topo .logo-hidrocromo{
        width: 100%;
    }
    .hidrocromo-index .imagem-fundo .container-texto-topo {
        padding-right: 140px;
        bottom: 115px;
    }
    /*  .imagem-fundo .container-texto-topo .texto-topo p {
        font-size: 2.3rem;
    } */
    .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .texto {
        bottom: 20px;
    }
    /* .hidrocromo-index .container-contato .contato {
        padding: 100px;
    } */
    .container-rodape .container-logo-texto {
        padding: 110px 0 0;
    }
    .container-rodape .container-tres-colunas {
        padding: 0 0 50px;
    }
    
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1 {
        padding-right: 20px;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2{
        padding: 0 20px;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid3{
        padding: 0 20px;
    }
}
@media (max-width:1392px){
    /*  {
        height: 860px;
    } */
    /* .hidrocromo-index .imagem-fundo{
        height: 860px;
    } */
     .nav-topo .links a {
        font-size: 1.1rem;
    }
    .hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo p {
        font-size: 1.8rem;
    }
    /*  .imagem-fundo .container-texto-topo .texto-topo p {
        font-size: 2.2rem;
    } */
    .hidrocromo-index .contato-rodape .foto {
        height: 630px;
    }
    .hidrocromo-index .container-contato .contato {
        padding: 60px;
    }
}
@media (max-width:1328px){
     .nav-topo {
        top: 66px;
    }
    .hidrocromo-index .imagem-topo img {
        width: 69%;
    }
    .hidrocromo-index .imagem-topo {
        left: calc(-13%);
    }
    .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .texto {
        bottom: 60px;
    }
    .container-aplicacoes-industriais .aplicacoes-industriais p {
        padding-top: 80px;
    }
    .hidrocromo-index .container-empresa .empresa .texto-empresa p {
        font-size: 1.6rem;
    }
    .hidrocromo-index .container-empresa .empresa .texto-localizacao p {
        font-size: 1rem;
    }
    .hidrocromo-index .container-empresa .empresa .imagem-mapa {
        right: -60px;
        bottom: 55px;
    }
    .hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes .cards-informacoes p {
        font-size: 1.2rem
    }
    .hidrocromo-index .certificado .imagem-texto .texto-certificado h1 b {
        font-size: 2.5rem;
    }
    .hidrocromo-index .certificado .imagem-texto .texto-certificado h2 {
        font-size: 1.2rem;
    }
    .hidrocromo-index .certificado .imagem-texto .texto-certificado p {
        font-size: 1.1rem;
    }
}
@media (max-width:1310px){
    .hidrocromo-index .contato-rodape .foto {
        height: 490px;
    }
    .hidrocromo-index .imagem-fundo .container-texto-topo {
        padding-right: 30px;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1 {
        grid-area: 1 / 1 / 6 / 4;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 {
        grid-area: 1 / 4 / 6 / 9;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 .container-mapa-contato {
        display: block;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 .container-mapa-contato .contatos-rodape {
        padding: 10px 0;
        gap: 0;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid3 {
        grid-area: 1 / 9 / 6 / 13;
    }
}
@media (max-width:1236px){

    .hidrocromo-index .container-contato .contato .entre-contato .mapa iframe{
        width: 100%;
    }
    .hidrocromo-index .container-contato .contato {
        gap: 160px;
    }
}
@media (max-width:1220px){
    .hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes .cards-informacoes p {
        font-size: 1rem;
    }
}
@media(max-width:1204px){
    /*  {
        height: 750px;
    } */
    /* .hidrocromo-index .imagem-fundo{
        height: 750px;
    } */
    /* .hidrocromo-index .imagem-fundo .container-texto-topo {
        bottom: 237px;
    } */
    .hidrocromo-index .contato-rodape .espaco {
        width: 100%;
        height: 747px;
    }
    .hidrocromo-index .container-contato .contato {
        padding: 50px;
    }
    .hidrocromo-index .container-contato .contato .entre-contato h1 {
        font-size: 2.6rem;
    }
    .hidrocromo-index .container-contato .contato .entre-contato p {
        font-size: 1rem;
    }
    .hidrocromo-index .container-contato .contato .entre-contato .formas-contato p {
        font-size: 1rem;
    }
}
@media (max-width:1168px){
    .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .texto {
        bottom: 80px;
    }
    /*  {
        height: 740px;
    } */
    .hidrocromo-index .imagem-fundo {
        height: 580px;
    }
    .hidrocromo-index .imagem-fundo .container-texto-topo {
        bottom: 307px;
    }
    .hidrocromo-index .imagem-fundo .imagem-topo img {
        width: 660px;
    }
    .hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo p {
        font-size: 1.8rem;
    }
}
@media(max-width:1110px){
    .hidrocromo-index .contato-rodape .espaco {
        height: 1330px;
    }
    .container-rodape .container-logo-texto {
        flex-direction: column;
        align-items: center;
    }
    .container-rodape .container-logo-texto .imagem {
        width: 100%;
        text-align: center;
    }
    .container-rodape .container-logo-texto .imagem img {
        width: 42%;
    }
    .container-rodape .container-logo-texto .texto{
        width: 80%;
        padding-top: 50px;
    }
    .container-rodape .container-logo-texto .texto p {
        font-size: 1.6rem;
        text-align: center;
    }
    .hidrocromo-index .certificado .imagem-texto .imagem-certificado img {
        width: 70%;
    }
    .hidrocromo-index .certificado .imagem-texto .texto-certificado h1 b {
        font-size: 2.1rem;
    }
    .hidrocromo-index .certificado .imagem-texto .texto-certificado h2 {
        font-size: 1rem;
    }
    .hidrocromo-index .certificado .imagem-texto .texto-certificado p {
        font-size: 0.9rem;
    }
    .hidrocromo-index .container-contato .contato {
        flex-direction: column;
        gap: 50px;
        position: relative;
    }
    .hidrocromo-index .container-contato .contato .entre-contato {
        width: 80%;
    }
    .hidrocromo-index .container-contato .contato .entre-contato .mapa {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 670px;
    }
    .hidrocromo-index .container-contato .contato .entre-contato .mapa iframe {
        width: 100%;
    }
    .hidrocromo-index .container-contato .contato .entre-contato .container-forma-contato-mapa {
        gap: 10px;
    }
    .hidrocromo-index .container-contato .contato .entre-contato p {
        padding: 5px 0 20px;
    }
    .hidrocromo-index .container-contato .contato .container-formulario {
        width: 80%;
        height: 43%;
        top: 380px;
        position: absolute;
    }
    .hidrocromo-index .container-contato .contato .entre-contato .formas-contato .borda-localizacao:hover{
        left: -16px;
        top: -20px;
    }
}

@media(max-width:1091px){
    /* .hidrocromo-index .imagem-fundo .container-texto-topo {
        bottom: 251px;
    } */
    .hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo p {
        font-size: 1.5rem;
    }
}


 .nav-topo-mobile{
    display: none;
}
.hidrocromo-index .container-empresa .empresa .imagem-mapa-mobile{
    display: none;
}
@media (max-width:1060px){
     .nav-topo{
        display: none;
    }
     .nav-topo-mobile{
        display: flex;
    }
     .nav-topo-menu{
        display: flex;
    }
    .hidrocromo-index .container-empresa .empresa .imagem-mapa{
        display: none;
    }
    .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .texto {
        bottom: 60px;
    }
    .container-aplicacoes-industriais .aplicacoes-industriais p {
        font-size: 1.9rem;
    }
    .hidrocromo-index .container-empresa {
        padding-bottom: 0;
    }
    .hidrocromo-index .container-empresa .empresa {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
        padding: 80px 80px 0;
    }
    .hidrocromo-index .container-empresa .empresa .imagem-mapa-mobile{
        display: flex;
        justify-content: center;
    }
    .hidrocromo-index .container-empresa .empresa .imagem-mapa-mobile img{
        width: 60%;
    }
    .hidrocromo-index .container-empresa .empresa .texto-localizacao p {
        padding: 0;
    }
    .hidrocromo-index .container-empresa .empresa .botao {
        text-align: center;
    }
    .hidrocromo-index .container-empresa .empresa .imagem-mapa {
        width: 70%;
        position: relative;
        margin-right: 13%;
    }
    .hidrocromo-index .container-empresa .empresa .textos {
        width: 100%;
    }
}
@media(max-width:944px){
  
    .hidrocromo-index .imagem-topo img {
        width: 76%;
    }
    .hidrocromo-index .imagem-topo {
        left: calc(-19%);
    }
    /*  .imagem-fundo .container-texto-topo .setas-amarelas {
        justify-content: center;
    } */
    .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .texto {
        bottom: 90px;
    }
}
@media(max-width:925px){
    .hidrocromo-index .imagem-topo {
        display: none;
    }
    .hidrocromo-index .imagem-fundo .container-texto-topo {
        justify-content: flex-start;
        bottom: 357px;
    }
    .hidrocromo-index .imagem-fundo .container-texto-topo .setas-amarelas {
        justify-content: center;
        position: absolute;
        left: -16px;
        bottom: -50px;
    }
    .hidrocromo-index .imagem-fundo .container-texto-topo .setas-amarelas img {
        width: 90px;
    }
    .hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo p {
        font-size: 2.1rem;
        text-align: center;
    }
    .hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo {
        width: 100%;
    }
}
@media(max-width:846px){
    .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .texto {
        bottom: 50px;
    }
    .container-aplicacoes-industriais .aplicacoes-industriais p {
        font-size: 1.7rem;
    }
}
@media(max-width:820px){
    .hidrocromo-index .contato-rodape .espaco{
        width: 100%;
    }
    .container-rodape .container-logo-texto .texto p {
        font-size: 1.6rem;
    }
    .hidrocromo-index .container-empresa .empresa {
        padding: 20px 0;
    }
    .hidrocromo-index .container-empresa .empresa .texto-empresa p {
        font-size: 1.4rem;
    }
    .hidrocromo-index .container-empresa .empresa .texto-localizacao p {
        font-size: 0.8rem;
    }
    .hidrocromo-index .container-empresa .empresa .botao button {
        font-size: 0.8rem;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes {
        display: flex;
        flex-direction: column;
    }
    .container-rodape .container-tres-colunas
    {
        justify-content: center;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes{
        width: 70%;
        gap: 50px;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1 {
        border-bottom: 1px solid rgba(217, 217, 217, 0.295);
        border-right: none;
        padding-bottom: 20px;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1::after{
        right: calc(50%);
        width: 6px;
        height: 281px;
        top: 178px;
        transform: rotate(90deg);
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1 a {
        font-size: 1.6rem;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2{
        padding: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(217, 217, 217, 0.295);
        border-right: none;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2::after{
        right: calc(50%);
        width: 6px;
        height: 281px;
        top: calc(67.3%);
        transform: rotate(90deg);
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 .container-mapa-contato .contatos-rodape{
        gap: 5px;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid3{
        padding: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(217, 217, 217, 0.295);
        border-right: none;
    }
}
.hidrocromo-index .certificado .imagem-texto .imagem-certificado-mobile{
    display: none;
}

@media(max-width:784px){
    .hidrocromo-index .container-empresa .empresa .imagem-mapa{
        display: none;
    }
    .hidrocromo-index .certificado .imagem-texto .imagem-certificado{
        display: none;
    }
    
    .container-rodape .container-logo-texto .texto {
        padding-top: 20px;
    }
    .container-rodape .container-logo-texto .texto p {
        font-size: 1.4rem;
    }
    .hidrocromo-index .certificado {
        padding: 60px 0;
    }
    .hidrocromo-index .certificado .imagem-texto .texto-certificado{
        width: 80%;
    }
    .hidrocromo-index .certificado .imagem-texto .imagem-certificado-mobile{
        width: 100%;
        justify-content: center;
        display: flex;
        padding-bottom: 20px;
    }
    .hidrocromo-index .certificado .imagem-texto .imagem-certificado-mobile img{
        width: 80%;
    }
    .hidrocromo-index .certificado .imagem-texto .texto-certificado h1{
        text-align: center;
    }
    .hidrocromo-index .certificado .imagem-texto .texto-certificado h2 {
        text-align: center;
    }
    .hidrocromo-index .certificado .imagem-texto .texto-certificado p {
        text-align: center;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1 a {
        font-size: 1.4rem;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1::after {
        top: 163px;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1 p {
        font-size: 1.3rem;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 p {
        font-size: 1.3rem;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2::after {
        top: calc(66%);
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid3 p {
        font-size: 1.3rem;
    }
}
 .nav-topo-mobile .tablet-mobile{
    display: none;
}
@media(max-width:768px){
     .nav-topo-mobile .tablet-mobile{
        display: block;
        width: 10%;
    }
}
@media(max-width:764px){
    .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .texto {
        bottom: 80px;
    }
    .hidrocromo-index .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .texto p {
        font-size: 0.7rem;
    }
    .hidrocromo-index .container-clientes .container-group .group .fotos-cliente img {
        width: 100px;
    }
    .hidrocromo-index .container-clientes .container-group-fornecedores .group-fornecedores .fotos-fornecedores img {
        width: 100px;
    }
}
@media(max-width:710px){
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2::after {
        top: calc(68.3%);
    }
}
@media(max-width:680px){
    .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .imagem {
        width: 270px;
    }
    .container-aplicacoes-industriais .swiper .swiper-wrapper .swiper-slide .texto {
        width: 200px;
        bottom: 0;
    }
    .container-aplicacoes-industriais .aplicacoes-industriais p {
        text-align: center;
    }
}
@media(max-width:668px){
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1::after {
        top: 259px;
        height: 91px;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2 .container-mapa-contato {
        flex-direction: column;
    }
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid2::after {
        top: calc(90%);
        height: 91px;
    }
}
@media (max-width:648px){
    .hidrocromo-index .container-contato .contato .entre-contato .formas-contato {
        width: 100%;
    }
}
@media(max-width: 624px){
    .container-rodape .container-logo-texto .texto {
        width: 100%;
        padding-top: 10px;
    }
}
@media(max-width:613px){
    .hidrocromo-index .certificado .imagem-texto .texto-certificado h1 b {
        font-size: 1.9rem;
    }
    .hidrocromo-index .certificado .imagem-texto .texto-certificado h2 {
        font-size: 0.8rem;
    }
}
.container-aplicacoes-industriais .swiper-pagination{
    display: none;
}
@media(max-width:560px){
    .hidrocromo-index .container-contato .contato {
        padding: 40px;
    }
    .hidrocromo-index .container-contato .contato .entre-contato h1 {
        font-size: 2.4rem;
    }
    .hidrocromo-index .container-contato .contato .entre-contato p {
        font-size: 0.9rem;
    }
    .hidrocromo-index .container-contato .contato .entre-contato .formas-contato p {
        font-size: 0.9rem;
    }
    .hidrocromo-index .container-contato .contato .container-formulario .formulario label {
        font-size: 1.1rem;
    }
}
@media(max-width:508px){
    .hidrocromo-index .container-contato .contato .container-formulario {
        top: 428px;
    }
}
@media(max-width:492px){
    .hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo p {
        font-size: 1.9rem;
    }
}
@media(max-width:460px){
    .hidrocromo-index .container-empresa .empresa .imagem-mapa{
        display: none;
    }
    .hidrocromo-index .container-empresa .empresa .imagem-mapa-mobile{
        display: none;
    }
    .container-aplicacoes-industriais .swiper .swiper-button-prev{
        display: none;
    }
    .container-aplicacoes-industriais .swiper .swiper-button-next{
        display: none;
    }
    .container-aplicacoes-industriais .aplicacoes .swiper-home .swiper-wrapper .duplicados-desktop{
        display: none;
    }
    /*  {
        height: 640px;
    } */
    .hidrocromo-index .imagem-fundo{
        height: 640px;
    }
     .nav-topo-mobile {
        width: 94%;
        left: calc(3.1%);
        height: 70px;
        padding: 0 15px;
    }
     .nav-topo-mobile img {
        width: 155px;
    }
    .hidrocromo-index .imagem-fundo .container-texto-topo .setas-amarelas {
        justify-content: center;
        position: absolute;
        left: -17px;
        bottom: -50px;
    }
    .hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo {
        width: 100%;
    }
    .container-aplicacoes-industriais .swiper-pagination{
        display: flex;
        justify-content: center;
        padding-bottom: calc(10%);
    }
    .container-aplicacoes-industriais .aplicacoes-industriais p {
        font-size: 1.4rem;
    }
    .hidrocromo-index .container-empresa .empresa .texto-empresa p {
        text-align: start;
        font-size: 1.2rem;
    }
    .hidrocromo-index .container-contato .contato {
        padding: 40px 0px;
    }
    .hidrocromo-index .container-contato .contato .entre-contato .mapa {
        margin-top: 650px;
    }
    .hidrocromo-index .container-contato .contato .entre-contato .container-forma-contato-mapa {
        gap: 20px;
    }
    .hidrocromo-index .container-contato .contato .container-formulario {
        width: 90%;
        padding: 20px;
        top: calc(29%);
    }
    .container-rodape .container-logo-texto .imagem img {
        width: 270px;
    }
}
@media(max-width:444px){
    .hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo p {
        font-size: 1.6rem;
    }
}
@media(max-width:425px){
    .hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo p {
        font-size: 1.2rem;
    }
}

@media (max-width:419px){
    .hidrocromo-index .container-empresa .empresa .botao button {
        width: 54%;
    }
}
@media(max-width:394px){
    .hidrocromo-index .container-contato .contato .container-formulario {
        top: calc(31%);
    }
    /* .hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo p{
        font-size: 1.2rem;
    } */
    .hidrocromo-index .imagem-fundo .container-texto-topo .setas-amarelas img {
        width: 30%;
    }
}
@media(max-width:345px){
    .hidrocromo-index .imagem-fundo .container-texto-topo .texto-topo p {
        font-size: 1.1rem;
    }
}
@media(max-width:317px){
    .container-rodape .container-tres-colunas .container-empresa-servico-clientes .grid1::after {
        top: 283px;
    }
}
@media(max-width:360px){
    .hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .container-cards-solucoes {
        width: 290px;
    }
    .hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes {
        height: 299px;
    }
    .hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .cards-solucoes .cards-informacoes {
        bottom: 88px;
    }
}


.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .sumir{
    opacity: 0;
    filter: blur(5px);
    transition: all 1s;
    transform: translateY(10%);
}
.hidrocromo-index .container-solucoes .solucoes .texto-solucoes .container-cards .aparecer{
    opacity: 1;
    filter: blur(0);
    transition: all 1s;
    transform: translateY(0);
}









/* EMPRESA */
.empresa{
    width: 100%;
    height: 100%;
}
.empresa .inicio-sobre{
    background-image: url("../imagens/empresa/bg-topo-empresa.webp");
    background-size: cover;
    display: flex;
    justify-content: center;
    /* height: 1000px; */
}
.empresa .inicio-sobre .imagem-fundo{
    width: 100%;
    height: 110%;
    position: absolute;
    z-index: -1;
}
.empresa .inicio-sobre .img-fundo{
    width: 100%;
    height: 100%;
}
.empresa .inicio-sobre .img-fundo img{
    width: 100%;
}
.empresa .inicio-sobre .img-fundo .texto-empresa-topo-um{
    width: 50%;
    padding-top: calc(21%);
}
.empresa .inicio-sobre .img-fundo .texto-empresa-topo-um p{
    color: #053685;
    font-size: 2rem;
}
.empresa .inicio-sobre .img-fundo .texto-empresa-topo-um p b{
    color: #002766;
}
.empresa .inicio-sobre .setas{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 20px 0;
}
.empresa .inicio-sobre .setas img{
    width: 133px;
}
.empresa .inicio-sobre .img-fundo .texto-empresa-topo-dois{
    font-size: 1.5rem;
    width: 50%;
    padding-bottom: 70px;
}

.empresa .localizacao{
    background-color: #053685;
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}
.empresa .localizacao .texto-localizacao{
    width: 50%;
    padding: 40px 0;
}
.empresa .localizacao .texto-localizacao p{
    color: white;
    font-size: 1.5rem;
}
.empresa .localizacao .texto-localizacao p b{
    color: white;
}
.empresa .localizacao .img-localizacao{
    position: absolute;
    right: calc(10%);
    top: calc(-30%);
}
.empresa .localizacao .img-localizacao img{
    width: 610px;
}

.empresa .container-missao-visao-valores{
    display: flex;
    justify-content: center;
    padding-top: 100px;
}
.empresa .container-missao-visao-valores .missao-visao-valores{
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}
.empresa .container-missao-visao-valores .titulo{
    position: absolute;
    top: 110px;
}
.empresa .container-missao-visao-valores .texto{
    position: absolute;
    top: 170px;
    width: 323px;
}
.empresa .container-missao-visao-valores .missao-visao-valores .imagem-texto{
    display: flex;
    justify-content: center;
    position: relative;
}
.empresa .container-missao-visao-valores .missao-visao-valores .imagem-texto img{
    width: 300px;
}
.empresa .container-missao-visao-valores .missao-visao-valores .imagem-texto h1{
    text-align: center;
    color: #002766;
}
.empresa .container-missao-visao-valores .missao-visao-valores .imagem-texto p{
    text-align: start;
    padding: 0 40px;
}

.empresa .container-producao{
    display: flex;
    justify-content: center;
    padding-top: 60px;
    width: 100%;
}
.empresa .container-producao .producao{
    display: flex;
    gap: 10px;
    width: 100%;
}
.empresa .container-producao .producao .texto-producao{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 100%;
}
.empresa .container-producao .producao .texto-producao h1{
    color: #053685;
    font-size: 3.1rem;
}
.empresa .container-producao .producao .texto-producao #texto-menor{
    width: 529px;
}
.empresa .container-producao .producao .texto-producao hr{
    width: 106px;
    border-top: 8px solid;
    color: #f8e825;
    opacity: 1;
}
.empresa .container-producao .producao .texto-producao p span{
    color:rgb(0, 192, 240);
}
.empresa .container-producao .producao .carossel-producao{
    border-radius: 20px;
    width: 590px;
    /* width: 100%; */
}
.empresa .container-producao .producao .carossel-producao .carousel{
    width: 100%;
}
.empresa .container-producao .producao .carossel-producao .carousel-inner {
    border-radius: 20px;
}
.empresa .container-producao .producao .carossel-producao .botao-next-producao, .botao-prev-producao{
    color: #f8e825;
    background-color: transparent;
    border: none;
}

.empresa .container-testes{
    padding-top: 30px;
    display: flex;
    justify-content: center;
    padding-top: 60px;
    width: 100%;
}
.empresa .container-testes .testes{
    display: flex;
    gap: 30px;
    width: 100%;
}
.empresa .container-testes .testes .carrosel-teste{
    border-radius: 20px;
    /* width: 100%; */
}
.empresa .container-testes .testes .carrosel-teste .slide2{
    width: 100%;
}
.empresa .container-testes .testes .carrosel-teste .container-carrosel-teste{
    border-radius: 20px;
}
.empresa .container-testes .testes .carrosel-teste .slide2 .botao-next-teste, .botao-prev-teste{
    color: #f8e825;
    background-color: transparent;
    border: none;
}
.empresa .container-testes .testes .texto-teste{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}
.empresa .container-testes .testes .texto-teste h1{
    color: #053685;
    font-size: 3.1rem;
}
.empresa .container-testes .testes .texto-teste p b{
    font-size: 1.5rem;
}
.empresa .container-testes .testes .texto-teste hr{
    width: 106px;
    border-top: 8px solid;
    color: #f8e825;
    opacity: 1;
}
@media(max-width:1308px){
     .empresa .localizacao .img-localizacao {
        right: 0;
        top: calc(-16%);
    }
}
@media(max-width:1144px){
    .empresa .container-producao .producao {
        flex-direction: column;
        align-items: center;
    }
    .empresa .container-testes .testes {
        flex-direction: column-reverse;
        align-items: center;
    }
}
@media(max-width:1000px){
    .empresa .localizacao .texto-img{
        display: flex;
        justify-content: center;
    }
    .empresa .localizacao .texto-localizacao {
        padding: 40px 0 250px;
        width: 70%;
    }
    .empresa .localizacao .texto-localizacao p {
        text-align: center;
    }
    .empresa .localizacao .img-localizacao {
        right: calc(16%);
        top: calc(56%);
    }
    .empresa .container-missao-visao-valores {
        padding-top: 220px;
    }
}
@media(max-width: 977px){
    .empresa .inicio-sobre .img-fundo .texto-empresa-topo-dois {
    padding-bottom: 0;
}
}
.empresa .inicio-sobre .imagem-fundo-mobile{
    display: none;
}
@media(max-width:859px){
    .empresa .inicio-sobre .imagem-fundo {
        display: none;
    }
    .empresa .inicio-sobre .fundo-mobile{
        background-image: url("../imagens/empresa/bg-topo-empresa-MOBILE-05-teste.jpg");
        background-size: cover;
        width: 100%;
        height: 400px;
    }
    .empresa .inicio-sobre {
        flex-direction: column;
    }
}
.empresa .container-missao-visao-valores .carrosel-missao-visao-valores{
    display: none;
}
@media(max-width:768px){
    .empresa .inicio-sobre .img-fundo .texto-empresa-topo-um {
        width: 70%;
        padding-top: calc(33%);
    }
    .empresa .inicio-sobre .img-fundo .texto-empresa-topo-dois {
        width: 60%;
    }
    .empresa .localizacao .img-localizacao {
        right: calc(1%);
        top: calc(72%);
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .empresa .localizacao .img-localizacao img{
        width: 70%;
    }
    .empresa .container-missao-visao-valores .missao-visao-valores{
        display: none;
    }
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores{
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
        padding: 10px 0 0;
    }
    .empresa .container-missao-visao-valores .titulo{
        position: absolute;
        top: calc(27%);
    }
    .empresa .container-missao-visao-valores .texto{
        position: absolute;
        top: calc(43%);
        width: 323px;
    }
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto{
        display: flex;
        justify-content: center;
        position: relative;
    }
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto h1{
        text-align: center;
        color: #002766;
        font-size: 2.8rem;
    }
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto p{
        text-align: start;
        padding: 0 20px;
        font-size: 1.1rem;
    }
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .swiper{
        width: 100%;
    }
    .empresa .container-producao .producao .texto-producao #texto-menor {
        width: 100%;
    }
    .empresa .container-producao {
        padding-top: 60px;
    }
}
@media(max-width: 710px){
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto p {
        padding: 0 30px;
        font-size: 1rem;
    }
}

@media(max-width:648px){
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto h1 {
        font-size: 2.4rem;
    }
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto p {
        padding: 0 50px;
        font-size: 0.9rem;
    }
}
@media(max-width:630px){
    .empresa .container-testes .testes .carrosel-teste{
        width: 100%;
    }
    .empresa .container-testes .testes .carrosel-teste .slide2{
        width: 100%;
    }
    .empresa .container-producao .producao .carossel-producao{
        width: 100%;
    }
    .empresa .container-producao .producao .carossel-producao .carousel{
        width: 100%;
    }
}
@media(max-width:600px){
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto {
        width: 110%;
    }
}
@media(max-width:516px){
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto p {
        padding: 0 60px;
        font-size: 0.8rem;
    }
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto h1 {
        font-size: 2rem;
    }
}
@media(max-width:500px){
    .empresa .localizacao .texto-localizacao {
        width: 100%;
    }
    .empresa .localizacao .texto-localizacao p {
        text-align: start;
    }
    .empresa .localizacao .img-localizacao img {
        width: 100%;
    }
}
@media(max-width:494px){
    .empresa .inicio-sobre .img-fundo .texto-empresa-topo-um {
        width: 100%;
        padding-top: calc(61%);
    }
    .empresa .inicio-sobre .img-fundo .texto-empresa-topo-um p {
        font-size: 1.7rem;
    }
    .empresa .inicio-sobre .img-fundo .texto-empresa-topo-dois {
        width: 100%;
    }
    .empresa .inicio-sobre .img-fundo .texto-empresa-topo-dois p{
        font-size: 1.5rem;
    }
    .empresa .inicio-sobre .imagem-fundo-mobile {
        bottom: -103px;
        scale: 1.7;
    }
    .empresa .container-missao-visao-valores {
        padding-top: 139px;
    }
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto {
        width: 100%;
    }
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto h1 {
        font-size: 3.1rem;
    }
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto p {
        padding: 0 20px;
        font-size: 1.2rem;
    }
    .empresa .container-producao .producao .carossel-producao .carousel-inner img{
        width: 100%;
    }
    .empresa .container-testes .testes .carrosel-teste .container-carrosel-teste img{
        width: 100%;
    }
}
@media(max-width:425px){
    .empresa .localizacao .texto-localizacao {
        padding: 40px 0 210px;
    }

    .empresa .localizacao .img-localizacao img {
        width: 350px;
    }

    .empresa .localizacao .img-localizacao {
        top: calc(77%);
    }
}
@media(max-width:410px){
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto h1 {
        font-size: 2.5rem;
    }
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto p {
        font-size: 1rem;
    }
}
@media(max-width:358px){
    .empresa .container-missao-visao-valores .carrosel-missao-visao-valores .imagem-texto p {
        padding: 0 40px;
        font-size: 0.9rem;
    }
}












/* Serviços */
.servicos{
    background-color: #ebebeb;
}
.servicos .imagem-topo{
    background-image: url("../imagens/servicos/bg-topo-servicos-23.webp");
    background-size: cover;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 730px;
    position: relative;
}
/* .servicos .imagem-topo img{
    width: 100%;
    position: absolute;
    z-index: -1;
} */
.servicos .imagem-topo .texto-topo{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    padding-top: 385px;
}
.servicos .imagem-topo .texto-topo h1{
    color: #053685;
    font-size: 3.2rem;
}
.servicos .imagem-topo .texto-topo .enfeite{
    width: 130px;
    /* position: absolute; */
    /* bottom: calc(44%); */
}
.servicos .container-servicos{
    display: flex;
    justify-content: center;
    position: relative;
    /* padding: 150px; */
    bottom: calc(100px);
}
.servicos .container-servicos .servicos-card{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}
.servicos .container-servicos .servicos-card .cards-servicos{
    width: 228px;
    display: flex;
    justify-content: center;
    position: relative;
}
.servicos .container-servicos .servicos-card .cards-servicos .texto{
    position: absolute;
    top: 114px;
    width: 220px;
}
.servicos .container-servicos .servicos-card .cards-servicos .texto p{
    color: white;
    text-align: center;

}
.servicos .container-fabricacao, .servicos .container-manutencao,.servicos .container-retrofit,.servicos .container-revestimento{
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.servicos .container-fabricacao .borda ,.servicos .container-manutencao .borda, .servicos .container-retrofit .borda,.servicos .container-revestimento .borda{
    background-color: white;
    border-radius: 20px;
    position: relative;
}
.servicos .container-fabricacao .borda .imagens-fabricacao{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 80px 80px;
}
.servicos .container-fabricacao .borda .imagens-fabricacao .desktop{
    /* padding: 0 80px 80px; */
}
.servicos .container-fabricacao .fabricacao, .servicos .container-manutencao .manutencao, .servicos .container-retrofit .retrofit, .servicos .container-revestimento .revestimento{
    display: flex;
    gap: 50px;
    width: 59%;
    padding: 90px 110px;
}
.servicos .container-fabricacao .fabricacao .explicacao-fabricacao .icon-texto, .servicos .container-manutencao .manutencao .explicacao-manutencao .icon-texto,
.servicos .container-retrofit .retrofit .explicacao-retrofit .icon-texto, .servicos .container-revestimento .revestimento .explicacao-revestimento .icon-texto{
    display: flex;
    align-items: center;
    gap: 10px;
    /* justify-content: space-around; */
}
.servicos .container-fabricacao .fabricacao .explicacao-fabricacao .icon-texto img, .servicos .container-manutencao .manutencao .explicacao-manutencao .icon-texto img,
.servicos .container-retrofit .retrofit .explicacao-retrofit .icon-texto img, .servicos .container-revestimento .revestimento .explicacao-revestimento .icon-texto img{
    width: 60px;
}
.servicos .container-fabricacao .fabricacao .explicacao-fabricacao .icon-texto p, .servicos .container-manutencao .manutencao .explicacao-manutencao .icon-texto p,
.servicos .container-retrofit .retrofit .explicacao-retrofit .icon-texto p,.servicos .container-revestimento .revestimento .explicacao-revestimento .icon-texto p{
    font-size: 2rem;
    color: #053685;
}
.servicos .container-fabricacao .fabricacao .explicacao-fabricacao, .servicos .container-manutencao .manutencao .explicacao-manutencao,
.servicos .container-retrofit .retrofit .explicacao-retrofit, .servicos .container-revestimento .revestimento .explicacao-revestimento{
    text-align: start;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.servicos .container-fabricacao .fabricacao .explicacao-fabricacao h1, .servicos .container-manutencao .manutencao .explicacao-manutencao h1,
.servicos .container-retrofit .retrofit .explicacao-retrofit h1, .servicos .container-revestimento .revestimento .explicacao-revestimento h1{
    color: #053685;
    font-size: 3.2rem;
}
.servicos .container-fabricacao .fabricacao .explicacao-fabricacao p, .servicos .container-manutencao .manutencao .explicacao-manutencao p,
.servicos .container-retrofit .retrofit .explicacao-retrofit p, .servicos .container-revestimento .revestimento .explicacao-revestimento p{
    font-size: 20px;
}
.servicos .container-fabricacao .fabricacao .explicacao-fabricacao p span, .servicos .container-manutencao .manutencao .explicacao-manutencao p span,
.servicos .container-retrofit .retrofit .explicacao-retrofit p span, .servicos .container-revestimento .revestimento .explicacao-revestimento span{
    color:rgb(0, 192, 240);
}
.servicos .container-fabricacao .fabricacao .explicacao-fabricacao h3, .servicos .container-manutencao .manutencao .explicacao-manutencao h3,
.servicos .container-retrofit .retrofit .explicacao-retrofit h3, .servicos .container-revestimento .revestimento .explicacao-revestimento h3{
    color:rgb(0, 192, 240);
    font-size: 1rem;
}
.servicos .container-fabricacao .fabricacao .explicacao-fabricacao hr, .servicos .container-manutencao .manutencao .explicacao-manutencao hr,
.servicos .container-retrofit .retrofit .explicacao-retrofit hr, .servicos .container-revestimento .revestimento .explicacao-revestimento hr{
    opacity: 1;
    border-top:6px solid #f8e825;
    width: 100px;
}
.servicos .container-fabricacao .fabricacao .carrosel-fabricacao, .servicos .container-manutencao .manutencao .carrosel-manutencao,
.servicos .container-retrofit .retrofit .explicacao-retrofit .imagem-retrofit, .servicos .container-revestimento .revestimento .carrosel-revestimento{
    width: 590px;
    position: absolute;
    right: 38px;
}
.servicos .container-fabricacao .fabricacao .carrosel-fabricacao .swiper, .servicos .container-manutencao .manutencao .carrosel-manutencao .swiper,
.servicos .container-revestimento .revestimento .carrosel-revestimento .swiper{
    border-radius: 20px;
    width: 547px;
}
.servicos .container-fabricacao .fabricacao .carrosel-fabricacao .swiper .swiper-button-prev, .swiper-button-next, 
.servicos .container-manutencao .manutencao .carrosel-manutencao .swiper .swiper-button-prev, .swiper-button-next,
.servicos .container-revestimento .revestimento .carrosel-revestimento .swiper .swiper-button-prev, .swiper-button-next{
    color: #f8e825;
}
.servicos .container-especiais{
    display: flex;
    justify-content: center;
    margin-top: 70px;
    margin-bottom: 70px;
}
.servicos .container-especiais .especiais{
    display: flex;
    gap: 50px;
    padding: 0px 110px 0;
}
.servicos .container-especiais .especiais .explicacao-especiais{
    text-align: start;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.servicos .container-especiais .especiais .explicacao-especiais h1{
    color: #053685;
    font-size: 3.2rem;
}
.servicos .container-especiais .especiais .explicacao-especiais p{
    font-size: 20px;
}
.servicos .container-especiais .especiais .explicacao-especiais p span{
    color:rgb(0, 192, 240);
}
.servicos .container-especiais .especiais .explicacao-especiais .servicos-especiais-um{
    display: flex;
    gap: 20px;
}
.servicos .container-especiais .especiais .explicacao-especiais .servicos-especiais-um img{
    width: 300px;
}
.servicos .container-especiais .especiais .explicacao-especiais .servicos-especiais-dois{
    display: flex;
    gap: 20px;
}
.servicos .container-especiais .especiais .explicacao-especiais .servicos-especiais-dois img{
    width: 300px;
}
.servicos .container-especiais .especiais .carrosel-especiais{
    width: 500px;
}
.servicos .container-especiais .especiais .carrosel-especiais .swiper{
    border-radius: 20px;
}
.servicos .container-especiais .especiais .carrosel-especiais .swiper .swiper-button-prev, .swiper-button-next{
    color: #f8e825;
}





@media(max-width:1406px){
    .servicos .container-especiais .especiais {
        flex-direction: column;
        align-items: center;
    }
    /* .servicos .imagem-topo{
        background-image: url("../imagens/servicos/bg-topo-TABLET-servicos.webp");
        background-size: cover;
    } */
}

@media(max-width:1278px){
    .servicos .container-fabricacao .fabricacao, .servicos .container-manutencao .manutencao,
    .servicos .container-retrofit .retrofit, .servicos .container-revestimento .revestimento{
        width: 53%;
    }
}
@media(max-width:1205px){
    .servicos .container-fabricacao .fabricacao .carrosel-fabricacao, .servicos .container-manutencao .manutencao .carrosel-manutencao,
    .servicos .container-retrofit .retrofit .explicacao-retrofit .imagem-retrofit, .servicos .container-revestimento .revestimento .carrosel-revestimento{
        width: 100%;
        text-align: center;
        position: relative;
        right: 0px;
    }
    .servicos .container-fabricacao .fabricacao, .servicos .container-manutencao .manutencao,
    .servicos .container-retrofit .retrofit, .servicos .container-revestimento .revestimento{
        width: 100%;
    }
}

@media(max-width:826px){
    .servicos .container-fabricacao .fabricacao,.servicos .container-manutencao .manutencao,
    .servicos .container-retrofit .retrofit,.servicos .container-revestimento .revestimento{
        padding: 50px;
    }
    
}
.servicos .container-fabricacao .borda .tablet{
    display: none;
}
.servicos .container-fabricacao .borda .mobile{
    display: none;
}
.servicos .carrosel-servicos{
    display: none;
}
@media(max-width:768px){
    .servicos .container-servicos{
        display: none;
    }
     .servicos .imagem-topo{
        background-image: url("../imagens/servicos/bg-topo-TABLET-servicos-32.webp");
        background-size: cover;
    }
    .servicos .carrosel-servicos{
        display: flex;
        justify-content: center;
    }
    .servicos .carrosel-servicos .swiper3{
        top: -132px;
        width: 100%;
    }
    .servicos .carrosel-servicos .swiper3 .swiper-wrapper  .botao-servico-next,.botao-servico-prev{
        color: #f8e825;
    }
    .servicos .carrosel-servicos .swiper3 .swiper-wrapper .swiper-slide .cards-servicos{
        display: flex;
        justify-content: center;
    }
    .servicos .carrosel-servicos .swiper3 .swiper-wrapper .swiper-slide .cards-servicos p{
        color: white;
        position: absolute;
        top: calc(50%);
        text-align: center;
        padding: 0 60px;
    }
    .servicos .carrosel-servicos .swiper3 .swiper-wrapper .swiper-slide .cards-servicos img{
        width: 270px;
    }
    .servicos .container-fabricacao .borda .desktop{
        display: none;
    }
    .servicos .container-fabricacao .borda .tablet{
        display: block;
        padding: 0 20px 50px;
    }
    .servicos .container-fabricacao .fabricacao .explicacao-fabricacao p, .servicos .container-manutencao .manutencao .explicacao-manutencao p,
    .servicos .container-manutencao .manutencao .explicacao-manutencao h2,.servicos .container-retrofit .retrofit .explicacao-retrofit p, 
    .servicos .container-revestimento .revestimento .explicacao-revestimento p{
        font-size: 1.5rem;
    }
    .servicos .container-manutencao .manutencao .explicacao-manutencao h2{
        font-size: 1.3rem;
    }
}
@media(max-width:696px){
    .servicos .container-fabricacao .fabricacao .carrosel-fabricacao .swiper .swiper-wrapper .swiper-slide img,
    .servicos .container-manutencao .manutencao .carrosel-manutencao .swiper .swiper-wrapper .swiper-slide img,
    .servicos .container-revestimento .revestimento .carrosel-revestimento .swiper .swiper-wrapper .swiper-slide img{
        width: 100%;
    }
    .servicos .container-fabricacao .fabricacao .carrosel-fabricacao,.servicos .container-manutencao .manutencao .carrosel-manutencao,
    .servicos .container-retrofit .retrofit .carrosel-retrofit,.servicos .container-revestimento .revestimento .carrosel-revestimento{
        width: 100%;
    }
    .servicos .container-retrofit .retrofit .imagem-retrofit{
        width: 100%;
    }
    .servicos .container-retrofit .retrofit .imagem-retrofit img{
        width: 100%;
    }
    .servicos .container-fabricacao .fabricacao .carrosel-fabricacao .swiper, .servicos .container-manutencao .manutencao .carrosel-manutencao .swiper, 
    .servicos .container-revestimento .revestimento .carrosel-revestimento .swiper {
        width: 100%;
    }
    .servicos .container-fabricacao .fabricacao .explicacao-fabricacao, .servicos .container-manutencao .manutencao .explicacao-manutencao, 
    .servicos .container-retrofit .retrofit .explicacao-retrofit, .servicos .container-revestimento .revestimento .explicacao-revestimento {
        width: 100%;
    }
}
@media(max-width:690px){
    .servicos .imagem-topo .texto-topo .enfeite {
        bottom: calc(37%);
    }
}
@media(max-width:644px){
    .servicos .container-especiais .especiais {
        padding: 110px 0 0 0;
    }
    .servicos .container-especiais .especiais .explicacao-especiais .servicos-especiais-um,
    .servicos .container-especiais .especiais .explicacao-especiais .servicos-especiais-dois {
        flex-direction: column;
        align-items: center;
    }
    .servicos .container-especiais .especiais .explicacao-especiais .servicos-especiais-um img,
    .servicos .container-especiais .especiais .explicacao-especiais .servicos-especiais-dois img {
        width: 88%;
    }
    .servicos .container-especiais .especiais .carrosel-especiais .swiper .swiper-wrapper .swiper-slide img{
        width: 100%;
    }
    .servicos .container-especiais .especiais .carrosel-especiais{
        width: 100%;
    }
}
@media(max-width:453px){
    .servicos .container-fabricacao .borda .tablet{
        display: none;
    }
    .servicos .container-fabricacao .borda .mobile{
        display: flex;
        padding: 0 20px 50px;
    }
    .servicos .container-fabricacao .fabricacao, .servicos .container-manutencao .manutencao, 
    .servicos .container-retrofit .retrofit, .servicos .container-revestimento .revestimento {
        padding: 30px;
    }
    .servicos .container-fabricacao .fabricacao .explicacao-fabricacao .icon-texto p, .servicos .container-manutencao .manutencao .explicacao-manutencao .icon-texto p,
    .servicos .container-retrofit .retrofit .explicacao-retrofit .icon-texto p, .servicos .container-revestimento .revestimento .explicacao-revestimento .icon-texto p {
        font-size: 1.2rem;
    }
    .servicos .container-fabricacao .fabricacao .explicacao-fabricacao h1, .servicos .container-manutencao .manutencao .explicacao-manutencao h1,
    .servicos .container-retrofit .retrofit .explicacao-retrofit h1,.servicos .container-revestimento .revestimento .explicacao-revestimento h1 {
        font-size: 1.5rem;
    }
    .servicos .container-fabricacao .fabricacao .explicacao-fabricacao p, .servicos .container-manutencao .manutencao .explicacao-manutencao p,
    .servicos .container-manutencao .manutencao .explicacao-manutencao h2, .servicos .container-retrofit .retrofit .explicacao-retrofit p,
    .servicos .container-revestimento .revestimento .explicacao-revestimento p {
        font-size: 1.3rem;
    }
}
@media(max-width:425px){
    .servicos .container-especiais .especiais .explicacao-especiais h1 {
        font-size: 2.5rem;
    }
    .servicos .carrosel-servicos .swiper3 .swiper-wrapper .swiper-slide .cards-servicos img{
        width: 290px;
    }
    .servicos .imagem-topo .texto-topo h1 {
        font-size: 2.7rem;
    }
    .servicos .imagem-topo{
        background-image: url("../imagens/servicos/bg-topo-MOBILE-servicos-33.webp");
        background-size: cover;
    }

}






/* Clientes e fornecedores */
.clientes-fornecedores{
    background-color: #ebebeb;
}
.clientes-fornecedores .imagem-topo{
    background-image: url("../imagens/Clientes/bg-topo-clientes-DESKTOP-14.webp");
    background-size: cover;
    height: 750px;
    position: relative;
    display: flex;
    justify-content: center;
}
.clientes-fornecedores .imagem-topo .texto-topo{
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items: flex-start;
}
.clientes-fornecedores .imagem-topo .texto-topo h1{
    font-size: 3.2rem;
    text-align: center;
    color: #053685;
    padding-top: 430px;
}
.clientes-fornecedores .imagem-topo .texto-topo img{
    /* position: absolute; */
    width: 143px;
    /* bottom: calc(40%); */
    /* LEFT: CALC(19.8%); */
}
.clientes-fornecedores .container-clientes{
    display: flex;
    justify-content: center;
}
.clientes-fornecedores .container-clientes .titulo-clientes{
    padding: 20px 0;
    display: flex;
    justify-content: center;
}
.clientes-fornecedores .container-clientes .titulo-clientes p{
    font-size: 1.1rem;
    width: 91%;
}
.clientes-fornecedores .container-clientes .imagens-clientes{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
.clientes-fornecedores .container-clientes .imagens-clientes .fotos-cliente{
    width: 212px;
    height: 130px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
.clientes-fornecedores .container-clientes .imagens-clientes .fotos-cliente:hover{
    box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 16px;
    cursor: pointer;
}
.clientes-fornecedores .container-clientes .imagens-clientes .fotos-cliente img{
    width: 160px;
}



.clientes-fornecedores .container-fornecedores{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.clientes-fornecedores .container-fornecedores .titulo h1{
    font-size: 2.9rem;
    text-align: center;
    color: #053685;
    padding-bottom: 30px;
}
.clientes-fornecedores .container-fornecedores .imagens-fornecedores{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
.clientes-fornecedores .container-fornecedores .imagens-fornecedores .fotos-fornecedores{
    width: 212px;
    height: 130px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
.clientes-fornecedores .container-fornecedores .imagens-fornecedores .fotos-fornecedores:hover{
    box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 16px;
    cursor: pointer;
}
.clientes-fornecedores .container-fornecedores .imagens-fornecedores .fotos-fornecedores img{
    width: 160px;
}
@media(max-width:768px){
    .clientes-fornecedores .imagem-topo{
        background-image: url("../imagens/Clientes/bg-topo-clientes-TABLET-34.webp");
    }
}
@media(max-width:608px){
    .clientes-fornecedores .imagem-topo .texto-topo h1 {
        font-size: 2.7rem;
        text-align: start;
    }
}
@media(max-width:519px){
    .clientes-fornecedores .imagem-topo .texto-topo img {
        bottom: calc(35%);
    }
}
@media(max-width:425px){
    .clientes-fornecedores .imagem-topo{
        background-image: url("../imagens/Clientes/bg-topo-clientes-MOBILE-35.webp");
    }
}






/* noticia */
.noticias{
    background-color: #ebebeb;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.noticias .topo-noticia{
    background-image: url("../imagens/Noticias/bg-topo-noticias-DESKTOP-15.webp");
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    height: 770px;
}
.noticias .topo-noticia .texto-topo{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.noticias .topo-noticia .texto-topo h1{
    font-size: 3.2rem;
    text-align: center;
    color: #053685;
    padding-top: 430px;
}
.noticias .topo-noticia .texto-topo img{
    /* position: absolute; */
    width: 143px;
    /* bottom: calc(31%); */

}


.noticias .container-cards-noticia{
    display: flex;
    justify-content: center;
    padding-top: 20px;
    align-items: center;
}
.noticias .container-cards-noticia .teste{
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 750px;
    gap: 30px;
}
.noticias .container-cards-noticia .cards-noticias{
    display: flex;
    width: 100%;
    height: 240px;
    gap: 30px;
    text-decoration: none;
    background-color: white;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 150ms;
}
.noticias .container-cards-noticia .cards-noticias .imagem-noticia{
    width: 820px;
}
.noticias .container-cards-noticia .cards-noticias .imagem-noticia  img{
    width: 340px;
    height: 100%;
    object-fit: cover;
    border-radius: 20px 0 0 20px;
}
.noticias .container-cards-noticia .cards-noticias .texto-noticia{
    padding: 10px 20px 0 0;
}
.noticias .container-cards-noticia .cards-noticias .texto-noticia p{
    color: #053685;
    text-decoration: none;
    font-size: 2.0rem;
}
.noticias .container-cards-noticia .cards-noticias .texto-noticia .botao-noticia{
    display: flex;
    justify-content: flex-end;
    /* padding-right: 20px; */
}
.noticias .container-cards-noticia .cards-noticias .texto-noticia .botao-noticia button{
    border: none;
    background-color: #053685;
    color: white;
    border-radius: 3px;
    padding: 5px;
    margin-top: 15px;
    width: 100px;
}
.noticias .container-cards-noticia .cards-noticias:hover .texto-noticia .botao-noticia button{
    color: #f8e825;
    /* transition: all 200s; */
}
.noticias .container-cards-noticia .cards-noticias:hover{
    cursor: pointer;
    transform: scale(1.03);
    transition: all 200ms;
    box-shadow: 0px 0px 20px -8px black;
}
.noticias .container-cards-noticia .cards-noticias:hover .texto-noticia p{
    color: #f8e825;
    transition: all 200ms;
}

.noticias .container-contagem-paginas{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.noticias .container-contagem-paginas .contagem-paginas{
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.noticias .container-contagem-paginas .contagem-paginas a{
    background-color: #053685;
    color: white;
}
.noticias .container-contagem-paginas .contagem-paginas .botao-active{
    background-color: #f8e825;
    color: black;
}
@media(max-width:768px){
    .noticias .topo-noticia{
        background-image: url("../imagens/Noticias/bg-topo-noticias-TABLET-37.webp");
    }
}
@media(max-width: 800px){
    /* .noticias .container-cards-noticia .cards-noticias .imagem-noticia{
        display: none;
    } */
     .noticias .container-cards-noticia .cards-noticias {
        flex-direction: column;
        height: auto;
    }
    .noticias .container-cards-noticia .teste {
        width: 90%;
    }
    .noticias .container-cards-noticia .cards-noticias .imagem-noticia{
        width: 100%;
    }
    .noticias .container-cards-noticia .cards-noticias .imagem-noticia img {
        width: 100%;
        border-radius: 20px 20px 0px 0px;
    }
    .noticias .container-cards-noticia .cards-noticias .texto-noticia{
        padding: 20px;
    }
}
@media(max-width:425px){
    .noticias .topo-noticia{
        background-image: url("../imagens/Noticias/bg-topo-noticias-MOBILE-39.webp");
    }
    .noticias .container-cards-noticia .cards-noticias {
        gap: 0;
    }
    .noticias .container-cards-noticia .cards-noticias .texto-noticia a {
        font-size: 1.4rem;
    }
    .noticias .container-cards-noticia .cards-noticias .texto-noticia {
        padding: 0 20px 10px;
    }
}






/* Conteúdo notícia */
.conteudo-noticia{
    /* background-color: #ebebeb; */
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.conteudo-noticia .topo-noticia{
    background-image: url("../imagens/Noticias/bg-topo-noticias-DESKTOP-14.webp");
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    height: 900px;
}
.conteudo-noticia .topo-noticia .texto-topo{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.conteudo-noticia .topo-noticia .texto-topo h1{
    font-size: 3.2rem;
    color: #053685;
    padding-top: 430px;
}
.conteudo-noticia .topo-noticia .texto-topo img{
    /* position: absolute; */
    width: 143px;
    /* bottom: calc(31%); */

}

.conteudo-noticia .container-conteudo-noticia{
   display: flex;
   justify-content: center;
    padding: 60px;
}
.conteudo-noticia .container-conteudo-noticia .foto-texto-noticia{
    display: flex;
    justify-content: center;
    gap: 50px;
}
.conteudo-noticia .container-conteudo-noticia .foto-texto-noticia .texto{
    width: 800px;
}
.conteudo-noticia .container-conteudo-noticia .foto-texto-noticia .texto p{
    color: rgb(113, 116, 119);
}
.conteudo-noticia .container-conteudo-noticia .foto-texto-noticia .texto h1{
    color: #053685;
}
.conteudo-noticia .container-conteudo-noticia .foto-texto-noticia .texto img{
    width: 100%;
    border-radius: 20px;
    margin-bottom: 20px;
}
.conteudo-noticia .container-conteudo-noticia .foto-texto-noticia .noticias-conteudo{
    width: 200px;
}
.conteudo-noticia .container-conteudo-noticia .foto-texto-noticia .noticias-conteudo .titulo h1{
    color: #053685;
}
.conteudo-noticia .container-conteudo-noticia .foto-texto-noticia .noticias-conteudo .puxando-noticia a{
    text-decoration: none;
    color: #053685;
}
.conteudo-noticia .container-conteudo-noticia .foto-texto-noticia .noticias-conteudo .puxando-noticia a:hover{
    color: #f8e825;
    transition: all 150ms;
}
@media(max-width:768px){
    .conteudo-noticia .topo-noticia{
        background-image: url("../imagens/Noticias/bg-topo-noticias-TABLET-36.webp");
    }
    .conteudo-noticia .container-conteudo-noticia {
        padding: 60px 0;
    }
    .conteudo-noticia .topo-noticia .texto-topo h1 {
        padding-top: 340px;
    }
}
@media(max-width:425px){
    .conteudo-noticia .topo-noticia{
        background-image: url("../imagens/Noticias/bg-topo-noticias-MOBILE-38.webp");
    }
    .conteudo-noticia .container-conteudo-noticia .foto-texto-noticia .noticias-conteudo {
        display: none;
    }
    .conteudo-noticia .topo-noticia .texto-topo h1 {
        font-size: 2.2rem;
    }
}















/********************************
            BTN WHATSAPP
*********************************/
.whats{
    position:fixed;
    width: 56px;
    height: 58px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
    transition: all 0.3s ease-out;
}

.whats:hover{
    text-decoration:none;
    color:#FFF;
    transform: scale(1.1);
    transition: all 0.3s ease-out;
}

.my-whats{
    margin-top:10px;
    font-size: 38px;
    font-family: fontAwesome !important;
}