@import url("../fontes/fontes.css");
:root {
  --cor-verde: #4A8A33;
  --cor-verde-escuro: #124734;
  --cor-verde-claro: #70d44b;
  --cor-amarelo: #c2d500;
  --cor-branco: #ffffff;
  --tamanho-numeral: 9.7rem;
}
/* Extra large devices (large desktops)
// No media query since the extra-large breakpoint has no upper bound on its width
font-family: 'gthaptikregularregular';
font-family: 'gt_haptikmedium';
*/
* {
  font-weight: normal !important;
}
@keyframes colorir {
  0% {
    background-color: var(--cor-verde)
  }
  33% {
    background-color: var(--cor-verde-claro)
  }
  66% {
    background-color: var(--cor-verde-escuro)
  }
  100% {
    background-color: var(--cor-verde)
  }
}

#site-holder{
	max-width: 100%;
	position: relative;
	overflow: hidden !important;
}

a {
  cursor: pointer;
}
#loading {
  position: fixed;
  z-index: 50;
  width: 100%;
  height: 100%;
  background-color: var(--cor-verde);
  display: flex;
  /*animation: colorir 10s infinite;*/
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: 0.8s;
  bottom: 0;
  left: 0;
}
#loading.complete {
  height: 0;
}
#loading div {
  width: 50px;
  height: 50px;
  font-size: 12px;
  color: #ffffff;
}
#loading p {
  padding-top: 5px;
  text-align: right;
}
html {
  font-size: 10px;
  scroll-snap-type: y proximity;
}
body {
  font-family: 'gthaptikregularregular';
  font-size: 3.8rem;
  background-color: var(--cor-verde);
  color: var(--cor-amarelo);
  scroll-snap-type: y proximity;
	overflow-x: hidden;
}
body .snap {
  scroll-snap-align: start;
}
bold, strong {
  font-family: 'gt_haptikmedium';
  font-weight: normal;
}
a {
  text-decoration: none;
}
#menu-mobile {
  display: none;
}
.container {
  max-width: calc(1920px + 20rem);
  padding-left: 10rem;
  padding-right: 10rem;
}
.cor-verde {
  color: var(--cor-verde);
}
.cor-verde-claro {
  color: var(--cor-verde-claro);
}
.cor-verde-escuro {
  color: var(--cor-verde-escuro);
}
.cor-amarelo {
  color: var(--cor-amarelo);
}
.cor-branco {
  color: var(--cor-branco);
}
.bg-verde {
  background-color: var(--cor-verde);
}
.bg-verde-claro {
  background-color: var(--cor-verde-claro);
}
.bg-verde-escuro {
  background-color: var(--cor-verde-escuro);
}
.bg-amarelo {
  background-color: var(--cor-amarelo);
}
.txt-g1 {
  font-size: 4.8rem;
  line-height: 5.7rem;
}
.txt-g2 {
  font-size: 5.6rem;
  font-family: 'gt_haptikmedium';
}
.txt-g3 {
  font-size: 6.9rem;
  line-height: 6.9rem
}
.txtp1 {
  font-size: 3.4rem;
}
.txtp2 {
  font-size: 3.0rem;
  line-height: 3.6rem;
}
.txtp3 {
  font-size: 2.4rem;
}
h1 {
  font-size: 15.35rem;
  font-family: 'gt_haptikmedium';
  line-height: 16rem;
}
h2 {
  font-size: 11.1rem;
  line-height: 12.2rem;
  font-family: 'gt_haptikmedium';
}
h3 {
  font-size: 8.0rem;
  font-family: 'gt_haptikmedium';
}
h4 {
  font-size: 4.4rem;
  font-family: 'gt_haptikmedium';
}
.logo-intro {
  width: 86.8rem;
  height: 16.2rem;
  margin-top: 17rem;
}
.logo {
  width: 48.8rem;
  height: 9.1rem;
}
.play {
  width: 17.2rem;
  height: 19.9rem;
}
.seta-baixo, .seta-cima {
  width: 6.8rem;
  height: 6.1rem;
}
.transicao {
  -webkit-transition: 0.5s !important;
  -moz-transition: 0.5s !important;
  -o-transition: 0.5s !important;
  -ms-transition: 0.5s !important;
  transition: 0.5s !important;
}
a.bt-intro {
  color: #c2d500;
  font-size: 3.2rem;
  display: inline-block;
  border-bottom: 0.33rem solid var(--cor-verde);
  margin: 17rem 2.5rem 0rem;
  padding-bottom: 0.5rem;
}
a.bt-intro:hover {
  border-bottom: 0.33rem solid var(--cor-amarelo);
}
.navbar.bg-dark {
  background-color: transparent !important;
  font-size: 3.2rem;
  position: absolute;
  z-index: 10;
  top: 0;
  padding-top: 12.5rem;
}
.navbar-nav {
  margin-top: 2rem;
}
.nav-link, .nav-link:active, .nav-link:focus, .nav-link:hover {
  color: var(--cor-amarelo) !important;
  opacity: 1;
  border-bottom: 0.33rem solid transparent;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 1.4rem;
}
.nav-link:focus, .nav-link:hover, .nav-link:active, .nav-link.active {
  border-bottom: 0.33rem solid var(--cor-amarelo);
}
#intro {
  background: url("../images/bg-principal.jpg") no-repeat center;
  background-position: cover;
  position: relative;
}
#info-intro {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
}
#info-intro h1 {
  margin-top: 43rem;
}
#video-intro {
  width: 100%;
  height: 0;
  padding-bottom: 91%;
  display: block;
  position: relative;
}
#video-intro video {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#video-intro .holder-imagem {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right bottom;
}

