body {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  line-height: 150%;
  color: #5B5B5B;
  background-image: url(../images/fundo-topo.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  position: relative;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* OVERLAY */

#overlay-1, #overlay-2 {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 120;
  cursor: pointer;
  text-align: center;
}
.overlay-box {
  border-radius: 10px;
  width: max-content;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background-color: #FFF;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.5);
}
.overlay-box img {
  border-radius: 10px;
  width: auto;
  height: auto;
  max-width: 90vw;
  max-height: 90vh;
}
.overlay-box .overlay-close {
    position: absolute;
    right: 20px;
    top: 20px;
}

/* MARCA */

.linha-topo {
  background-image: url(../images/pessoa-1.png);
  background-repeat: no-repeat;
  background-position-x: calc(50% + 320px);
  background-position-y: 0;
}
.linha-topo .topo-fundo {
  background-image: url(../images/planta-2.jpg);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: left -20% bottom;
  padding-bottom: 70px;
}
.linha-topo .conteudo-marca {
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 60px;
}
.linha-topo .conteudo-marca small {
  opacity: .5;
}
.linha-topo h1 {
  max-width: 300px;
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  color: #3F6539;
}
.linha-topo ul {
  list-style: none;
  padding-inline-start: 0 !important;
  max-width: 50%;
}
.linha-topo li {
  color: #99AA7A;
  font-weight: 500;
  padding-left: 20px;
  margin-bottom: 10px;
  background-image: url('../images/bullet-folha.svg') ;
  background-repeat: no-repeat;
  background-position: left top 5px;
}
.linha-topo .planta-1 {
  position: absolute;
  top: 1480px;
  right: 0;
  width: 420px;
  z-index: 10;
}
.linha-topo .conteudo-video {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 60px;
  padding: 30px 45px;
  border: 5px solid #99AA7A;
  background-color: #FFF;
  color: #5B5B5B;
  font-weight: 300;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.25);
}
.linha-topo .conteudo-video .conteudo-video-player {
  width: 100%;
  margin-bottom: 30px;
}
.linha-topo .conteudo-video .conteudo-video-player iframe {
  height: 38vw;
}
.linha-topo .conteudo-video .conteudo-video-texto {
  width: 90%;
  margin-right: auto;
  line-height: 140%;
}

/* PRODUTO */

