html {background:#f2f2f2;}
body {font-size:14px;color:#000000;font-family:'Titillium Web';}
html,
body {height:100%;}

html.active {overflow: hidden;}

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

i, em {font-style:italic;}

a {color:#000000;}

a {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:#666666;}
::-moz-placeholder {color:#666666;}
:-ms-input-placeholder {color:#666666;}
input:-moz-placeholder {color:#666666;}

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

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

::selection {
  background:#999999;
  color: #ffffff;
}
::-moz-selection {
  background:#999999;
  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 .success {font-size:16px;margin-bottom:20px;}
form .success {color:green;}
form .error {color:red;}
form .retorno {width:100%;}

.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% - 40px);}

.texto {line-height:150%;}
.texto p {margin-bottom:16px;}
.texto img {display:table;margin:0 auto;max-width:100%;}

.loading-full {position:fixed;z-index:99;top:0;bottom:0;left:0;right:0;background:rgba(255, 255, 255, 0.7);display:none;}

.sk-circle {
  width: 40px;
  height: 40px;
  position: fixed;
  z-index: 99;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #79cd05;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

#content {position:relative;width:100%;max-width:1920px;margin:0 auto;background:#ffffff;overflow:hidden;}
#content-page {}

.titulo {line-height: 100%; font-weight: 400;}
.titulo.bold {font-weight: 700;}
.titulo.white {color: #fff;}
.titulo.size1 {font-size: 110px;}
.titulo.size2 {font-size: 55px;}
.titulo.size3 {font-size: 65px;}
.titulo.size4 {font-size: 24px;}
.titulo.size5 {font-size: 23px;}
.titulo.size6 {font-size: 18px;}

.texto {font-size: 14px; font-weight: 500; line-height: 120%;}
.texto.size2 {font-size: 24px;}
.texto.bold {font-weight: 700;}

.botao {height: 100px; width: 100px; font-size: 16px; font-weight: 700; text-transform: uppercase; border: solid 4px #ffffff; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition-duration: .8s;}
.botao:hover {border: solid 4px #000000; transition-duration: .4s;}
.botao svg {width: 45px; transition-duration: .4s;}
.botao:hover svg {height: 0;}
.botao svg:first-child {height: 0; transition-duration: .4s;}
.botao:hover svg:first-child {height: 22px; transition-duration: .4s;}
.botao svg path {fill: #ffffff; transition-duration: .8s;}
.botao:hover svg path {fill: #000000; transition-duration: .8s;}
.botao .svg {display: flex; flex-direction: column; margin-left: 25px;}

.botao-grande {height: 85px; font-size: 16px; background: #000000; font-weight: 700; padding: 0 60px; flex-direction: row; text-transform: uppercase; box-sizing: border-box; color: #ffffff; border: none; outline: 0; display: flex; align-items: center;}
.botao-grande svg {width: 45px; transition-duration: .4s;}
.botao-grande:hover svg {height: 0;}
.botao-grande svg:first-child {height: 0; transition-duration: .4s;}
.botao-grande:hover svg:first-child {height: 22px; transition-duration: .4s;}
.botao-grande svg path {fill: #ffffff; transition-duration: .8s;}
.botao-grande .svg {display: flex; flex-direction: column; margin-left: 25px;}

.botao-secundario {height: 85px; width: 340px; margin-right: 20px; border: solid 4px #ffffff; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.botao-secundario .texto-botao {flex: 1; height: 100%; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #ffffff; padding-left: 70px; box-sizing: border-box; display: flex; align-items: center; transition-duration: .8s;}
.botao-secundario:hover .texto-botao {background: #ffffff; color: #000000; transition-duration: .8s;}
.botao-secundario .botao {width: 85px; height: 85px; border-right: 0; display: flex; align-items: center; justify-content: center; margin: 0!important;}
.botao-secundario:hover .botao {border: solid 4px #ffffff; border-right: 0;}
.botao-secundario .botao svg {transform: rotate(0deg)!important;}
.botao-secundario .botao svg path {fill: #ffffff;}
.botao-secundario:hover .botao svg path {fill: #ffffff;}
.botao-secundario:hover .botao svg {height: 0;}
.botao-secundario .botao svg:first-child {height: 0; transition-duration: .4s;}
.botao-secundario:hover .botao svg:first-child {height: 22px; transition-duration: .4s;}

.branco {color: #ffffff;}
.upper {text-transform: uppercase;}

.owl-dots {padding-top: 25px; display: flex; align-items: center; justify-content: center;}
.owl-dots .owl-dot {height: 20px; width: 20px; border: solid 1px #ffffff00; background: #ffffff00; border-radius: 50%; margin: 0 5px; box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: center; transition-duration: .8s;}
.owl-dots .owl-dot::after {content: ""; height: 12px; width: 12px; border-radius: 50%; background: #ffffff; position: absolute;}
.owl-dots .owl-dot.active {border: solid 1px #ffffff; transition-duration: .8s;}
.owl-dots .owl-dot:hover {border: solid 1px #ffffff; transition-duration: .8s;}

.box-topo-interno {height: calc(100vh - 20px); background: #222222; z-index: 2; position: relative;}
.box-topo-interno .wrapper {height: 100%;}
.box-topo-interno .conteudo {position: relative; height: 100%;}
.box-topo-interno .conteudo .info {position: absolute; left: 0; bottom: 20%; width: 50%;}
.box-topo-interno .conteudo .info .titulo {margin-bottom: 20px;}
.box-topo-interno .conteudo .info .titulo::first-line {font-weight: 600;}
.box-topo-interno .conteudo .info .botao {margin-top: 60px;}
.box-topo-interno .conteudo .info .botao svg {transform: rotate(90deg);}
.box-topo-interno .conteudo .carousel-topo {position: absolute; width: 365px; height: 70%; right: 170px; bottom: -75px;}
.box-topo-interno .conteudo .carousel-topo .box-carousel {background: #dadada; height: 100%; position: relative;}
.box-topo-interno .conteudo .carousel-topo .box-carousel img {width: 100%; height: 100%; object-fit: cover;}
.box-topo-interno .conteudo .logo {position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%);}
.box-topo-interno .conteudo .logo svg path {fill: #ffffff;}
.box-topo-interno .conteudo .form-top {width: 100%; display: flex; padding-top: 60px;}
.box-topo-interno .conteudo .form-top input {width: 60%; height: 85px; border: solid 4px #000000; background: #ffffff00; font-size: 16px; font-weight: 700; color: #ffffff; padding-left: 35px; box-sizing: border-box;}
.box-topo-interno .conteudo .form-top input::-webkit-input-placeholder {font-size: 16px; font-weight: 700; color: #ffffff; text-transform: uppercase;}
.box-topo-interno .conteudo .form-top .botao-grande {width: 50%;}

.box-topo-interno-secundario {height: 400px; background: #222222;}
.box-topo-interno-secundario .wrapper {height: 100%;}
.box-topo-interno-secundario .info {position: absolute; left: 0; bottom: 0; width: 50%; height: calc(100% - 100px); display: flex; flex-direction: column; justify-content: center;}
.box-topo-interno-secundario .info .titulo {margin-bottom: 20px;}

.menu-produtos {position: fixed; z-index: 11; height: 0; top: 125px; width: 100%; background: #e6e7e9; overflow: hidden; box-sizing: border-box; transition: all ease 1s;}
.menu-produtos.scroll {top: 80px; transition-duration: .8s;}
.menu-produtos.active {height: 485px; transition: all ease 1s;}
.menu-produtos .conteudo {display: flex; border-top: solid 1px #e6e7e9;}
.menu-produtos .conteudo .categorias {max-width: 400px;min-width: 350px; width: 100%; height: 500px; display: flex; flex-direction: column; border-right: solid 1px #c9caccc9; border-left: solid 1px #c9cacc;}
.menu-produtos .conteudo .categorias .categoria {display: flex; align-items: center; box-sizing: border-box; cursor: pointer; position: relative; padding: 0 20px; height: 60px; border-bottom: solid 1px #c9cacc; background: #e6e7e9; transition-duration: .8s;}
.menu-produtos .conteudo .categorias .categoria:hover{background: #d1d2d4; transition-duration: .8s;}
.menu-produtos .conteudo .categorias .categoria .tipo {width: 32px; height: 32px; border: solid 2px #000000; box-sizing: border-box; font-size: 26px; text-transform: uppercase; font-weight: 700; display: flex; align-items: center; justify-content: center; text-align: center; transition-duration: .8s;transition-duration:0.5s;}
.menu-produtos .conteudo .categorias .categoria .tipo.a:hover {background:#6cfc13;}
.menu-produtos .conteudo .categorias .categoria .tipo.b:hover {background:#f8c8de;}
.menu-produtos .conteudo .categorias .categoria .tipo.c:hover {background: #f58220;}
.menu-produtos .conteudo .categorias .categoria .mais {font-size: 18px; font-weight: 700; margin: 0 5px;}
.menu-produtos .conteudo .categorias .categoria .titulo {text-transform: uppercase; margin-left: 10px;}
.menu-produtos .conteudo .categorias .categoria svg {position: absolute; right: 20px; opacity: 0; transform: rotate(270deg); transition-duration: .8s;}
.menu-produtos .conteudo .categorias .categoria:hover svg {opacity: 1; transition-duration: .8s;}
.menu-produtos .conteudo .categorias .categoria-logo svg {width: 220px; height: fit-content; opacity: 1; transform: none; position: relative; right: 0;}
.menu-produtos .conteudo .menu {flex: 1; display: flex;}
.menu-produtos .conteudo .menu .produto {border-right: solid 1px #e6e7e9;}

.info-blog {padding: 140px 0 90px; display: flex; align-items: center; justify-content: space-between;}
.info-blog .textos {width: 25%;}
.info-blog .textos .titulo {text-transform: uppercase; margin-bottom: 10px;}
.info-blog .textos .titulo::first-line {font-weight: 600;}
.info-blog .botao-secundario {border: solid 4px #000000; margin: 0;}
.info-blog .botao-secundario .texto-botao {color: #000000;}
.info-blog .botao-secundario:hover .texto-botao {color: #ffffff; background: #000000; transition-duration: .8s;}
.info-blog .botao-secundario .botao {border: solid 4px #000000; border-right: 0;}
.info-blog .botao-secundario .botao svg path {fill: #000000;}

.produto {display: flex; flex-direction: column; background: #ffffff; padding: 20px;min-height:450px;}
.produto .topo {display: flex; align-items: flex-start; position: relative;}
.produto .topo .tipos {display: flex; align-items: center; margin-right: 10px;}
.produto .topo .tipos .tipo {width: 32px; height: 32px; border: solid 2px #000000; box-sizing: border-box; font-size: 20px; text-transform: uppercase; font-weight: 700; display: flex; align-items: center; justify-content: center; text-align: center;transition-duration:0.5s;}
.produto .topo .tipos .mais {font-size: 18px; font-weight: 700; margin: 0 5px;}
.produto .topo .icone {height: 32px; width: 32px; border-radius: 50%; background: #000000; position: absolute; right: 0;}
.produto .box-img {margin: 25px auto 0; height: 250px; max-width: 250px; width: 100%; position: relative;}
.produto .box-img img {width: 100%; height: 100%; object-fit: contain; transition-duration: .8s;}
.produto:hover .box-img img {opacity: .7; transition-duration: .8s;}
.produto .valores {display: flex; align-items: center; justify-content: space-between; position: relative; padding: 5px 0; margin-top: 25px;}
.produto .valores::before {content: ""; width: calc(100% + 5px); height: 2px; background: #000000; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.produto .valores::after {content: ""; width: calc(100% + 5px); height: 2px; background: #000000; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.produto .valores .valor {font-weight: 700; font-size: 18px;}
.produto .botoes {margin-top: 15px; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center;}
.produto .botoes .informacoes {display: flex; align-items: center; justify-content: flex-start; flex: 1;}
.produto .botoes .informacoes .texto {font-size: 10px; text-transform: uppercase; font-weight: 600; margin-top: 0; width: 55%;}
.produto .botoes .informacoes svg {width: 23px!important; height: 23px!important; margin-right: 5px;}

.botao-produto {font-size: 18px; font-weight: 700; text-transform: uppercase; cursor: pointer; padding: 10px; background: #000000; border: solid 4px #000000; color: #ffffff; transition-duration: .8s;}
.botao-produto:hover,
.botao-produto.active {color: #000000; background: #6cfc14; border-color: #6cfc14; transition-duration: .8s;}
.botao-produto.botao-esgotado {background: #e6e7e9; color: #000000; border-color: #e6e7e9;}
.botao-produto.botao-esgotado:hover {background: #6cfc14; border-color: #6cfc14; transition-duration: .8s;}

.natureza {padding: 150px 0 250px; background: url(../imagens/site/natureza.jpg) no-repeat center; background-size: cover; position: relative;}
.natureza .titulo {width: 45%; line-height: 150%;}
.natureza .titulo b {position: relative;}
.natureza .titulo b .svg {position: absolute; top: 85%; left: 0; width: 250px; max-height: 29px; display: flex;}
.natureza .titulo b:nth-child(2) .svg {width: 290px;}
.natureza .titulo b .svg svg {width: 100%;}
.natureza .logo {position: absolute; bottom: 160px; left: 50%; transform: translateX(-50%);}

.video .play {position: absolute; display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 90px; width: 90px; border: solid 8px #ffffff; background: #f9c9df; box-shadow: 6px 6px 0px 0px #000000; transition-duration: .4s;}
.video:hover .play {box-shadow: 10px 10px 0px 0px #000000; transition-duration: .4s;}
.video .play svg {height: 25px;}

.whatsapp {position: fixed; bottom: 50px; right: 20px; z-index: 9; height: 65px; width: 65px; border-radius: 50%; background: #63d91a; display: flex; align-items: center; justify-content: center; transition-duration: .8s;}
.whatsapp:hover {background: #45a00d; transition-duration: .8s;}
.whatsapp svg {height: auto; width: 35px;}

.blog .lista .post {display: flex; flex-direction: column; position: relative; padding-top: 60px;}
.blog .lista .post .data {height: 60px; padding: 0 25px; display: flex; align-items: center; font-size: 16px; font-weight: 600; position: absolute; left: 0; width: fit-content; top: 0; z-index: 2; transition-duration: .8s;}
.blog .lista .post:hover .data {color: #ffffff; top: 10px; transition-duration: .8s;}
.blog .lista .post .data::before {content: ""; position: absolute; left: 0; height: 100%; width: 5px; z-index: -1; background: #95c11f; transition-duration: .8s;}
.blog .lista .post:hover .data::before {width: 100%; transition-duration: .8s;}
.blog .lista .post .box-img {height: 320px; background: #000000; position: relative; display: flex; align-items: center; justify-content: center;}
.blog .lista .post .box-img img {height: 100%; width: 100%; object-fit: cover; transition-duration: .8s;}
.blog .lista .post:hover .box-img img {opacity: .5; transition-duration: .8s;}
.blog .lista .post .box-img .botao {position: absolute; opacity: 0; z-index: 2; border: solid 4px #ffffff; transition-duration: .8s;}
.blog .lista .post:hover .box-img .botao {opacity: 1; transition-duration: .8s;}
.blog .lista .post .box-img .botao svg path {fill: #ffffff;}
.blog .lista .post .info {padding-top: 30px; display: flex; flex-direction: column;}
.blog .lista .post .info .titulo {margin-bottom: 25px; transition-duration: .8s;}
.blog .lista .post:hover .info .titulo {color: #95c11f; transition-duration: .8s;}
.blog .lista .post .info .texto {text-align: justify;}
.blog .owl-dots {padding-top: 80px;}
.blog .owl-dots .owl-dot::after {background: #95c11f;}
.blog .owl-dots .owl-dot:hover {border: solid 1px #95c11f; transition-duration: .8s;}
.blog .owl-dots .owl-dot.active {border: solid 1px #95c11f; transition-duration: .8s;}

.menu-mobile {position: fixed; top: 95px; height: 0; width: 100%; z-index: 9; background: #000000; overflow: hidden; transition-duration: .8s;}
.menu-mobile::before {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 6px; background: #94c11e;}
.menu-mobile.scroll {top: 80px; transition-duration: .8s;}
.menu-mobile.active {height: calc(100vh - 100px); top: 80px; transition-duration: .8s;overflow: auto;}
.menu-mobile .menu {display: flex; flex-direction: column; padding-top: 25px;}
.menu-mobile .menu li {margin-bottom: 10px;}
.menu-mobile .menu li a {font-size: 18px; text-transform: uppercase; font-weight: 600; color: #ffffff;}
.menu-mobile .menu .menu-produtos-mobile .link-menu {font-size: 18px; color: #ffffff; text-transform: uppercase; font-weight: 600; display: flex; align-items: center; justify-content: space-between;}
.menu-mobile .menu .menu-produtos-mobile .link-menu svg {height: 10px;}
.menu-mobile .menu .menu-produtos-mobile .link-menu svg path {fill: #ffffff;}
.menu-mobile .menu .menu-produtos-mobile .submenu {background: #95c11f; border-radius: 4px; padding: 0px 15px; font-size: 20px; letter-spacing: 1px; font-weight: bold; overflow: hidden; max-height: 0; transition: all 1.5s ease; display: flex; flex-direction: column;}
.menu-mobile .menu .menu-produtos-mobile .submenu.active {max-height: 800px; margin-top: 5px; padding: 15px; transition: all 1.5s ease;}
.menu-mobile .menu .menu-produtos-mobile .submenu li {margin-bottom: 10px;}
.menu-mobile .menu .menu-produtos-mobile .submenu li .link {font-size: 18px; text-transform: uppercase; font-weight: 600; color: #ffffff; display: flex; align-items: center; justify-content: space-between;}
.menu-mobile .menu .menu-produtos-mobile .submenu li .link svg {height: 10px;}
.menu-mobile .menu .menu-produtos-mobile .submenu li .link svg path {fill: #ffffff;}
.menu-mobile .menu .menu-produtos-mobile .sub-submenu {background: #000; border-radius: 4px; padding: 0px 15px; font-size: 20px; letter-spacing: 1px; font-weight: bold; overflow: hidden; max-height: 0; transition: all 1.5s ease; display: flex; flex-direction: column;}
.menu-mobile .menu .menu-produtos-mobile .sub-submenu.active {max-height: 800px; margin-top: 5px; padding: 15px; transition: all 1.5s ease;}

.menu-drop {position: fixed; top: 0; height: 0; width: 100%; z-index: 11; background: #f8c8de; overflow: hidden; display: flex; flex-direction: column; transition-duration: .8s;}
.bg-menu-drop {width: 100%; height: 0; position: fixed; top: 0; background: #000000; opacity: 0; z-index: 5; transition-duration: .8s;}
.bg-menu-drop.active {height: 100vh; opacity: .7; transition-duration: .8s;}
.menu-drop.active {height: 685px; transition-duration: .8s;}
.menu-drop .topo {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 30px 0;}
.menu-drop .topo .logo {position: relative; overflow: hidden;}
.menu-drop .topo .logo svg {width: 225px; height: fit-content; position: relative; right: 35px;}
.menu-drop .topo .itens {display: flex; align-items: center;}
.menu-drop .topo .itens svg path {fill: #000000;}
.menu-drop .topo .itens .ico-menu-drop-close {cursor: pointer; display: flex; padding: 5px; margin-right: 20px; transition-duration: .8s;}
.menu-drop .topo .itens .ico-menu-drop-close:hover {rotate: 180deg; transition-duration: .8s;}
.menu-drop .topo .itens .ico-menu-drop-close svg {width: 18px; height: 18px;}
.menu-drop .topo .itens .pesquisa {margin-right: 35px; display: flex;}
.menu-drop .topo .itens .pesquisa svg {height: 18px; width: 18px;}
.menu-drop .topo .itens .login {margin-right: 20px; display: flex;}
.menu-drop .topo .itens .login svg {height: 18px; width: 18px;}
.menu-drop .topo .itens .carrinho {height: 40px; width: 40px; border-radius: 50%; background: #000; display: flex; align-items: center; justify-content: center; position: relative;}
.menu-drop .topo .itens .carrinho svg {height: auto; width: 18px;}
.menu-drop .topo .itens .carrinho svg g {fill: #f8c8de;}
.menu-drop .topo .itens .carrinho svg path {fill: #f8c8de;} 
.menu-drop .topo .itens .carrinho .qtd {height: 18px; width: 18px; border-radius: 50%; font-size: 10px; color: #000; font-weight: 700; background: #fff; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; right: -5px; top: -5px;}
.menu-drop .topo .itens .search {display: flex; position: relative; justify-content: center; cursor: pointer; margin-right: 20px;}
.menu-drop .topo .itens .search svg {width: 18px; height: fit-content;}
.menu-drop .topo .itens .search svg path {fill: #000; transition-duration: .8s;}
.menu-drop .topo .itens .search form {position: absolute; opacity: 0; top: calc(100% + 10px); transition-duration: .8s;}
.menu-drop .topo .itens .search.active form {opacity: 1; top: calc(100% + 50px); transition-duration: .8s;}
.menu-drop .topo .itens .search form input {width: 200px; display: flex; align-items: center; border: solid 2px #ffffff00; outline: none; -webkit-appearance: none; height: 40px; padding: 0 15px; box-sizing: border-box; color: #000; background-position-x: calc(100% - 15px); transition-duration: .4s;}
.menu-drop .topo .itens .search form:hover input {border: solid 2px #ffffff; transition-duration: .4s;}
.menu-drop .topo .itens .search form input:focus {border: solid 2px #ffffff; transition-duration: .4s;}
.menu-drop .topo .itens .search form button {position: absolute; right: 0; top: 0; opacity: 0; height: 40px; width: 40px;}
.menu-drop .menu {display: flex; flex-direction: column; border-top: solid 1px #000000; padding-bottom: 50px;}
.menu-drop .menu li {border-bottom: solid 1px #000000; display: block; transition-duration: .8s;}
.menu-drop .menu li:hover {background: #000000; transition-duration: .8s;}
.menu-drop .menu li a {font-size: 22px; text-transform: uppercase; font-weight: 700; color: #000000; padding: 5px 0 5px 145px; width: 100%; display: flex; align-items: center; transition-duration: .8s;}
.menu-drop .menu li:hover a {color: #f8c8de; transition-duration: .8s;}
.menu-drop .wrapper {display: flex; justify-content: space-between; align-items: flex-end;}
.menu-drop .selo {display: flex; align-items: center; justify-content: center;}
.menu-drop .selo .spin {position: relative; height: 130px; width: 130px;}
.menu-drop .selo .spin svg {height: 130px; width: 130px;}
.menu-drop .selo .marca {position: absolute;}
.menu-drop .selo .marca svg {height: 70px; width: 70px; object-fit: contain;}
.menu-drop .selo .marca svg path {fill: #000;}
.menu-drop .selo .spin {animation: rotate infinite 15s linear;}
@keyframes rotate {
0% {transform: rotate(0) translate3D(0%, 0%, 0);}
100% {transform: rotate(-360deg) translate3D(0%, 0%, 0);}
}
.menu-drop .social {display: flex; align-items: center;}
.menu-drop .social li {margin-left: 8px;}
.menu-drop .social li:first-child {margin-left: 0px;}
.menu-drop .social li a {display: flex; align-items: center; justify-content: center; height: 36px; width: 36px; border-radius: 50%; background: #000000; transition-duration: .4s;}
.menu-drop .social li:hover a {background: #ffffff; transition-duration: .4s;}
.menu-drop .social li a svg {height: 18px;}
.menu-drop .social li .ytb svg {height: fit-content; width: 18px;}
.menu-drop .social li a svg path {fill: #f8c8de; transition-duration: .4s;}
.menu-drop .social li:hover a svg path {fill: #000000; transition-duration: .4s;}

.newsletter {background: linear-gradient(60deg, rgba(47,0,130,1) 25%, rgba(47,0,130,1) 50%, rgba(47,0,80,1) 100%); padding: 100px 0;}
.newsletter .conteudo {display: flex; align-items: center; justify-content: space-between;}
.newsletter .conteudo .box-img {width: 325px; height: 400px; position: relative;}
.newsletter .conteudo .box-img img {height: 100%; width: 100%; object-fit: contain;}
.newsletter .conteudo .info {width: calc(100% - 500px);}
.newsletter .conteudo .info .titulo {text-transform: uppercase; font-size: 45px; line-height: 125%; margin-bottom: 30px;}
.newsletter .conteudo .info .titulo span {color: #45fe00;}
.newsletter .conteudo .info .texto {font-size: 30px; text-align: justify;}
.newsletter .conteudo form {width: 100%; display: flex; position: relative; margin-top: 50px;}
.newsletter .conteudo form input {width: 100%; height: 100px; border: solid 4px #fff; background: #ffffff00; font-size: 25px; font-weight: 700; color: #fff; padding-left: 35px; box-sizing: border-box;}
.newsletter .conteudo form input::-webkit-input-placeholder {font-size: 25px; font-weight: 700; color: #fff; text-transform: uppercase;}
.newsletter .conteudo form .botao {position: absolute; right: 0; border-color: #fff; background: #0000;}
.newsletter .conteudo form .botao svg path {fill: #fff;}
.newsletter .conteudo form .termos {width: 100%; margin-left: 40px; margin-top: 15px; font-size: 12px; font-weight: 600; display: flex; align-items: center;}
.newsletter .conteudo form .termos a {font-size: 12px; font-weight: 600; margin-left: 5px; text-decoration: underline;}
.newsletter .conteudo form .termos input {margin-right: 8px; height: 16px; width: 16px; border-radius: 0; border: none; outline: 0;}
.newsletter .conteudo form .success {background:#fff;margin-top:15px;padding:10px 20px;}

.ouvidoria {padding: 120px 0; background: #222222; position: relative;}
.ouvidoria::before {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 230px; background: #16e83f;}
.ouvidoria .bg {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 770px;}
.ouvidoria .conteudo {width: 100%; display: flex; justify-content: flex-end; box-sizing: border-box;}
.ouvidoria .conteudo .info {width: 50%; padding-left: 20px; padding-right: 220px; box-sizing: border-box; display: flex; flex-direction: column;}
.ouvidoria .conteudo .info .titulo {font-weight: 600; text-transform: uppercase; margin-bottom: 20px;}
.ouvidoria .conteudo .info .texto {font-size: 22px;}
.ouvidoria .conteudo .info .botao-ouvidoria {display: flex; align-items: center; color: #ffffff00; font-size: 21px; font-weight: 600; margin-top: 60px; width: 100%; border: solid 4px #ffffff; height: 100px; padding-left: 40px; box-sizing: border-box; position: relative; transition-duration: .8s;}
.ouvidoria .conteudo .info .botao-ouvidoria:hover {color: #ffffff; transition-duration: .8s;}
.ouvidoria .conteudo .info .botao-ouvidoria .botao {position: absolute; left: -4px; top: -4px; transition-duration: .8s;}
.ouvidoria .conteudo .info .botao-ouvidoria:hover .botao {border: solid 4px #ffffff; background: #000000; left: calc(100% - 95px); transition-duration: .8s;}
.ouvidoria .conteudo .info .botao-ouvidoria:hover .botao svg path {fill: #ffffff; transition-duration: .8s;}
.ouvidoria .conteudo .info .botao-ouvidoria::before {content: ""; position: absolute; left: 0; height: 100%; width: 0;  z-index: -1; background: #000000; transition-duration: .8s;}
.ouvidoria .conteudo .info .botao-ouvidoria:hover::before {width: 100%; transition-duration: .8s;}

.box-video {padding-bottom: 250px; background: #94c11e; position: relative;}
.box-video .conteudo {display: flex; align-items: center; justify-content: center;}
.box-video .conteudo .video {width: calc(100% - 160px); height: 700px; background: #ffffff; display: flex; align-items: center; justify-content: center; position: relative; bottom: 105px;}
.box-video .conteudo .video img {width: 100%; height: 100%; object-fit: cover;}
.box-video .logo {position: absolute; bottom: 220px; left: 50%; transform: translateX(-50%);}
.box-video .texto-animado {position: absolute; bottom: 70px; left: 0; width: 100%; display: flex; align-items: center; justify-content: flex-end;}
.box-video .texto-animado marquee {width: 100%; font-size: 95px; color: #ffffff; font-weight: 700;}

.form {height: fit-content; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box;}
.form.white {background: #fff;}
.form .box .titulo-form {font-size: 14px; text-transform: uppercase; color: #000000; font-weight: 600; margin-left: 15px; margin-bottom: 5px;}
.form .box .small3 {outline: 0; display: block; height: 100%; width: 100%; font-weight: 600; box-sizing: border-box; padding: 10px 0 10px 15px; border: none; background: #e6e7e9; color: #000000; font-size: 20px; transition-duration: .8s}
.form .box .small3::-webkit-input-placeholder {font-size: 20px; color: #000000; font-weight: 600;}
.form .box .small3:focus {background: #f8c9df; transition-duration: .8s;}
.form .box .small {width: 100%; box-sizing: border-box; padding: 15px 0 0 15px; height: 100px; border: none; background: #e6e7e9; color: #000000; font-size: 20px; resize: none; transition-duration: .8s}
.form .box .small::-webkit-input-placeholder {font-size: 20px; color: #000000; font-weight: 600;}
.form .box .small:focus {background: #f8c9df; transition-duration: .8s;}
.form .botao-form {display: flex; align-items: center; justify-content: flex-end; width: 100%; padding-top: 5px;}
.form .botao-form .termos {display: flex; align-items: center; font-size: 12px; color: #000000; font-weight: 500; margin-right: 15px;}
.form .botao-form .termos a {font-size: 12px; color: #000000; font-weight: 500; text-decoration: underline; margin-left: 3px; transition-duration: .8s;}
.form .botao-form .termos a:hover {color: #f8c9df; transition-duration: .8s;}
.form .botao-form .termos input {margin-right: 10px;}
.form .botao-form .botao-formulario {background: transparent; height: 85px; padding: 0 40px; font-size: 16px; font-weight: 700; flex-direction: row; width: auto; text-transform: uppercase; color: #000000; box-sizing: border-box; border: solid 4px #000000; outline: 0; display: flex; align-items: center; justify-content: flex-end;}
.form .botao-form .botao-formulario svg {margin: 0;}
.form .botao-form .botao-formulario svg path {fill: #000000;}
.form .botao-form .botao-formulario svg {width: 45px; transition-duration: .4s;}
.form .botao-form .botao-formulario:hover svg {height: 0;}
.form .botao-form .botao-formulario svg:first-child {height: 0; transition-duration: .4s;}
.form .botao-form .botao-formulario:hover svg:first-child {height: 22px; transition-duration: .4s;}
.form .botao-form .botao-formulario .svg {display: flex; flex-direction: column; margin-left: 25px;}

.menu-padrao {display: flex; flex-direction: column; width: 100%;}
.menu-padrao a {width: 100%; padding: 0 20px; height: 60px; font-size: 16px; margin-bottom: 10px; font-weight: 800; color: #fff; background: #000; text-transform: uppercase; justify-content: flex-end; box-sizing: border-box; display: flex; flex-direction: row-reverse; align-items: center; transition-duration: .8s;}
.menu-padrao a:hover {color: #000; background: #f8c9df; transition-duration: .8s;}
.menu-padrao a.active {color: #000; background: #f8c9df; transition-duration: .8s;}
.menu-padrao a i {margin-right: 10px;}
.menu-padrao a svg path {fill: #fff; transition-duration: .8s;}
.menu-padrao a:hover svg path {fill: #000; transition-duration: .8s;}
.menu-padrao a.active svg path {fill: #000; transition-duration: .8s;}

.conteudo-padrao {display: flex;justify-content: space-between;padding: 70px 0px;}
.conteudo-padrao .box-left {width: calc(100% - 350px);}
.conteudo-padrao .box-right {width: 300px;}

.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;width:100%;height:100%;}
.modal .bg {position:fixed;width:100%;height:100%;}
.modal .close {position:absolute;right:20px;font-size:30px;cursor:pointer;width:32px;height:32px;top:20px;color:#fff;}
.modal .content {position:absolute;left:50%;transform:translateX(-50%);top:100px;z-index:3;width:940px;background:white;border-radius:16px;overflow:hidden;}
.modal .content.small {width:620px;}
.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.modal-aviso .box-content {padding-top:80px;padding-bottom:80px;}
.modal.modal-aviso .titulo {font-size:22px;color:#666666;font-weight:700;margin-bottom:9px;text-align:center;}
.modal.modal-aviso .texto {font-size:15px;color:#999999;margin-bottom:20px;text-align:center;}

.modal-cookies {z-index: 98; bottom: 50px; left: 50%; transform: translateX(-50%); width: 100% !important; max-width: 880px; display: flex; justify-content: center; overflow: visible !important; background: #0000;}
.modal-cookies .content {position: relative !important; background: #000 !important; border-radius: 0!important; padding: 40px; top: auto; height: fit-content; box-sizing: border-box; display: flex; align-items: center;}
.modal-cookies .info {flex: 1;}
.modal-cookies .titulo {position: relative; border-top: solid 1px #fff; border-bottom: solid 1px #fff; height: 50px; padding: 0 10px; margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between;}
.modal-cookies .titulo .close {right: 10px; height: 28px; top: auto;}
.modal-cookies a {text-decoration: underline;}
.modal-cookies .cookie {height: 120px; width: 120px; margin-right: 30px; object-fit: contain; position: relative;}
.modal-cookies .cookie img {height: 100%; width: 100%; object-fit: contain;}

.modal-small {z-index:9;border-radius:25px;background:white;box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);padding:30px 30px;width:410px;}
.modal-small.top {position:absolute;top:56px;right:0px;}
.modal-small.bottom {position:fixed;bottom:30px;right:40px;}
.modal-small .titulo {font-size:19px;font-weight:700;margin-bottom:26px;}
.modal-small table {width:100%;position:relative;max-height:200px;overflow:auto;display:block;}
.modal-small table thead th {font-size:13px;color:#999999;padding:0px 5px;padding-bottom:10px;}
.modal-small table tbody td {color:#999999;font-size:13px;padding:10px 3px;}
.modal-small table tbody td strong {text-align:center;}
.modal-small table tfoot td {border-top:1px solid #ececec;font-size:15px;padding-bottom:0px;padding-top:20px;font-weight:700;margin-top:10px;}
.modal-small table .foto {width:42px;height:42px;position:relative;overflow:hidden;border-radius:4px;border:1px solid #ececec;}
.modal-small table .foto img {width:100%;height:100%;object-fit:cover;}
.modal-small table .delete {font-size:15px;cursor:pointer;}
.modal-small table .total {font-size:15px;font-weight:700;color:#55df00;text-align:right;}
.modal-small table .quantidade {width:30px;display:block;text-align:center;}
.modal-small table .add,
.modal-small table .remove {cursor:pointer;width:100%;height:20px;filter:grayscale(100%);transition-duration:0.5s;}
.modal-small table .add {background:url(../imagens/site/ico_arrow_add.png) no-repeat center;}
.modal-small table .remove {background:url(../imagens/site/ico_arrow_remove.png) no-repeat center;}
.modal-small table .add:hover,
.modal-small table .remove:hover {filter:grayscale(0%);}
.modal-small .continuar {margin-top:34px;padding:15px 0px;text-align:center;cursor:pointer;font-size:16px;font-weight:700;color:white;border-radius:16px;display:block;background:#79cd05;}
.modal-small .voltar-site {margin-top:10px;padding:15px 0px;text-align:center;cursor:pointer;font-size:16px;font-weight:700;border-radius:16px;display:block;color:#999999;transition-duration:0.5s;}
.modal-small .voltar-site:hover {background:#269f15;color:white;}
.modal-small .carrinho-vazio {text-align:center;}
.modal-small .carrinho-vazio .icone {font-size:30px;}
.modal-small .carrinho-vazio .label {font-size:15px;margin-top:20px;}

.box-white-padrao {background: white; border: solid 1px #e6e7e9; padding: 40px 45px; margin-bottom: 20px; position: relative;}
.box-white-padrao.small-2 {float:left;margin-right:20px;width:calc(50% - 75px - 75px - 10px);}
.box-white-padrao .titulo {margin-bottom:30px;padding-bottom:12px;border-bottom:1px solid #ececec;font-weight: 600;}

@keyframes marquee-horizontal-frase {
  from {transform: translateX(0)}
  to {transform: translateX(-50%)}
}
.frase-rotativa {background: #000; position: relative;padding:15px 0px;z-index:9;}
.frase-rotativa .frase {padding: 4px 30px; display: flex; align-items: center; color:#fff;font-size:14px;text-transform:uppercase;}
.frase-rotativa .lista {display: -webkit-box; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; white-space: nowrap; will-change: transform; animation: marquee-horizontal 30s linear infinite;}

@keyframes marquee-horizontal {
  from {transform: translateX(0)}
  to {transform: translateX(-50%)}
}
.fw-drop {background: #fed304; padding: 150px 0 100px; position: relative;}
.fw-drop .vista {padding: 25px 0; display: flex; align-items: center; background: #fff100;}
.fw-drop .vista .botao-vista {font-size: 14px; width: 100%; padding: 3px 5px; border-radius: 10px; border: solid 1px #000000; font-weight: 600; color: #000000; text-transform: uppercase; margin: 0 10px;}
.fw-drop .vista .slogan {height: fit-content; display: flex; margin: 0 10px; padding: 0!important; background: none!important;}
.fw-drop .vista .slogan svg {width: 180px; height: fit-content;}
.fw-drop .vista .logo {height: fit-content; display: flex; margin: 0 10px;}
.fw-drop .vista .logo svg {width: 160px; height: fit-content;}
.fw-drop .vista {display: -webkit-box; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; white-space: nowrap; will-change: transform; animation: marquee-horizontal 50s linear infinite;}
.fw-drop .conteudo {display: flex; flex-direction: column;}
.fw-drop .conteudo .info-geral {display: flex; align-items: center; justify-content: space-between;}
.fw-drop .conteudo .info-geral .logo svg {width: 400px; height: fit-content;}
.fw-drop .conteudo .info-geral .botao {display: flex; align-items: center; text-transform: uppercase; flex-direction: row; font-size: 16px; font-weight: 700; padding: 0 20px; width: auto; height: 85px; color: #000000; border: solid 4px #000000;}
.fw-drop .conteudo .info-geral .botao svg path {fill: #000000;}
.fw-drop .conteudo .lista {padding-top: 50px;}
.fw-drop .conteudo .lista .produto {display: flex; flex-direction: column; background: #ffffff; padding: 20px;}
.fw-drop .conteudo .lista .produto .info-topo {display: flex; align-items: flex-start; justify-content: space-between;}
.fw-drop .conteudo .lista .produto .info-topo .icone {height: 32px; width: 32px; border-radius: 50%; background: #000000;}
.fw-drop .conteudo .lista .produto .box-img {margin: 25px auto 0; height: 200px; max-width: 200px; width: 100%; position: relative;}
.fw-drop .conteudo .lista .produto .box-img img {width: 100%; height: 100%; object-fit: contain; transition-duration: .8s;}
.fw-drop .conteudo .lista .produto:hover .box-img img {opacity: .7; transition-duration: .8s;}
.fw-drop .conteudo .lista .produto .info {margin-top: 15px;}
.fw-drop .conteudo .lista .produto .info .valor {font-weight: 700; font-size: 18px; padding: 5px 0; position: relative;}
.fw-drop .conteudo .lista .produto .info .valor::before {content: ""; width: calc(100% + 5px); height: 2px; background: #000000; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.fw-drop .conteudo .lista .produto .info .valor::after {content: ""; width: calc(100% + 5px); height: 2px; background: #000000; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.fw-drop .conteudo .lista .produto .info .texto {font-size: 12px;}
.fw-drop .conteudo .lista .produto .info .tamanhos {display: flex; justify-content: space-between; width: 100%; margin-top: 5px;}
.fw-drop .conteudo .lista .produto .info .tamanhos .tamanho {display: flex; justify-content: center; align-items: center; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 800; color: #000000; width: 28px; height: 28px; border: solid 1px #000000; border-radius: 50%;}
.fw-drop .conteudo .lista .produto .info .tamanhos .tamanho.tamanho-esgotado {opacity: .5;}
.fw-drop .conteudo .lista .produto .info .tamanhos .tamanho.tamanho-unico {width: auto; padding: 0 5px; border-radius: 50px;}
.fw-drop .conteudo .lista .produto.esgotado .info .tamanho {opacity: .5;}
.fw-drop .conteudo .lista .produto .botoes {margin-top: 15px; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center;}
.fw-drop .conteudo .lista .produto .botoes .informacoes {display: flex; align-items: center; flex: 1; justify-content: flex-start;}
.fw-drop .conteudo .lista .produto .botoes .informacoes .texto {font-size: 10px; text-transform: uppercase; font-weight: 600; margin-top: 0; width: 55%;}
.fw-drop .conteudo .lista .produto .botoes .informacoes svg {width: 23px!important; height: 23px!important; margin-right: 5px;}

#header {position: fixed; top: 30px; left: 0; width: 100%; z-index: 10; background: #ffffff; box-shadow: 0px 40px 40px 5px #0000005c; transition-duration: .4s;}
#header.active {background: #000000; box-shadow: 0px 40px 40px 5px #00000000; top: 0; transition-duration: .4s;}
/* #header::before {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 10px; background: #94c11e;} */
/* #header::after {content: ""; position: absolute; top: calc(100% + 20px); left: 0; width: 100%; height: 1px; background: #ffffff; opacity: .1; transition-duration: .4s;} */
#header.active::after {opacity: 0;}
#header .conteudo {display: flex; align-items: center; justify-content: space-between;}
#header .conteudo .logo {margin-bottom: 20px; position: relative; overflow: hidden; transition-duration: .4s;}
#header .conteudo .logo svg {width: 225px; height: fit-content; position: relative; right: 0; transition-duration: .4s;}
#header.active .conteudo .logo {margin-right: 0; transition-duration: .4s;}
#header.active .conteudo .logo svg path {fill: #ffffff; transition-duration: .4s;}
#header.active .conteudo .logo svg {right: 35px; transition-duration: .4s;}
#header .conteudo .menu {display: flex; align-items: center; justify-content: space-between; position: relative; height: 100px; right: 0; transition-duration: .4s;}
#header.active .conteudo .menu {height: 80px; transition-duration: .4s;}
#header .conteudo .menu li {height: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; cursor: pointer; transition-duration: .8s;}
#header .conteudo .menu li:first-child {margin-left: 0px;}
#header .conteudo .menu li.active {background: #eaeaea; transition-duration: .8s;}
#header .conteudo .menu li:hover {background: #eaeaea; transition-duration: .8s;}
#header .conteudo .menu li .link {font-size: 14px; font-weight: 700; padding: 0 30px; height: 100%; display: flex; align-items: center; text-transform: uppercase; transition-duration: .4s;}
#header.active .conteudo .menu li .link {color: #fff; transition-duration: .4s;}
#header.active .conteudo .menu li:hover .link {color: #000; transition-duration: .4s;}
#header .conteudo .menu li .botao-produtos {display: flex; align-items: center;}
#header .conteudo .menu li .botao-produtos svg {width: 12px; margin-left: 20px;}
#header .conteudo .menu li .botao-produtos svg path {fill: #000000; transition-duration: .4s;}
#header.active .conteudo .menu li .botao-produtos svg path {fill: #ffffff; transition-duration: .4s;}
#header .conteudo .ico-menu-drop {cursor: pointer; height: 18px; margin-right: 20px; display: flex; flex-direction: column; justify-content: space-between;}
#header .conteudo .ico-menu-drop .linha {height: 4px; width: 22px; background: #000000; transition-duration: .8s;}
#header.active .conteudo .ico-menu-drop .linha {background: #ffffff; transition-duration: .8s;}
#header .conteudo .social {display: flex; align-items: center;}
#header .conteudo .social li {margin-left: 8px;}
#header .conteudo .social li:first-child {margin-left: 0px;}
#header .conteudo .social li a {display: flex; align-items: center; justify-content: center; height: 24px; width: 24px; border-radius: 50%; background: #000000; transition-duration: .4s;}
#header.active .conteudo .social li a {background: #ffffff; transition-duration: .4s;}
#header .conteudo .social li:hover a {background: #f8c8de; transition-duration: .4s;}
#header .conteudo .social li a svg {height: 12px;}
#header .conteudo .social li .ytb svg {height: 10px;}
#header .conteudo .social li a svg path {fill: #ffffff; transition-duration: .4s;}
#header .conteudo .social li:hover a svg path {fill: #000000; transition-duration: .4s;}
#header.active .conteudo .social li a svg path {fill: #1a1515; transition-duration: .4s;}
#header .conteudo .ico-menu {display: none; transition: all cubic-bezier(0.70, 0, 0.35, 1.10) .4s;}
#header .conteudo .ico-menu svg path {stroke: #000000; transition: all cubic-bezier(0.70, 0, 0.35, 1.10) .4s;}
#header.active .conteudo .ico-menu svg path {stroke: #ffffff; transition-duration: .4s;}
#header .conteudo .ico-menu:hover svg path {stroke: #95c11f; transition: all cubic-bezier(0.70, 0, 0.35, 1.10) .4s;}
#header .box {display: flex; align-items: center; justify-content: space-between;}
#header .box .search {display: flex; position: relative; justify-content: center; cursor: pointer; margin-right: 20px;}
#header .box .search svg {width: 18px; height: fit-content;}
#header .box .search svg path {fill: #000; transition-duration: .8s;}
#header.active .box .search svg path {fill: #fff; transition-duration: .8s;}
#header .box .search form {position: absolute; opacity: 0; top: calc(100% + 10px); transition-duration: .8s;}
#header .box .search.active form {opacity: 1; top: calc(100% + 50px); transition-duration: .8s;}
#header .box .search form input {width: 200px; display: flex; align-items: center; border: solid 2px #ffffff00; outline: none; -webkit-appearance: none; height: 40px; padding: 0 15px; box-sizing: border-box; color: #000; background-position-x: calc(100% - 15px); transition-duration: .4s;}
#header .box .search form:hover input {border: solid 2px #ffffff; transition-duration: .4s;}
#header .box .search form input:focus {border: solid 2px #ffffff; transition-duration: .4s;}
#header .box .search form button {position: absolute; right: 0; top: 0; opacity: 0; height: 40px; width: 40px;}
#header .box .login {margin-right: 20px; transition-duration: .8s;}
#header.active .box .login {color: #fff; transition-duration: .8s;}
#header .box .login svg {height: 18px; width: fit-content;}
#header .box .login i {color: #000; transition-duration: .8s;}
#header .box .login svg path {fill: #000; transition-duration: .8s;}
#header.active .box .login i {color: #fff; transition-duration: .8s;}
#header.active .box .login svg path {fill: #fff; transition-duration: .8s;}
#header .box .carrinho {height: 40px; width: 40px; border-radius: 50%; background: #f8c8de; display: flex; align-items: center; justify-content: center; position: relative;}
#header .box .carrinho svg {height: auto; width: 18px;}
#header .box .carrinho svg path {fill: #000;}
#header .box .carrinho .qtd {height: 18px; width: 18px; border-radius: 50%; font-size: 10px; color: #f8c8de; font-weight: 700; background: #000; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; right: -5px; top: -5px;}

#footer {background: #ffffff; position: relative; z-index: 5;}
#footer .plataformas {background: #000000;}
#footer .plataformas .marquee-horizontal {position: relative; z-index: 200; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; height: 140px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #000;}
#footer .plataformas .track-horizontal {display: -webkit-box; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; white-space: nowrap; will-change: transform; animation: marquee-horizontal 30s linear infinite;}
#footer .plataformas .marquee-text {font-size: 15px; font-weight: 700; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
#footer .plataformas .marquee-text a, em {display: inline-block; text-transform: uppercase;}
#footer .plataformas em {font-size: 24px; color: #fff; font-style: italic; font-weight: 600;}
#footer .plataformas img {display: inline-block; height: 24px; width: auto; margin-left: 5px;}
#footer .plataformas a {font-size: 32px; color: #fff; font-weight: 700; height: 32px; padding: 2px 0;}
#footer .plataformas a:hover {color: #16E83F;}
#footer .plataformas a span {float: left; display: flex; width: 34px; height: 34px; box-sizing: border-box; border: 2px solid #fff; border-radius: 50%; align-items: center; justify-content: center; margin: 8px 2px 0;}
#footer .plataformas a:hover span{border: 2px solid #16e83f;}
#footer .plataformas a span .fa {font-size: 20px;}
#footer .plataformas a span .fa {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#footer .plataformas a span .fa {display: flex; align-items: center; justify-content: center;}
#footer .plataformas a span .fa::before {display: none;}
#footer .plataformas a span .fa svg {height: 18px;}
#footer .plataformas a span .fa.fa-youtube svg {width: 16px;}
#footer .plataformas a span .fa svg path {fill: #fff;}
#footer .plataformas a:hover span .fa svg path {fill: #16E83F;}
#footer .plataformas a span .fa.fa-spotify svg {height: 20px; width: 20px;}
#footer .conteudo-menu {display: flex; justify-content: space-between; align-items: center; padding: 50px 0 35px;}
#footer .conteudo-menu .menu {display: flex; align-items: flex-start; position: relative; width: 100%; height: 140px;}
#footer .conteudo-menu .menu li {margin-right: 40px; display: flex; flex-direction: column;}
#footer .conteudo-menu .menu li:last-child {margin-right: 0px;}
#footer .conteudo-menu .menu li .titulo-footer {font-size: 16px; font-weight: 700; border-bottom: solid 1px #000; text-transform: uppercase;}
#footer .conteudo-menu .menu li a {font-size: 16px; margin-top: 15px; line-height: 100%; font-weight: 500; color: #000000;}
#footer .conteudo-menu .menu .selo {position: absolute; display: flex; align-items: center; justify-content: center; right: 0; top: 50%; transform: translateY(-50%);}
#footer .conteudo-menu .menu .selo .spin {position: relative; height: 140px; width: 140px;}
#footer .conteudo-menu .menu .selo .spin svg {height: 140px; width: 140px;}
#footer .conteudo-menu .menu .selo .maca {position: absolute;}
#footer .conteudo-menu .menu .selo .maca svg {height: 85px; width: 85px; object-fit: contain;}
#footer .conteudo-menu .menu .selo .spin {animation: rotate infinite 15s linear;}
@keyframes rotate {
0% {transform: rotate(0) translate3D(0%, 0%, 0);}
100% {transform: rotate(-360deg) translate3D(0%, 0%, 0);}
}

#footer .conteudo-sociais {display: flex; align-items: center; justify-content: space-between; padding: 45px 0 70px;}
#footer .conteudo-sociais .flowermind {display: flex; align-items: center; width: 30%; box-sizing: border-box;}
#footer .conteudo-sociais .flowermind .logo {height: 80px; width: 80px; margin-right: 20px; background: #16e83f; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
#footer .conteudo-sociais .flowermind svg {height: 50px;}
#footer .conteudo-sociais .flowermind .titulo {flex: 1; font-size: 16px;}
#footer .conteudo-sociais .flowermind .titulo b {font-weight: 600; position: relative;}
#footer .conteudo-sociais .flowermind .titulo b svg {position: absolute; left: -20px; top: -5px; z-index: -1;}
#footer .conteudo-sociais .flowermind .titulo b svg path {fill: #16e83f;}
#footer .conteudo-sociais .pagamento {display: flex; align-items: center; flex: 1; justify-content: flex-end;}
#footer .conteudo-sociais .pagamento .compra {display: flex; align-items: center; box-sizing: border-box; height: 55px; background: #f7f7f7; border-radius: 5px;}
#footer .conteudo-sociais .pagamento .compra.dois {margin-left: 10px; padding: 0 15px;}
#footer .conteudo-infos {background: #f8c8de; padding: 60px 0 50px;}
#footer .conteudo-infos .wrapper {display: flex; justify-content: space-between; align-items: center;}
#footer .conteudo-infos .box {display: flex; align-items: center;}
#footer .conteudo-infos .logo {margin-right: 30px;}
#footer .conteudo-infos .logo svg {width: 500px; height: fit-content;}
#footer .conteudo-infos .logo svg path {fill: #000;}
#footer .conteudo-infos .menu {display: flex; flex-direction: column; max-width: 250px;}
#footer .conteudo-infos .menu .link {font-size: 14px; font-weight: 600; cursor: pointer;}
#footer .conteudo-infos .social {display: flex; align-items: center;}
#footer .conteudo-infos .social li {margin-left: 20px;}
#footer .conteudo-infos .social li:first-child {margin-left: 0px;}
#footer .conteudo-infos .social li a {display: flex; align-items: center; justify-content: center; height: 60px; width: 60px; border-radius: 50%; background: #000; transition-duration: .8s;}
#footer .conteudo-infos .social li a:hover {background: #fff; transition-duration: .8s;}
#footer .conteudo-infos .social li a svg {height: 25px; width: fit-content;}
#footer .conteudo-infos .social li a.ytb svg {width: 30px; height: fit-content;}
#footer .conteudo-infos .social li a svg path {fill: #f8c8de; transition-duration: .8s;}
#footer .conteudo-infos .social li a:hover svg path {fill: #000; transition-duration: .8s;}
#footer .lgpd {background: #000000; padding: 30px 0;}
#footer .lgpd .wrapper {display: flex; align-items: center; justify-content: space-between;}
#footer .lgpd .politicas {display: flex; align-items: center;}
#footer .lgpd .politicas li {margin-right: 25px; font-size: 12px; font-weight: 600; color: #f8c8de;}
#footer .lgpd .politicas li.direitos {margin-left: 15px; margin-right: 0;}
#footer .lgpd .politicas li a {font-size: 12px; font-weight: 600; color: #f8c8de;}
#footer #egge {display: flex; align-items: center;}

#home .banners .banner {height: 99vh; background: #f2f2f2; position: relative;}
#home .banners .banner img {height: 100%; width: 100%; object-fit: cover; position: relative; z-index: 1;}
#home .banners .banner .wrapper {position: absolute; top: 0; height: 100%; z-index: 2;}
#home .banners .banner .info {position: absolute; left: 0; bottom: 20%; width: 45%;}
#home .banners .banner .info .titulo {text-transform: uppercase; margin-bottom: 20px;}
#home .banners .banner .info .titulo::first-line {font-weight: 400;}
#home .banners .banner .info .botao {margin-top: 60px; border-color: #fff;}
#home .banners .banner .info .botao svg {position: relative; z-index: 2;}
#home .banners .banner .info .botao svg path {fill: #fff;}
#home .banners .owl-dots {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); max-width: 1420px; justify-content: flex-start;} 
#home .banners .owl-dots .owl-dot {margin: 0 10px 0 0;}
#home .slogan {background: #000000; padding: 120px 0;}
#home .slogan .conteudo {display: flex; flex-direction: column; align-items: center;}
#home .slogan .conteudo video {margin-bottom: 40px; width: 80%;}
#home .slogan .conteudo .info {width: 60%; text-align: center;}
#home .slogan .conteudo .info .titulo-slogan {font-size: 32px; font-weight: 400; line-height: 115%;}
#home .produtos {background: #e6e7e9; padding: 120px 0;}
#home .produtos .conteudo {display: flex; flex-direction: column;}
#home .produtos .conteudo .info {display: flex; align-items: center;}
#home .produtos .conteudo .info .titulo {width: 150px; line-height: 28px; text-transform: uppercase; margin-right: 25px;}
#home .produtos .conteudo .info .botao-produto {margin-right: 10px;}
#home .produtos .conteudo .lista {padding-top: 70px;}
#home .reciclagem {position: relative; display: flex; align-items: center;}
#home .reciclagem .bg {position: absolute; left: 0;}
#home .reciclagem .bg svg {width: 1075px;}
#home .reciclagem .conteudo {display: flex; justify-content: space-between; padding: 70px 0 80px;}
#home .reciclagem .conteudo .info {width: 40%; display: flex; flex-wrap: wrap; align-items: flex-end; padding-bottom: 80px;}
#home .reciclagem .conteudo .info .titulo {color: #000000; line-height: 90%; margin-bottom: 80px;}
#home .reciclagem .conteudo .info .botao {margin-right: 85px; border: solid 4px #000000;}
#home .reciclagem .conteudo .info .botao svg path {fill: #000000;}
#home .reciclagem .conteudo .info .box {display: flex; flex-direction: column; flex: 1;}
#home .reciclagem .conteudo .info .box .titulo {margin-bottom: 25px;}
#home .reciclagem .conteudo .info .box .texto {font-weight: 500; line-height: 160%; text-align: justify;}
#home .reciclagem .conteudo .valores {width: 50%; padding-top: 140px;}
#home .reciclagem .conteudo .valores .valor {height: 560px; padding: 0 30px 90px; background: #000000; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; box-sizing: border-box;}
#home .reciclagem .conteudo .valores .valor .box-img {margin-bottom: 65px; height: 160px; display: flex; align-items: center; justify-content: flex-start; transition-duration: .8s;}
#home .reciclagem .conteudo .valores .valor:hover .box-img {transform: rotate(25deg);}
#home .reciclagem .conteudo .valores .valor .box-img svg {height: 130px;}
#home .reciclagem .conteudo .valores .valor .titulo {text-align: center; margin-bottom: 60px;}
#home .reciclagem .conteudo .valores .owl-dots {padding-top: 40px;}
#home .reciclagem .conteudo .valores .owl-dots .owl-dot::after {background: #95c11f;}
#home .reciclagem .conteudo .valores .owl-dots .owl-dot:hover {border: solid 1px #95c11f; transition-duration: .8s;}
#home .reciclagem .conteudo .valores .owl-dots .owl-dot.active {border: solid 1px #95c11f; transition-duration: .8s;}

#institucional .box-topo-interno video {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
#institucional .box-topo-interno .botao:hover {border: solid 4px #ffffff;}
#institucional .box-topo-interno .botao:hover svg path {fill: #ffffff;}
#institucional .natureza {background: hsl(0, 0%, 13%)!important; position: relative; z-index: 1; padding: 130px 0 150px;}
#institucional .natureza .titulo {font-size: 30px; text-align: justify;}
#institucional .natureza .logo {left: 0; top: calc(100% + 60px); transform: none;}
#institucional .natureza .video {display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; right: 0; bottom: -170px; width: calc(50% - 10px); height: 705px; overflow: hidden;}
#institucional .natureza .video img {width: 100%; height: 100%; object-fit: cover;}
#institucional .box-video {padding: 0; background: #00000000; top: 420px;}
#institucional .time-line {padding: 200px 0 185px; overflow: hidden;right: 0;}
#institucional .time-line .info-geral {width: 25%;}
#institucional .time-line .info-geral .titulo {margin-bottom: 20px; text-transform: uppercase;}
#institucional .time-line .info-geral .titulo::first-line {font-weight: 600;}
#institucional .time-line .datas {max-width: 90%; position: relative; float: right;}
#institucional .time-line .lista {padding-top: 120px; position: relative; z-index: 5;}
#institucional .time-line .lista .owl-stage {padding-left: 40px;}
#institucional .time-line .lista .evento {display: flex; flex-direction: column; align-items: flex-end; text-align: left; position: relative; padding-top: 120px;}
#institucional .time-line .lista .evento .linha {position: absolute; z-index: 2; left: 180px; width: 2000px; height: 5px; background: #000000; top: 7.5px;}
#institucional .time-line .lista .evento .dot {position: absolute; z-index: 2; left: 175px; top: 0; height: 20px; width: 20px; border-radius: 50%; background: #f9c9df;}
#institucional .time-line .lista .evento .data {width: 100%; font-size: 100px; letter-spacing: -1px; font-weight: 700; line-height: 75%; color: #94c11e; position: absolute; top: 70px; transition-duration: .8s;}
#institucional .time-line .lista .evento:hover .data {transform: scale(1.2); color: #a3d620; transition-duration: .8s;}
#institucional .time-line .lista .evento .box-img {height: 350px; width: 85%; background: #dadada;}
#institucional .time-line .lista .evento .box-img img {height: 100%; width: 100%; object-fit: cover;}
#institucional .time-line .lista .evento .info {width: 100%; text-align: left; padding-top: 40px;}
#institucional .time-line .lista .evento .info .titulo {width: 90%; line-height: 120%;}
#institucional .time-line .lista .evento .box {width: 75%; padding-top: 40px; display: flex; flex-direction: column; align-items: center; position: relative; right: 25%;}
#institucional .time-line .lista .evento .box svg {width: 20px; margin-bottom: 45px;}
#institucional .time-line .lista .evento .box svg path {fill: #f9c9df;}
#institucional .time-line .lista .evento .box .linha-bottom {width: 100%; height: 4px; background: #f9c9df;}
#institucional .compromisso {background: #94c11e; padding: 50px 0;}
#institucional .compromisso .conteudo {display: flex; justify-content: space-between; align-items: center;}
#institucional .compromisso .conteudo .info {width: 50%;}
#institucional .compromisso .conteudo .info .titulo {margin-bottom: 20px; color: #ffffff; width: 100%; text-transform: uppercase;}
#institucional .compromisso .conteudo .info .titulo::first-line {font-weight: 600;}
#institucional .compromisso .conteudo .info .texto.size2 {color: #ffffff; text-align: left;}
#institucional .compromisso .conteudo .info .texto.size2.dois {margin: 50px 0 40px; width: 45%;}
#institucional .compromisso .conteudo .info .texto {color: #ffffff; text-align: justify; line-height: 150%;}
#institucional .compromisso .conteudo .box-img {height: 730px; width: 30%; margin-right: 130px; background: #000000; position: relative;}
#institucional .compromisso .conteudo .box-img img {height: 100%; width: 100%; object-fit: cover;}

#onde-encontrar .box-topo-interno .conteudo .info {width: 55%;}
#onde-encontrar .box-topo-interno .conteudo .info .titulo {width: 50%;}
#onde-encontrar .box-topo-interno .conteudo .botao {flex-direction: row; margin-top: 0;}
#onde-encontrar .box-topo-interno .conteudo .botao svg {transform: none;}
#onde-encontrar .locais {padding: 120px 0 100px;}
#onde-encontrar .locais .info .titulo {color: #000000;}
#onde-encontrar .locais .info .titulo b {margin-right: 15px; font-weight: 600;}
#onde-encontrar .locais .lista {width: 100%; display: flex; flex-wrap: wrap;}
#onde-encontrar .locais .lista .local {width: calc(33.33% - 30px); padding: 50px 20px; margin: 75px 30px 0 0; border: solid 4px #000000; box-sizing: border-box; position: relative; cursor: pointer; transition-duration: .8s;}
#onde-encontrar .locais .lista .local:hover {background: #000000; transition-duration: .8s;}
#onde-encontrar .locais .lista .local .texto {color: #000000; margin-top: 15px; line-height: 100%; transition-duration: .8s;}
#onde-encontrar .locais .lista .local:hover .texto {color: #ffffff; transition-duration: .8s;}
#onde-encontrar .locais .lista .local .texto:first-child {margin-top: 0;}
#onde-encontrar .locais .lista .local .botao-local {position: absolute; left: 0; top: calc(100% - 30px); left: -4px; background: #95c11f; padding: 0 20px; height: 85px; max-height: 0; overflow: hidden; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #ffffff; border: none; outline: 0; display: flex; align-items: center; justify-content: flex-end; transition-duration: .8s;}
#onde-encontrar .locais .lista .local:hover .botao-local {max-height: 100%; transition-duration: .8s;}
#onde-encontrar .locais .lista .local .botao-local:hover {padding-right: 40px; transition-duration: .8s;}
#onde-encontrar .locais .lista .local .botao-local svg {margin: 0 20px 0 45px; transition-duration: .8s;}
#onde-encontrar .locais .lista .local .botao-local:hover svg {margin: 0 0 0 65px; transition-duration: .8s;}
#onde-encontrar .locais .lista .local .botao-local svg path {fill: #ffffff;}
#onde-encontrar .locais .logo {position: absolute; right: 0; bottom: 35px;}
#onde-encontrar .locais .logo svg path {fill: #94c11e;}
#onde-encontrar .revendedor {position: relative; display: flex; align-items: center; border-top: solid 1px #f6f6f6;padding: 130px 0 60px;}
#onde-encontrar .revendedor .bg {position: absolute; left: 0; bottom: 0; display: flex; align-items: flex-end;}
#onde-encontrar .revendedor .bg svg {width: 1075px;}
#onde-encontrar .revendedor .conteudo {display: flex; justify-content: space-between;}
#onde-encontrar .revendedor .conteudo .info {width: 40%; display: flex; flex-wrap: wrap; align-items: flex-end; height: fit-content;}
#onde-encontrar .revendedor .conteudo .info .titulo {color: #000000; line-height: 90%; margin-bottom: 90px;}
#onde-encontrar .revendedor .conteudo .info .botao {margin-right: 85px;}
#onde-encontrar .revendedor .conteudo .info .botao {border: solid 4px #000000;}
#onde-encontrar .revendedor .conteudo .info .botao svg path {fill: #000000;}
#onde-encontrar .revendedor .conteudo .info .box {display: flex; flex-direction: column; flex: 1;}
#onde-encontrar .revendedor .conteudo .info .box .titulo {margin-bottom: 25px;}
#onde-encontrar .revendedor .conteudo .info .box .texto {font-weight: 500; line-height: 160%; text-align: justify;}
#onde-encontrar .revendedor .conteudo .form {width: 50%; margin-top: 180px; background: #000000; padding: 40px;}
#onde-encontrar .revendedor .conteudo .form .box {display: flex; flex-direction: column; width: calc(50% - 7px); margin-bottom: 20px;}
#onde-encontrar .revendedor .conteudo .form .box .titulo-form {color: #ffffff!important;}
#onde-encontrar .revendedor .conteudo .form .box.mensagem {width: 100%;}
#onde-encontrar .revendedor .conteudo .form .botao-form .termos {color: #ffffff!important;}
#onde-encontrar .revendedor .conteudo .form .botao-form .termos a {color: #ffffff!important;}
#onde-encontrar .revendedor .conteudo .form .botao-formulario {border: solid 4px #ffffff; color: #ffffff;}
#onde-encontrar .revendedor .conteudo .form .botao-formulario svg path {fill: #ffffff;}

#busca .produtos {display: flex;padding: 50px 0px;flex-wrap: wrap;}
#busca .produtos .produto {margin: 0px 10px;margin-bottom: 30px;width: calc(25% - 60px);}

#produtos .produtos {background: #e6e7e9; padding: 100px 0 0;}
#produtos .produtos .conteudo {display: flex; flex-direction: column;}
#produtos .produtos .conteudo .info {display: flex;}
#produtos .produtos .conteudo .info .titulo {width: 150px; text-transform: uppercase; margin-right: 25px;}
#produtos .produtos .conteudo .info .botao-produto {margin-right: 10px; margin-bottom: 10px;}
#produtos .produtos .lista {display: flex; flex-wrap: wrap; padding-top: 40px;}
#produtos .produtos .lista .produto {width: calc(25% - 16px); box-sizing: border-box; margin: 0 8px 25px;}
#produtos .fw-drop .conteudo .lista {display: flex; flex-wrap: wrap;}
#produtos .fw-drop .conteudo .lista .produto {width: calc(25% - 16px); box-sizing: border-box; margin: 0 8px 25px;}

#produto .box-topo-interno .conteudo {display: flex; justify-content: flex-end; align-items: flex-end;}
#produto .box-topo-interno .conteudo .info {width: 70%; bottom: 5%;}
#produto .box-topo-interno .conteudo .info .texto {margin-bottom: 15px;}
#produto .box-topo-interno .conteudo .info .texto b {margin-left: 30px;}
#produto .box-topo-interno .conteudo .info .titulo {text-transform: uppercase; font-weight: 700; margin-bottom: 40px;}
#produto .box-topo-interno .conteudo .info .titulo::first-line {font-weight: 600;}
#produto .box-topo-interno .conteudo .info .valor {font-size: 40px; font-weight: 700; line-height: 100%; margin-bottom: 10px;}
#produto .box-topo-interno .conteudo .info .parcela {font-size: 20px; font-weight: 600;}
#produto .box-topo-interno .conteudo .info .box-quantidade {display:flex;box-sizing:border-box;height:85px;}
#produto .box-topo-interno .conteudo .info .box-botao {margin-top: 40px; width: fit-content; height: 85px; box-sizing: border-box; display: flex; cursor: pointer;}
#produto .box-topo-interno .conteudo .info .box-botao .numero {width: 85px; height: 100%; border: solid 4px #94c11e; font-size: 16px; font-weight: 600; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; transition-duration: .4s;}
#produto .box-topo-interno .conteudo .info .box-botao:hover .numero {border: solid 4px #ffffff; transition-duration: .4s;}
#produto .box-topo-interno .conteudo .info .box-botao .botao-grande {padding: 0 60px 0 75px; color: #ffffff;background: #94c11e; height: 100%!important; transition-duration: .4s;}
#produto .box-topo-interno .conteudo .info .box-botao:hover .botao-grande {color: #94c11e;background: #ffffff; transition-duration: .4s;}
#produto .box-topo-interno .conteudo .info .box-botao .botao-grande .svg {margin-left: 100px;}
#produto .box-topo-interno .conteudo .info .box-botao .botao-grande .svg svg {transform: none;}
#produto .box-topo-interno .conteudo .info .box-botao .botao-grande .svg svg path {fill: #ffffff; transition-duration: .4s;}
#produto .box-topo-interno .conteudo .info .box-botao:hover .botao-grande .svg svg path {fill: #94c11e; transition-duration: .4s;}
#produto .box-topo-interno .conteudo .info .botoes {margin-top: 80px; display: flex;}
#produto .box-topo-interno .conteudo .info .botoes .frete {font-size: 18px; font-weight: 600; margin-right: 20px; cursor: pointer;}
#produto .box-topo-interno .conteudo .info .botoes .frete .linha {width: 100%; height: 3px; background: #ffffff; margin-top: 5px;}
#produto .box-topo-interno .conteudo .info label {margin-right:20px;margin-top:13px;}
#produto .box-topo-interno .conteudo .info label .label {color:#fff;margin-bottom:0px;font-size:16px;margin-bottom:4px;}
#produto .box-topo-interno .conteudo .info label select {width:150px;padding:10px 20px;border:0px;}
#produto .box-topo-interno .conteudo .box-img {padding-right: 30px; position: relative; top: 35px;}
#produto .box-topo-interno .conteudo .box-img img {max-height: 700px;}
#produto .detalhes {padding: 90px 0 200px; background: #e6e7e9;}
#produto .detalhes .conteudo {display: flex; justify-content: space-between;}
#produto .detalhes .conteudo .carousel {display: flex; flex-direction: column; width: calc(50% - 10px);}
#produto .detalhes .conteudo .carousel .titulo {margin-bottom: 20px; font-weight: 600;}
#produto .detalhes .conteudo .carousel .texto {columns: 2; line-height: 150%;}
#produto .detalhes .conteudo .carousel .lista {padding-top: 50px;}
#produto .detalhes .conteudo .carousel .lista .box-carousel {height: 360px; position: relative; background: #dadada;border: solid #dddddd 4px }
#produto .detalhes .conteudo .carousel .lista .box-carousel img {width: 100%; height: 100%; object-fit: cover;}
#produto .detalhes .conteudo .info {width: calc(50% - 10px); display: flex; flex-direction: column;}
#produto .detalhes .conteudo .info .titulo {margin-bottom: 20px; font-weight: 600;}
#produto .detalhes .conteudo .info .texto {columns: 2; line-height: 150%;}
#produto .detalhes .conteudo .info .duvidas {margin-top: 10px;display: flex; flex-direction: column;}
#produto .detalhes .conteudo .info .duvidas .duvida {display: flex; flex-direction: column; padding: 19px 0 0; cursor: pointer; margin-top: 20px; transition-duration: .4s;}
#produto .detalhes .conteudo .info .duvidas .duvida:hover {background: #94c11e; transition-duration: .4s;}
#produto .detalhes .conteudo .info .duvidas .duvida .titulo {width: 100%; padding: 0 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;transition-duration: .4s;}
#produto .detalhes .conteudo .info .duvidas .duvida:hover .titulo {color: #ffffff;transition-duration: .4s;}
#produto .detalhes .conteudo .info .duvidas .duvida .titulo svg {width: 12px;transition-duration: .4s;}
#produto .detalhes .conteudo .info .duvidas .duvida:hover .titulo svg {rotate: 180deg;transition-duration: .4s;}
#produto .detalhes .conteudo .info .duvidas .duvida .titulo svg path {fill: #000000;transition-duration: .4s;}
#produto .detalhes .conteudo .info .duvidas .duvida:hover .titulo svg path {fill: #ffffff;transition-duration: .4s;}
#produto .detalhes .conteudo .info .duvidas .duvida .texto {padding: 3px 15px; background: #dddddd; color: #000000; columns: 1; max-height: 0; overflow: hidden; transition-duration: .4s;}
#produto .detalhes .conteudo .info .duvidas .duvida.active .texto {max-height: 300px; padding: 20px 15px; transition-duration: .4s;}
#produto .detalhes .galeria .carousel {margin-top: 30px;}
#produto .detalhes .galeria .carousel .box-carousel {height: 340px; position: relative; display: flex; justify-content: center; align-items: center; background: #000000; transition-duration: .8s;}
#produto .detalhes .galeria .carousel .box-carousel .botao {position: absolute; opacity: 0; z-index: 2; border: solid 4px #ffffff; transition-duration: .8s;}
#produto .detalhes .galeria .carousel .box-carousel:hover .botao {opacity: 1; transition-duration: .8s;}
#produto .detalhes .galeria .carousel .box-carousel .botao svg path {fill: #ffffff;}
#produto .detalhes .galeria .carousel .box-carousel img {width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; transition-duration: .8s;}
#produto .detalhes .galeria .carousel .box-carousel:hover img {opacity: .5; transition-duration: .8s;}
#produto .detalhes .galeria .carousel .owl-dots .owl-dot::after {background: #95c11f;}
#produto .detalhes .galeria .carousel .owl-dots .owl-dot.active {border: solid 1px #95c11f; transition-duration: .8s;}
#produto .detalhes .galeria .carousel .owl-dots .owl-dot:hover {border: solid 1px #95c11f; transition-duration: .8s;}
#produto .box-video {padding-bottom: 0px!important;}
#produto .links {background: #94c11e;border-top: solid #88b11b 3px;}
#produto .links .lista {padding: 110px 0 100px;}
#produto .links .lista .owl-stage-outer {padding-bottom: 55px;}
#produto .links .link {height: 280px; border: solid 4px #000000; box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer;}
#produto .links .link .botao-link {position: absolute; left: 0; top: calc(100% - 30px); left: -4px; background: #000000; padding: 0 20px; height: 85px; max-height: 0; overflow: hidden; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #ffffff; border: none; outline: 0; display: flex; align-items: center; justify-content: flex-end; transition-duration: .8s;}
#produto .links .link:hover .botao-link {max-height: 100%; transition-duration: .8s;}
#produto .links .link .botao-link:hover {padding-right: 40px; transition-duration: .8s;}
#produto .links .link .botao-link svg {margin: 0 20px 0 120px; transition-duration: .8s;}
#produto .links .link .botao-link:hover svg {margin: 0 0 0 140px; transition-duration: .8s;}
#produto .links .link .botao-link svg path {fill: #ffffff;}
#produto .links .logo {position: absolute; bottom: 50px; right: 0;}
#produto .onde-encontrar {background: #b4b4b4; padding: 140px 0 100px;}
#produto .onde-encontrar .conteudo .info {width: 55%;}
#produto .onde-encontrar .conteudo .info .titulo {width: 50%; text-transform: uppercase; margin-bottom: 20px;}
#produto .onde-encontrar .conteudo .form-top {width: 100%; display: flex; padding-top: 60px;}
#produto .onde-encontrar .conteudo .form-top input {width: 60%; height: 85px; border: solid 4px #000000; background: #ffffff00; font-size: 16px; font-weight: 700; color: #ffffff; padding-left: 35px; box-sizing: border-box;}
#produto .onde-encontrar .conteudo .form-top input::-webkit-input-placeholder {font-size: 16px; font-weight: 700; color: #ffffff; text-transform: uppercase;}
#produto .onde-encontrar .conteudo .form-top .botao {width: 50%; flex-direction: row; background: #000000; height: 85px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #b4b4b4; border: none; outline: 0; display: flex; align-items: center; justify-content: center;}
#produto .onde-encontrar .conteudo .form-top .botao svg path {fill: #b4b4b4;}
#produto .onde-encontrar .conteudo .logo {position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%);}
#produto .onde-encontrar .conteudo .logo svg path {fill: #000000;}

#materiais .box-topo-interno .conteudo {display: flex; flex-direction: column;}
#materiais .box-topo-interno .conteudo .info {width: 100%;}
#materiais .box-topo-interno .conteudo .info .titulo {width: 20%;}
#materiais .box-topo-interno .conteudo .botoes {display: flex; align-items: center; margin-top: 40px;}
#materiais .downloads {padding: 120px 0 70px;}
#materiais .downloads .lista {padding-top: 70px;}
#materiais .downloads .owl-stage-outer {padding-bottom: 55px;}
#materiais .downloads .lista .download {height: 280px; border: solid 4px #000000; padding: 50px 20px 30px; display: block; box-sizing: border-box; position: relative; transition-duration: .8s;}
#materiais .downloads .lista .download:hover {background: #000000; transition-duration: .8s;}
#materiais .downloads .lista .download .titulo {transition-duration: .8s;}
#materiais .downloads .lista .download:hover .titulo {color: #ffffff; transition-duration: .8s;}
#materiais .downloads .lista .download .botao-download {position: absolute; left: 0; top: calc(100% - 30px); left: -4px; background: #95c11f; padding: 0 20px; height: 85px; max-height: 0; overflow: hidden; font-size: 16px; font-weight: 600; text-transform: uppercase; color: #95c11f; border: none; outline: 0; display: flex; align-items: center; justify-content: flex-end; transition-duration: .8s;}
#materiais .downloads .lista .download:hover .botao-download {max-height: 100%; color: #ffffff; transition-duration: .8s;}
#materiais .downloads .lista .download .botao-download svg {margin: 0 0 0 80px; transform: rotate(90deg); transition-duration: .8s;}
#materiais .downloads .lista .download .botao-download svg path {fill: #ffffff;}
#materiais .educacao {border-top: solid 1px #f6f6f6; position: relative;}
#materiais .educacao .bg {position: absolute; left: 0; bottom: 0; width: 100%; height: 500px; background: #f8c9df; overflow: hidden; display: flex; align-items: center;}
#materiais .educacao .bg svg {position: relative; right: 200px;}
#materiais .educacao .conteudo {padding: 100px 0 120px; display: flex; flex-direction: column;}
#materiais .educacao .conteudo .info {width: 25%;}
#materiais .educacao .conteudo .info .titulo {text-transform: uppercase; margin-bottom: 10px;}
#materiais .educacao .conteudo .info .titulo::first-line {font-weight: 600;}
#materiais .educacao .conteudo .owl-stage-outer {padding-bottom: 55px;}
#materiais .educacao .conteudo .itens {max-width: 95%; float: right; position: relative;}
#materiais .educacao .conteudo .itens .lista {padding-top: 75px; padding-left: 360px; position: relative; z-index: 5;}
#materiais .educacao .conteudo .itens .lista .download-conteudo {position: relative; height: 490px; background: #000000; cursor: pointer; display: block;}
#materiais .educacao .conteudo .itens .lista .download-conteudo img {height: 100%; width: 100%; object-fit: cover; transition-duration: .8s;}
#materiais .educacao .conteudo .itens .lista .download-conteudo:hover img {opacity: .5; transition-duration: .8s;}
#materiais .educacao .conteudo .itens .lista .download-conteudo .titulo {position: absolute; top: 55px; left: 20px;}
#materiais .educacao .conteudo .itens .lista .download-conteudo .botao-download {position: absolute; left: 0; top: calc(100% - 30px); left: 0; background: #95c11f; padding: 0 20px; height: 85px; max-height: 0; overflow: hidden; font-size: 16px; font-weight: 600; text-transform: uppercase; color: #95c11f; border: none; outline: 0; display: flex; align-items: center; justify-content: flex-end; transition-duration: .8s;}
#materiais .educacao .conteudo .itens .lista .download-conteudo:hover .botao-download {max-height: 100%; color: #ffffff; transition-duration: .8s;}
#materiais .educacao .conteudo .itens .lista .download-conteudo .botao-download svg {margin: 0 0 0 80px; transform: rotate(90deg); transition-duration: .8s;}
#materiais .educacao .conteudo .itens .lista .download-conteudo .botao-download svg path {fill: #ffffff;}
#materiais .blog {padding-bottom: 100px;}

#blog .box-topo-interno .conteudo .info {width: 55%;}
#blog .box-topo-interno .conteudo .info .titulo {width: 30%;}
#blog .box-topo-interno .conteudo .form-top input {border: solid 4px #ffffff;}
#blog .box-topo-interno .conteudo .botao-grande {background: #ffffff; color: #000000; padding: 0 30px 0 75px; width: auto;}
#blog .box-topo-interno .conteudo .botao-grande .svg {margin-left: 145px;}
#blog .box-topo-interno .conteudo .botao-grande svg {transform: none;}
#blog .box-topo-interno .conteudo .botao-grande svg path {fill: #000000;}
#blog .blog {padding-top: 65px;}
#blog .box-blog {display: flex; justify-content: space-between; align-items: flex-start; padding-top: 45px; padding-bottom: 100px;}
#blog .box-blog .posts {display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(75% - 40px); margin-right: 40px;}
#blog .box-blog .posts .post {display: flex; flex-direction: column; position: relative; padding-top: 60px; margin-bottom: 60px; width: calc(50% - 10px);}
#blog .box-blog .posts .post .data {height: 60px; padding: 0 25px; display: flex; align-items: center; font-size: 16px; font-weight: 600; color: #000000; position: absolute; left: 0; width: fit-content; top: 0; z-index: 2; transition-duration: .8s;}
#blog .box-blog .posts .post:hover .data {color: #ffffff; top: 10px; transition-duration: .8s;}
#blog .box-blog .posts .post .data::before {content: ""; position: absolute; left: 0; height: 100%; width: 5px; z-index: -1; background: #95c11f; transition-duration: .8s;}
#blog .box-blog .posts .post:hover .data::before {width: 100%; transition-duration: .8s;}
#blog .box-blog .posts .post .box-img {height: 320px; background: #000000; position: relative; display: flex; align-items: center; justify-content: center;}
#blog .box-blog .posts .post .box-img img {height: 100%; width: 100%; object-fit: cover; transition-duration: .8s;}
#blog .box-blog .posts .post:hover .box-img img {opacity: .5; transition-duration: .8s;}
#blog .box-blog .posts .post .box-img .botao {position: absolute; opacity: 0; z-index: 2; border: solid 4px #ffffff; transition-duration: .8s;}
#blog .box-blog .posts .post:hover .box-img .botao {opacity: 1; transition-duration: .8s;}
#blog .box-blog .posts .post .box-img .botao svg path {fill: #ffffff;}
#blog .box-blog .posts .post .info {padding-top: 30px; display: flex; flex-direction: column;}
#blog .box-blog .posts .post .info .titulo {margin-bottom: 25px; color: #000000; transition-duration: .8s;}
#blog .box-blog .posts .post:hover .info .titulo {color: #95c11f; transition-duration: .8s;}
#blog .box-blog .posts .post .info .texto {text-align: justify;}
#blog .box-blog .posts .paginacao {width: 100%; display: flex; align-items: center;}
#blog .box-blog .posts .paginacao .pagina {height: 40px; width: 40px; background: #95c11f; color: #ffffff; font-size: 18px; font-weight: 600; border-radius: 50%; margin-right: 10px; display: flex; align-items: center; justify-content: center; text-align: center;}
#blog .box-blog .filtros {width: 30%; display: flex; flex-direction: column;}
#blog .box-blog .filtros .links {padding-top: 100px;}
#blog .box-blog .filtros .links .lista {display: flex; flex-direction: column; width: 100%; padding-top: 40px;}
#blog .box-blog .filtros .links .lista .link {width: 100%; padding: 0 20px; height: 80px; font-size: 18px; font-weight: 500; color: #000000; background: #f3f3f3; margin-bottom: 1px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; transition-duration: .8s;}
#blog .box-blog .filtros .links .lista .link:hover {color: #f3f3f3; background: #000000; transition-duration: .8s;}
#blog .box-blog .filtros .links .lista .link svg path {fill: #f3f3f3; transition-duration: .8s;}
#blog .box-blog .filtros .links .lista .link:hover svg path {fill: #ffffff; transition-duration: .8s;}
#blog .box-blog .filtros .banner {width: 100%; height: 500px; background: #f3f3f3; margin-top: 100px;}

#post .box-topo-interno {height: 500px;}
#post .box-topo-interno .info .titulo.size5 {margin-top: 15px;}
#post .box {display: flex; justify-content: space-between; padding: 100px 0;}
#post .box .info {width: 65%;}
#post .box .info .titulo {margin-bottom: 25px;}
#post .box .info .texto {text-align: justify;}
#post .box .info .box-img {height: 340px; width: 100%; position: relative; margin: 30px 0 40px;}
#post .box .info .box-img img {height: 100%; width: 100%; object-fit: cover;}
#post .box .info .video {display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 380px; margin-bottom: 30px;}
#post .box .info .video img {width: 100%; height: 100%; object-fit: cover;}
#post .box .info .sociais {padding-top: 70px; width: 100%; display: flex; align-items: center; justify-content: space-between;}
#post .box .info .sociais .botao {position: absolute; flex-direction: row; margin-top: 0; width: auto; padding-right: 20px; border: solid 4px #000000;}
#post .box .info .sociais .botao svg {transform: rotate(180deg); margin-right: 25px!important;}
#post .box .info .sociais .botao svg path {fill: #000000;}
#post .box .info .sociais .social {display: flex; align-items: center; justify-content: center; width: 100%;}
#post .box .info .sociais .social li a {height: 30px; width: 30px; margin: 0 5px; display: flex; align-items: center; justify-content: center; border-radius: 4px; transition-duration: .8s;}
#post .box .info .sociais .social li a svg {height: 14px;}
#post .box .info .sociais .social li a svg path {fill: #666666; transition-duration: .8s;}
#post .box .info .sociais .social li:hover a svg path {fill: #ffffff; transition-duration: .8s;}
#post .box .info .sociais .social li:hover.ytb a {background: #ff0000; transition-duration: .8s;}
#post .box .info .sociais .social li.ytb a svg {width: 15px;}
#post .box .info .sociais .social li:hover.lnkd a {background: #0a66c2; transition-duration: .8s;}
#post .box .info .sociais .social li:hover.inst a {background: #ec2d87; transition-duration: .8s;}
#post .box .info .sociais .social li:hover.fcb a {background: #1877f2; transition-duration: .8s;}
#post .box .filtros {width: 30%; display: flex; flex-direction: column;}
#post .box .filtros .categorias {display: flex; flex-direction: column; width: 100%;}
#post .box .filtros .categorias .categoria {width: 100%; padding: 0 20px; height: 85px; border: solid 4px #000000; font-size: 24px; font-weight: 500; color: #000000; margin-top: -4px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; transition-duration: .8s;}
#post .box .filtros .categorias .categoria:hover {color: #ffffff; border: solid 4px #95c11f; background: #95c11f; transition-duration: .8s;}
#post .box .filtros .categorias .categoria svg path {fill: #ffffff; transition-duration: .8s;}
#post .box .filtros .links {padding-top: 100px;}
#post .box .filtros .links .lista {display: flex; flex-direction: column; width: 100%; padding-top: 40px;}
#post .box .filtros .links .lista .link {width: 100%; padding: 0 20px; height: 80px; font-size: 18px; font-weight: 500; color: #000000; background: #f3f3f3; margin-bottom: 1px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; transition-duration: .8s;}
#post .box .filtros .links .lista .link:hover {color: #f3f3f3; background: #000000; transition-duration: .8s;}
#post .box .filtros .links .lista .link svg path {fill: #f3f3f3; transition-duration: .8s;}
#post .box .filtros .links .lista .link:hover svg path {fill: #ffffff; transition-duration: .8s;}
#post .box .filtros .banner {width: 100%; height: 500px; background: #f3f3f3; margin-top: 100px;}
#post .blog {padding-bottom: 100px;}

#sac .container {padding: 150px 0;}
#sac .container .info {display: flex; justify-content: space-between;}
#sac .container .info .titulo {width: 40%;}
#sac .container .info .texto {width: 50%; text-align: justify;}
#sac .container .form {width: 100%; margin-top: 100px;}
#sac .container .form .box {display: flex; flex-direction: column; width: calc(33.33% - 7px); margin-bottom: 20px;}
#sac .container .form .box.mensagem {width: 100%;}

#faq .container .info {display: flex; justify-content: space-between;}
#faq .container .info .titulo {width: 40%;}
#faq .container .info .texto {width: 50%;}
#faq .conteudo-padrao .box-right {width: 30%;}
#faq .conteudo-padrao .box-left {width: 65%;}
#faq .container .faq {display: flex; flex-direction: column; padding-top: 30px;}
#faq .container .faq .pergunta {box-sizing: border-box; cursor: pointer; margin-top: 20px; transition-duration: .4s;}
#faq .container .faq .pergunta .titulo {font-weight: 600; height: 85px; padding: 0 30px; display: flex; align-items: center; justify-content: space-between; transition-duration: .4s;}
#faq .container .faq .pergunta:hover .titulo {background: #94c11e; color: #ffffff; transition-duration: .4s;}
#faq .container .faq .pergunta .titulo svg {transition-duration: .4s;}
#faq .container .faq .pergunta:hover .titulo svg {transform: rotate(180deg); transition-duration: .4s;}
#faq .container .faq .pergunta .titulo svg path {fill: #000000; transition-duration: .4s;}
#faq .container .faq .pergunta:hover .titulo svg path {fill: #ffffff; transition-duration: .4s;}
#faq .container .faq .pergunta .texto {max-height: 0; padding: 5px 30px 0; background: #dddddd; overflow: hidden; font-size: 16px; font-weight: 400; line-height: 20px; transition-duration: .4s;}
#faq .container .faq .pergunta.active .texto {max-height: 500px; padding: 20px 30px; transition-duration: .4s;}
#faq .calculadora {background: #0e0d0b; padding-top: 40px;}
#faq .calculadora .conteudo {display: flex; justify-content: space-between; align-items: flex-start;}
#faq .calculadora .conteudo .box-img {height: 425px; width: 655px; position: relative;}
#faq .calculadora .conteudo .box-img img {width: 100%; height: 100%; object-fit: contain;}
#faq .calculadora .conteudo .info {width: 40%;}
#faq .calculadora .conteudo .info .titulo {margin-bottom: 30px; font-size: 72px; line-height: 130%;}
#faq .calculadora .conteudo .info .titulo b {position: relative;}
#faq .calculadora .conteudo .info .titulo b svg {position: absolute; left: 0px; top: -5px; z-index: -1; width: 450px; height: 125px;}
#faq .calculadora .conteudo .info .titulo b svg path {fill: #16e83f;}
#faq .calculadora .conteudo .info .texto {font-size: 20px;}
#faq .calculadora .conteudo .info .botao-calculadora {margin-top: 35px; font-size: 20px; font-weight: 700; cursor: pointer; width: fit-content; padding: 10px; border: solid 4px #ffffff; transition-duration: .8s;}
#faq .calculadora .conteudo .info .botao-calculadora:hover {color: #0e0d0b; background: #ffffff; transition-duration: .8s;}
#faq .info-blog {padding-top: 100px;}
#faq .blog {padding-bottom: 100px;}

#contato .container .form {width: 100%; margin: 100px 0;}
#contato .container .form .box {display: flex; flex-direction: column; width: calc(25% - 5px); margin-bottom: 20px;}
#contato .container .form .box.mensagem {width: 100%;}
#contato .container .form .box.select {width: calc(50% - 3px);}
#contato .form {background: #ffffff; padding: 0px;}
#contato .form .box .titulo-form {color: #000000;}
#contato .form .box .small3 {background: #e6e7e9;}
#contato .form .box .small3:focus {background: #f8c9df;}
#contato .form .box .small {background: #e6e7e9;}
#contato .form .box .small:focus {background: #f8c9df;}
#contato .form .botao-form .termos {color: #000000;}
#contato .form .botao-form .termos a {color: #000000; transition-duration: .8s;}
#contato .form .botao-form .termos a:hover {color: #94c11e; transition-duration: .8s;}
#contato .form .botao-form .termos input {margin-right: 10px;}
#contato .form .botao-form .botao-formulario {color: #000000; border: solid 4px #000000;}
#contato .form .botao-form .botao-formulario svg path {fill: #000000; transition-duration: .8s;}

#politicas .sobre {padding: 100px 0; display: flex; justify-content: space-between;}
#politicas .sobre .politicas {display: flex; flex-direction: column; width: 360px;}
#politicas .sobre .politicas .politica {width: 100%; padding: 0 20px; height: 85px; border: solid 4px #000000; font-size: 24px; font-weight: 500; color: #000000; margin-top: -4px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; transition-duration: .8s;}
#politicas .sobre .politicas .politica:hover {color: #ffffff; border: solid 4px #95c11f; background: #95c11f; transition-duration: .8s;}
#politicas .sobre .politicas .politica svg path {fill: #ffffff; transition-duration: .8s;}
#politicas .sobre .info {width: calc(100% - 400px);}
#politicas .sobre .info .titulo.size4 {margin-bottom: 35px;}
#politicas .sobre .info .texto {font-size: 16px;}

#calculadora .box-topo {display: flex;justify-content: space-between;margin-bottom: 50px;}
#calculadora .box-topo .voltar {cursor: pointer;font-size: 20px;}
#calculadora .box-topo .passo {cursor: pointer;font-size: 20px;}
#calculadora .form-vaso {display: flex; align-items: center;flex-direction: column;}
#calculadora .form-vaso .titulo {margin-bottom: 40px;}
#calculadora .form-vaso .vaso {display: flex;align-items: center;margin-bottom: 50px;}
#calculadora .form-vaso .vaso .button {border: 3px solid #000;border-radius: 12px;cursor: pointer;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;font-size: 20px;font-weight: 700;}
#calculadora .form-vaso .vaso .quantidade {background: url(../imagens/site/bg_vaso.svg) no-repeat center;margin: 0px 20px;width: 200px;height: 200px;background-size: auto 100%;display: flex;justify-content: center;align-items: center;}
#calculadora .form-vaso .vaso .quantidade input {border:0px;font-size: 30px;width: 100%;text-align: center;background: transparent;color: #000;}
#calculadora .form-litros {display: flex; align-items: center;flex-direction: column;}
#calculadora .form-litros .titulo {margin-bottom: 40px;}
#calculadora .form-litros .vaso {display: flex;margin-bottom: 20px;border-bottom: 1px solid #000;padding-bottom: 20px;width: 400px;flex-wrap: wrap;align-items: center;}
#calculadora .form-litros .vaso .icone {font-size: 32px;}
#calculadora .form-litros .vaso .nome {font-size: 20px;margin-left: 20px;}
#calculadora .form-litros .vaso .quantidade {display: flex;justify-content: center;align-items: center;margin-left: auto;}
#calculadora .form-litros .vaso .quantidade input {border:0px;font-size: 30px;width: 100px;text-align: center;background: transparent;color: #000;}
#calculadora .form-litros .vaso .quantidade .button {border: 3px solid #000;border-radius: 12px;cursor: pointer;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;font-size: 20px;font-weight: 700;}
#calculadora .tabs {display: flex;justify-content: center;margin-top: 40px;margin-bottom: 30px;flex-wrap: wrap;}
#calculadora .tabs li {width: 150px;margin: 0px 10px;cursor: pointer;padding: 10px 0px;text-align: acenter;text-transform: uppercase;font-weight: 700;font-size: 20px;color: #000;border-radius: 4px;border: 3px solid #000;transition-duration: 0.5s;text-align: center;}
#calculadora .tabs li.active,
#calculadora .tabs li:hover {background: #000;color: #fff;}
#calculadora table {width: 100%;margin-bottom: 50px;}
#calculadora table td {padding: 20px 20px;}
#calculadora table .vaso {border: 1px solid #000;}
#calculadora table .preparo {background: #F6C9E0;}
#calculadora table .rega {background: #F1F2F2;}

#cadastro .box-topo-interno-secundario {background: linear-gradient(145deg, rgba(122,255,0,1) 25%, rgba(49,142,0,1) 50%, rgba(28,159,0,1) 100%);}
#cadastro .box-topo-interno-secundario .titulo {margin-bottom: 10px;}
#cadastro .box-topo-interno-secundario .texto {max-width: 280px;}
#cadastro .form {justify-content: space-between; padding: 100px 0;}
#cadastro .form .box {margin-bottom: 20px;}
#cadastro .form .box .titulo-form {font-size: 15px; font-weight: 800; margin-left: 0;}
#cadastro .form .box-info {width: calc(50% - 25px);}
#cadastro .form .botao-form {width: 100%; padding-top: 50px;}
#cadastro .form .botao-cadastro {width: calc(50% - 25px); height: 100px; background: #6cfc14; color: #000; font-size: 26px; font-weight: 800; border: none; outline: 0; text-transform: uppercase; display: flex; align-items: center; justify-content: center;}
#cadastro .form .assine {display:flex;justify-content:space-between;align-items:baseline;margin-top:40px;}
#cadastro .form .assine input {transform:scale(2);margin-right:20px;margin-left:7px;}
#cadastro .form .assine .titulo {margin-bottom:10px;}

#minha-conta .box-topo-interno-secundario {background: linear-gradient(145deg, rgba(255,148,254,1) 25%, rgba(202,86,174,1) 50%, rgba(217,89,173,1) 100%);}
#minha-conta .form {display: block;}
#minha-conta .form .box {margin-bottom: 20px;}
#minha-conta .form .box .titulo-form {font-size: 15px; font-weight: 800; margin-left: 0;}
#minha-conta .form .botao-form {justify-content: flex-start;}
#minha-conta .form .botao-produto:hover {background: #f8c9df; border-color: #f8c9df; transition-duration: .8s;}
#minha-conta .box-right .titulo {margin-bottom: 50px;}

#identificacao .container {display: flex;justify-content: space-between;}
#identificacao .form {width: calc(50% - 30px);display: block;}

#carrinho .carrinho {padding:70px 0px;}
#carrinho .box-left {width:calc(65% - 10px);float:left;}
#carrinho .box-right {width:calc(35% - 10px);float:right;}
#carrinho .box-carrinho .box {margin-bottom: 20px;}
#carrinho .box-carrinho .button-carrinho {display:table;font-size:13px;color:#94c11e;font-weight:700;cursor:pointer;}
#carrinho .box-carrinho .button-carrinho:hover {text-decoration:underline;}
#carrinho .box-carrinho .button-carrinho.esvaziar {float:right;margin-bottom:-20px;}
#carrinho .box-carrinho .button-carrinho.adicionar-mais {float:right;margin-top:20px;}
#carrinho .box-carrinho .quantidade {position:relative;border:1px solid #f2f2f2;border-radius:22px;float:left;width:120px;}
#carrinho .box-carrinho .quantidade .button {float:left;width:40px;height:33px;cursor:pointer;}
#carrinho .box-carrinho .quantidade .button.remover {background:url(../imagens/site/ico_remove.png) no-repeat center;filter: grayscale(100%);}
#carrinho .box-carrinho .quantidade .button.adicionar {background:url(../imagens/site/ico_adicionar2.png) no-repeat center;filter: grayscale(100%);}
#carrinho .box-carrinho .quantidade input {float:left;width:40px;height:33px;line-height:33px;font-weight:700;border:0px;color:#676767;font-size:15px;text-align:center;}
#carrinho .table-carrinho {width:100%;}
#carrinho .table-carrinho thead th {font-size:16px;font-weight:300;padding:20px 10px;}
#carrinho .table-carrinho tbody td {font-size:20px;padding:0px 10px;padding-bottom:15px;padding-top:10px;}
#carrinho .table-carrinho .nome-produto {font-size:15px;font-weight:700;color:#666666;}
#carrinho .table-carrinho .total {font-size:15px;font-weight:700;color:#94c11e;text-align:right;width:100%;}
#carrinho .table-carrinho .foto {width:62px;height:62px;position:relative;overflow:hidden;border-radius:4px;border:1px solid #ececec;}
#carrinho .table-carrinho .foto img {width:100%;height:100%;object-fit:cover;}
#carrinho .table-carrinho .delete {font-size:16px;cursor:pointer;}
#carrinho .table-carrinho .status {font-weight:700;}
#carrinho .table-carrinho .status.pago {color:green;}
#carrinho .table-carrinho .status.negado {color:red;}
#carrinho .table-carrinho tfoot td {border-top:1px solid #ececec;font-size:20px;padding-bottom:0px;padding-top:20px;font-weight:700;margin-top:10px;}
#carrinho .menu {margin-bottom:30px;display:flex;flex-wrap:wrap;}
#carrinho .menu label {width:calc(33.33% - 38px);margin:0px 5px;}
#carrinho .menu label input {display:none;}
#carrinho .menu label svg {width:20px;height:20px;}
#carrinho .menu label svg path {fill:#fff;}
#carrinho .menu label.active svg path,
#carrinho .menu label:hover svg path {fill:#000;}
#carrinho .endereco .icone {float:left;width:60px;height:60px;border-radius:6px;}
#carrinho .endereco .box-endereco {float:right;width:calc(100% - 80px);}
#carrinho .endereco .box-endereco .texto {margin-bottom:15px;font-size:15px;}
#carrinho .box-recebimento .endereco {display:none;}
#carrinho .box-agendar {display:none;}
#carrinho .box-agendar .agendar {border-top:1px solid #ececec;margin-top:35px;padding-top:20px;}
#carrinho .box-agendar .agendar .titulo-agendar {text-align:center;margin-bottom:25px;font-size:16px;text-transform:uppercase;color:#999999;font-weight:700;}
#carrinho .box-agendar .agendamento {display:none;margin-top:30px;} 
#carrinho .box-cupom form {position:relative;}
#carrinho .box-cupom form input {padding:14px 20px;width:calc(100% - 4px - 40px);border:0px;color:#666666;background:#e6e7e9; font-size:13px;font-weight:700;}
#carrinho .box-cupom form button {position:absolute;padding:15px 22px;right:0px;top:0px;z-index:3;text-transform:uppercase;border:0px;color:white;background:#94c11e;cursor:pointer;font-size:13px;font-weight:700;bottom:0px; transition-duration: .4s;}
#carrinho .box-cupom form button:hover {background: #6e9113; transition-duration: .4s;}
#carrinho .box-cupom .cupom-adicionado {text-align:center;}
#carrinho .box-cupom .cupom-adicionado i {font-size:40px;color:#55df00;}
#carrinho .box-cupom .cupom-adicionado .frase {font-size:22px;margin-top:20px;}
#carrinho .box-cupom .cupom-adicionado .remover-cupom {display:inline-table;margin-top:30px;cursor:pointer;font-size:14px;font-weight:700;color:#55df00;}
#carrinho .box-cupom .cupom-adicionado .remover-cupom:hover {text-decoration:underline;}
#carrinho .confirmar-pedido {margin-top:34px;padding:15px 0px;text-align:center;cursor:pointer;font-size:13px;font-weight:700;color:white;border-radius:16px;display:block;background:#269f15;}
#carrinho button.confirmar-pedido {border:0px;width:100%;margin-top:0px;}
#carrinho .carrinho-vazio {text-align:center;}
#carrinho .carrinho-vazio .titulo {text-transform: uppercase; margin-top: 30px; margin-bottom: 20px; font-size: 32px;}
#carrinho .carrinho-vazio .texto.bold {font-size: 18px; margin-bottom: 30px;}
#carrinho .carrinho-vazio .icone {font-size:40px;}
#carrinho .carrinho-vazio .link {font-size: 18px; color: #ff0000; font-weight: 700; text-decoration: underline; margin-top: 50px; display: block;}
#carrinho .data-de-validade {border:1px solid #ececec;padding:10px 20px;max-width:400px;margin-bottom:20px;}
#carrinho .data-de-validade .titulo-data {font-size:15px;margin-bottom:15px;}
#carrinho .ui-datepicker {width:100%;}
#carrinho .ui-datepicker .ui-state-default {padding-top:12px;padding-bottom:12px;}
#carrinho .ui-datepicker .ui-state-highlight {background:#f6f6f6;border:1px solid #c5c5c5;}
#carrinho .ui-datepicker .ui-state-active {background:#79cd05 !important;border:1px solid #79cd05 !important;color:white !important;}
#carrinho .finalizacao {text-align:center;}
#carrinho .finalizacao .icone {font-size:60px;color:#79cd05;}
#carrinho .finalizacao .titulo {margin-top:20px;font-size:30px;font-weight:700;}
#carrinho .finalizacao .texto {margin-top:20px;font-size:20px;}
#carrinho .finalizacao .button-padrao {display:inline-table;margin-top:30px;}
#carrinho .box-valor-fixed {position:absolute;right:0px;top:0px;display:none;width:calc(35% - 159px);}