#video-intro iframe {
  position: absolute;
  z-index: 0;
  width: 180%;
  height: 100vh;
  object-fit: cover;
  object-position: center;
}
#rolar-baixo {
  top: -56.3rem;
  right: 0rem;
  position: absolute;
  z-index: 5;
  width: 22.7rem;
  height: 6.1rem;
}
.rolar-pgs{
  width: 22.7rem;
  height: 6.1rem;
  position: absolute;
  right: 0;
  top: calc(100vh - 20rem);
  z-index: 5;
}
.rolar-pgs.left{
	right: 0;
	top: 9rem !important;
}
.rolar-pgs.faq{
	top: 30rem ;
}
.rolar-pgs.rolar-intro {
	top: 72rem !important;
}
#intro-cultive {
  margin-top: -5rem;
}
.spacer-sessao {
  padding-top: 10rem;
  padding-bottom: 15rem;
}
.titulo-element {
  position: relative;
}
.titulo-element img {
  width: 113.8rem;
  height: 76.5rem;
}
.titulo-element h2 {
  position: absolute;
  left: 7rem;
  top: 12rem;
}
#icone-ambicao {
  width: 56.1rem;
  height: 37.4rem;
}
#texto-introducao {
  line-height: 4.5rem;
  margin-top: 24.5rem;
}
#ambicao {
  min-height: 100vh;
}
#titulo-ambicao {
  margin-bottom: -2.2rem;
}
#texto-ambicao {
  margin-top: 13.7rem;
}
#proposito {
  min-height: 100vh;
}
#titulo-proposito {
  margin-bottom: 17rem;
}
#texto-proposito {
  margin-bottom: 11rem;
}
.texto-semUnd, .texto-comUnd {
  display: inline;
  padding-bottom: 0rem;
  border-bottom: 0.4rem solid transparent;
  padding-top: 1rem;
  float: left;
  margin-right: 3rem;
}
.texto-comUnd {
  border-bottom-color: var(--cor-amarelo);
}
.br-clearfix {
  clear: both;
  float: left;
}
#embed-video video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}
#embed-video #cover {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 2;
  background: url("../images/cover-video.jpg") no-repeat center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center
}
#btn-play {
  width: 17.2rem;
  height: 19.9rem;
  cursor: pointer;
  transition: 0.5s;
}
#btn-play:hover {
  transform: scale(1.2);
}
#principios {
  min-height: 100vh;
}
#principios .txt-g2 {
  margin-bottom: 1.5rem;
  margin-top: 5.5rem;
}
#logo-cerrado {
  width: 48.5rem;
  height: 48.5rem;
}
#row-cafe-cerrado {
  margin-top: 8rem;
}
#texto-cafe-cerrado {
  margin-top: 8.8rem;
}
#texto-rebranding {
  margin-top: 15rem;
}
#materiais-rebranding {
  margin-top: 14rem;
}
#titulo-faq {
  margin-bottom: 15rem;
}
.btn-voltar {
  width: 23rem;
  height: 6rem;
  margin-bottom: 27rem;
}
.accordion-item {
  color: var(--cor-verde-escuro);
  background-color: var(--cor-verde-claro);
  border: 0;
  border-bottom: 0.3rem solid var(--cor-verde-escuro);
  outline: 0 !important;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  outline: 0 !important;
  border-top: 0.3rem solid var(--cor-verde-escuro);
}
.accordion-button {
  color: var(--cor-verde-escuro);
  background-color: var(--cor-verde-claro);
  box-shadow: var(--cor-verde-claro) 0px 0px 0px 0px !important;
  font-size: 4.4rem;
  line-height: 5.2rem;
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 6rem var(--bs-accordion-btn-padding-x);
  text-align: left;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
  outline: 0 !important;
}
span.numeral {
  width: var(--tamanho-numeral);
  float: left;
}
span.enunciado {
  width: calc(99% - var(--tamanho-numeral));
  float: left;
}
span.conteudo-accordion {
  padding-left: var(--tamanho-numeral);
  display: block;
	width: 80%;
}
.accordion-button:not(.collapsed) {
  color: var(--cor-verde-escuro);
  background-color: var(--cor-verde-claro);
  box-shadow: var(--cor-verde-claro) 0px 0px 0px 0px;
  outline: 0 !important;
}
.accordion-button::after {
  flex-shrink: 0;
  width: 5.2rem;
  height: 5.2rem;
  margin-left: auto;
  content: "";
  background-image: url("../images/SVG/mais.svg");
  background-repeat: no-repeat;
  background-size: 5.2rem;
  ;
  transition: 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("../images/SVG/menos.svg");
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
  font-size: 3rem;
  line-height: 3.6rem;
  padding-bottom: 13.8rem;
  padding-top: 2rem;
}
#row-copy {
  margin-top: 7rem;
}