.linha-infos {
  position: relative;
  background: url(../images/planta-5.jpg) no-repeat left 320px, url('../images/planta-8.jpg') no-repeat center bottom ;
  background-size: auto, 100%;
}
.linha-infos .infos-fundo {
  background-image: url(../images/planta-6.jpg);
  background-repeat: no-repeat;
  background-position: right 720px;
}
.linha-infos .conteudo-embalagem {
    max-width: 1240px;
    margin: 0 auto;
    background-color: #F4F4F2;
    padding: 45px;
    position: relative;
    height: auto;
    margin-bottom: 100px;
}
.linha-infos .conteudo-embalagem h3 {
    color: #99AA7A;
    font-size: 45px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.linha-infos .conteudo-embalagem h3 strong {
    color: #41683C;
    font-weight: 700;
    text-transform: capitalize;
}
.linha-infos .conteudo-embalagem p {
    color: #3F6539;
}
.linha-infos .conteudo-embalagem small {
    margin-bottom: 12px;
    display: block;
    font-size: 12px;
}
.linha-infos .conteudo-embalagem-images {
    display: flex;
    margin-top: 10px;
    margin-bottom: -90px;
    background: #FFF;
    padding: 0;
    -webkit-box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.25);
    background-image: url(../images/planta-4.jpg);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 0;
}
.linha-infos .conteudo-embalagem-images img {
    width: 100%;
}
.linha-infos .conteudo-embalagem-images button {
  -webkit-appearance: none;
  border: none;
  background: transparent;
}
.linha-infos .conteudo-embalagem-images .embalagem-2 {
    background-image: url(../images/planta-3.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
.linha-infos .conteudo-simbolos {
  max-width: 1150px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 60px;
  border: 5px solid #F4F4F2;
  background-color: rgba(255,255,255,0.75);
  padding: 40px;
}
.conteudo-simbolos .simbolos-info {
    display: flex;
    flex-wrap: wrap;
}
.linha-infos .conteudo-simbolos .simbolos-info h3 {
    color: #466B40;
    font-weight: 300;
    font-size: 48px;
    text-align: center;
    margin-bottom: 40px;
}
.linha-infos .conteudo-simbolos .simbolos-info .box-simbolo {
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 130%;
}
.linha-infos .conteudo-simbolos .simbolos-info .box-simbolo img {
  max-width: 160px;
  max-height: 100px;
}
.linha-infos .conteudo-simbolos .simbolos-info .box-simbolo strong {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    color: #9dae81;
}
.linha-infos .conteudo-ingredientes .carousel-control-prev-icon {
    background-image: url(../images/seta-prev.svg);
}
.linha-infos .conteudo-ingredientes .carousel-control-next-icon {
    background-image: url(../images/seta-next.svg);
}
.linha-infos .conteudo-ingredientes {
  max-width: 1150px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 60px;
}
.linha-infos .conteudo-ingredientes h3 {
    color: #466B40;
    font-weight: 300;
    font-size: 48px;
    text-align: center;
    margin-bottom: 40px;
    width: 100%;
}
.linha-infos .conteudo-ingredientes .carousel-caption {
    position: unset;
    right: unset;
    left: unset;
    color: #000;
    text-align: left;
    padding: 0 80px !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.linha-infos .conteudo-ingredientes .carousel-caption .tb-caption {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
.linha-infos .conteudo-ingredientes .carousel-caption .box-ingrediente {
    padding: 45px;
    width: 46%;
    background-color: #FFF;
    margin-bottom: 36px;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.3);
    background-repeat: no-repeat;
}
.linha-infos .conteudo-ingredientes .carousel-caption .box-ingrediente p {
    background-color: rgba(255,255,255,0.75);
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 90%;
}
.linha-infos .conteudo-ingredientes .carousel-caption .box-ing-monoi {
    background-image: url(../images/fundo-monoi.jpg);
    background-position: 0 80px;
}
.linha-infos .conteudo-ingredientes .carousel-caption .box-ing-alecrim {
    background-image: url(../images/fundo-alecrim.jpg);
    background-position: 30% 70px;
    background-size: 120%;
}
.linha-infos .conteudo-ingredientes .carousel-caption .box-ing-gengibre {
    background-image: url(../images/fundo-gengibre.jpg);
    background-position: 120px 50px;
    background-size: 100%;
}
.linha-infos .conteudo-ingredientes .carousel-caption .box-ing-alfarroba {
    background-image: url(../images/fundo-alfarroba.jpg);
    background-position: 0 120px;
    background-size: 100%;
}
.linha-infos .conteudo-ingredientes .carousel-caption .box-ing-moringa {
    background-image: url(../images/fundo-moringa.jpg);
    background-position: -20px 100px;
    background-size: 160%;
}
.linha-infos .conteudo-ingredientes .carousel-caption .box-ing-jasmin {
    background-image: url(../images/fundo-jasmin.jpg);
    background-position: 0 200px;
}
.linha-infos .conteudo-ingredientes .carousel-caption .box-ing-raizes {
    background-image: url(../images/fundo-acucares.jpg);
    background-position: center 90px;
}
.linha-infos .conteudo-ingredientes .carousel strong {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 40px;
    display: block;
    color: #4f6b2a;
    font-family: 'Reenie Beanie', cursive;
}
.linha-infos .conteudo-ingredientes .carousel-control-next, .linha-infos .conteudo-ingredientes .carousel-control-prev {
    width: 5%;
    opacity: 1;
}
.linha-infos .conteudo-variantes {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 90px;
}
.linha-infos .conteudo-variantes #tabs-variantes {
    margin-bottom: 90px;
    position: relative;
}
.linha-infos .conteudo-variantes #tabs-variantes .btn-variantes {
    border: none;
    position: absolute;
    left: 60px;
    bottom: 60px;
    z-index: 20;
    padding: 12px 16px;
    border-radius: 30px;
    background-color: #83ad0a;
    color: #EEE;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    -webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.25);
}
.linha-infos .conteudo-variantes #tabs-variantes .btn-variantes:hover {
    bottom: 61px;
    background-color: #9ed209;
    color: #FFF;
    text-decoration: none;
}
.linha-infos .conteudo-variantes h3.titulo-geral {
    color: #466B40;
    font-weight: 300;
    font-size: 48px;
    text-align: center;
    margin-bottom: 40px;
}
.linha-infos .conteudo-variantes #tabs-variantes .nav-item {
  width: 400px;
  height: 90px;
}
.linha-infos .conteudo-variantes #tabs-variantes .nav-item a {
    border: none !important;
    height: 90px;
    padding-top: 30px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    color: #59673c;
    background-color: #92a26e;
}
.linha-infos .conteudo-variantes #tabs-variantes .nav-item a.active {
    color: #6a802a;
    background-color: transparent;
    padding-top: 20px;
    background-image: url(../images/seta-indica.svg);
    background-repeat: no-repeat;
    background-position: center bottom 15px;
}
.linha-infos .conteudo-variantes #tabs-variantes .tab-pane {
    border: 5px solid #BDCF9B;
    background-color: #FFF;
    padding: 40px;
    max-width: 800px;
    position: relative;
    height: 640px;
}
.linha-infos .conteudo-variantes #tabs-variantes .tab-pane h3 {
    color: #99AA7A;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    margin-bottom: 10px;
}
.linha-infos .conteudo-variantes #tabs-variantes .tab-pane p {
    color: #99AA7A;
    font-weight: 400;
    margin-bottom: 20px;
}
.linha-infos .conteudo-variantes #tabs-variantes .tab-pane h4 {
    max-width: 360px;
    font-weight: 700;
    color: #3F6539;
    font-size: 16px;
    margin-bottom: 10px;
}
.linha-infos .conteudo-variantes #tabs-variantes .tab-pane ul {
    max-width: 320px;
    color: #3F6539;
    font-size: 16px;
}
.linha-infos .conteudo-variantes #tabs-variantes .tab-pane img {
    position: absolute;
    left: 400px;
    top: 120px;
    width: 100%;
    -webkit-box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.25);
}
.linha-infos #tabs-variantes .nav-tabs {
    border-bottom: none;
}
.linha-infos .conteudo-variantes #tabs-sobre {
    margin-bottom: 60px;
    position: relative;
}
.linha-infos .conteudo-variantes #tabs-sobre .pessoa-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 510px;
}
.linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs {
    display: flex;
    justify-content: space-between;
    border-bottom: none !important;
}
.linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs li {
  height: 140px;
  width: 24%;
  text-align: center;
  border-bottom: 5px solid transparent;
  text-align: center;
}
.linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    height: 120px;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #FFF;
}
.linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs .nav-link span {
    display: block;
    margin-top: 16px;
    margin-bottom: 12px;
    text-align: center;
}
.linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs .nav-item:first-child .nav-link {
    background-color: #41683C;
}
.linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs .nav-item:nth-child(2) .nav-link {
    background-color: #439D38;
}
.linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs .nav-item:nth-child(3) .nav-link {
    background-color: #85B556;
}
.linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs .nav-item:last-child .nav-link {
    background-color: #BDCF9B;
}
.linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs .nav-link.active {
    color: #444;
    background-color: rgba(255, 255, 255, 0.8) !important;
    border-bottom: 5px solid #41683C;
}
.linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs .nav-link.active span img {
    mix-blend-mode: difference;
    opacity: .8;
}
.linha-infos .conteudo-variantes #tabs-sobre .tab-pane {
    min-height: 640px;
    background-color: rgba(244, 244, 242, 0.95);
    border-radius: 0 60px 0 60px;
    border: none !important;
    padding: 75px;
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
}
.linha-infos .conteudo-variantes #tabs-sobre .tab-content #taba li {
    color: #41683C;
}
.linha-infos .conteudo-variantes #tabs-sobre .tab-content #tabb p {
    color: #306f29;
}
.linha-infos .conteudo-variantes #tabs-sobre .tab-content #tabc p {
    color: #5f823c;
}
.linha-infos .conteudo-variantes #tabs-sobre .tab-content #tabd p {
    color: #93a969;
}
.linha-infos .conteudo-variantes #tabs-sobre .tab-pane p {
    width: 420px;
}
.linha-infos .conteudo-variantes #tabs-sobre .tab-pane ul {
    width: 420px;
    list-style: none;
    padding-inline-start: 0 !important;
}
.linha-infos .conteudo-variantes #tabs-sobre .tab-pane ul li {
    margin-bottom: 40px;
    padding-left: 30px;
    margin-bottom: 10px;
    background-image: url('../images/bullet-folha.svg') ;
    background-repeat: no-repeat;
    background-position: left top 5px;
    background-size: 20px;
}
.linha-infos .planta-7 {
    position: absolute;
    left: 0;
    top: 3500px;
    width: 320px;
    z-index: 20;
}
.faq-conteudo {
  display: flex;
}
.faq-conteudo h3 {
  margin-top: 10px;
  font-size: 24px;
  font-weight: 700;
  color: #3F6439;
  text-transform: uppercase;
  width: 30%;
  text-align: center;
}
.faq-conteudo #card-faq {
  width: 70%;
}
.faq-conteudo #card-faq .card {
    margin-bottom: 5px;
    background-color: rgba(255, 255, 255, 0);
    border: none !important;
}
.faq-conteudo #card-faq .card .collapse.show {
    border-bottom: 1px solid #BDCF9B !important;
    background-color: rgba(255, 255, 255, 0.75);
    color: #3F6539;
}
.faq-conteudo #card-faq .card .card-header {
    background-color: transparent;
    border: none !important;
}
.faq-conteudo #card-faq .card .card-body {
    padding: 0 1.25rem 2.5rem 3.65rem;
}
.faq-conteudo #card-faq .card-link {
  color: #41683C;
  font-weight: 500;
}
.faq-conteudo #card-faq .card-link img {
  margin-top: -4px;
  margin-right: 10px;
}

