html {background:#282828;}
body {font-family:'Saira';color:#afafb3;}
html,
body {height:100%;}

* {-webkit-font-smoothing: antialiased;}

i, em {font-style:italic;}

a {color:#afafb3;text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;}

strong, b {font-weight:bold;}
input[type="reset"], input[type="submit"], button {cursor:pointer;}

::-webkit-input-placeholder {color:#afafb3;}
::-moz-placeholder {color:#afafb3;}
:-ms-input-placeholder {color:#afafb3;}
input:-moz-placeholder {color:#afafb3;}

select {
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  -moz-appearance: none;
  -webkit-appearance:none;
}

select::-ms-expand {
  display: none;
}

::selection {
  background:#000c15;
  color: #fff;
}
::-moz-selection {
  background:#000c15;
  color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background:transparent !important;
}

form * {outline:0;}

form .error,
form .success {font-size:18px;text-align:left;color:white;padding:10px 20px;border-radius:4px;display:table;}
form .success {background:green;}
form .error {background:red;}
form .retorno {margin-top:15px;float:right;}

select option {color:#004684;}

.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.last {margin-right:0px !important;}
.not-found {font-size:16px;margin:0px 0px 0px 20px;}

.wrapper {max-width:1420px;position:relative;z-index:1;left:50%;transform:translateX(-50%);width:calc(100% - 100px);min-width:1000px;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

.loading-full {position:fixed;z-index:9999;top:0;bottom:0;left:0;right:0;overflow:auto;background:rgba(255, 255, 255, 0.7);display:none;}
.loading-full .logo {width:100px;height:107px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0px;}
.loading-full .logo .part1 {position:absolute;width:52px;left:0px;top:0px;height:100%;background:url(../imagens/site/loading_part1.png?1) no-repeat center;z-index:2;animation:loading1 1s linear infinite;background-size:52px auto;}
.loading-full .logo .part2 {position:absolute;width:69px;right:0px;top:0px;height:100%;background:url(../imagens/site/loading_part2.png?1) no-repeat center;animation:loading2 1s linear infinite;background-size:68px auto;}
@keyframes loading1 {
  from {
    opacity:0;
    transform:scale(0.4);
  }

  to {
    opacity:1;
    transform:scale(0.7);
  }
}
@keyframes loading2 {
  from {
    opacity:0;
    transform:scale(1);
  }

  to {
    opacity:1;
    transform:scale(0.7);
  }
}

.box-right {float:right;}

form {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
form .box {display: flex; position: relative; box-sizing: border-box; overflow: hidden; border: none; margin-bottom: 20px; height: 70px; transition-duration: .8s;}
form .box.focus {transition-duration: .8s;}
form .small4 {width: calc(25% - 15px);}
form .small3 {width: calc(33.33% - 10px);}
form .small2 {width: calc(50% - 15px);}
form .small {width: 100%;}
form .small.mensagem {height: 240px;}
form .box .label {font-size: 15px; position: absolute; top: 50%; transform: translateY(-50%); left: 40px; font-weight: 600; color: #3f362b; transition-duration: .8s;}
form .box.focus .label {font-size: 13px; top: 10px; color: #c50000; transform: none; transition-duration: .8s;}
form .box.mensagem .label {top: 40px; transform: none;}
form .box.focus.mensagem .label {top: 20px; transform: none;}
form .box.focus.pequeno .label {top: 5px; transform: none;}
form .box.focus.pequeno input {font-size: 15px;}
form input[type="text"],
form input[type="email"],
form input[type="phone"],
form input[type="password"],
form input[type="search"],
form textarea,
form select {outline: 0; height: 100%; width: 100%; padding: 0 0 0 40px; font-size: 16px; background: #0000; color: #3f362b; border: solid 2px #999999; border-radius: 20px; font-weight: 600; box-sizing: border-box; transition-duration: .8s;}
form select {background: url(../svg/ico_arrow_form.svg) no-repeat right!important; background-position-x: 95%!important; background-size: 10px!important; -webkit-appearance: none;}
form select option {font-size: 16px;}
form textarea {resize: none; padding-top: 40px;}
form .botao-form {width: 100%; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; box-sizing: border-box;}
form .botao-form .termos {display: flex; align-items: center; font-size: 14px; font-weight: 600; color: #3f362b; margin-right: 35px;}
form .botao-form .termos a {font-size: 14px; text-decoration: underline; margin-left: 5px; transition-duration: .8s;}
form .botao-form .termos input {margin-right: 10px;}
form .botao {color: #c50000; font-weight: 600; font-size: 14px;}
form button {outline: 0; color: #c50000; border: none; background: none;}

.checkbox input {position:absolute;opacity:0;z-index:3;}
.checkbox .label {position:relative;display:inline-block;padding:3px 0 0 30px;}
.checkbox .label::before,
.checkbox .label::after {position:absolute;content:"";display:inline-block;}
.checkbox .label::before {height:18px;width:18px;border:1px solid #dbdbdb;left:0px;top:-3px;border-radius:3px;background:white;}
.checkbox input:checked + .label::before {border-color:#9fc6e7;background:url(../imagens/site/ico_check.png) no-repeat center;}

.modal {position:fixed;z-index:99;top:0;bottom:0;left:0;right:0;overflow:auto;background:rgba(0, 0, 0, 0.8);display:none;}
.modal .bg {position:fixed;width:100%;height:100%;}
.modal .close {position:absolute;right:20px;font-size:30px;cursor:pointer;width:32px;height:32px;background:url(../imagens/site/ico_close.png) no-repeat center;filter:invert(1);}
.modal .content {position:absolute;left:50%;transform:translateX(-50%);top:100px;z-index:3;width:940px;background:white;border-radius:16px;overflow:hidden;}
.modal .box-titulo {padding:20px 25px;background:#333333;position:relative;}
.modal .box-titulo .titulo {color:white;font-size:26px;}
.modal .box-content {padding:20px 25px;position:relative;}
.modal .produtos {border:2px solid #bebebe;padding:10px 7px;border-radius:4px;margin-bottom:20px;}
.modal .produtos .adicionar {cursor:pointer;color:#333333;border-radius:4px;text-align:center;padding:12px 0px;text-transform:uppercase;font-weight:700;font-size:14px;background:#a3a8af;}
.modal table {width:100%;}
.modal table th {padding:12px 15px;font-size:16px;font-weight:700;}
.modal table tbody td {padding:12px 15px;font-size:14px;border-bottom:3px solid white;background:#e4e4e4;}
.modal table input {background:#f1f1f1;border-radius:4px;padding:14px 20px;border:0px;}
.modal table .quantidade {text-align:center;width:70px;}
.modal table .delete {font-size:30px;cursor:pointer;width:32px;height:32px;background:url(../imagens/site/ico_delete.png) no-repeat center;}

.titulo-padrao {font-weight: 400;font-size: 30px;margin-bottom: 80px;text-align: center;}

.texto {line-height:25px;}
.texto.center {display:table;margin:0 auto;max-width:520px;text-align:center;margin-bottom:40px;}
.texto p {margin-bottom:20px;}
.texto h1 {font-size:28px;margin-bottom:50px;margin-top:20px;color:#164187;}
.texto h2 {font-size:22px;margin-bottom:20px;margin-top:20px;color:#164187;}
.texto h3 {font-size:18px;margin-bottom:20px;margin-top:20px;}
.texto li {margin-bottom:12px;}
.texto li span {color:#003cff;font-size:24px;}

.cookie-bar {background:#000;padding:20px 0px;position:fixed;z-index:999;bottom:0;left:0px;width:100%;}
.cookie-bar .box {float:left;width:calc(100% - 350px);}
.cookie-bar .titulo {color:#fff;font-size:16px;font-weight:700;margin-bottom:20px;}
.cookie-bar .texto {color:white;font-size:13px;}
.cookie-bar .texto a {color:#a10d13;text-decoration:underline;}
.cookie-bar .buttons {float:right;width:300px;}
.cookie-bar .buttons li {cursor:pointer;margin-bottom:14px;border:3px solid #a10d13;text-transform:uppercase;font-size:13px;text-align:center;padding:10px 0px;font-weight:700;transition:all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.cookie-bar .buttons li.aceitar {background:#a10d13;color:#fff;}
.cookie-bar .buttons li.nao-aceitar {color:#a10d13;}
.cookie-bar .buttons li:hover {opacity:0.8;}

.paginacao {margin-top:50px;border:1px solid #e2e2e2;border-radius:32px;float:right;}
.paginacao li {display:inline-table;}
.paginacao li a {width:32px;height:32px;line-height:32px;text-align:center;font-size:14px;color:#333333;border-radius:100%;display:block;}
.paginacao li.active a,
.paginacao li:hover a {color:white;background:#fbbc19;font-weight:700;}

.menu-mobile {position:fixed;z-index:10;top:0;bottom:0;left:0;right:0;overflow:auto;opacity:0;bottom:100%;transition-duration:0.4s;background:#000 url(../imagens/site/bg_menu.jpg) no-repeat center top;height:0px;background-size:cover;}
.menu-mobile.active {bottom:0px;opacity:1;height:100%;width:100%;}
.menu-mobile .menu {padding:0px 20px;padding-top:15px;}
.menu-mobile .menu li {margin-bottom:10px;}
.menu-mobile .menu li a {display:block;}
.menu-mobile .menu li a .label {color:#fff;font-weight:700;font-size:24px;}
.menu-mobile .box {display: flex; align-items: center; width: fit-content; padding-left: 20px; margin-top: 25px;}
.menu-mobile .login {margin-right: 20px; height: 20px; display: flex;}
.menu-mobile .login svg {height: 20px; width: 20px;}
.menu-mobile .login svg path {fill: #fff; transition-duration: .8s;}
.menu-mobile .login:hover svg path {fill: #c50000; transition-duration: .8s;}
.menu-mobile .box-busca {margin-right: 10px; width: fit-content; display: flex; align-items: center; position: relative;}
.menu-mobile .box-busca .busca {width: 220px; height: 50px; border: solid 2px #d7d7d7; padding: 0 15px 0 15px; font-size: 14px; color: #fff; -webkit-appearance: none; box-sizing: border-box; display: flex; align-items: center;}
.menu-mobile .box-busca .busca::-webkit-input-placeholder {font-size: 14px; font-weight: 400; color: #fff; text-transform: uppercase;}
.menu-mobile .box-busca .icone {position: absolute; display: flex; right: 20px; height: 16px;}
.menu-mobile .box-busca .icone svg {height: 16px; width: 16px;}
.menu-mobile .box-busca .icone svg path {fill: #fff;}
.menu-mobile .social {display: flex; padding-left: 20px; padding-top: 35px;}
.menu-mobile .social li {margin-right: 10px;}
.menu-mobile .social li:last-child {margin-right: 0px;}
.menu-mobile .social a {height: 30px; width: 30px; border-radius: 50%; background: #000c15; display: flex; align-items: center; justify-content: center; position: relative; transition-duration: .8s;}
.menu-mobile .social a:hover {background: #fff; transition-duration: .8s;}
.menu-mobile .social a svg {width: 14px; height: 14px; position: absolute;}
.menu-mobile .social a svg path {fill: #fff; transition-duration: .8s;}
.menu-mobile .social a:hover svg path {fill: #c50000; transition-duration: .8s;}

.share {margin-top:50px;}
.share .titulo {margin-bottom:20px;font-size:16px;font-weight:600;}
.share .social-buttons li {display:inline-table;margin-right:15px;}

.container {display:flex;}

.icones {display:flex;}
.icones li {margin-left:10px;}
.icones li.busca {margin-right:45px;}
.icones li a {position:relative;width:20px;height:30px;display:block;}
.icones li.busca a {width:26px;}
.icones li a .icone {position:relative;height:28px;z-index:2;}
.icones li a .icone img {position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;}
.icones li a .line {position:absolute;left:0px;height:2px;background:#919190;width:100%;bottom:0px;transition-duration:0.3s;}
.icones li:hover a .line {height:100%;}
.icones li.busca a .line {background:#c50000;}

.produto {display:block;border:1px solid #f2f2f2;height:355px;position:relative;overflow:hidden;background:white;width:calc(100% - 2px);border-radius: 12px;}
.produto .foto {height:260px;position:relative;}
.produto .foto img {max-width:80%;max-height:80%;width:auto !important;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;}
.produto .box {position:absolute;left:20px;right:20px;bottom:10px;transition-duration:0.5s;}
.produto:hover .box {bottom:10px;}
.produto .box .nome {font-size:16px;color:#818185;font-weight:700;margin-bottom:6px;}
.produto .box .texto {font-size:13px;color:#000c15;font-weight:700;line-height:20px;max-width:300px;}
.produto .line {position:absolute;height:20px;width:20px;background:#c50000;left:-1px;bottom:-20px;transition-duration:0.4s;transform:rotate(10deg);opacity:0;}
.produto:hover .line {width:100%;bottom:-16px;transform:rotate(0deg);opacity:1;}
.produto .tags {align-items:center;display:flex;margin-top:10px;flex-wrap:wrap;}
.produto .tags li {margin-right: 10px; height: 45px; width: 45px; border: solid 1px #afafb3; border-radius: 6px; display: flex; align-items: center; justify-content: center;}
.produto .tags .label {display: flex;}
.produto .tags .label img {width: 35px!important; max-width: 35px; max-height: 35px; height: auto; margin: 0!important; object-fit: contain;}

.box-topo-interna {position:relative;padding-bottom:180px;min-height: 550px;overflow:hidden;z-index:3;background:#f4f4f4;}
.box-topo-interna img {width: 100%;min-height: 550px; position: absolute;object-fit: cover;}
.box-topo-interna .titulo-small {text-transform:uppercase;color:#fff;font-size:25px;margin-bottom:12px;font-weight:200;}
.box-topo-interna .titulo {font-size:50px;color:#000c15;font-weight:200;padding: 350px 0 0;}
.box-topo-interna .titulo strong {font-weight:700;}
.box-topo-interna .line {margin-top:30px;width:10%;height:4px;background:#c50000;}
.box-topo-interna .menu {display:flex;margin-top:32px;}
.box-topo-interna .menu li {margin-right:10px;margin-bottom:10px;}
.box-topo-interna .menu li a {display:table;padding:3px 15px;border:1px solid #d1d1d1;border-radius:20px;position:relative;overflow:hidden;transition-duration:0.5s;}
.box-topo-interna .menu li a:hover {border-color:#c50000;}
.box-topo-interna .menu li a .label {position:relative;z-index:2;color:#d1d1d1;font-size:13px;}
.box-topo-interna .menu li a .bg {position:absolute;width:40px;height:60px;left:-30px;top:-20px;transform:rotate(30deg);background:#c50000;transition-duration:0.5s;opacity:0;}
.box-topo-interna .menu li a:hover .bg {opacity:1;transform:rotate(0deg);width:calc(100% + 50px);}
.box-topo-interna .container {justify-content:space-between;margin-top:160px;}
.box-topo-interna .video {width:calc(50% - 40px);height:440px;border-radius:20px;position:relative;display:block;overflow:hidden;background:#000c15;}
.box-topo-interna .video img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition-duration:0.5s;filter:grayscale(100%);opacity:0.6;}
.box-topo-interna .video:hover img {transform:scale(1.2);transition-duration:1s;filter:grayscale(0%);opacity:1;}
.box-topo-interna .video .play {position:absolute;z-index:3;top:50%;left:50%;background:url(../imagens/site/ico_play.png) no-repeat center #c50000c9;padding: 45px; border-radius: 100%;width:25px;height:25px;transition-duration:0.6s;transform:translate(-50%,-50%);}
.box-topo-interna .video:hover .play {padding: 65px; }
.box-topo-interna .texto {width:calc(50% - 40px); color: #000c15; padding-top:70px;}
.box-topo-interna .info {width:calc(50% - 40px); color: #000c15; padding-top:70px;}
.box-topo-interna .info .titulo {padding: 0; font-weight: 600; text-transform: uppercase;}
.box-topo-interna .info .texto {width: 100%;}

.menu-produtos {position:fixed;z-index:11;overflow:hidden;top:0;left:0;width:100%;height:100%; background: url(../imagens/site/bg_solucoes.png) no-repeat center bottom #f4f4f4;background-position-y: 160%; display:none;}
.menu-produtos .content {position:absolute;width:100%;height:100%;overflow:hidden;overflow-y:auto;border-top:2px solid #c50000;}
.menu-produtos .bg {position:fixed;left:0px;width:calc(100%);top:0px;height:100%;z-index:0;opacity:0;transform:scale(1.3);transition-duration:0.6s;}
.menu-produtos.active .bg {opacity:1;transform:scale(1);}
.menu-produtos .wrapper {z-index:2;height:100%;}
.menu-produtos .box-texto {width: 400px;}
.menu-produtos .box-texto .titulo {margin-bottom: 15px;}
.menu-produtos .close {position:absolute; display: block ;right:0px;width:18px;height:18px;z-index:3;cursor:pointer;top:65px;transition-duration:.8s;}
.menu-produtos .close:hover {transform: rotate(180deg); transition-duration: .8s;}
.menu-produtos .close img {height: 100%; width: 100%; object-fit: contain;}
.menu-produtos .close svg path {fill: #000;}
.menu-produtos .box-texto {width: 100%; padding-top: 60px;}
.menu-produtos .solucoes .solucao .box-img {height: 320px;}
.menu-produtos .solucoes .solucao .titulo {max-width: 320px;}
.menu-produtos .solucoes .solucao:hover .titulo {transform: scale(1.1);}
.menu-produtos .owl-dots .owl-dot {background: #afafb3;}
.menu-produtos .owl-dots .owl-dot:hover {background: #c50000;}
.menu-produtos .owl-dots .owl-dot.active {background: #c50000;}
.menu-produtos .botao-solucoes {position: absolute; z-index: 5; right: 0; bottom: 120px; background: #c50000; padding: 10px 50px 10px 25px; border-radius: 8px 0 0 20px; font-size: 18px; line-height: 100%; color: #fff; transition-duration: .8s;}
.menu-produtos .botao-solucoes:hover {background: #000c15;padding: 10px 70px 10px 30px; transition-duration: .8s;}

.menu-aplicacao .lista {padding-top: 80px;}
.menu-aplicacao .item {display: flex; flex-direction: column; align-items: center; height: 590px;}
.menu-aplicacao .item .box-img {height: 310px; mask-image: url(../imagens/site/bg_produto.png); mask-repeat: no-repeat; mask-size: contain; mask-position: center; position: relative; transition-duration: .8s;}
.menu-aplicacao .item .box-img img {height: 100%; width: 100%; z-index: 2; object-fit: cover; transition-duration: .8s;}
.menu-aplicacao .item:hover .box-img {transform: scale(1.1); transition-duration: .8s;}
.menu-aplicacao .item .info {text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; transition-duration: .8s;} 
.menu-aplicacao .item:hover .info {padding-top: 25px;}
.menu-aplicacao .item .titulo {margin-bottom: 20px; max-width: 400px; display: flex; align-items: center; transition-duration: .8s;}
.menu-aplicacao .item:hover .titulo {transform: scale(1.1); transition-duration: .8s;}
.menu-aplicacao .item .texto {opacity: 0; margin-top: 10px; height: 80px; font-style: italic; transition-duration: .8s;}
.menu-aplicacao .item:hover .texto {opacity: 1; margin-top: 0; transition-duration: .8s;}
.menu-aplicacao .item .linha {height: 75px; width: 2px; margin-top: 15px; position: relative; transition-duration: .8s;}
.menu-aplicacao .item .linha::after {content: ""; position: absolute; bottom: 0; left: 0; height: 60px; width: 100%; opacity: 0; background: #c50000; transition-duration: .8s;}
.menu-aplicacao .item:hover .linha::after {height: 75px; opacity: 1; transition-duration: .8s;}
.menu-aplicacao .owl-dots {position: absolute; bottom: -40px; left: 0; width: 100%; justify-content: center;}

.canal-de-etica .box-texto {margin-left:auto;}
.canal-de-etica .bg-box {top:70px;left:40px !important;}

.itens-texto .item {position:relative;min-height:450px;background:#fff;border-radius: 12px; transition-duration:0.5s;color:#000c15;}
.itens-texto .item:hover {background:#000c15;color:#fff;}
.itens-texto .item .box {padding:40px 35px 0px 35px;}
.itens-texto .item .box .titulo {font-size:22px;font-weight:700;margin-bottom:20px;}

.busca-site {position:fixed;top:0px;z-index:10;display:none;left:0;width:100%;}
.busca-site form {position:absolute;right:141px;left:270px;top:46px;z-index:6;}
.busca-site input {position:relative;padding:13px 30px;border-radius:26px;background:#fff;border:0px;font-size:15px;font-weight:700;width:calc(100%);}
.busca-site button {width:34px;height:100%;cursor:pointer;border:0px;z-index:3;background:url(../imagens/site/ico_busca2.png) no-repeat center;top:0px;right:20px;position:absolute;}

.owl-dots {display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.owl-dots .owl-dot {width: 35px; height: 5px; margin: 0px 6px; background: #afafb3; transition-duration: .8s;}
.owl-dots .owl-dot:hover {background: #c50000; transition-duration: .8s;}
.owl-dots .owl-dot.active {background: #c50000; transition-duration: .8s;}

.titulo {font-weight: 500; line-height: 100%;}
.titulo.size1 {font-size: 48px;}
.titulo.size2 {font-size: 36px;}
.titulo.size3 {font-size: 30px;}
.titulo.size4 {font-size: 24px;}

.subtitulo {font-size: 24px; line-height: 100%;}
.subtitulo.size2 {font-size: 18px;}

.texto {font-size: 13px; line-height: 150%;}
.texto.size2 {font-size: 14px;}

.bold {font-weight: 700;}
.upp {text-transform: uppercase;}
.justf {text-align: justify;}

.azul {color: #000c15;}
.preto {color: #000;}
.vermelho {color: #c50000;}
.branco {color: #fff;}

.radius {border-radius: 4px!important;}

.botao {display: flex; align-items: center; width: fit-content; font-size: 12px; color: #fff; border: solid 2px #fff; height: 35px; padding: 0 25px; border-radius: 50px; transition-duration: .8s;}
.botao:hover {background: #fff; color: #000c15; transition-duration: .8s;}
.botao.azul {background: #000c15; border-color: #000c15; color: #fff; transition-duration: .8s;}
.botao.azul:hover {background: #c50000; border-color: #c50000;transition-duration: .8s;}
.botao.branco {background: #fff; color: #000c15; transition-duration: .8s;}
.botao.branco:hover {background: #c50000; border-color: #c50000; color: #fff; transition-duration: .8s;}
.botao.grande {font-size: 16px; height: 50px; padding: 0 30px;}

#content {position:relative;overflow:hidden;background:#f4f4f4;max-width:1920px;margin:0 auto;}

#content-page {background:#f4f4f4;}

.sociais {display: flex; flex-direction: column; position: fixed; z-index: 9; right: 0; top: 35%; transform: translateY(50%); padding: 20px 14px; background: #000c15; border-radius: 4px 0 0 4px;}
.sociais li {margin-bottom: 18px;}
.sociais li:last-child {margin-bottom: 0;}
.sociais li a {display: block;}
.sociais li a svg {height: 14px; width: 14px; object-fit: contain;}
.sociais li a.ytb svg {width: 15px; height: fit-content;}
.sociais li a svg path {fill: #fff; transition-duration: .8s;}
.sociais li:hover a svg path {fill: #c50000; transition-duration: .8s;}

#header {position: fixed; top: 0; left: 0; z-index: 9; width: 100%; background: #fff;}
#header::before {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 5px; background: #c50000;}
#header .conteudo {display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2;}
#header .box {display: flex; align-items: center;}
#header .logo {position: relative; width: 205px; padding-right: 30px; display: flex;}
#header .logo svg, #header .logo img {height: 100%; width: 100%; object-fit: contain;}
#header .menu {height: 110px; display: flex; align-items: center;}
#header .menu li {margin-right: 40px; height: 100%;}
#header .menu li:last-child {margin-right: 0;}
#header .menu .link {height: 100%; font-size: 12px; display: flex; align-items: center; text-transform: uppercase; position: relative;}
#header .menu .link::after {content: ""; position: absolute; left: 0; bottom: 0; opacity: 0; width: 20px; height: 4px; background: #c50000; transition-duration: .8s;}
#header .menu .link:hover::after {opacity: 1; width: 32px; transition-duration: .8s;}
#header .box-right {display: flex; align-items: center; transition-duration: .8s;}
#header .login {margin-right: 20px; height: 20px; display: flex;}
#header .login svg {height: 20px; width: fit-content;}
#header .login svg path {fill: #000c15; transition-duration: .8s;}
#header .login:hover svg path {fill: #c50000; transition-duration: .8s;}
#header .box-busca {margin-right: 10px; display: flex; align-items: center; position: relative;}
#header .box-busca .busca {width: 220px; height: 50px; border: solid 2px #d7d7d7; padding: 0 15px 0 15px; font-size: 14px; -webkit-appearance: none; box-sizing: border-box; display: flex; align-items: center;}
#header .box-busca .busca::-webkit-input-placeholder {font-size: 14px; font-weight: 400; text-transform: uppercase;}
#header .box-busca .icone {position: absolute; display: flex; right: 20px; height: 16px; background: #fff;}
#header .box-busca .icone svg {height: 16px; width: 16px;}
#header .box-busca .icone svg path {fill: #000c15;}
#header .idiomas {height: 50px; padding: 0 20px; background: #000c15; cursor: pointer; position: relative; display: flex; justify-content: center; flex-direction: column; transition-duration: .8s;}
#header .idiomas .selected {display: flex; align-items: center; font-size: 12px;}
#header .idiomas .pais {margin-left: 12px; height: 22px; width: 22px; border-radius: 50%; background: #fff; overflow: hidden; position: relative;}
#header .idiomas .pais img {height: 100%; width: 100%; object-fit: cover;}
#header .idiomas .menu-idiomas {position: absolute; display: flex; flex-direction: column; align-items: center; overflow: hidden; box-sizing: border-box; background: #000c15; top: calc(100% - 4px); border-radius: 0 0 4px 4px; left: 0; width: 100%; max-height: 0; padding: 0 20px; transition-duration: .8s;}
#header .idiomas.active .menu-idiomas {max-height: 200px; padding: 8px 20px 20px; transition-duration: .8s;}
#header .idiomas .menu-idiomas li {margin-bottom: 10px;}
#header .idiomas .menu-idiomas li:last-child {margin-bottom: 0;}
#header .idiomas .idioma {display: flex; align-items: center; font-size: 12px;}
#header .idiomas .idioma .box-img {height: 18px; width: 18px; border-radius: 50%; margin-right: 8px; background: #fff; position: relative; overflow: hidden;}
#header .idiomas .idioma .box-img img {height: 100%; width: 100%; object-fit: cover;}
#header .botao {position: absolute; right: 0; top: calc(100% + 10px); height: 50px; border-radius: 4px;}
#header .botao svg {margin-right: 10px; width: 17px;}
#header .botao svg path {fill: #000c15; transition-duration: .8s;}
#header .botao:hover svg path {fill: #fff; transition-duration: .8s;}
#header.scroll .botao {opacity:0;height:0px;}

#footer {position: relative; background: #f4f4f4;}
#footer::before {content: ""; width: 50%; height: 1140px; position: absolute; left: 0; bottom: 0; background: url(../imagens/site/bg_foter.png) no-repeat left bottom #f4f4f4; background-size: contain;}
#footer::after {content: ""; position: absolute; z-index: 5; left: 0; bottom: 0; width: 100%; height: 5px; background: #c50000;}
#footer .conteudo {display: flex; flex-wrap: wrap; justify-content: space-between;}
#footer .box-logo {width: 100%; padding-bottom: 85px; display: flex; align-items: center;}
#footer .box-logo svg {width: 190px; height: fit-content;}
#footer .box-logo .texto {margin-left: 10px; font-size: 10px; font-weight: 600;}
#footer .box-left {width: 50%; max-width: 530px;}
#footer .box-left .infos {width: 100%; max-width: 530px; display: flex; justify-content: space-between;}
#footer .box-left .info {max-width: 230px; width: fit-content; display: flex; flex-direction: column;}
#footer .box-left .info .texto {color: #75757c;}
#footer .box-left .info .botao-footer {font-size: 11px; color: #afafb3; margin-top: 10px; padding: 10px 0; width: fit-content; cursor: pointer;}
#footer .box-left .linha {width: 45px; height: 4px; background: #dadadb; margin: 35px 0 30px;}
#footer .box-left .finep {display: block;}
#footer .box-left .finep svg {width: 135px; height: auto; display: block; position: relative;}
#footer .box-left .finep svg path {fill: #dadadb;}
#footer .box-left .finep svg rect {fill: #dadadb;}
#footer .box-right {width: 50%; max-width: 580px; display: flex; align-items: flex-start; justify-content: space-between;}
#footer .box-right .menu {display: flex; flex-direction: column;}
#footer .box-right .menu li {margin-bottom: 10px;}
#footer .box-right .menu .link {display: flex; flex-direction: column; cursor: pointer;}
#footer .box-right .menu .link {color: #afafb3; transition-duration: .8s;}
#footer .box-right .menu .link:hover {color: #000c15; transition-duration: .8s;}
#footer .box-right .menu .link .linha {width: 15px; height: 4px; margin-top: 10px; background: #c50000; opacity: 0; transition-duration: .8s;}
#footer .box-right .menu .link:hover .linha {width: 30px; opacity: 1; transition-duration: .8s;}
#footer .social {display: flex;}
#footer .social li {margin-right: 10px;}
#footer .social li:last-child {margin-right: 0px;}
#footer .social a {height: 30px; width: 30px; border-radius: 50%; background: #000c15; display: flex; align-items: center; justify-content: center; position: relative; transition-duration: .8s;}
#footer .social a:hover {background: #fff; transition-duration: .8s;}
#footer .social a svg {width: 14px; height: 14px; position: absolute;}
#footer .social a svg path {fill: #fff; transition-duration: .8s;}
#footer .social a:hover svg path {fill: #000c15; transition-duration: .8s;}
#footer .politicas {margin-top: 75px; border-top: solid 1px #f4f4f4; height: 70px; display: flex; align-items: center; position: relative;}
#footer .politicas .wrapper {height: 100%; display: flex; align-items: center; justify-content: space-between;}
#footer .politicas .menu {display: flex;}
#footer .politicas .menu li {margin-right: 40px; display: block; height: fit-content;}
#footer .politicas .menu .link {font-size: 11px; color: #75757c; font-weight: 500;}

.box-solucoes {padding-top: 60px; position: relative; background: url(../imagens/site/bg_solucoes.png) no-repeat center;}
.box-solucoes .info {width: 100%; max-width: 480px;}
.box-solucoes .info .titulo {margin-bottom: 20px;}
.box-solucoes .botao-solucoes {position: absolute; z-index: 5; right: 0; top: 50%; transform: translateY(-50%); background: #c50000; padding: 10px 50px 10px 25px; border-radius: 8px 0 0 20px; font-size: 18px; line-height: 100%; color: #fff; transition-duration: .8s;}
.box-solucoes .botao-solucoes:hover {background: #000c15;padding: 10px 70px 10px 30px; transition-duration: .8s;}
.solucoes {display: flex; flex-direction: column; position: relative;}
.solucoes .lista {padding-top: 20px;}
.solucoes .solucao {display: flex; flex-direction: column; align-items: center;}
.solucoes .solucao .info-solucao {padding-top: 40px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; transition-duration: .8s;} 
.solucoes .solucao:hover .info-solucao {padding-top: 25px;}
.solucoes .solucao .titulo {margin-bottom: 35px; height: 70px; max-width: 400px; display: flex; align-items: center; transition-duration: .8s;}
.solucoes .solucao:hover .titulo {transform: scale(1.25); transition-duration: .8s;}
.solucoes .solucao .texto {opacity: 0; margin-top: 10px; font-style: italic; transition-duration: .8s;}
.solucoes .solucao:hover .texto {opacity: 1; margin-top: 0; transition-duration: .8s;}
.solucoes .solucao .linha {height: 75px; width: 2px; margin-top: 15px; position: relative; transition-duration: .8s;}
.solucoes .solucao .linha::after {content: ""; position: absolute; bottom: 0; left: 0; height: 60px; width: 100%; opacity: 0; background: #c50000; transition-duration: .8s;}
.solucoes .solucao:hover .linha::after {height: 75px; opacity: 1; transition-duration: .8s;}
.solucoes .solucao .box-img {height: 400px; position: relative; display: flex; align-items: flex-end; justify-content: center;}
.solucoes .solucao .box-img .bg {position: absolute; display: flex; align-items: flex-end; justify-content: center; background: none; z-index: 1; left: 0; bottom: 30px; height: 100%; width: 100%;}
.solucoes .solucao .box-img .bg img {height: 320px; opacity: 0; width: fit-content; object-fit: contain; transition-duration: .8s;}
.solucoes .solucao:hover .box-img .bg img {height: 370px; opacity: 1; transition-duration: .8s;}
.solucoes .solucao .box-img img {max-height: 80%; max-width: 80%; z-index: 2; position: relative; width: fit-content; height: fit-content; object-fit: contain; transition-duration: .8s;}
.solucoes .solucao:hover .box-img img {max-height: 100%; max-width: 100%; transition-duration: .8s;}
.solucoes .owl-dots {margin-top: 45px;}

.faca-parte {border-radius: 20px; padding: 100px 0 60px 100px; height: 610px; box-sizing: border-box; background-size: cover!important; display: flex; flex-direction: column; justify-content: space-between;}
.faca-parte .info {width: 100%; max-width: 600px;}
.faca-parte .titulo {margin-bottom: 20px;}
.faca-parte .botoes {margin-top: 40px; display: flex;}
.faca-parte .botao:first-child {margin-right: 15px;}
.faca-parte .qr-code {display: flex; align-items: center;}
.faca-parte .qr-code img {height: 85px; width: 85px; border: solid 8px #000c15;}
.faca-parte .qr-code svg {margin-left: 20px; width: 130px;}
.faca-parte .qr-code svg .st-logo-1 {fill: #fff;}

.newsletter {display: flex; justify-content: flex-end; padding: 240px 0 180px;}
.newsletter .conteudo {width: 50%; display: flex; flex-direction: column;}
.newsletter .info {width: 100%; max-width: 350px;}
.newsletter .titulo {margin-bottom: 20px;}
.newsletter .form {width: 100%; max-width: 520px; padding-top: 40px;}

.contato {border-radius: 20px; padding: 100px 0 60px 100px; height: 610px; box-sizing: border-box; background-size: cover!important; display: flex; flex-direction: column; justify-content: space-between;}
.contato .info {width: 100%; max-width: 600px;}
.contato .titulo {margin-bottom: 20px;}
.contato .botoes {margin-top: 40px; display: flex;}
.contato .botao:first-child {margin-right: 15px;}
.contato .logo {display: flex; align-items: center;}
.contato .logo svg {width: 130px;}
.contato .logo svg .st-logo-1 {fill: #fff;} 

#home .banners {position:relative;height: 100vh; z-index:4;}
#home .banners .mouse {position:absolute;z-index:3;bottom:30px;left:50%;transform:translateX(-50%);}
#home .banners .banner {height:100vh;position:relative;overflow:hidden;display: block;}
#home .banners .banner::after {content: ""; position: absolute; z-index: 2; left: 0; bottom: 0; height: 100vh; width: 100%; background: linear-gradient(0deg, rgba(0,12,21,1) 0%, rgba(0,12,21,0) 50%);}
#home .banners .banner img {width:100%;height:100%;object-fit:cover;}
#home .banners .banner .img-banner {display: block;}
#home .banners .banner .img-banner-mobile {display: none;}
#home .banners .owl-item.active .banner .bg {transform:scale(1.2);}
#home .banners .owl-dots {position: absolute; justify-content: flex-start; z-index: 3; bottom: 7%; width: calc(100% - 100px); max-width: 1420px; left: 50%; transform: translateX(-50%);}
#home .banners .owl-dots .owl-dot {margin: 0 30px 0 0; padding: 5px 0; background: #0000; position: relative;}
#home .banners .owl-dots .owl-dot::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #fff; transition-duration: .3s;}
#home .banners .owl-dots .owl-dot:hover::before {background: #c50000; height: 4px; transition-duration: .3s;}
#home .banners .owl-dots .owl-dot.active::before {background: #c50000; height: 4px; transition-duration: .3s;}
#home .box-solucoes .info {width: 100%; max-width: 360px;}
#home .box-solucoes .info .titulo {margin-bottom: 20px;}
#home .sobre-nos {background: #000c15; padding-top: 80px; position: relative;}
#home .sobre-nos::before {content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100px; background: linear-gradient(0deg, rgba(0,12,21,0) 0%, rgba(0,12,21,1) 100%);}
#home .sobre-nos .conteudo {display: flex; justify-content: space-between; align-items: flex-end;}
#home .sobre-nos .info {width: 30%; max-width: 340px; padding-bottom: 60px; position: relative;}
#home .sobre-nos .info::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #fff;}
#home .sobre-nos .titulo {margin-bottom: 200px;}
#home .sobre-nos .titulo::first-line {color: #fff;}
#home .sobre-nos .botao {margin-top: 40px;}
#home .sobre-nos .box-img {width: auto; max-width: 75%; height: 580px; right: -70px; bottom: 50px; position: absolute;}
#home .sobre-nos .box-img img {height: 100%; width: 100%; object-fit: contain;}
#home .faca-parte {margin-top: 100px;}

#a-braslux .box-topo-interna .video img {opacity:0 !important;}
#a-braslux .box-topo-interna .video:hover img {opacity:0 !important;}
#a-braslux .box-topo-interna .video video {position:absolute;width:100%;height:100%;opacity:.4;transition-duration:0.5s;object-fit:cover;} 
#a-braslux .box-topo-interna .video:hover video {opacity:1;}
#a-braslux .box-topo-interna {margin-bottom: 0px;}
#a-braslux .galeria {position:relative;z-index:2;padding-bottom:40px;}
#a-braslux .galeria .foto {display:block;position:relative;overflow:hidden;height:500px;width:100%;background: #000c15;}
#a-braslux .galeria .foto img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition-duration:0.5s;opacity: .6;}
#a-braslux .galeria .foto:hover img {transform:scale(1.2);opacity: .95;}
#a-braslux .o-que-nos-guia {padding:80px 0px 50px;}
#a-braslux .o-que-nos-guia .lista {margin-top:40px;}
#a-braslux .links {display: flex; justify-content: space-between; padding-bottom: 130px;}
/* #a-braslux .links .box {width: calc(50% - 10px); border-radius: 12px; height: 240px; padding-left: 25px; background: #afafb3; position: relative; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;} */
#a-braslux .links .box {width: 100%; border-radius: 12px; height: 240px; padding-left: 25px; background: #afafb3; position: relative; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
#a-braslux .links .box.esg {background: #fff0; border: solid 4px #fff; color: #299d20;}
#a-braslux .links .box.prop {background: #001f33; border: solid 4px #001f33;}
/* #a-braslux .links .box.prop .texto {width: 100%; max-width: 600px;} */
#a-braslux .links .box.prop .texto {width: 100%;}
#a-braslux .links .box .titulo {margin-bottom: 25px; max-width: 430px;}
#a-braslux .links .box img {height: 254px; width: 254px; box-sizing: border-box; position: absolute; right: 55px;}
#a-braslux .links .box a {text-decoration: underline; color: #fff;}
#a-braslux .linha-do-tempo {margin: 0 20px 160px; border-bottom: solid 1px #e1e1e1;}
#a-braslux .linha-do-tempo .lista {position: relative; top: 7px;}
#a-braslux .linha-do-tempo .item {display: flex; flex-direction: column; align-items: center; position: relative; cursor: pointer; height: 540px;}
#a-braslux .linha-do-tempo .item .box-img {height: 460px; width: 100%; background: #000c15; border-radius: 12px; overflow: hidden; position: relative; overflow: hidden;}
#a-braslux .linha-do-tempo .item .box-img img {height: 100%; width: 100%; z-index: 1; opacity: .7; object-fit: cover;}
#a-braslux .linha-do-tempo .item .box-img::before {content: ""; position: absolute; z-index: 2; left: 0; bottom: 0; height: 100%; width: 100%; background: linear-gradient(0deg, #000c15 0%, rgba(255,255,255,0) 100%); opacity: .4; transition-duration: .8s;}
#a-braslux .linha-do-tempo .item:hover .box-img::before {opacity: 1; transition-duration: .8s;}
#a-braslux .linha-do-tempo .item .info {position: absolute; left: 15px; bottom: 90px; z-index: 3; transition-duration: .8s;}
#a-braslux .linha-do-tempo .item:hover .info {bottom: 135px; transition-duration: .8s;}
#a-braslux .linha-do-tempo .item .info .data {font-size: 36px; margin-bottom: 10px; line-height: 100%;}
#a-braslux .linha-do-tempo .item .info .titulo {margin-bottom: 10px;}
#a-braslux .linha-do-tempo .item .info .texto {opacity: 0; max-height: 0; width: calc(100% - 10px); transition-duration: 1s;}
#a-braslux .linha-do-tempo .item:hover .info .texto {opacity: 1; max-height: 160px; transition-duration: 1s;}
#a-braslux .linha-do-tempo .item .linha {position: absolute; z-index: 4; bottom: 0; left: 15px; height: 85px; width: 4px; background: #e1e1e1; border-radius: 20px; transition-duration: .8s;}
#a-braslux .linha-do-tempo .item:hover .linha {height: 125px; transition-duration: .8s;}
#a-braslux .linha-do-tempo .item::after {content: ""; position: absolute; z-index: 5; bottom: 0; left: 10px; height: 14px; width: 14px; border-radius: 50%; background: #c50000; transform: scale(.6); transition-duration: .8s;}
#a-braslux .linha-do-tempo .item:hover::after {transform: scale(1); transition-duration: .8s;}
#a-braslux .linha-do-tempo .owl-dots {margin-top: -5px; position: relative; top: 45px;}
#a-braslux .faca-parte {margin-bottom: 200px;}

#solucoes .lista-solucoes {display: flex; flex-wrap: wrap;}
#solucoes .solucoes {padding-top: 30px; padding-bottom: 200px;}
#solucoes .solucoes .solucao {width: calc(25% - 20px); margin-right: 20px; margin-bottom: 20px;}
#solucoes .solucoes .solucao .box-img {height: 250px;}
#solucoes .solucoes .solucao:hover .texto {margin-top: 10px;}
#solucoes .solucoes .solucao .titulo {margin-bottom: 5px; height: auto;}
#solucoes .solucoes .solucao .info-solucao {padding: 0;}
#solucoes .solucoes .solucao:hover .info-solucao {padding: 0;}

#produtos {padding-bottom:120px;}
#produtos .box-topo-interna .titulo {font-size: 40px;width: 35%;}
#produtos .container {justify-content:space-between;}
#produtos .box-menu {width:300px;}
#produtos .box-menu .filtro {cursor:pointer;display:none;margin-top:0px;margin-bottom:25px;}
#produtos .box-menu .filtrando .titulo {color:#000c15;margin-bottom:10px;font-size:16px;}
#produtos .box-menu .filtrando ul li {margin-bottom:10px;position:relative;}
#produtos .box-menu .filtrando ul li .label {width:calc(100% - 30px);font-size:15px;color:#949499;}
#produtos .box-menu .filtrando ul li .delete {position:absolute;right:0px;z-index:2;top:4px;background:url(../imagens/site/ico_delete.png) no-repeat center;cursor:pointer;width:12px;height:12px;}
#produtos .box-menu .filtrando .limpar-filtros {background:#c50000;color:white;font-size:14px;font-weight:700;text-align:center;display:block;padding:10px 0px;border-radius:4px;margin-top:10px;cursor:pointer;}
#produtos .box-menu .menu {margin-bottom:22px;border:1px solid #f2f2f2;background:#fff;border-radius:4px;padding:20px 0px;}
#produtos .box-menu .menu .titulo {color:#676767;font-weight:700;font-size:18px;margin-bottom:15px;padding:0px 20px;}
#produtos .box-menu .menu li a {display:flex;padding:10px 20px;border-bottom:1px solid #f2f2f2;justify-content:space-between;}
#produtos .box-menu .menu li:nth-last-child(1) a {border:0px;}
#produtos .box-menu .menu li a .check {position:relative;width:12px;height:12px;border-radius:100%;border:1px solid #a3a3a3;margin-top:4px;}
#produtos .box-menu .menu li a .check div {background:url(../imagens/site/ico_check.png) no-repeat center;width:16px;height:12px;position:absolute;top:-2px;display:none;}
#produtos .box-menu .menu li.active a .check div {display:block;}
#produtos .box-menu .menu li a .label {color:#000c15;font-size:13px;width:calc(100% - 35px);}
#produtos .box-produtos {width:calc(100% - 310px);position:relative;}
#produtos .box-produtos .produtos {display:flex;flex-wrap:wrap;padding:50px 0;z-index:2;position:relative;}
#produtos .box-produtos .produtos .produto {margin:10px 10px;width:calc(33.33% - 22px);}

#produto .sobre {padding-top: 300px; padding-bottom: 45px; background: url(../imagens/site/bg_topo_produto.png) no-repeat right top; background-size: contain;}
#produto .sobre .conteudo {display: flex; align-items: flex-start;}
#produto .sobre .info {width: 30%; max-width: 420px;}
#produto .sobre .titulo.size3 {margin-bottom: 15px; font-weight: 300;}
#produto .sobre .titulo.size2 {margin-bottom: 30px;}
#produto .sobre .linha-topo {height: 75px; width: 2px; background: #afafb3; margin-bottom: 35px;}
#produto .sobre .subtitulo {font-weight: 600; width: 100%; max-width: 260px; margin-bottom: 20px;}
#produto .sobre .texto {width: 100%;}
#produto .sobre .box-img {max-width: 620px; max-height: 620px; padding-left: 60px; padding-top: 35px; position: relative;animation: blur 2s ease-in-out;}
#produto .sobre .box-img img {height: 100%; width: 100%; object-fit: contain;animation: float 6s ease-in-out;}

@keyframes float {
  0%{
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}


@keyframes blur {
  0%{
    filter: blur(25px);
  }
  100% {
    filter: blur(0px);
  }
}

#produto .sobre .galeria {padding-top: 40px; width: 100%;}
#produto .sobre .galeria .owl-stage-outer {padding: 10px 0;}
#produto .sobre .galeria .box-galeria {height: 140px; border-radius: 10px; border: solid 2px #fff; bottom: 0; overflow: hidden; position: relative; display: block; transition-duration: .8s;}
#produto .sobre .galeria .box-galeria:hover {border-color: #d5d5d5; bottom: 10px; transition-duration: .8s;}
#produto .sobre .galeria .box-galeria img {height: 100%; width: 100%; object-fit: cover;}
#produto .especificacoes {padding: 120px 0 90px; background: url(../imagens/site/bg_tabela.png) no-repeat center top #fff; background-position-y: 75px; display: flex; flex-direction: column;}
#produto .especificacoes .box {display: flex; flex-wrap: wrap; justify-content: space-between;}
#produto .especificacoes .info {width: 50%;}
#produto .especificacoes .info .texto.cinza {margin-top: 45px;}
#produto .especificacoes .selos {width: 50%;}
#produto .especificacoes .selo {width: 115px; height: 100px; border-radius: 20px; margin-right: 20px; background: #000c15; display: flex; align-items: center; justify-content: center; overflow: hidden;}
#produto .especificacoes .selo img {max-height: 50px; width: fit-content; object-fit: contain;}
#produto .especificacoes .tabela {width: 100%; margin-top: 50px; background: #fff; border: solid 1px #e1e1e1; border-radius: 10px; overflow: hidden;}
#produto .especificacoes .tabela table {width: 100%!important;}
#produto .especificacoes .tabela table td {padding: clamp(8px, 2vw, 18px) clamp(8px, 2vw, 12px); font-size: 14px; color: #000c15; font-weight: 500; border-right: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; box-sizing: border-box;}
#produto .especificacoes .tabela table tr {border-bottom: solid 1px #ddd; height: 40px;}
#produto .especificacoes .tabela table tr:last-child {border-bottom: 0px;}
#produto .especificacoes .tabela table tr:nth-child(1) {background: #e1e1e1;}
#produto .especificacoes .tabela table tr:nth-child(1) td {padding: clamp(8px, 2vw, 12px) clamp(8px, 2vw, 12px); font-size: 14px; font-weight: 700; border-radius: 0!important;}
#produto .especificacoes .tabela table tr:nth-child(1) td:first-child {border-radius: 10px 0 0 0;}
#produto .especificacoes .tabela table tr:nth-child(1) td:last-child {border-radius: 0 10px 0 0;}
#produto .especificacoes .tabela table td:last-child {border-right: none;}
#produto .especificacoes .download {display: flex; box-sizing: border-box; width: fit-content;}
#produto .especificacoes .download .icone {height: 140px; width: 225px; background: url(../imagens/site/bg_download.png) no-repeat center; display: flex; align-items: center; justify-content: center; background-size: contain!important; background-position-x: 0; padding-left: 10px;}
#produto .especificacoes .download .icone svg {height: 60px; width: fit-content; transition-duration: .8s;}
#produto .especificacoes .download:hover .icone svg {transform: scale(1.2); transition-duration: .8s;}
#produto .especificacoes .download .info {padding: 25px 0 0 15px;}
#produto .especificacoes .download .titulo {margin-bottom: 10px;}
#produto .box-solucoes {padding: 150px 0 80px;}
#produto .box-solucoes .info {width: 100%; max-width: none; text-align: center;}
#produto .box-video {padding: 125px 0; background: url(../imagens/site/bg_video.jpg) no-repeat right bottom #000c15;}
#produto .box-video .line {position: absolute; left: 0; top: -125px; width: 340px; height: 4px; background: #fff; z-index: 3;}
#produto .box-video .video {width: 100%; height: 715px; display: flex; align-items: center; justify-content: center; position: relative;}
#produto .box-video .video img {height: 100%; width: 100%; object-fit: cover;}
#produto .box-video .video .play {height: 130px; width: 130px; background: #c50000; border-radius: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; position: absolute;}
#produto .box-video .video .play svg {height: 30px; margin-left: 5px; width: fit-content; position: absolute;}
#produto .box-video .botao {margin-top: 30px;}
#produto .contato {margin-top: 80px;}

#garantias .box-topo-interna {margin-bottom: 0px; padding-bottom: 140px;}
#garantias .box-topo-interna .videos {width: calc(50% - 40px);}
#garantias .box-topo-interna .video {width: 100%;}
#garantias .box-topo-interna .video img {opacity:0 !important;}
#garantias .box-topo-interna .video:hover img {opacity:0 !important;}
#garantias .box-topo-interna .video video {position:absolute;width:100%;height:100%;opacity:.4;transition-duration:0.5s;object-fit:cover;} 
#garantias .box-topo-interna .video:hover video {opacity:1;}
#garantias .box-topo-interna .video .titulo {position: absolute; z-index: 3; left: 45px; bottom: 25px; font-weight: 500; color: #fff; padding: 0;}
#garantias .box-topo-interna .info .titulo {text-transform: none; max-width: 270px;}
#garantias .box-topo-interna .info .texto {padding-top: 45px;}
#garantias .atendimentos {display: flex; padding-bottom: 140px;}
#garantias .atendimentos .info {width: calc(50% - 40px); margin-top: 15px;}
#garantias .atendimentos .info .titulo {margin-bottom: 45px; width: 100%; max-width: 270px;}
#garantias .atendimentos .box {display: flex; flex-direction: column; width: calc(50% - 40px); max-width: 460px; min-height: 260px; padding-left: 80px;}
#garantias .atendimentos .selecione {cursor: pointer; position: relative; display: flex; align-items: center; justify-content: space-between; height: 65px; padding: 0 40px; border-radius: 20px; font-size: 16px; background: #c50000; z-index: 2; transition-duration: .8s;}
#garantias .atendimentos .selecione:hover {background: #000c15; transition-duration: .8s;}
#garantias .atendimentos .selecione svg {width: 12px; height: 7px;}
#garantias .atendimentos .selecione svg path {fill: #fff;}
#garantias .atendimentos .lista {display: flex; flex-direction: column; overflow: hidden; position: relative; z-index: 1; bottom: 15px; padding: 0; width: 100%; max-height: 0; border-radius: 0 0 20px 20px; opacity: 0; background: #fff; transition-duration: .8s;}
#garantias .atendimentos .lista.active {padding: 20px 0; max-height: 220px; opacity: 1; transition-duration: .8s;}
#garantias .atendimentos .item {display: flex; align-items: center; box-sizing: border-box; cursor: pointer; position: relative; width: 100%; padding: 0 40px; font-size: 16px; font-weight: 500; height: 50px; border-bottom: solid 1px #e5e5e5; transition-duration: .8s;}
#garantias .atendimentos .item:hover {color: #000c1575; transition-duration: .8s;}
#garantias .atendimentos .item::before {content: ""; position: absolute; z-index: 2; left: 40px; bottom: 0; height: 4px; width: 15px; opacity: 0; background: #c50000; transition-duration: .8s;}
#garantias .atendimentos .item:hover::before {width: 35px; opacity: 1; transition-duration: .8s;}
#garantias .atendimentos .item:last-child {border-bottom: none;}
#garantias .bg-atendimento {background: url(../imagens/site/bg_atendimento.png) no-repeat top #fff; padding-bottom: 160px;}
#garantias .atendimento {display: flex; flex-direction: column;}
#garantias .atendimento .info {width: 100%; max-width: 600px;}
#garantias .atendimento .info .linha {margin: 35px 0 25px; width: 50px; height: 4px; background: #c50000;}
#garantias .atendimento .passos {display: flex; justify-content: space-between; width: 100%; padding-top: 80px;}
#garantias .atendimento .passo {width: calc(25% - 25px); display: flex; flex-direction: column;}
#garantias .atendimento .passo .numero {height: 55px; width: 55px; border-radius: 20px; font-size: 18px; font-weight: 700; background: #c50000; margin-bottom: 20px; display: flex; justify-content: center; align-items: center;}
#garantias .explicativo {display: flex; justify-content: space-between; padding: 140px 0 60px;}
#garantias .explicativo .box-video {width: calc(50% - 40px); display: flex; flex-direction: column;}
#garantias .explicativo .video {margin-top: 50px; width: 100%; height: 440px; border-radius: 20px; position: relative; display: block; overflow: hidden; background: #000c15;}
#garantias .explicativo .video img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition-duration: 0.5s; filter: grayscale(100%); opacity: 0;}
#garantias .explicativo .video video {position: absolute; width: 100%; height: 100%; opacity: .4; transition-duration: 0.5s; object-fit: cover;}
#garantias .explicativo .video .play {position: absolute; z-index: 3; top: 50%; left: 50%; background: url(../imagens/site/ico_play.png) no-repeat center #c50000c9; padding: 45px; border-radius: 100%; width: 25px; height: 25px; transition-duration: 0.6s; transform: translate(-50%, -50%);}
#garantias .explicativo .video:hover .play {padding: 65px; transition-duration: .6s;}
#garantias .explicativo .info {width: calc(50% - 40px); margin-top: 100px;}
#garantias .explicativo .info .subtitulo {display: flex; align-items: center; margin-bottom: 35px;}
#garantias .explicativo .info .subtitulo svg {width: 30px; height: 25px; margin-right: 10px;}
#garantias .box-texto {width: 100%; padding-top: 80px;}
#garantias .box-texto .linha {margin: 35px 0 25px; width: 50px; height: 4px; background: #c50000;}
#garantias .box-texto .texto {columns: 2;}
#garantias .bg-contato {padding-top: 130px; border-radius: 50px 50px 0 0;}

#aplicacao {padding-bottom:120px;}
#aplicacao .container .botao {margin-top: 65px;}
#aplicacao .contato {margin-top: 80px;}

#downloads {padding-bottom:100px;}
#downloads .wrapper {padding-top:50px;margin-top:-50px;}
#downloads .bg-white {position:absolute;top:0;left:-500px;bottom:0;background:#fff;right:-70px;border-radius:12px 0px 0px 12px;}
#downloads .titulo-padrao {position:relative;z-index:2;margin-bottom:50px;}
#downloads .container {flex-wrap:wrap;padding-bottom:100px;z-index:2;}
#downloads .arquivo {transition-duration:0.4s; border-radius: 12px; height:400px;position:relative;overflow:hidden;background:white;margin:0px 10px;margin-bottom:20px;width:calc(25% - 80px);padding:20px 30px;}
#downloads .arquivo .foto {height:280px;position:relative;}
#downloads .arquivo .foto img {height:100%;width:auto;position:absolute;object-fit:contain;margin:auto;top:0;bottom:0;left:0;right:0;}
#downloads .arquivo .box {position:absolute;left:30px;right:30px;bottom:20px;}
#downloads .arquivo .box .nome {font-size:16px;color:#818185;font-weight:700;margin-bottom:15px;line-height: 110%;}
#downloads .arquivo .box .descricao {font-size:13px;color:#000c15;line-height:20px;}
#downloads .arquivo .button-padrao2 {margin-top:20px;height:0px;padding:0px;opacity:0;}
#downloads .arquivo .button-padrao2 {height:auto;padding:10px 0px;opacity:1;}
#downloads .arquivo .line {position:absolute;height:20px;width:20px;background:#c50000;left:-1px;bottom:-20px;transition-duration:0.4s;transform:rotate(10deg);opacity:0;}
#downloads .arquivo:hover .line {width:100%;bottom:-16px;transform:rotate(0deg);opacity:1;}

#representantes {padding-bottom:100px;}
#representantes .box-topo-interna {padding-bottom: 100px;}
#representantes .container {justify-content:space-between;padding-top:150px;}
#representantes .box-representantes {width:calc(100% - 650px);padding-bottom:150px;position:relative;}
#representantes .box-representantes .form {display:none;margin-top:30px;}
#representantes .box-representantes .titulo {font-size:30px;color:#2b2b2b;font-weight:700;margin-bottom:20px;line-height:35px;}
#representantes .box-representantes .line {background:#af2c2d;border-radius:3px;height:4px;width:60px;margin-top:-5px;margin-bottom:30px;}
#representantes .box-representantes .content {position:relative;z-index:3;}
#representantes .box-representantes .retorno {margin-top:45px;}
#representantes .box-representantes .retorno .titulo-padrao {text-align: left;} 
#representantes .representante {border-radius:8px;background:#d5d5d9;padding:20px 20px;margin-bottom:20px;transition-duration:0.5s;}
#representantes .representante:hover {}
#representantes .representante .nome {color:#000c15;font-size:20px;font-weight:700;margin-bottom:0px;}
#representantes .representante ul li {color:#000c15;font-size:15px;padding:2px 0px;margin-top:10px;}
#representantes .representante ul li a {color:#000c15; transition-duration: .8s;}
#representantes .representante ul li a:hover {color:#c50000; transition-duration: .8s;}
#representantes .wrapper > .representante {padding:0px;background:transparent;}
#representantes .wrapper > .representante .nome {font-size:30px;line-height:35px;margin-bottom:20px;}
#representantes .box-mapa {width:600px;position:relative;margin-top:130px;}
#representantes .box-mapa .ver {position:absolute;z-index:3;font-weight:700;color:white;border-radius:20px;padding:5px 12px;background:#191919;font-size:11px;letter-spacing:1px;display:none;}

#contato .box-form .container {position:relative;z-index:2;justify-content:space-between;align-items:flex-start;padding-bottom: 30px;}
#contato .box-form .container .box-texto {display: flex; flex-direction: column; text-align: left;color: #000c15;}
#contato .box-form .container .box-texto .titulo-padrao {margin-bottom:5px; text-align: left;color: #000c15;}
#contato .box-form .container .contatos {display:flex;margin-bottom:50px; margin-top: 10px;}
#contato .box-form .container .contatos li {margin-left:70px;}
#contato .box-form .container .contatos li:first-child {margin-left: 0;}
#contato .box-form .container .contatos li .titulo {font-size:20px;color:#333333;font-weight:700;margin-bottom:3px;}
#contato .box-form .container .contatos li .texto {font-size:15px;color:#333333;}
#contato .box-form .container .button-padrao2 {margin-top:0px;margin-left:40px;}
#contato .box-mapa {padding:80px 0 20px;position:relative;z-index:3;}
#contato .box-mapa .endereco {margin-top:25px;font-weight:700;color:#000c15;font-size:15px;background:url(../imagens/site/ico_endereco.png) no-repeat left center;padding:5px 0px;padding-left:30px;}
#contato .box-mapa .mapa {height:500px;width:100%;margin-top:35px;border-radius: 20px;}
#contato iframe {border-radius: 30px;}
#contato .representantes {border-radius: 20px; padding: 80px 0 40px 80px; height: 380px; margin-top: 70px; background-size: cover!important; box-sizing: border-box; display: flex;}
#contato .representantes .info {width: 100%; max-width: 600px;}
#contato .representantes .titulo {margin-bottom: 20px;}
#contato .representantes .botao {margin-top: 40px;}
#contato .faca-parte {margin-top: 100px;}
#contato .etica {display: flex; justify-content: flex-end; padding: 240px 0 120px;}
#contato .etica .conteudo {width: 50%; display: flex; flex-direction: column;}
#contato .etica .info {width: 100%; max-width: 450px; box-sizing: border-box;}
#contato .etica .titulo {margin-bottom: 20px;}
#contato .etica .botao {color: #000c15; margin-top: 35px;}
#contato .etica .box-img {width: 350px; margin-top: 40px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
#contato .etica .box-img img {height: auto; width: 100%; object-fit: contain;}

#politica {padding-bottom:70px;}
#politica .box-topo-interna .titulo {font-weight: 700;}

#erro .conteudo {padding: 220px 0 100px; display: flex; flex-direction: column; align-items: center;}
#erro .conteudo .titulo.size1 {margin-bottom: 30px;}
#erro .conteudo .botao {margin-top: 35px;}