#section-footer{min-height: 100vh;}

#section-footer {
	padding-bottom: 8rem;
}

#extra-space{
	display: block;
	width: 100%;
	height: 13rem;
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

html {
  scroll-snap-type: none;
}
body {
  scroll-snap-type: none;
}
body .snap {
  scroll-snap-align: none;
}

  :root {
    --tamanho-numeral: 4.3rem;
  }
  body {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .container {
    max-width: 100%;
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .txt-g1 {
    font-size: 3.6rem;
    line-height: 4.3rem;
  }
  .txt-g2 {
    font-size: 3.6rem;
    line-height: 4.3rem;
  }
  #principios .txt-g2 {
    margin-bottom: 3.5rem;
    margin-top: 7.5rem;
    font-size: 4.8rem;
    line-height: 5.75rem;
  }
  .txt-g3 {
    font-size: 4.3rem;
    line-height: 4.3rem
  }
  .txtp1 {}
  .txtp2 {
    font-size: 2.4rem;
    line-height: 2.87rem;
  }
  #principios .txtp2 {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
  #rebranding .txtp2 {
    font-size: 2.8rem;
    line-height: 3.35rem;
  }
  .txtp3 {
    font-size: 2rem;
  }
  h1 {
    font-size: 8rem;
    line-height: 9.6rem;
  }
  #intro h1 {
    font-size: 6rem;
    line-height: 8.6rem;
    margin-top: 37rem;
  }
  h2 {
    font-size: 5.6rem;
    line-height: 6.6rem;
  }
  h3 {
    font-size: 5.6rem;
    line-height: 6.6rem;
  }
  h4 {
    font-size: 8.8rem;
  }
  #video-intro {
    width: 100%;
    height: 100vh;
    padding-bottom: 0;
  }

  .titulo-element img {
    width: 47.2rem;
    height: 31.7rem;
  }
  .titulo-element h2 {
    left: 2.7rem;
    top: 4.3rem;
    font-size: 4.9rem;
    line-height: 5.0rem
  }
  #texto-introducao {
    line-height: 3.5rem;
    margin-top: 19rem;
  }
  #icone-ambicao {
    width: 26rem;
    height: 17.3rem;
    margin-left: auto;
    margin-top: 8rem;
    margin-bottom: 21rem;
  }
	
	#rebranding.spacer-sessao, #introducao.spacer-sessao{
		padding-top: 4rem;
	}
  .texto-semUnd, .texto-comUnd {
    display: inline;
    margin-right: 1.5rem;
  }
  #texto-proposito h2 {
    font-size: 8rem;
    line-height: 9.58rem;
  }
  #btn-play {
    width: 6.5rem;
    height: 7.5rem;
  }
  #logo-cerrado {
    width: 33.7rem;
    height: 33.7rem;
  }
  #texto-cafe-cerrado .txtp2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  #texto-rebranding {
    margin-top: 18rem;
  }
  #materiais-rebranding {
    margin-top: 16rem;
  }
  .accordion-button {
    font-size: 3.2rem;
    line-height: 3.8rem;
    padding-top: 3.3rem;
    padding-bottom: 3.3rem;
  }
  .accordion-button br {
    display: none;
  }
  .accordion-button::after {
    width: 2.9rem;
    height: 2.9rem;
    background-size: 2.9rem;
  }
  .accordion-body {
    font-size: 2.6rem;
    line-height: 3.1rem;
    padding-top: 0;
    padding-bottom: 6rem;
  }
  span.conteudo-accordion {
    padding-left: calc(var(--tamanho-numeral));
    display: block;
  }
  #index-bts.txtp2 {
    font-size: 3.9rem;
    line-height: 4.7rem;
  }
  a.bt-intro {
    display: inline-block;
    clear: both;
    margin: 2.7rem auto 0;
  }
  .logo-intro {
    width: 55.9rem;
    height: 10.4rem;
    margin-top: 20rem;
    margin-bottom: 20rem;
  }
