@import "reset.css";
body{ background: #fff; font-size: 1rem; color: #4D4D4D; font-family: "Ubuntu", sans-serif;  font-weight: 400; font-optical-sizing: auto; }
.container{ width: 1400px; margin: 0 auto; position: relative; }
.padding{ padding: 0 220px; }
.button{ border: #f9ea79 solid 2px; border-radius: 16px; padding: 25px 60px; color: #f9ea79; font-size: 18px; font-weight: 600; }
.button:hover{ background: #f9ea79; color: #1b1b1b; }
.whats-fix{ transition: .5s; position: fixed; right: 50px; bottom: 50px; z-index: 99; }
.whats-fix:hover{ bottom: 55px; }
.abre-menu{ display: none; }

.pulse {
  animation: pulse-animation 2s infinite;
  border-radius: 50%;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
     box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    transform: scale(1)
 }
}

/* Topo */
.topo{ box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.50); -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.50); position: absolute; top: 70px; width: 86%; left: 5%; background: #fff; border-radius: 10px; z-index: 888; display: flex; align-items: center; justify-content: space-between; padding: 30px 2%; }
.topo .menu{ display: flex; }
.topo .menu ul{ display: flex; justify-content: space-between; }
.topo .menu ul li{ margin: 0 10px; }
.topo .menu ul li a{padding: 12px 24px; transition: .5s; position: relative; color: #00487F; font-size: 16px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; font-weight: 500; }
.topo .menu ul li a:hover{ color: #0079C0; }
.topo .menu .contato{ margin: 0 10px; }
.topo .menu .contato a{ background: #0079C0; color: #fff; border-radius: 8px; padding: 12px 24px; transition: .5s; position: relative; font-size: 16px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; font-weight: 500; }
.topo .menu .contato a:hover{ background: #00487F; }
.menu-mobile{ position: fixed; top: 0; right: -120%; width: 100%; height: 100%; z-index: 999; }
.overlay-menu{ background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 998; display: none; }
.menu-mobile .box-menu-mobile{ display: flex; justify-content: flex-start; align-items: center; flex-direction: column; position: absolute; right: 0; top: 0; background: #fff; width: 80%; height: 100%; }
.menu-mobile .box-menu-mobile .marca{ max-width: 200px; margin: 60px 0 40px 0; }
.menu-mobile .box-menu-mobile .marca img{ width: 100%; height: auto; }
.menu-mobile .box-menu-mobile nav{ width: 100%; }
.menu-mobile .box-menu-mobile nav ul li{ border-bottom: #fff solid 1px; }
.menu-mobile .box-menu-mobile nav ul li a{padding: 20px 0; background:#00487F ; transition: .5s; position: relative; color: #fff; font-size: 16px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; font-weight: 500; } 
.menu-mobile .box-menu-mobile .contato a{ background: #0079C0; color: #fff; padding: 20px 0; transition: .5s; position: relative; font-size: 16px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; font-weight: 500; }
.menu-mobile .box-menu-mobile .fechar-menu{ position: absolute; right: 30px; top: 30px;}
.menu-mobile .box-menu-mobile .fechar-menu img{ width: 30px; height: auto; }
.menu-mobile .box-menu-mobile .redes{ display: flex; align-items: center; margin: 40px 0 0 0; }
.menu-mobile .box-menu-mobile  .redes span{ color: #00487F; font-weight: 600; font-size: 14px; }
.menu-mobile .box-menu-mobile .redes a{ margin-left: 10px; background: #018CEF; width: 40px; height: 40px; transition: .5s; border-radius: 50px; display: flex; align-items: center; justify-content: center; }
.menu-mobile .box-menu-mobile .redes a img{ width: auto; height: 25px; display: block; }

/* Home */
.banner{ position: relative; width: 100%; height: 100vh; overflow: hidden; }
.banner img{ position: relative; width: 100%; height: auto; display: block; }
.sobre-home{ background: url(../img/bg-sobre-home.png) center left no-repeat; background-size: cover; width: 100%; height: auto; height: 760px; display: flex; align-items: center; }
.sobre-home .flex{ justify-content: space-between; align-items: flex-end; }
.sobre-home .titulos{ display: flex; justify-content: space-between; flex-direction: column; width: 40%; }
.sobre-home .titulos .title span{ color: #02FCFF; font-size: 18px; font-weight: 500; display: block; margin-bottom: 10px; }
.sobre-home .titulos .title h2{  font-weight: 700; color: #fff; font-size: 60px; margin-bottom: 250px;}
.sobre-home .titulos h3{ color: #02FCFF; font-size: 30px; font-weight: 500; line-height: 150%; font-style: italic; }
.sobre-home .textos{ width: 50%; }
.sobre-home .textos p{ font-size: 16px; color: #fff; margin-bottom: 24px; line-height: 180%; }
.sobre-home .textos a{ text-decoration: underline; display: inline-block; transition: .3s; color: #02FCFF; font-size: 16px; font-weight: 400; font-style: italic; }
.sobre-home .textos a:hover{ transform: scale(1.06); margin-top: -5px; }

.solucoes-home{ width: 100%; height: auto; position: relative; padding: 100px 0; }
.solucoes-home .flex{ flex-direction: column; justify-content: center; align-items: center; }
.solucoes-home .title{ text-align: center; max-width: 600px; margin-bottom: 60px; }
.solucoes-home .title span{ color: #0179C0; font-size: 18px; font-weight: 500; display: block; margin-bottom: 15px;}
.solucoes-home .title h2{ color: #00487F; font-size: 60px; font-weight: 700; }
.solucoes-home .box-solucoes .item{ background: #ededed; border-radius: 10px; overflow: hidden; position: relative; padding: 40px; color: #312F48; height: 90%; }
.solucoes-home .box-solucoes .item .image{  background: #fff; border-radius: 50%; z-index: 20; width: 90px; height: 90px; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; }
.solucoes-home .box-solucoes .item .image img{ width: auto; height: 50px; opacity: .6; }
.solucoes-home .box-solucoes .item h3{ z-index: 20; font-size: 24px; font-weight: 700; margin-bottom: 60px; line-height: 120%; }
.solucoes-home .box-solucoes .item .hover{ width: 100%; transition: .5s; padding: 40px 40px 0 40px; opacity: 0; display: flex; position: absolute; top: 0; left: 0; height: 100%; justify-content: space-between; flex-direction: column; align-content: space-between; }
.solucoes-home .box-solucoes .item .hover .bg{ z-index: 10; position: absolute; top: 0; left: 0; width: 111%; height: 100%; }
.solucoes-home .box-solucoes .item .hover .bg img{ width: 100%; height: 100%; object-fit: cover; }
.solucoes-home .box-solucoes .item .hover h3{ color: #fff; }
.solucoes-home .box-solucoes .item .hover .image{ background: #00487F; } 
.solucoes-home .box-solucoes .item .hover .image img{ filter: brightness(1) invert(1); opacity: 1; }
.solucoes-home .box-solucoes .swiper-slide{ transition: .5s; height: auto; }
.solucoes-home .box-solucoes .swiper-slide:hover .hover{ opacity: 1; }
.solucoes-home .box-solucoes .swiper-wrapper{ padding-bottom: 60px; }
.solucoes-home .box-solucoes .swiper-scrollbar{ opacity: 1 !important; background: #312F48 !important; height: 1px !important; border-radius: 0 !important; }
.solucoes-home .box-solucoes .swiper-scrollbar-drag{  background: #00487F !important; height: 5px !important; top: -2px !important; border-radius: 0 !important; }

.atuacao-home{  background: #f2f2f2; }
.atuacao-home .flex{ align-items: center; }
.atuacao-home .image{ margin-right: 50px; width: 50%; }
.atuacao-home .image img{ width: 100%; height: auto; display: block; }
.atuacao-home .textos{  width: 30%; }
.atuacao-home .textos span{ color: #0179C0; font-size: 18px; font-weight: 500; display: block; margin-bottom: 15px; }
.atuacao-home .textos h2{ color: #00487F; font-size: 60px; font-weight: 700; margin-bottom: 24px; }
.atuacao-home .textos p{ font-size: 14px; color: #312F48; margin-bottom: 24px; line-height: 180%; }
.atuacao-home .textos .links{ display: flex; }
.atuacao-home .textos .links a{ width: 50%; text-align: center; color: #0079C0; transition: .3s; font-size: 16px; display: block; font-weight: 500; line-height: 100%; padding: 14px 0; border-radius: 10px; }
.atuacao-home .textos .links a:first-child{ background: #0079C0; color: #fff; }
.atuacao-home .textos .links a:hover{ transform: scale(1.03); margin-top: -3px; }

.contato-home{ width: 100%; height: auto; position: relative; padding: 100px 0; }
.contato-home .title { margin: 0 0 60px 0; }
.contato-home .title span{ color: #0179C0; font-size: 18px; font-weight: 500; display: block; margin-bottom: 15px;}
.contato-home .title h2{ color: #00487F; font-size: 60px; font-weight: 700; }
.contato-home .formulario{ width: 80%; margin-right: 40px; }
.contato-home .formulario input{ width: 90%; font-family: "Ubuntu", sans-serif;  font-weight: 500; margin-bottom: 10px; font-size: 16px; color: #0179C0; border: #0079C0 solid 1px; border-radius: 10px; padding: 14px 16px; }
.contato-home .formulario input::placeholder { color: #0179C0; }
.contato-home .formulario textarea{ width: 90%; font-family: "Ubuntu", sans-serif;  font-weight: 500; margin-bottom: 10px; font-size: 16px; color: #0179C0; border: #0079C0 solid 1px; border-radius: 10px; padding: 14px 16px; }
.contato-home .formulario textarea::placeholder { color: #0179C0; }
.contato-home .formulario .wpcf7-submit{ padding: 12px 24px; transition: .5s; width: auto; cursor: pointer; background: #0079C0; color: #fff; border-radius: 8px; }
.contato-home .formulario .wpcf7-submit:hover{ background: #00487F; }
.contato-home .textos span{ color: #0179C0; font-size: 18px; font-weight: 500; display: block; margin-bottom: 15px;}
.contato-home .textos p{ color: #312F48; }
.contato-home .textos a{ color: #312F48; }
.contato-home .textos a:hover{ color: #0179C0; }
.contato-home .textos strong{ font-weight: 700; }
.contato-home .formulario input[type="checkbox"]{ width: auto; margin-bottom: 20px; padding: 14px 0; }
.wpcf7-list-item{ margin: 0; }
.contato-home .formulario a{ color: #0179C0; }
.disable { opacity: 0.3 !important; cursor: not-allowed important; }

/* Rodape */
.rodape .top{ background: url(../img/bg-rodape.png) center center no-repeat; background-size: cover; width: 100%; height: auto; padding: 60px 0;}
.rodape .top .flex{ align-items: center; justify-content: space-between; }
.rodape .top .menu-rodape{ display: flex;}
.rodape .top .menu-rodape ul{ display: flex; align-items: center; }
.rodape .top .menu-rodape ul li a{padding: 12px 24px; color: #fff; font-size: 16px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; font-weight: 500; }
.rodape .top .menu-rodape ul li a:hover{ opacity: .7;  }
.rodape .top .menu-rodape .contato a{  color: #fff; border-radius: 8px; padding: 12px 24px; transition: .5s; position: relative; font-size: 16px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; font-weight: 500; }
.rodape .top .menu-rodape .contato a:hover{ opacity: .7; }
.rodape .top .redes{ display: flex; align-items: center; }
.rodape .top .redes span{ color: #fff; font-weight: 600; font-size: 14px; }
.rodape .top .redes a{ margin-left: 10px; background: #018CEF; width: 40px; height: 40px; transition: .5s; border-radius: 50px; display: flex; align-items: center; justify-content: center; }
.rodape .top .redes a:hover{  background: #00487F; margin-top: -5px; }
.rodape .top .redes a img{ width: auto; height: 25px; display: block; }
.rodape .bottom{ background: #F5F5F5; padding: 30px 0; display: flex; align-items: center; justify-content: center; }


/* Internas */
.banner-interna{ position: relative; width: 100%; height: auto; }
.banner-interna img{ width: 100%; height: auto; display: block; z-index: 10; }
.banner-interna .title{ width: 100%; position: absolute; bottom: 120px; left: 0; z-index: 20;  }
.banner-interna .title span{ color: #02FCFF; font-size: 18px; font-weight: 500; display: block; margin-bottom: 15px;}
.banner-interna .title h2{ max-width: 1000px; color: #fff; font-size: 60px; font-weight: 700; }

.cont-quem-somos{ width: 100%; height: auto; position: relative; padding: 100px 0 50px 0; }
.cont-quem-somos h3{ color: #0179C0; font-size: 20px; font-weight: 500; display: block; margin-bottom: 20px; }
.cont-quem-somos p{ margin-bottom: 20px; }
.cont-quem-somos strong{ font-weight: 700; }
.proposito .item{ padding: 60px 30px 30px 30px; min-height: 220px; border: #0179C0 solid 2px; border-radius: 8px; }
.proposito .item img{ width: auto; height: 54px; margin-bottom: 20px; display: inline-block; }
.proposito .item h3{ color: #0179C0; font-size: 22px; margin-bottom: 10px; font-weight: 500; }

.page-integridade .cont-quem-somos .container{ display: flex; align-items: center; }
.page-integridade .cont-quem-somos .text{ width: 50%; }

.listagem{ margin-top: 40px; }
.listagem .item{ padding: 30px 40px; margin-bottom: 20px; border: #0179C0 solid 2px; border-radius: 8px; display: flex; align-items: center; }
.listagem .item .text{ margin-left: 30px; }
.listagem .item .text h3{color: #0179C0; font-size: 22px; font-weight: 700; }
.listagem .item img{ width: auto; height: 54px; }


.lista-alternada{ padding: 100px 0; }
.lista-alternada .item{ background: #f5f5f5; display: flex; align-items: center; margin: 0 0 50px 0; }
.lista-alternada .item .container{ display: flex; align-items: center; }
.lista-alternada .item .image{ width: 50%; margin:0 0 0 50px; order: 2; }
.lista-alternada .item .image img{ width: 100%; height: auto; }
.lista-alternada .item .text{ width: 50%; order: 1; }
.lista-alternada .item .text h3{ font-size: 32px; color: #00487F; margin-bottom: 16px; font-weight: 700; }
.lista-alternada .item .text p{ margin-bottom: 10px; }
.lista-alternada .item .text a{ transition: .5s; text-decoration: underline; color: #0079C0; font-weight: 600; }
.lista-alternada .item .text a:hover{ color: #00487F; }
.lista-alternada .item ul li{margin-bottom: 20px; font-weight: 700; font-size: 20px; line-height: 100%; }
.lista-alternada .item strong{ font-weight: 700; }
.lista-alternada .item:nth-child(odd){ background: #fff; }
.lista-alternada .item:nth-child(odd) .image{ margin: 0 50px 0 0; order: 1; }
.lista-alternada .item:nth-child(odd) .text{ order: 2; }

/* Responsivos */

@media (max-width: 1570.98px) { 
  .atuacao-home .textos{ width: 40%; }
  .atuacao-home .textos h2{ font-size: 50px; }

}
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1450.98px) { 
    .container{ width: 1200px; }  
    .topo .marca a img{ width: 200px; height: auto; }
    .atuacao-home .textos h2{ font-size: 40px; }
    .banner-interna .title{ bottom: 80px; }
}

/* Large devices (desktops, less than 1200px) */
 @media (max-width: 1199.98px) {
    .container{ width: 90%; }
    .padding{ padding: 0; }
    .topo{ top: 50px; padding: 20px 2%; }
    .topo .marca a img{ width: 180px; height: auto; }
    .topo .menu ul li{ margin: 0; }
    .topo .menu ul li a{ font-size: 14px; }
    .topo .menu .contato a{ font-size: 14px; }
    .atuacao-home .textos h2{ font-size: 30px; }
    .rodape .top .menu-rodape ul li a{ font-size: 13px; padding: 12px 10px; }
    .rodape .top .menu-rodape .contato a{ font-size: 13px; padding: 12px 10px; }
    .rodape .top .redes span{ font-size: 12px; }
    .banner-interna .title{ bottom: 50px; }
    .banner-interna .title h2{ font-size: 46px; max-width: 100%; }
    .proposito .swiper{ padding-bottom: 80px; }
    .proposito .swiper .swiper-pagination-bullet{ background: #4d4d4d; }
    .proposito .swiper .swiper-pagination-bullet-active{ background: #0079C0 !important; }
    .alignright{ width: 50%; height: auto; }
    .lista-alternada .item .text p{font-size: 14px; }
    .lista-alternada .item ul li{ margin-bottom: 10px;}
    .lista-alternada .item ul li{ font-size: 16px;}
    
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
  .topo { top: 20px; }
  .topo .menu{ display: none; }
  .banner{ height: 300px; }
  .banner img{ height:100%; object-fit: cover; }
  .banner .swiper{ height: 300px; }
  .sobre-home{ height: auto; padding: 60px 0; }
  .sobre-home .flex{flex-direction: column; justify-content: center; align-items: center; }
  .sobre-home .titulos{ width: 100%; display: block;}
  .sobre-home .titulos .title h2{ margin-bottom: 16px; }
  .sobre-home .titulos h3{ margin-bottom: 16px; }
  .sobre-home .textos{ width: 100%; }
  .solucoes-home{ padding: 60px 0; }
  .atuacao-home .flex{ flex-direction: column; align-items: flex-start; }
  .atuacao-home .image{ width: 100%; margin: 0 0 24px 0;}
  .atuacao-home .textos{ width: 90%; margin: 0 auto 60px auto; text-align: center; }
  .contato-home{ padding: 60px 0; }
  .contato-home .flex{ flex-direction: column; }
  .contato-home .formulario{ width: 100%; order: 2; margin: 0; }
  .contato-home .textos{ width: 100%; order: 1; margin: 0 0 30px 0; }
  .contato-home .title h2{ font-size: 45px; }
  .contato-home .title{ margin-bottom: 30px; }
  .contato-home .textos span{ margin-bottom: 0; }
  .rodape .top .flex{ flex-direction: column; }
  .rodape .top{ padding: 30px 0; }
  .rodape .top .menu-rodape{ align-items: center; margin-top: 20px; }
  .rodape .top .redes{ margin-top: 20px; }
  .whats-fix{ right: 20px; bottom:20px; }
  .whats-fix img{ width: 40px; height: auto; }
  .banner-interna .title h2{ font-size: 36px; }
  .cont-quem-somos{ padding: 60px 0 20px 0; }
  .page-integridade .cont-quem-somos .container{ flex-direction: column; }
  .page-integridade .cont-quem-somos .text{ width: 100%; order: 2; }
  .page-integridade .cont-quem-somos img{ width: 100%; order: 1; margin: 0 0 30px 0; }
  .listagem{ margin-top: 0; }
  .listagem .item .text h3{ margin-bottom: 10px; }
  .listagem .item .text p{ line-height: 160%; }
  .lista-alternada{ padding: 60px 0; }
  .lista-alternada .item{ flex-direction: column; border-bottom: #ddd solid 1px; padding-bottom: 40px; }
  .lista-alternada .item .image{ order: 1; width: 100%; margin: 0 0 30px 0;}
  .lista-alternada .item .text{ order: 2; width: 100%; }
  .lista-alternada .item:nth-child(odd) .image{ order: 1; margin: 0 0 30px 0; }
  .lista-alternada .item:nth-child(odd) .text{ order: 2; }
  .abre-menu{ display: block; }
  .abre-menu img{ width: 40px; height: auto;}
  .banner-interna{ height: 300px; }
  .banner-interna img{height: 100%; object-fit: cover; }
  .lista-alternada .item .container{ flex-direction: column; }
  
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
  .sobre-home .titulos .title h2{ font-size: 45px; }
  .sobre-home .titulos h3{ font-size: 24px; }
  .solucoes-home .title h2{ font-size: 45px;}
  .contato-home .title h2{ font-size: 34px; }
  .banner-interna .title{ bottom: 20px; }
  .banner-interna .title h2{ font-size: 30px; }
  .listagem .item{ flex-direction: column; text-align: center; }
  .listagem .item .text{ margin: 20px 0 0 0; }

}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
.atuacao-home .textos .links{ flex-direction: column; align-items: center; justify-content: center; }
.atuacao-home .textos .links a{ margin: 16px 0 0 0; width: 80%; }
.rodape .top .menu-rodape{ display: none; }
.banner-interna .title span{ font-size: 15px; margin-bottom: 10px; }
.banner-interna .title h2{ font-size: 24px; }

}