.linha-infos .conteudo-ingredientes .carousel-control-next, .linha-infos .conteudo-ingredientes .carousel-control-prev {
  top: 40px;
  align-items: normal;
}
.linha-infos .conteudo-ingredientes .carousel-control-next .carousel-control-next-icon, .linha-infos .conteudo-ingredientes .carousel-control-prev .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
}

/* RODAPE */

.linha-rodape {
  padding: 50px 70px 0 70px;
  background-color: #9BA688;
  color: #333632;
  font-size: 14px;
  font-weight: 500;
}
.linha-rodape .rodape-topo {
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 20px;
}
.linha-rodape .rodape-colunas {
  display: flex;
  justify-content: space-between;
}
.linha-rodape .rodape-colunas .coluna-1 {
  width: 22%;
}
.linha-rodape .rodape-colunas .coluna-2 {
  width: 27%;
}
.linha-rodape .rodape-colunas .coluna-3 {
  width: 35%;
}
.linha-rodape .rodape-colunas h3 {
  font-weight: 500;
  font-size: 18px;
  color: #FFF;
  text-transform: none;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid;
}
.linha-rodape .rodape-colunas ul {
  list-style: none;
  padding-inline-start: 30px !important;
}
.linha-rodape .rodape-colunas li {
  position: relative;
  margin-bottom: 10px;
  color: #FFF;
  font-size: 13px;
}
.linha-rodape .rodape-colunas p {
  margin-bottom: 0;
}
.linha-rodape .rodape-colunas li img {
  position: absolute;
  left: -30px;
  top: 4px;
}
.linha-rodape .rodape-colunas a {
  color: #FFFFFF;
}
.linha-rodape .coluna-3 h2 {
    background-image: url(../images/line-siga.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: #FFF;
    text-align: center;
    margin-top: 10px;
}
.linha-rodape .coluna-3 h2 span {
    background-color: #9BA688;
    padding: 0 20px;
    display: inline-block;
}
.linha-rodape .coluna-3 .social {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.linha-rodape .coluna-3 .social a {
    margin: 0 10px;
    padding: 2px;
    background-color: #3e4631;
    width: 32px;
    text-align: center;
    border-radius: 3px;
    transition: background-color .5s;
}
.linha-rodape .coluna-3 .social a:hover {
    background-color: #040403;
}
.linha-rodape .coluna-3 .payment {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.linha-rodape .coluna-3 .payment img {
    margin: 0 10px;
    mix-blend-mode: multiply;
    opacity: .6;
}
.linha-rodape .coluna-3 .payment img.ajuste {
    height: 24px;
    margin-top: 4px;
}

.linha-rodape-fim {
    padding: 30px 70px 0 70px;
    background-color: #b2bba2;
    color: #333632;
    font-size: 14px;
    font-weight: 500;
}
.linha-rodape-fim .rodape-baixo {
  width: 100%;
  padding: 0 0 20px 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  line-height: 120%;
}
.linha-rodape-fim .rodape-baixo > div {
  padding: 0;
}
.linha-rodape-fim .rodape-baixo p {
  margin-bottom: 0;
}
.linha-rodape-fim .rodape-baixo .link-login {
  text-align: center;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
}
.linha-rodape-fim .rodape-baixo .link-login a {
  font-size: 18px;
  color: #333632;
  text-decoration: underline;
}
.linha-rodape-fim .rodape-baixo .link-padrao {
  text-align: right;
  font-weight: 500;
}
.linha-rodape-fim .rodape-baixo .link-padrao a {
  color: #333632;
  padding: 0 0 0 20px;
  position: relative;
  top: 25%;
}

/* RESPONSIVO */

@media screen and (min-width: 1800px) {
  .linha-topo .conteudo-video .conteudo-video-player iframe {
    height: 30vw !important;
  }
  .linha-rodape-fim .rodape-baixo .link-login {
    padding-top: 6px;
  }
}

@media screen and (min-width: 1500px) {
  body {
    background-size: 68%;
  }
  .linha-topo .topo-fundo {
    background-size: 540px;
    background-position: left -15% bottom;
  }
  .linha-topo .planta-1 {
    top: 1460px;
    width: 480px;
  }
  .linha-infos .planta-7 {
      width: 24vw;
  }
  .linha-topo .conteudo-video .conteudo-video-player iframe {
    height: 35vw;
  }
}

@media screen and (max-width: 1400px) {
  .linha-topo .planta-1 {
    width: 360px;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .btn-variantes {
      bottom: 5vh;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .btn-variantes:hover {
      bottom: 5vh;
  }
  .linha-infos .planta-7 {
    left: -20px;
    width: 270px;
  }
}

@media screen and (max-width: 1300px) {
  .linha-topo {
    background-position-x: calc(50% + 250px);
  }
  .linha-topo .planta-1 {
    top: 1500px;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .tab-pane ul {
    max-width: 40%;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .tab-pane img {
    left: 45%;
  }
  .linha-infos .conteudo-embalagem {
    max-width: 1100px;
  }
  .linha-topo .conteudo-video .conteudo-video-player iframe {
    height: 42vw;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .tab-pane {
    height: 670px;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .btn-variantes {
      bottom: 5vh;
      padding: 8px 16px;
      font-size: 14px;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .btn-variantes:hover {
      bottom: 5vh;
  }
}

@media screen and (max-width: 1100px) {
  body {
    background-size: 75%;
  }
  .linha-topo .conteudo-marca {
    padding-left: 15px;
    padding-top: 45px;
  }
  .conteudo-marca small {
    width: 40%;
    display: block;
    line-height: 130%;
  }
  .linha-topo .planta-1 {
    right: 0;
    top: 1440px;
    width: 36%;
  }
  .linha-topo .conteudo-video {
    margin-left: 50px;
    margin-right: 0;
    padding: 30px;
  }
  .linha-topo .conteudo-video .conteudo-video-player iframe {
    height: 48vw;
  }
  .linha-topo .conteudo-video .conteudo-video-texto {
    width: 75%;
    font-size: 15px;
  }
  .linha-infos {
    background: url(../images/planta-5.jpg) no-repeat left center, url(../images/planta-8.jpg) no-repeat center bottom;
    background-size: auto, contain;
  }
  .linha-infos .infos-fundo {
    background-position: right 920px;
  }
  .linha-infos .planta-7 {
    left: -40px;
    top: 3750px;
    width: 220px;
  }
  .linha-infos .conteudo-embalagem-images {
    margin-top: 0;
    margin-bottom: -60px;
  }
  .linha-infos .conteudo-embalagem {
    height: 600px;
    padding: 30px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption {
    padding: 0 40px !important;
  }
  .linha-infos .conteudo-variantes #tabs-variantes {
    padding-left: 9%;
  }
  .linha-infos .conteudo-variantes #tabs-sobre {
    padding: 0 5%;
  }
  .linha-infos .conteudo-variantes #tabs-sobre .tab-pane p {
    width: 45%;
  }
  .linha-infos .conteudo-variantes #tabs-sobre .tab-pane {
    font-size: 21px;
    padding: 50px;
    min-height: 580px;
  }
  .linha-infos .conteudo-variantes #tabs-sobre .pessoa-2 {
    width: 48%;
    right: 5%;
  }
  .linha-infos .conteudo-variantes #tabs-variantes {
    padding-left: 4%;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .nav-item {
    width: 42%;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .tab-pane {
    width: 84%;
    height: auto;
    padding-bottom: 10%;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .tab-pane ul {
    max-width: 100%;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .tab-pane img {
    position: relative;
    left: unset;
    top: unset;
    right: -5%;
    width: 120%;
    bottom: 4%;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .btn-variantes {
    left: 120px;
    bottom: 3.5vh;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .btn-variantes:hover {
    bottom: 3.5vh;
  }
  .linha-infos .conteudo-ingredientes h3 {
    font-size: 40px;
  }
  .linha-infos .conteudo-simbolos .simbolos-info h3 {
    font-size: 40px;
  }
}

@media screen and (max-width: 800px) {
  body {
    background-size: 70%;
  }
  .linha-topo .planta-1 {
    top: 1600px;
    width: 240px;
  }
  .linha-topo .topo-fundo {
    padding-right: 0;
    background-position: left -20% bottom -5%;
  }
  .linha-topo .conteudo-marca {
    padding-left: 30px;
  }
  .linha-topo h1 {
    margin-top: 20px;
    margin-bottom: 45px;
  }
  .linha-topo ul {
    max-width: 40%;
  }
  .linha-topo {
    background-position-y: 100px;
    background-position-x: calc(50% + 200px);
  }
  .linha-topo .conteudo-video .conteudo-video-player {
    position: relative;
    width: 100%;
    left: -10%;
  }
  .linha-topo .conteudo-video .conteudo-video-player iframe {
    height: 35vh;
  }
  .linha-infos {
    background: url(../images/planta-5.jpg) no-repeat 0 640px, url(../images/planta-8.jpg) no-repeat center bottom;
    background-size: auto, contain;
  }
  .linha-infos .conteudo-embalagem {
    height: 520px;
  }
  .linha-infos .conteudo-simbolos .simbolos-info h3 {
    font-size: 4.2vh;
  }
  .linha-infos .conteudo-simbolos {
    background-color: rgba(255,255,255,0.85);
    padding: 30px 10px;
  }
  .linha-infos .conteudo-ingredientes h3 {
    font-size: 4.2vh;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ingrediente {
    padding: 30px;
    margin-bottom: 20px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-monoi {
    background-position: -120px 140px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-alecrim {
    background-position: 30% 240px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-gengibre {
    background-position: 80px 160px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-alfarroba {
    background-position: 0 180px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-moringa {
    background-position: -120px 220px;
    background-size: 230%;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-jasmin {
    background-position: -50px 300px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-raizes {
    background-position: center 180px;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .tab-pane {
    width: 90%;
    padding-bottom: 16%;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .nav-item {
    width: 45%;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .nav-item a {
    padding-top: 18px;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .nav-item a.active {
    padding-top: 0;
    background-position: center bottom 8px;
  }
  .linha-infos .planta-7 {
    display: none;
  }
  .linha-infos .conteudo-variantes h3.titulo-geral {
    font-size: 4vh;
    margin-bottom: 40px;
  }
  .linha-infos .conteudo-variantes #tabs-variantes {
    padding-left: 8%;
    padding-right: 8%;
  }
  .conteudo-variantes > .col-md-12 {
    padding-left: 0;
    padding-right: 0;
  }
  .linha-infos .infos-fundo {
    background-position: right 700px;
  }
  .linha-infos .conteudo-variantes #tabs-sobre .tab-pane {
    padding: 30px;
    min-height: 530px;
  }
  .linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs .nav-link {
    font-size: 14px;
    padding: 8px 0 0 0;
  }
  .linha-infos .conteudo-variantes #tabs-sobre .tab-pane ul {
    width: 50%;
  }
  .linha-infos .conteudo-variantes #tabs-sobre .tab-pane p {
    width: 50%;
    line-height: 140%;
  }
  .linha-rodape .rodape-colunas .coluna-1 {
    width: 40%;
  }
  .linha-rodape .rodape-colunas .coluna-2 {
    width: 40%;
  }
  .linha-rodape .rodape-colunas .coluna-3 {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .linha-rodape-fim .rodape-baixo .link-padrao {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 700px) {
  .linha-infos .conteudo-embalagem {
    height: auto;
    padding: 20px 5px 5px 5px;
    margin-bottom: 60px;
    margin-left: 5%;
    margin-right: 5%;
  }
  .linha-infos .conteudo-embalagem-images {
    flex-wrap: wrap;
    position: unset;
    margin-top: 20px;
    margin-bottom: -20px;
    background-image: url(../images/planta-3.jpg);
    background-position: right top;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .nav-item {
    height: auto;
    width: 50%;
    background-size: 100%;
  }
  .linha-infos .conteudo-embalagem h3 {
    font-size: 5vh;
  }
}

@media screen and (max-width: 600px) {
  .linha-topo {
    background-position-y: 10vh;
    background-position-x: calc(50% + 120px);
    background-size: 80vh;
  }
  .linha-topo .topo-fundo {
    background-size: 320px;
    background-position: left -40% bottom 0px;
    padding-bottom: 120px;
  }
  .linha-topo .conteudo-marca {
    padding-left: 0;
    padding-top: 60px;
  }
  .linha-topo .conteudo-marca img {
    max-width: 50%;
  }
  .conteudo-marca small {
    width: 33%;
    line-height: 110%;
  }
  .linha-topo h1 {
    max-width: 55%;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
  }
  .linha-topo ul {
    max-width: 60%;
    padding: 8px;
    background-color: rgba(255,255,255,0.8);
    border-radius: 10px;
  }
  .linha-topo li {
    font-size: 14px;
    line-height: 120%;
    color: #7c8e5b;
    background-position: left top 2px;
  }
  .linha-topo .conteudo-video {
    margin-left: 20px;
    padding: 15px;
    margin-top: 30px;
  }
  .linha-topo .conteudo-video .conteudo-video-player {
    width: 110%;
  }
  .linha-topo .conteudo-video .conteudo-video-player iframe {
    height: 28vh;
  }
  .linha-topo .conteudo-video .conteudo-video-texto {
    font-weight: 400;
    width: 100%;
  }
  .linha-topo .planta-1 {
    top: 1400px;
    width: 40vw;
    right: 0;
  }
  .linha-infos {
    background: url(../images/planta-5.jpg) no-repeat 0 1000px, url(../images/planta-8.jpg) no-repeat center bottom;
    background-size: 120vw, contain;
  }
  .linha-infos .conteudo-ingredientes .carousel-control-next, .linha-infos .conteudo-ingredientes .carousel-control-prev {
    width: 10%;
  }
  .linha-infos .infos-fundo {
    background-image: none;
    padding: 0;
  }
  .linha-infos .conteudo-embalagem p {
    font-size: 16px;
  }
  .linha-infos .conteudo-embalagem-images .embalagem-2 {
    background-image: none;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ingrediente {
    width: 100%;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ingrediente p {
    margin-bottom: 20%;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-monoi {
    background-position: -120px 180px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-alecrim {
    background-position: 30% 140px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-alfarroba {
    background-position: 0 100px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-moringa {
    background-position: -120px 130px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-jasmin {
    background-position: -50px 40px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-raizes {
    background-position: center 160px;
  }
  .linha-infos .conteudo-variantes h3.titulo-geral {
    padding: 0 15vw;
  }
  .linha-infos .conteudo-variantes #tabs-variantes {
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 8vh;
    position: relative;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .nav-item a {
    font-size: 14px;
    line-height: 120%;
    height: 70px;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .tab-pane {
    padding: 20px 20px 80px 20px;
    width: 100%;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .tab-pane img {
    position: unset;
    width: 110%;
    margin-top: 20px;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .btn-variantes {
    top: unset;
    width: 80%;
    right: 10%;
    left: 10%;
    text-align: center;
  }
  .linha-infos .conteudo-variantes #tabs-sobre {
    padding: 0;
    overflow-x: hidden;
    margin-bottom: 0;
  }
  .linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs li {
    width: 25%;
    height: 25vw;
  }
  .linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs .nav-link {
    font-size: .6rem;
    height: 25vw;
  }
  .linha-infos .conteudo-variantes #tabs-sobre ul.nav-tabs .nav-link span {
    margin-top: 3vw;
    margin-bottom: 2vw;
  }
  .linha-infos .conteudo-variantes #tabs-sobre .tab-pane {
    border-radius: 0;
    padding: 30px;
    font-size: 18px;
    line-height: 130%;
    min-height: 480px;
  }
  .linha-infos .conteudo-variantes #tabs-sobre .tab-pane ul li {
    padding-left: 20px;
    background-position: left top 2px;
    background-size: 12px;
    font-size: 15px;
  }
  .linha-infos .conteudo-variantes #tabs-sobre .tab-pane p {
    width: 52%;
  }
  .linha-infos .conteudo-variantes #tabs-sobre .tab-content #tabb p {
    font-size: 15px;
  }
  .small, small {
    font-size: 60%;
  }
  .linha-infos .conteudo-variantes #tabs-sobre .pessoa-2 {
    width: 80%;
    right: -30%;
  }
  .linha-infos .conteudo-simbolos {
    border: none;
    border-bottom: 2px solid #F4F4F2;
  }
  .faq-conteudo {
    flex-wrap: wrap;
  }
  .faq-conteudo h3 {
    margin-top: 0;
    width: 100%;
  }
  .faq-conteudo #card-faq {
    width: 100%;
  }
  .linha-rodape, .linha-rodape-fim {
    padding: 40px 30px 0 30px;
  }
  .linha-rodape .rodape-colunas .coluna-1 {
    width: 100%;
    margin-bottom: 40px;
  }
  .linha-rodape .rodape-colunas .coluna-2 {
    width: 100%;
  }
  .linha-rodape-fim .rodape-baixo p {
    margin-bottom: 30px;
    text-align: center;
  }
  .linha-rodape-fim .rodape-baixo .link-padrao a {
    top: 5%;
    display: block;
    margin-bottom: 2vh;
    padding: 0;
  }
  .overlay-box img {
    border-radius: 0;
    max-width: 100vw;
    max-height: 100vh;
  }
  .faq-conteudo #card-faq .card .card-body {
    font-size: .9rem;
  }
}

@media screen and (max-width: 400px) {
  .linha-topo .conteudo-marca img {
    margin-left: 5%;
    max-width: 40%;
  }
  .linha-topo .conteudo-marca {
    padding-top: 8vh;
  }
  .linha-topo ul {
    max-width: 70%;
  }
  .linha-topo .conteudo-video {
    margin-left: 0;
    margin-top: 20px;
  }
  .linha-topo .conteudo-video .conteudo-video-player {
    margin-bottom: 5px;
  }
  .linha-topo .planta-1 {
    top: 1420px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ingrediente {
    padding: 30px 20px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ingrediente p {
    font-size: 16px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-alecrim {
    background-position: 30% 180px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-gengibre {
    background-position: 40px 200px;
    background-size: 120%;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-alfarroba {
    background-position: 0 150px;
  }
  .linha-infos .conteudo-ingredientes .carousel-caption .box-ing-moringa {
    background-position: -120px 240px;
  }
  .linha-infos .conteudo-embalagem-images {
    margin-bottom: 0;
  }
  .linha-infos .conteudo-variantes #tabs-variantes .tab-pane ul {
    font-size: 14px;
  }
  .linha-infos .conteudo-variantes #tabs-sobre .tab-pane p {
    width: 60%;
  }
}

@media screen and (max-width: 370px) {
  .linha-topo {
    background-position-y: 12vh;
    background-size: 90vh;
  }
  .linha-topo .planta-1 {
    top: 1500px;
  }
}