#row-footer-intro {
	margin-top: 15rem;
}
	
	#info-intro .container{
		min-height: 100vh;
	}
  #rolar-baixo {
    width: 14.2rem;
    height: 4.2rem;
    position: relative !important;
    top: 0rem;
	margin-top: 3.5rem;
	margin-right: 2.8rem;
  }
  #intro-cultive {
    margin-top: 0rem;
	  margin-right: 0.8rem;
  }
  .navbar-toggler {
    padding: 0;
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    transition: var(--bs-navbar-toggler-transition);
    width: 4.6rem;
    height: 4.6rem;
  }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0 !important;
    box-shadow: 0 0 0 0 !important;
  }
  #btn-fechar {
    position: absolute;
    width: 4.6rem;
    height: 4.6rem;
    display: block;
    z-index: 12;
    right: 4rem;
    top: 10rem;
    cursor: pointer;
  }
  #barra1, #barra2 {
    width: 4.6rem;
    height: 0.4rem;
    background-color: var(--cor-amarelo);
    position: absolute;
    display: block;
    transition: 0.5s;
    transform: rotate(0deg);
  }
  #barra1 {
    left: 0;
    top: 1.35rem;
  }
  #barra2 {
    left: 0;
    top: 2.8rem;
  }
  #btn-fechar.icone-fechar {
    position: fixed
  }
  #btn-fechar.icone-fechar #barra1 {
    transform: rotate(45deg);
    left: 0;
    top: 1.35rem;
    transition: 0.5s;
  }
  #btn-fechar.icone-fechar #barra2 {
    transform: rotate(-45deg);
    left: 0;
    top: 1.35rem;
    transition: 0.5s;
  }
  #btn-fechar #barra1 {
    transform: rotate(0deg);
    left: 0;
    top: 1.35rem;
    transition: 0.5s;
  }
  #btn-fechar #barra2 {
    transform: rotate(0deg);
    left: 0;
    top: 2.8rem;
    transition: 0.5s;
  }
  .logo {
    width: 36.7rem;
    height: 6.88rem;
  }
  #menu-mobile {
    position: fixed;
    width: 0%;
    top: 0;
    right: 0;
    z-index: 11;
    background-color: var(--cor-verde);
    display: flex;
    transition: 0.5s;
    overflow: hidden;
    height: 100vh;
  }
  #menu-mobile.aberto {
    width: 100%;
  }
  .navbar.bg-dark {
    padding-top: 8.4rem;
  }
  #menu-mobile .link-menu {
    display: inline-block;
    color: var(--cor-amarelo);
    font-size: 6.8rem;
    line-height: 6.8rem;
    border-bottom: 0.7rem solid transparent;
    transition: 0.5s;
    padding-bottom: 1rem;
    margin-bottom: 5.5rem;
  }
  #menu-mobile nav {
    display: block;
    margin-left: 8rem;
  }
  #menu-mobile .link-menu.active, #menu-mobile .link-menu:hover, #menu-mobile .link-menu:focus {
    border-bottom: 0.7rem solid var(--cor-amarelo);
  }
  #menu-mobile nav span {
    content: ' ';
    display: block;
    clear: both;
    height: 0px;
    width: 100%;
  }
  #menu-mobile nav {
    align-self: center;
  }
  #row-copy {
    margin-top: 10rem;
  }
	
	.rolar-pgs	{
		display: none !important;
	}
	
#section-footer {
	padding-bottom: 4rem;
}
	

#extra-space{
	display: block;
	width: 100%;
	height: 2rem;
}

	
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}