body {font-size:13px;font-family:'Montserrat';color:#333333;position:relative;overflow-x:hidden;}

html,
body {
  background-color:#666666;
  --cor-principal: #102338;
  --cor-secundaria: #3b8ede;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #3b8ede #f1f1f1;
}

*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #00000000;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--cor-secundaria);
}

html.active-menu-mobile {overflow: hidden;}
html.active {overflow: hidden;}

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

i, em {font-style:italic;} 

a {color:#333;}

strong, b {font-weight: bold;}
 
/* FONT FORM */
::-webkit-input-placeholder {color: #000000;}
::-moz-placeholder {color: #000000;}
:-ms-input-placeholder {color: #000000;}
input:-moz-placeholder {color: #000000;}

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

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

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

::selection {
  background:var(--cor-principal);
  color: #ffffff;
}
::-moz-selection {
  background:#333333;
  color: #ffffff;
}

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

form * {outline:0;}

form .error,
form .error, form .success {padding: 20px 30px;font-size: 14px;text-align: left;color: #4baa2b;}
form .success {background:url(../imagens/site/ico_success.png) no-repeat 0px center;}
form .error {background:url(../imagens/site/ico_error.png) no-repeat 0px center;}
form .retorno {margin-bottom: 15px;background: #e8f3e5;padding: 0 10px;border-radius: 4px;}

.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*/
}

.loading-full {position:fixed;z-index:9999;top:0;bottom:0;left:0;right:0;overflow:auto;background:rgba(255, 255, 255, 0.8);display:none;cursor:wait;}
.sk-chase {
  width: 40px;
  height: 40px;
  position: absolute;
  animation: sk-chase 2.5s infinite linear both;
  left:50%;top:50%;transform:translate(-50%, -50%);
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #0d4880;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}

.form {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}

.form input[type="text"],
.form input[type="number"],
.form input[type="email"],
.form select,
.form input[type="password"],
.form textarea {outline: 0; font-weight: 500; background: #00000000; border: solid 2px #999999; color: #999999!important; width: 100%; box-sizing: border-box; border-radius: 8px; padding: 25px 0px; padding-left: 15px; display: block; margin-bottom: 20px; font-size: 15px; font-weight: 400;}
.form textarea {height: 200px; border-radius: 8px; width:100%; resize: none;}
.form textarea:focus {outline: 0; outline: none;}
.form select {-webkit-appearance: none; outline: 0; background: url(../svg/ico_arrow.svg) no-repeat right #00000000!important; font-weight: 400; background-position-x: 90%!important; background-size: 10px!important;}
.form option {outline: 0; font-size: 15px; font-weight: 400; color: #ffffff; background: #999999;}
.form input::-webkit-input-placeholder {color: #999999; font-weight: 400;}
.form select::-webkit-input-placeholder {color: #999999; font-weight: 400;}
.form textarea::-webkit-input-placeholder {color: #999999; font-weight: 400;}
.form input:focus {border: solid 2px var(--cor-secundaria); transition-duration: .8s;}
.form select:focus {border: solid 2px var(--cor-secundaria); transition-duration: .8s;}
.form textarea:focus {border: solid 2px var(--cor-secundaria); transition-duration: .8s;}
.form .small3 {color: #ffffff;}
.form .last {float:right!important;}
.form .box {display: flex; flex-direction: column;}
.form .box .titulo-form {margin-left: 15px; font-size: 12px; font-weight: 700; color: #999999; margin-bottom: 5px; text-transform: uppercase;}

.st-arrow-form path {fill: #999999!important;}

.form .botao-form {display: flex; justify-content: right; width: 100%;}
.form .botao-form .termos {position: relative; display: flex; align-items: center; font-size: 13px; color: #999999; z-index: 1; cursor: pointer; margin-right: 30px;}
.form .botao-form .termos a {text-decoration: underline; font-size: 13px; color: #999999; margin: 0 5px; transition-duration: .8s;}
.form .botao-form .termos a:hover {color: var(--cor-principal); transition-duration: .8s;}
.form .botao-form .termos input {margin-right: 10px; margin-top: 2px; border: none; outline: 0;}
.form .botao-form button.botao {outline: 0; border: none; display: inline-block; padding: 12px 20px; border-radius: 50px; background: #0d4880; color: #ffffff; font-size: 12px; text-transform: uppercase; font-weight: 700; transition-duration: .8s;} 

.form {display: flex; flex-wrap: wrap;}
.form .primeira {width: 100%;}
.form .primeira:last-child {margin-right: 0;}
.form .segunda {width: calc(50% - 8px);}
.form .primeira:last-child {margin-right: 0;}

.cookie-bar {background: #101010f5;padding:20px 0px;position:fixed;z-index:999999;bottom:0;left:0px;width:100%;}
.cookie-bar .box {float:left;width:calc(100% - 350px);}
.cookie-bar .titulo {color: #ffffff;font-size:22px;margin-bottom:20px; line-height: normal;}
.cookie-bar .texto {color: #ffffff;font-size:16px;}
.cookie-bar .buttons {float:right;width:300px;}
.cookie-bar .buttons li {cursor:pointer;border-radius: 50px; font-size:14px; font-weight: 600; text-align:center;padding:8px 0px;transition:all 0.3s cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.cookie-bar .buttons li.aceitar {background: var(--cor-principal); border:3px solid var(--cor-principal); color: #ffffff; margin-bottom:15px;}
.cookie-bar .buttons li.nao-aceitar {color: #ffffff; border: solid 3px #ffffff;}
.cookie-bar .buttons li:hover {opacity:0.8;}

.owl-nav {display:none;}

.owl-dots {display: flex; width: 100%; justify-content: center; align-items: center; position: relative; z-index: 10; padding-top: 30px;}
.owl-dots.disabled {display: none!important;}
.owl-dots .owl-dot {margin: 0px 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; width: 8px; height: 8px; border-radius: 50%; background: var(--cor-secundaria); position: relative; transition-duration: .8s;}
.owl-dots .owl-dot::after {content: ""; position: absolute; border-radius: 50%; opacity: 0; height: 14px; width: 14px; border: solid 2px #3b8fde6b; transition-duration: .8s;}
.owl-dots .owl-dot.active {background: var(--cor-secundaria); transition-duration: .8s;}  
.owl-dots .owl-dot.active::after {opacity: 1; transition-duration: .8s;}
.owl-dots .owl-dot:hover {background: var(--cor-secundaria); transition-duration: .8s;}
.owl-dots .owl-dot:hover::after {opacity: 1; transition-duration: .8s;}
.owl-stage, .owl-stage-outer, .owl-item {height: 100%;}

.lg-toolbar {background: var(--cor-principal)!important; padding: 10px 0!important;}
.lg-actions .lg-next, .lg-actions .lg-prev {background: var(--cor-principal)!important; padding: 15px!important; border-radius: 100%!important; color: #ffffff!important; font-size: 20px!important;}
.lg-object {border-radius: 8px;}
.lg-toolbar .lg-icon {color: #ffffff!important;}

.linha-topo {position: absolute; left: 0; top: 0; width: 100%; height: 8px; background: var(--cor-secundaria); z-index: 10;}

.titulo {font-size: 65px; line-height: 70px;}
.titulo.medio {font-size: 30px; line-height: 35px;}
.titulo.pequeno {font-size: 25px; line-height: 30px;}

.texto {font-size: 18px; line-height: 28px; font-weight: 400;}
.texto.pequeno {font-size: 14px;}

.botao {display: inline-block; padding: 12px 20px; border-radius: 50px; background: var(--cor-secundaria); color: #ffffff; font-size: 12px; text-transform: uppercase; font-weight: 700; transition-duration: .8s;}
.botao:hover {background: var(--cor-principal); transition-duration: .8s;}

.botao-secundario {display: flex; align-items: center; font-size: 14px; color: #ffffff; font-weight: 500; cursor: pointer;}
.botao-secundario .linha {width: 75px; height: 2px; margin: 2px 75px 0 10px; background: var(--cor-secundaria); position: relative; transition-duration: .8s;}
.botao-secundario:hover .linha {width: 150px; margin-right: 0; transition-duration: .8s;}

.menu-mobile {width: 0; height: 100vh; opacity: 0; background: var(--cor-principal); overflow: hidden; position: absolute; z-index: 10; top: 0; right: -100px; transition-duration: 1s;}
.menu-mobile.active {width: 100%; opacity: 1; right: 0; overflow: scroll; transition-duration: 1s;}
.menu-mobile .conteudo {position: relative; padding-top: 160px;}
.menu-mobile .menu {display: flex; flex-direction: column;}
.menu-mobile .menu li {margin-top: 25px; cursor: pointer;}
.menu-mobile .menu li:first-child {margin: 0;}
.menu-mobile .menu li .link {font-size: 25px; color: #ffffff; font-weight: 600; width: fit-content; justify-content: space-between; position: relative; display: flex; align-items: center;}
.menu-mobile .menu li .link svg {height: 8px; margin-left: 20px;}
.menu-mobile .menu li .link svg path {fill: #ffffff;}
.menu-mobile .telefone {margin-top: 30px; font-size: 20px; font-weight: 600; color: #ffffff; display: flex; align-items: center;}
.menu-mobile .telefone svg {height: 20px; width: 20px; margin-right: 10px;}
.menu-mobile .social {display: flex; align-items: center; padding-top: 35px;}
.menu-mobile .social a {margin-right: 10px;}
.menu-mobile .social a svg {height: 20px; width: 20px;}
.menu-mobile .social a svg path {fill: #ffffff;}

.menu-mobile .submenu-mob {overflow: auto; max-height: 0; width: 100%; padding: 0 20px; border-radius: 10px; display: flex; flex-direction: column; box-sizing: border-box; opacity: 0; background: #fff; transition-duration: .8s;}
.menu-mobile .submenu-mob.active {max-height: 300px; margin-top: 15px; opacity: 1; padding: 20px; transition-duration: .8s;}
.menu-mobile .submenu-mob li {margin-top: 20px;}
.menu-mobile .submenu-mob .link-produto-mob {color: #3b8ede; font-size: 18px; font-weight: 600; margin: 10px 0;}

.box-topo-interno {height: 670px; width: 100%; position: relative; background: url(../imagens/site/topo_interno.jpg) no-repeat bottom center var(--cor-secundaria);}
.box-topo-interno .wrapper::after {content: ""; width: 100%; height: 16px; background: var(--cor-principal); position: absolute; bottom: 0; left: 0;}
.box-topo-interno .info {position: absolute; bottom: 0; padding-bottom: 150px; display: flex; flex-direction: column; justify-content: center; width: 35%;}
.box-topo-interno .info .titulo {color: #ffffff; font-weight: 700; margin-bottom: 25px; position: relative; left: -100px; opacity: 0; transition-duration: .8s;}
.box-topo-interno .info .titulo.active {left: 0; opacity: 1; transition-duration: .8s;}
.box-topo-interno .info .texto {color: #ffffff; width: 70%; position: relative; left: -100px; opacity: 0; transition-duration: .8s;}
.box-topo-interno .info .texto.active {left: 0; opacity: 1; transition-duration: .8s;}

.produtos {padding: 130px 0 50px;}
.produtos .produto {display: flex; justify-content: space-between; align-items: flex-end; cursor: pointer;}
.produtos .produto .info {width: 35%; padding-bottom: 50px;}
.produtos .produto .info .titulo {color: #666666; font-weight: 700; margin-bottom: 55px;}
.produtos .produto .info .botao-secundario {color: #666666;}
.produtos .produto .info .botao-secundario .linha {background: #e7e7e7; transition-duration: .8s;}
.produtos .produto:hover .info .botao-secundario .linha {background: var(--cor-secundaria); width: 150px; margin-right: 0; transition-duration: .8s;}
.produtos .produto .box-img {width: 65%; position: relative; height: 280px;}
.produtos .produto .box-img img {height: 100%; width: 100%; object-fit: contain; position: relative; z-index: 2;}
.produtos .produto .box-img::after {content: ""; display: block; width: 100%; height: 80%; background: #e7e7e7; border-radius: 20px; position: absolute; left: 0; bottom: 0; z-index: 1; transition-duration: .8s;}
.produtos .produto:hover .box-img::after {background: var(--cor-secundaria); transition-duration: .8s;}
.produtos .owl-dots {padding-top: 80px;}

.contato {background: url(../imagens/site/bag_form.jpg) no-repeat center #063062; background-size: cover;}
.contato .wrapper::after {content: ""; width: 100%; height: 16px; background: var(--cor-secundaria); position: absolute; bottom: 0; left: 0;}
.contato .conteudo {padding-top: 50px; display: flex; align-items: center;}
.contato .conteudo .form {padding: 50px 20px 40px; background: #ffffff; border-radius: 8px 8px 0 0; width: 45%; margin-left: 10px;}
.contato .conteudo .form textarea {height: 140px;}
.contato .conteudo .masfic {width: 450px; margin-left: 70px; position: relative;}
.contato .conteudo .masfic svg {width: 100%;}

#home .sobre {background: url(../imagens/site/bg_sobre.jpg) no-repeat center #073062; background-size: cover;}
#home .sobre .wrapper::after {content: ""; width: 100%; height: 16px; background: var(--cor-principal); position: absolute; bottom: 0; left: 0;}
#home .sobre .conteudo {display: flex; align-items: center; padding: 100px 0;}
#home .sobre .conteudo .info {width: 45%;}
#home .sobre .conteudo .info .titulos {display: flex;}
#home .sobre .conteudo .info .titulo {color: #ffffff; font-weight: 700; margin-bottom: 35px; cursor: pointer; position: relative; transition-duration: .8s;}
#home .sobre .conteudo .info .titulo:hover {opacity: .7; transition-duration: .8s;}
#home .sobre .conteudo .info .titulo.active {opacity: .7; transition-duration: .8s;}
#home .sobre .conteudo .info .titulo:first-child {margin-right: 30px;}
#home .sobre .conteudo .info .titulo::after {content: ""; height: 5px; width: 10px; margin-top: 5px; opacity: 0; background: #ffffff; display: block; transition-duration: .8s;}
#home .sobre .conteudo .info .titulo:hover::after {width: 50px; opacity: 1; transition-duration: .8s;}
#home .sobre .conteudo .info .titulo.active::after {width: 50px; opacity: 1; transition-duration: .8s;}
#home .sobre .conteudo .info .texto {color: #ffffff; text-align: justify; columns: 2; display: none; line-height: 22px; transition-duration: .8s;}
#home .sobre .conteudo .info .texto.active {display: block; transition-duration: .8s;}
#home .sobre .conteudo .info .botao-secundario {margin-top: 75px;}
#home .sobre .conteudo .info .texto-valores {columns: 1!important; text-align: justify;}
#home .sobre .conteudo .masfic {width: 450px; margin-left: 70px; position: relative;}
#home .sobre .conteudo .masfic svg {width: 100%;}

.slogan {padding: 150px 0; text-align: center; display: flex; justify-content: center;}
.slogan .titulo {color: var(--cor-principal); line-height: 50px!important; font-weight: 300; width: 75%;}

#content-page {background: #ffffff;}
#content {margin:0 auto;max-width:1920px; width: 100%;position:relative;z-index:4;background:#ffffff;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;}

#header {position: absolute; width: 100%; box-sizing: border-box; z-index: 20;}
#header .idiomas {position: absolute; right: 0; top: 0; margin-top: 35px; z-index: 9; cursor: pointer;}
#header .idiomas .titulo {font-size: 11px; line-height: normal; color: #ffffff; font-weight: 500; text-transform: uppercase; display: flex; align-items: center;}
#header .idiomas .titulo svg {width: 10px; margin-left: 10px;}
#header .idiomas .lista {background: var(--cor-secundaria); margin-top: 10px; padding: 5px 0 5px 10px; max-height: 0; overflow: hidden; width: calc(100% - 10px); opacity: 0; border-radius: 8px; display: flex; flex-direction: column; transition-duration: .8s;}
#header .idiomas .lista.active {opacity: 1; max-height: 100px; transition-duration: .8s;}
#header .idiomas .lista li {margin: 5px 0;}
#header .idiomas .lista li a {font-size: 11px; color: #ffffff; text-transform: uppercase; color: #ffffff; display: block;}
#header .conteudo {display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2; padding-top: 70px;}
#header .conteudo .logo {max-width: 165px; width: 100%; position: relative;}
#header .conteudo .logo svg {height: 100%; width: 100%;}
#header .conteudo .menu {display: flex; justify-content: space-between; margin: 0 100px 0 150px; flex: 1;}
#header .conteudo .menu li {display: flex; flex-direction: column; align-items: center; cursor: pointer; position: relative; top: -30px; font-size: 13px; color: #ffffff; font-weight: 500; text-transform: uppercase; transition-duration: .8s;}
#header .conteudo .menu li a {display: flex; flex-direction: column; align-items: center;}
#header .conteudo .menu li:hover {top: -20px; transition-duration: .8s;}
#header .conteudo .menu li .linha {width: 2px; height: 10px; background: var(--cor-secundaria); margin-bottom: 50px; opacity: 0; bottom: 100%; transition-duration: .8s;}
#header .conteudo .menu li:hover .linha {opacity: 1; height: 50px; margin-bottom: 10px; transition-duration: .8s;}
#header .conteudo .menu li .link {font-size: 13px; color: #ffffff; font-weight: 500; text-transform: uppercase;}
#header .conteudo .box.active .linha {opacity: 1; height: 50px; margin-bottom: 10px; transition-duration: .8s;}
#header .conteudo .box.active {top: -20px; transition-duration: .8s;}
#header .conteudo .box-submenu {position: relative; display: flex; flex-direction: column; align-items: center;}
#header .conteudo .submenu {position: absolute; overflow: hidden; top: calc(100% + 25px); width: 360px; border-radius: 10px; padding: 0; background: #fff; max-height: 0; transition-duration: .8s;}
#header .conteudo .submenu::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 8px; background: #3b8ede;}
#header .conteudo .submenu.active {max-height: 500px; padding: 8px 0 0 0; transition-duration: .8s;}
#header .conteudo .submenu li {position: relative; top: auto; align-items: flex-start; width: 100%; border-bottom: solid 1px #d9d9d9;}
#header .conteudo .submenu li:last-child {border: none;}
#header .conteudo .submenu li:hover {top: auto;}
#header .conteudo .submenu .link-produto {text-transform: uppercase; box-sizing: border-box; align-items: flex-start; width: 100%; font-size: 13px; font-weight: 600; padding: 20px 0 20px 15px; color: #666; transition-duration: .8s;}
#header .conteudo .submenu .link-produto:hover {color: #102338; background: #d9d9d9; transition-duration: .8s;}
#header .conteudo .social {display: flex; align-items: center;}
#header .conteudo .social li {display: block; margin-left: 10px;}
#header .conteudo .social li:first-child {margin: 0;}
#header .conteudo .social li svg {height: 19px; width: 19px;}
#header .conteudo .social li svg path {fill: #ffffff; transition-duration: .8s;}
#header .conteudo .social li:hover svg path {fill: var(--cor-secundaria); transition-duration: .8s;}
#header .conteudo .whatsapp {position: absolute; top: 100%; right: 0; display: flex; align-items: center; padding: 10px 16px; border-radius: 50px; background: var(--cor-principal); color: #ffffff; font-size: 12px; font-weight: 700; cursor: pointer; transition-duration: .8s;}
#header .conteudo .whatsapp:hover {background: var(--cor-secundaria); transition-duration: .8s;}
#header .conteudo .whatsapp svg {height: 20px; width: 20px; margin-right: 10px;}

#header .conteudo .ico-menu {display: none; width: 35px; position: absolute; right: 0;}
#header .conteudo .ico-menu .line {height: 3px; width: 35px; position: relative; background: #ffffff; margin-bottom: 6px; transition-duration: 0.8s;}
#header .conteudo .ico-menu .line:nth-child(3) {margin-bottom: 0;}
#header .conteudo .ico-menu.close .line {position: absolute; transition-duration: 0.8s;}
#header .conteudo .ico-menu.close .line:nth-child(2) {display: none; transition-duration: 0.8s;}
#header .conteudo .ico-menu.close .line:nth-child(1) {transform: rotate(45deg); transition-duration: 0.8s;}
#header .conteudo .ico-menu.close .line:nth-child(3) {transform: rotate(-45deg); transition-duration: 0.8s;}

#footer {background: #f4f4f4; position: relative; width: 100%; display: flex; flex-direction: column;}
#footer .conteudo {display: flex; align-items: center; padding: 90px 0;}
#footer .conteudo .logo {max-width: 120px; width: 100%; position: relative; margin-right: 140px;}
#footer .conteudo .logo svg {height: 100%; width: 100%;}
#footer .conteudo .logo svg path {fill: var(--cor-principal);}
#footer .conteudo .social {display: flex; align-items: center; margin-right: 50px;}
#footer .conteudo .social li {margin-left: 5px; display: block;}
#footer .conteudo .social li:first-child {margin-left: 0px;}
#footer .conteudo .social li svg {height: 18px; width: 18px;}
#footer .conteudo .social li svg path {fill: var(--cor-principal); transition-duration: .8s;}
#footer .conteudo .social li:hover svg path {fill: var(--cor-secundaria); transition-duration: .8s;}
#footer .conteudo .menu {display: flex; align-items: center; justify-content: space-between;}
#footer .conteudo .menu li {font-size: 12px; font-weight: 500; color: var(--cor-principal); margin-left: 55px;}
#footer .conteudo .menu li:first-child {margin: 0;}
#footer .conteudo .menu li a {display: flex; align-items: center;}
#footer .conteudo .menu li svg {height: 12px; width: 12px; margin-right: 10px; margin-top: 2px;}
#footer .conteudo .menu li svg path {fill: var(--cor-secundaria);}
#footer .box-menu-lgpd {width: 100%; background: var(--cor-principal); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; border-top: solid 1px #e1e1e1; padding: 20px 0;}
#footer .box-menu-lgpd .wrapper {display: flex; justify-content: space-between; align-items: center;}
#footer .box-menu-lgpd .menu-lgpd {display: flex; justify-content: flex-start;}
#footer .box-menu-lgpd .menu-lgpd li {color: #ffffff; font-size: 11px; transition-duration: .8s;}
#footer .box-menu-lgpd .menu-lgpd li:hover {color: var(--cor-secundaria); transition-duration: .8s;}
#footer .box-menu-lgpd .menu-lgpd a {margin-right: 20px;}
#footer #egge {background: transparent; display:block; overflow: hidden; transform: translate3d(0,0,0); text-align: center; opacity: 1;}
#footer #egge svg path {fill: #ffffff; transition-duration: .8s;}
#footer #egge:hover svg path {fill: var(--cor-secundaria); transition-duration: .8s;}

#home {width: 100%; height: 100%; overflow: hidden;}
#home .banners {position: relative; height: 98vh; width: 100%; overflow: hidden; -webkit-animation-name: fadeIn; animation-name: fadeIn; z-index: 1; background: var(--cor-principal);}
#home .banners .lista {height: 100%; width: 100%; object-fit: cover; position: relative; z-index: 2;}
#home .banners .lista .banner {width: 100%; height: 100%;}
#home .banners .lista .banner img {height: 100%; width: 100%; object-fit: cover; display: block; z-index: 1; position: fixed;}
#home .banners .lista .banner .img-banner-mobile {display: none;}
#home .banners .lista .banner .wrapper::after {content: ""; width: 100%; height: 16px; background: var(--cor-principal); position: absolute; bottom: 0; left: 0;}
#home .banners .lista .banner .info {position: absolute; bottom: 0; height: 90%; justify-content: center; width: 35%; display: flex; flex-direction: column; align-items: flex-start; z-index: 3;}
#home .banners .lista .banner .info .titulo {color: #ffffff; font-weight: 700; position: relative; left: -100px; opacity: 0; margin-bottom: 25px; transition-duration: .8s;}
#home .banners .lista .banner .info .titulo.active {left: 0; opacity: 1; transition-duration: .8s;}
#home .banners .lista .banner .info .texto {position: relative; color: #ffffff; left: -100px; opacity: 0; transition-duration: .8s;}
#home .banners .lista .banner .info .texto.active {left: 0; opacity: 1; transition-duration: .8s;}
#home .banners .lista .banner .info .botao {position: relative; left: -100px; opacity: 0; margin-top: 40px; transition-duration: .8s;}
#home .banners .lista .banner .info .botao.active {left: 0; opacity: 1; transition-duration: .8s;}
#home .banners .owl-dots {position: absolute; z-index: 9; bottom: 50px; width: 100%; display: flex; justify-content: center;}
#home .banners .owl-dots .owl-dot {border: solid 2px #ffffff; background: #ffffff00;}
#home .banners .owl-dots .owl-dot:hover {background: #ffffff;}
#home .banners .owl-dots .owl-dot.active {background: #ffffff;}

#solucoes .box-topo-interno .info {display: flex; width: 70%; justify-content: flex-start; flex-direction: row; align-items: center;}
#solucoes .box-topo-interno .info .titulo {margin-bottom: 0; font-size: 60px; width: 30%;}
#solucoes .box-topo-interno .info .texto {width: 50%; padding-left: 30px; box-sizing: border-box;}
#solucoes .solucoes {padding: 100px 0 80px; display: flex; flex-direction: column;}
#solucoes .solucao {display: flex; justify-content: space-between; align-items: center; padding-bottom: 100px;}
#solucoes .solucao:last-child {padding-bottom: 0;}
#solucoes .solucao:nth-child(even) {flex-direction: row-reverse;}
#solucoes .solucao .info {width: 50%; padding-top: 80px;}
#solucoes .solucao .titulo {font-weight: 700; color: #666666; margin-bottom: 40px;}
#solucoes .solucao .texto {color: #666666; columns: 2; text-align: justify; line-height: 22px;}
#solucoes .solucao .box-img {width: 40%; height: 550px; position: relative;}
#solucoes .solucao .box-img img {height: 100%; width: 100%; object-fit: contain;}
#solucoes .carousel {padding: 60px 0 100px;}
#solucoes .carousel .box-carousel {height: 280px; display: block; position: relative; background: #073062; transition-duration: .8s;}
#solucoes .carousel .box-carousel .botao-secundario {position: absolute; left: 20px; bottom: 20px; width: calc(100% - 40px); color: #ffffff; opacity: 0; z-index: 2; transition-duration: .8s;}
#solucoes .carousel .box-carousel:hover .botao-secundario {opacity: 1; transition-duration: .8s;}
#solucoes .carousel .box-carousel .botao-secundario .linha {background: #ffffff; width: 5%; transition-duration: 1s;}
#solucoes .carousel .box-carousel:hover .botao-secundario .linha {width: 80%; transition-duration: 1s;}
#solucoes .carousel .box-carousel img {width: 100%; height: 100%; object-fit: cover; transition-duration: .8s;}
#solucoes .carousel .box-carousel:hover img {opacity: .5; transition-duration: .8s;}

#produto .box-topo-interno .info {display: flex; width: 70%; flex-direction: row; align-items: center;}
#produto .box-topo-interno .info .titulo {width: 50%; margin-bottom: 0; font-size: 60px;}
#produto .box-topo-interno .info .texto {width: 50%; padding-left: 30px; box-sizing: border-box;}

#produto .conteudo-download {z-index: 5;}
#produto .conteudo-download .botao-download {position: absolute; left: 0; bottom: 30px; z-index: 9;}

#produto .sobre-produto {display: flex; justify-content: space-between; align-items: flex-end; position: relative; bottom: 100px;}
#produto .sobre-produto .info {width: 50%;}
#produto .sobre-produto .info .titulo {font-weight: 700; color: #666666; margin-bottom: 75px;}
#produto .sobre-produto .info .texto {color: #666666; text-align: justify; columns: 2; line-height: 22px;}
#produto .sobre-produto .info .botao-secundario {margin-top: 75px; color: #666666;}
#produto .sobre-produto .box-img {height: 550px; width: 40%; position: relative;}
#produto .sobre-produto .box-img img {height: 100%; width: 100%; object-fit: contain;}

#produto .list-tecnologia {background:#161616; padding: 80px 0;}
#produto .list-tecnologia .box-img {width: 100%;}
#produto .list-tecnologia .box-img img {width: 100%; height: fit-content; object-fit: contain;}
#produto .tecnologia {position: relative;height:800px;left:50%;transform:translate(-50%);}
#produto .tecnologia * {font-size: 14px; line-height: 120%; color: #666666; font-weight: 400;}
#produto .tecnologia .texto,
#produto .tecnologia .texto1,
#produto .tecnologia .texto2,
#produto .tecnologia .texto3 {color: #dfdfdf;}
#produto .tecnologia .box-img-1 {position: absolute; z-index: 2;left:50%;transform:translateX(-50%);margin-left:-160px;margin-top:40px;}
#produto .tecnologia .box-img-1 .tecnologia-alema {position: absolute; background: #ffffff; right: -153px; top: 230px; display: flex; justify-content: space-between; padding: 12px 75px 12px 20px; border-radius: 50px; overflow: hidden; }
#produto .tecnologia .box-img-1 .tecnologia-alema .bandeira {position: absolute; right: 0; top: 0; height: 100%; width: 35px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0 50px 50px 0;}
#produto .tecnologia .box-img-1 .tecnologia-alema .bandeira .preto {height: 33.33%; width: 100%; background: #000000;}
#produto .tecnologia .box-img-1 .tecnologia-alema .bandeira .vermelho {height: 33.33%; width: 100%; background: #dd0000;}
#produto .tecnologia .box-img-1 .tecnologia-alema .bandeira .amarelo {height: 33.33%; width: 100%; background: #ffce00;}
#produto .tecnologia .box-img-1 .texto1 { position: absolute; left: -250px; top: 300px; width: 270px;}
#produto .tecnologia .box-img-1 .texto2 {position: absolute; left: -235px; top: 440px; width: 290px;}
#produto .tecnologia .box-img-1 .texto3 { position: absolute; right: -44px; bottom: 90px; width: 250px;}
#produto .tecnologia .box-img-2 {position: absolute; left:50%;transform:translateX(-50%);margin-left:480px;margin-top:250px;}
#produto .tecnologia .box-img-2 .texto { position: absolute; left: -79px; bottom: 7px; width: 130px; text-align: right;}

/* #produto .informacoes {display: flex; flex-direction: column; padding-top: 25px;}
#produto .informacoes .pastilhas {display: flex; flex-direction: column; align-items: center;}
#produto .informacoes .pastilhas .info {display: flex; justify-content: center;}
#produto .informacoes .pastilhas .info .titulo {color: #9eacba; width: 65%; line-height: 40px; text-align: center;}
#produto .informacoes .pastilhas .box {display: flex; justify-content: space-between; align-items: center; padding-top: 100px; width: 100%;}
#produto .informacoes .pastilhas .box .carousel {width: 35%;}
#produto .informacoes .pastilhas .box .carousel .box-carousel {height: 350px; position: relative;}
#produto .informacoes .pastilhas .box .carousel .box-carousel img {height: 100%; width: 100%; object-fit: contain;}
#produto .informacoes .pastilhas .box .tabela tbody {width: 100%;}
#produto .informacoes .pastilhas .box .tabela {width: 60%; display: flex; justify-content: space-between;}
#produto .informacoes .pastilhas .box .tabela tr {width: 100%; display: flex; justify-content: space-between;}
#produto .informacoes .pastilhas .box .tabela tr td {font-size: 14px; color: var(--cor-principal); margin: 2px 0; font-weight: 400; text-align: center; width: calc(16.66% - 2px); padding: 15px 0; border-radius: 8px; background: #dbe2e8;}
#produto .informacoes .pastilhas .box .tabela tr:nth-child(even) td {background: #b6c0ca; margin: 0;}
#produto .informacoes .pastilhas .box .tabela .infos {margin-bottom: 10px;}
#produto .informacoes .pastilhas .box .tabela .infos td {background: var(--cor-principal); color: #ffffff; margin: 0;}
#produto .informacoes .standard {display: flex; flex-direction: column; padding-top: 75px;}
#produto .informacoes .standard .info {padding-bottom: 30px;}
#produto .informacoes .standard .info .titulo {color: var(--cor-secundaria); font-weight: 800; margin-bottom: 10px;}
#produto .informacoes .standard .info .texto {color: #666666;}
#produto .informacoes .standard .box {display: flex; justify-content: space-between; align-items: center; width: 100%;}
#produto .informacoes .standard .box .carousel {width: 35%;}
#produto .informacoes .standard .box .carousel .box-carousel {height: 500px; position: relative;}
#produto .informacoes .standard .box .carousel .box-carousel img {height: 100%; width: 100%; object-fit: contain;}
#produto .informacoes .standard .box .tabela tbody {width: 100%;}
#produto .informacoes .standard .box .tabela {width: 60%; display: flex; justify-content: space-between;}
#produto .informacoes .standard .box .tabela tr {width: 100%; display: flex; justify-content: space-between;}
#produto .informacoes .standard .box .tabela tr td {font-size: 14px; color: var(--cor-principal); margin: 2px 0; font-weight: 400; text-align: center; width: calc(14.28% - 2px); padding: 15px 0; border-radius: 8px; background: #dbe2e8;}
#produto .informacoes .standard .box .tabela tr:nth-child(even) td {background: #b6c0ca; margin: 0;}
#produto .informacoes .standard .box .tabela .infos {margin-bottom: 10px;}
#produto .informacoes .standard .box .tabela .infos td {background: var(--cor-principal); color: #ffffff; margin: 0;} */

#produto .brocas {background: url(../imagens/site/bg_produtos.jpg) no-repeat center #073062; padding: 220px 0;}
#produto .brocas .conteudo {display: flex; justify-content: space-between; align-items: flex-end;} 
#produto .brocas .conteudo .info {width: 40%;}
#produto .brocas .conteudo .info .titulo {font-size: 50px; font-weight: 800; color: #ffffff; line-height: 70px;}
#produto .brocas .conteudo .box {display: flex; align-items: center;}
#produto .brocas .conteudo .box .box-img {display: flex; flex-direction: column; align-items: center; margin-right: 130px;}
#produto .brocas .conteudo .box .box-img .imagem {height: 220px; width: 220px; margin-bottom: 20px; overflow: hidden; border-radius: 50%; border: solid 6px #104178; background: var(--cor-principal); position: relative;}
#produto .brocas .conteudo .box .box-img .imagem img {height: 100%; width: 100%; object-fit: cover;}
#produto .brocas .conteudo .box .box-img .texto {color: #ffffff; width: 70%; text-align: center;}
#produto .brocas .conteudo .box .box-img .botao {margin-top: 20px;}

#produto .carousel-brocas {padding: 60px 0 100px;}
#produto .carousel-brocas .box-carousel {height: 475px; display: block; position: relative; background: #073062; transition-duration: .8s;}
#produto .carousel-brocas .box-carousel .botao-secundario {position: absolute; left: 20px; bottom: 20px; width: calc(100% - 40px); color: #ffffff; opacity: 0; z-index: 2; transition-duration: .8s;}
#produto .carousel-brocas .box-carousel:hover .botao-secundario {opacity: 1; transition-duration: .8s;}
#produto .carousel-brocas .box-carousel .botao-secundario .linha {background: #ffffff; width: 5%; transition-duration: 1s;}
#produto .carousel-brocas .box-carousel:hover .botao-secundario .linha {width: 80%; transition-duration: 1s;}
#produto .carousel-brocas .box-carousel img {width: 100%; height: 100%; object-fit: cover; transition-duration: .8s;}
#produto .carousel-brocas .box-carousel:hover img {opacity: .5; transition-duration: .8s;}

#contato .box-form {padding: 100px 0;}
#contato .box-form .menu {padding-bottom: 60px; display: flex; align-items: center;}
#contato .box-form .menu li {margin-left: 50px;}
#contato .box-form .menu li:first-child {margin-left: 0px;}
#contato .box-form .menu li a {font-size: 14px; color: #999999; font-weight: 600; display: flex; align-items: center; transition-duration: .8s;}
#contato .box-form .menu li a:hover {color: var(--cor-principal); transition-duration: .8s;}
#contato .box-form .menu li a svg {height: 14px; width: 14px; margin-right: 10px;}
#contato .box-form .menu li a svg path {fill: #999999; transition-duration: .8s;}
#contato .box-form .menu li a:hover svg path {fill: var(--cor-principal); transition-duration: .8s;}

#contato .box-mapa {display: flex; flex-direction: column; padding-bottom: 100px;}
#contato .box-mapa .menu {display: flex; flex-direction: column;}
#contato .box-mapa .menu li {display: flex; align-items: center; font-size: 14px; color: #808080; margin: 5px 0;}
#contato .box-mapa .menu li a {display: flex; align-items: center; font-size: 14px; color: #808080;}
#contato .box-mapa .menu li svg {width: 10px; margin-right: 10px;}
#contato .box-mapa .menu li svg path {fill: #999999;}
#contato .box-mapa .mapa {width: 100%; border-radius: 8px; height: 380px; background: #333333; margin-top: 10px;position:relative;overflow:hidden;}
#contato .box-mapa .mapa iframe {width:100%;height:100%;}

#politica-de-privacidade {display: block;}
#politica-de-privacidade .conteudo-politica {padding: 100px 0; display: flex; flex-direction: column;}
#politica-de-privacidade .conteudo-politica .texto {color: #808080; font-size: 15px;}

#politica-de-cookies {display: block;}
#politica-de-cookies .conteudo-politica {padding: 100px 0; display: flex; flex-direction: column;}
#politica-de-cookies .conteudo-politica .texto {color: #808080; font-size: 15px;}

#erro404 {background: url(../imagens/site/404.jpg) no-repeat center top;}
#erro404 .conteudo {width: 100%; height: 90vh; display: flex; align-items: center; justify-content: center; flex-direction: column; padding-top: 150px;}
#erro404 .conteudo .chamada {color: #ffffff; margin-top: 50px;}
#erro404 .conteudo .botao {color: #ffffff; border: solid 2px #ffffff; cursor: pointer; margin-top: 30px;}
#erro404 .conteudo .botao:hover {background: #333333; border: solid 2px #666666; color: var(--cor-principal);}
#erro404 .conteudo .revisao {margin-top: 100px;}