@import "fontes.css";

body,html
{
  margin: 0px;
  padding: 0px;
  background: #fff;
  font-family: "Gotham-thin";
}

h1,h2,h3,h4,h5,h6,
p,a,span
{
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  color: #fff;
}

p
{
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
}

ul
{
  list-style-type: none;
  margin: 0px; padding: 0px;
}

button,input,textarea,select{outline: none;}
button{cursor: pointer;}

.centraliza
{
  margin: 0 auto;
  width: 98%;
  
}

.centraliza-itens
{
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

section,
.row,
.clear{clear: both;}

*{transition: all 0.3s;}

/**
 * -------------------------------
 *           Auxiliares
 * -------------------------------
 */


  /* Backgrounds */
  .bg-verdeClaro{background-color: #a6c124;}
  .bg-verdeEscuro{background-color: #047734;}
  .bg-branco{background-color: #fff;}
  .bg-cinza{background-color: #f2f2f2;}

  /* Cores */
  .color-verdeEscuro{color: #047734;}
  .color-cinza{color: #2f2f2f;}

  /* Alinhamento de Texto */
  .text-align-center{text-align: center;}
  .text-align-left{text-align: left;}
  .text-align-right{text-align: right;}
  .text-align-justify{text-align: justify;}

  /* Tipo de Texto */
  .bold{font-weight: bold;}

  /* Colunas */
  .col-2{width: 50%; float: left;}
  .col-3{width: calc(100% / 3); float: left;}
  .col-4{width: 25%; float: left;}
  .col-5{width: calc(100% / 5); float: left;}

  /* Paddings */
  .p-10{padding: 10px;}
  .p-15{padding: 15px;}
  .p-20{padding: 20px;}
  .p-30{padding: 30px;}
  .p-40{padding: 40px;}
  .p-50{padding: 50px;}
  .p-60{padding: 60px;}
  .p-70{padding: 70px;}
  .p-80{padding: 80px;}
  .p-90{padding: 90px;}
  .p-100{padding: 100px;}

  .p-t-10{padding-top: 10px;}
  .p-t-20{padding-top: 20px;}
  .p-t-30{padding-top: 30px;}
  .p-t-40{padding-top: 40px;}
  .p-t-50{padding-top: 50px;}
  .p-t-60{padding-top: 60px;}
  .p-t-70{padding-top: 70px;}
  .p-t-80{padding-top: 80px;}
  .p-t-90{padding-top: 90px;}
  .p-t-100{padding-top: 100px;}
  .p-t-150{padding-top: 150px;}
  .p-t-200{padding-top: 200px;}

  .p-b-10{padding-bottom: 10px;}
  .p-b-20{padding-bottom: 20px;}
  .p-b-30{padding-bottom: 30px;}
  .p-b-40{padding-bottom: 40px;}
  .p-b-50{padding-bottom: 50px;}
  .p-b-60{padding-bottom: 60px;}
  .p-b-70{padding-bottom: 70px;}
  .p-b-80{padding-bottom: 80px;}
  .p-b-90{padding-bottom: 90px;}
  .p-b-100{padding-bottom: 100px;}
  .p-b-150{padding-bottom: 150px;}
  .p-b-200{padding-bottom: 200px;}

  .p-l-10{padding-left: 10px;}
  .p-l-20{padding-left: 20px;}
  .p-l-30{padding-left: 30px;}
  .p-l-40{padding-left: 40px;}
  .p-l-50{padding-left: 50px;}
  .p-l-60{padding-left: 60px;}
  .p-l-70{padding-left: 70px;}
  .p-l-80{padding-left: 80px;}
  .p-l-90{padding-left: 90px;}
  .p-l-100{padding-left: 100px;}

  .p-r-10{padding-right: 10px;}
  .p-r-20{padding-right: 20px;}
  .p-r-30{padding-right: 30px;}
  .p-r-40{padding-right: 40px;}
  .p-r-50{padding-right: 50px;}
  .p-r-60{padding-right: 60px;}
  .p-r-70{padding-right: 70px;}
  .p-r-80{padding-right: 80px;}
  .p-r-90{padding-right: 90px;}
  .p-r-100{padding-right: 100px;}




  .m-10{margin: 10px;}
  .m-20{margin: 20px;}
  .m-30{margin: 30px;}
  .m-40{margin: 40px;}
  .m-50{margin: 50px;}
  .m-60{margin: 60px;}
  .m-70{margin: 70px;}
  .m-80{margin: 80px;}
  .m-90{margin: 90px;}
  .m-100{margin: 100px;}

  .m-t-10{margin-top: 10px;}
  .m-t-20{margin-top: 20px;}
  .m-t-30{margin-top: 30px;}
  .m-t-40{margin-top: 40px;}
  .m-t-50{margin-top: 50px;}
  .m-t-60{margin-top: 60px;}
  .m-t-70{margin-top: 70px;}
  .m-t-80{margin-top: 80px;}
  .m-t-90{margin-top: 90px;}
  .m-t-100{margin-top: 100px;}
  .m-t-200{margin-top: 200px;}

  .m-b-10{margin-bottom: 10px;}
  .m-b-20{margin-bottom: 20px;}
  .m-b-30{margin-bottom: 30px;}
  .m-b-40{margin-bottom: 40px;}
  .m-b-50{margin-bottom: 50px;}
  .m-b-60{margin-bottom: 60px;}
  .m-b-70{margin-bottom: 70px;}
  .m-b-80{margin-bottom: 80px;}
  .m-b-90{margin-bottom: 90px;}
  .m-b-100{margin-bottom: 100px;}

  .m-l-10{margin-left: 10px;}
  .m-l-20{margin-left: 20px;}
  .m-l-30{margin-left: 30px;}
  .m-l-40{margin-left: 40px;}
  .m-l-50{margin-left: 50px;}
  .m-l-60{margin-left: 60px;}
  .m-l-70{margin-left: 70px;}
  .m-l-80{margin-left: 80px;}
  .m-l-90{margin-left: 90px;}
  .m-l-100{margin-left: 100px;}

  .m-r-10{margin-right: 10px;}
  .m-r-20{margin-right: 20px;}
  .m-r-30{margin-right: 30px;}
  .m-r-40{margin-right: 40px;}
  .m-r-50{margin-right: 50px;}
  .m-r-60{margin-right: 60px;}
  .m-r-70{margin-right: 70px;}
  .m-r-80{margin-right: 80px;}
  .m-r-90{margin-right: 90px;}
  .m-r-100{margin-right: 100px;}


  /* Efeitos */
  .hover-zoom:hover .zoom{background-size: 150%; opacity: 0.6;}

  .parallax
  {
    background-attachment: fixed;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
  }


  /* Botões */
  .btn-outline
  {
    background: transparent;
    border: 2px solid #fff;
    text-transform: uppercase;
    color: #fff;
  }

  .btn-outline:hover{background: #fff; color: #008ad2;}

  .max-width-100{max-width: 100%;}

  .float-left{float: left;}
  .float-right{float: right;}

  /* Tamanho da fonte */
  .size-01{font-size: 0.1em;}
  .size-02{font-size: 0.2em;}
  .size-03{font-size: 0.3em;}
  .size-04{font-size: 0.4em;}
  .size-05{font-size: 0.5em;}
  .size-06{font-size: 0.6em;}
  .size-07{font-size: 0.7em;}
  .size-08{font-size: 0.8em;}
  .size-09{font-size: 0.9em;}
  .size-10{font-size: 1em;}
  .size-11{font-size: 1.1em;}
  .size-12{font-size: 1.2em;}
  .size-13{font-size: 1.3em;}
  .size-14{font-size: 1.4em;}
  .size-15{font-size: 1.5em;}
  .size-16{font-size: 1.6em;}
  .size-17{font-size: 1.7em;}
  .size-18{font-size: 1.8em;}
  .size-19{font-size: 1.9em;}
  .size-20{font-size: 2em;}
  .size-21{font-size: 2.1em;}
  .size-22{font-size: 2.2em;}
  .size-23{font-size: 2.3em;}
  .size-24{font-size: 2.4em;}
  .size-25{font-size: 2.5em;}
  .size-26{font-size: 2.6em;}
  .size-27{font-size: 2.7em;}
  .size-28{font-size: 2.8em;}
  .size-29{font-size: 2.9em;}
  .size-30{font-size: 3em;}
  .size-35{font-size: 3.5em;}
  .size-40{font-size: 4em;}
  .size-45{font-size: 4.5em;}
  .size-50{font-size: 5em;}
  .size-55{font-size: 5.5em;}
  .size-60{font-size: 6em;}
  .size-65{font-size: 6.5em;}
  .size-70{font-size: 7em;}





/**
 * -------------------------------
 *         COMEÇA O SITE
 * -------------------------------
 */


/* Menu */
menu
{
  margin: 0px;
  padding: 0px;
  position: fixed;
  z-index: 900;
  background: #125f32;
  height: 100%;
  width: 300px;
  top: 0px;
  left: -300px;
  overflow-y: auto;
  max-width: 80%;
}

menu .logo{background: #fff;}

menu .logo img
{
  padding: 20px 0px;
  margin: 0 auto;
  display: block;
  max-width: 80%;
}

menu ul li{border-bottom: 1px solid #43763b;}
menu ul li:hover{background: #43763b;}

menu ul li a
{
  display: block;
  padding: 15px;
  font-size: 0.9em;
  text-transform: uppercase;
}

menu ul .submenu ul{display: none;}
menu ul .submenu ul li{background: #125f32; padding-left: 20px;}
menu ul .submenu ul li:hover{background: #43763b;}

menu ul .submenu:hover ul{display: block;}

.fecha-menu
{
  background-color: rgba(0,0,0,0.6);
  position: fixed;
  top: 0px; left: 0px;
  width: 100%; height: 100%;
  z-index: 890;
  opacity: 0;
  display: none;
}


/* Header */
header
{
  width: 100%;
  position: absolute;
  top: 0px; left: 0px;
  /* background-color: rgba(255,255,255,0.3); */
  background-color: #fff;
  padding: 20px 0px 0px;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
  z-index: 100;
}

header a{color: #43763b;  font-family: "Gotham-extra";}

header .responsivo
{
  border: 0px;
  background: transparent;
  color: #43763b;
  font-size: 3em;
  display: none;
}

header nav
{
  float: right;
  font-family: "Gotham-thin";
  font-size: 0.9em;
  padding-top: 27px;
  padding-bottom: 27px;
}

header nav .menu li
{
  display: inline-block;
  padding: 0px 15px;
  text-transform: uppercase;
  font-size: 0.8em;
}

header nav .menu li .ativo{color: #a6c124;}
header nav .menu li .icone{padding: 0px 5px;}

header nav .menu .submenu::after
{
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  content: "\f107";
  color: #fff;
  padding-left: 3px;
}

header nav .menu .submenu{position: relative;}
header nav .menu .submenu ul
{
  position: absolute; padding: 10px 0px; display: none;
  width: 200px;
  background: #037734;
  border-radius: 40px 0px;
}

header nav .menu .submenu ul li{padding: 8px 20px; display: block;}
header nav .menu .submenu ul li a{font-family: "Gotham"; font-size: 1em; color: #fff;}
header nav .menu .submenu ul li a:hover{color: #a6c124;}

header nav .menu .submenu:hover ul{display: block;}

header nav .menu li a:hover{color: #a6c124;}

header hr
{
  background: #a6c124;
  height: 2px; border: 0px;
  margin: 15px 0px 5px;
}

/* Banner */
.banner{position: relative; padding-top: 100px;}

.banner .owl-theme .owl-dots .owl-dot span{background: #999;}
.banner .owl-theme .owl-dots .owl-dot.active span,
.banner .owl-theme .owl-dots .owl-dot:hover span{background: #a6c124;}

.banner .owl-carousel div:not(.owl-controls) {height: 100%;}
.banner .owl-theme .owl-nav.disabled + .owl-dots
{
  position: absolute;
  width: 100%;
  bottom: -10px;
  z-index: 200;
  height: 1px;
}

.banner .slide-progress
{
  width: 0;
  max-width: 100%;
  height: 10px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  opacity: 0.2;
}

.banner .item
{
  height: 600px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  background-color: #000;
  background-size: 1px 1px;
}

.banner .item video
{
  position: absolute;
  top: 0px; left: 0px;
  min-width: 100%;
  /* height: 120%; */
  z-index: 8;
  opacity: 1;
}

.banner .item .centraliza{min-height: 500px; position: relative; z-index: 9;}
.banner .item .texto{padding-top: 240px; padding-bottom: 100px;}
.banner .item .texto h3{font-size: 2.5em; line-height: 0.9em; text-shadow: 3px 3px 5px rgba(0,0,0,0.4);}
.banner .item .texto p{font-size: 1em; padding-top: 30px;}


/* Icones Home */
[class^="icon-"]:before, [class*=" icon-"]:before{display: inherit;}

.icon-home
{
  width: calc((100% / 4) - 20px);
  margin: 0px 10px;
  float: left;
  border-radius: 50px 0px 50px 0px;
}

.icon-home:before{content: '';}
.icon-home .zoom{width: 100%; height: 180px; background-position: center; background-size: 100%; border-radius: 50px 0px 0px 0px}
.icon-home p
{
  font-family: "Gotham-semi";
  /* text-transform: uppercase; */
  font-size: 0.8em;
  text-align: left;
  padding: 10px;
  letter-spacing: 1px;
}
.icon-home .bg-verdeClaro{border-radius: 0px 0px 50px 0px;}


/* Noticias */
.noticias .principal .capa-noticia{max-width: 100%;}
.noticias .principal .data
{
  background-color: #a6c124;
  text-align: center;
  float: left;
  padding: 25px 20px;
}

.noticias .principal .data h3{font-size: 2em;}
.noticias .principal .texto
{
  float: left;
  padding-left: 20px;
  width: calc(100% - 110px);
}

.noticias .varias ul{padding: 30px;}
.noticias .varias ul li{padding: 15px 0px; border-bottom: 1px solid #9a9a9a;}
.noticias .varias ul li:last-child{border: 0px;}
.noticias .varias ul li h4{font-size: 1.1em; color: #43763b;}
.noticias .varias ul li p{font-size: 0.8em; padding-top: 7px; color: #9a9a9a;}

.noticias .varias ul li:hover h4,
.noticias .varias ul li:hover p{color: #047734;}

/* Logos Apoia */
.logo-apoia img{padding: 0px 50px; width: 120px;}


/* Footer */
footer{padding: 0px; padding-top: 5px;}
footer .linha{background: #a6c124; height: 3px; border: 0px; margin: 0px; margin-bottom: 30px;}


footer .centraliza{position: relative;}

footer nav{float: right; width: 100%; padding-bottom: 15px;}
footer nav ul{border-bottom: 1px solid #ccc; padding-bottom: 15px;}
footer nav ul li{display: inline-block; padding: 0px 20px;}
footer nav ul li a{font-family: "Gotham-thin"; text-transform: uppercase; font-size: 0.8em; letter-spacing: 1px;}
footer nav ul li a:hover{color: #a6c124;}


footer .verde-claro{background-color: #a6c124; padding: 15px 0px; margin-top: 40px;}
footer .verde-claro p{text-transform: uppercase; color: #047734; font-size: 0.6em; font-weight: bold; letter-spacing: 1px;}


footer .texto{ padding-top: 0px; float: right;}
footer .texto p{font-size: 0.7em; font-family: "Gotham-semi"; line-height: 1.4em;}

footer .desigual {position: absolute; bottom: 0px; right: 5px;}



/**
 * -------------------------------
 *       Páginas Internas
 * -------------------------------
 */

 /* Capa */
 .capa
 {
   height: 400px;
   width: 100%;
   background-position: center;
   margin-top: 100px;

   display: flex;
   align-items: center;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   text-align: center;
 }

 .capa h1
 {
   padding-top: 0px;
   text-shadow: 1px 2px 20px rgba(0,0,0,0.8);
 }


 /* Central de Relacionamento */
 .central .item
 {
   margin: 0px 20px;
   width: calc((100% / 3) - 40px);
   height: 300px;
   float: left;
   background-size: 110% auto;
   position: relative;
   overflow-y: hidden;
   text-align: center;
 }

 .central .item .sobe,
 .central .item .cresce
 {
   width: 100%;
   position: absolute;
   bottom: 0px; left: 0px;
 }

 .central .item-sobe .sobe{height: 100%; bottom: -230px;}
 .central .item-sobe .sobe .links{padding-top: 30px;}
 .central .item-sobe .sobe .links a{display: block; margin: 20px 0px;}

 .central .item-sobe:hover .sobe{bottom: 0px;}

 .central .item-cresce .cresce{height: 70px;}
 .central .item-cresce:hover .cresce{height: 100%;}

 /* Nossa História */
 .topicos-historia .topico .icone{float: left; width: 100px; text-align: center;}
 .topicos-historia .topico .texto{float: right; width: calc(100% - 160px);}


 /* Produtos */
 .produtos .produto
 {
   background-size: auto 100%;
   margin: 30px;
   float: left;
   width: calc(50% - 60px);
   height: 400px;
   position: relative;
   overflow-y: hidden;
   background-position: center;
   border-radius: 80px 0px;
 }

 .produtos .produto .texto
 {
   left: 0px; bottom: -100%;
   width: 100%; height: 100%;
   text-align: center;
   position: absolute;
 }

 .produtos .produto .texto h3
 {
   padding: 60px 0px 30px;
   font-size: 1.6em;
   text-transform: uppercase;
 }

 .produtos .produto .texto p
 {
   padding: 20px 60px;
   text-align: justify;
   font-size: 1em;
   letter-spacing: 1px;
 }

 .produtos .produto:hover .texto{bottom: 0px;}



 /* Contato */
 .contato label
 {
   display: block;
   padding-bottom: 10px;
 }


 .contato input,
 .contato textarea,
 .contato select
 {
   border: 0px;
   border-bottom: 2px solid #a2a2a2;
   width: calc(100% - 20px);
   padding: 3px 10px;
   font-size: 1.3em;
 }

 .contato textarea,
 .contato select{width: 100%;}

 .contato button
 {
    border: 2px solid #047734;
    color: #fff;
    background: #047734;
    padding: 10px 30px;
    font-size: 1.2em;
    text-transform: uppercase;
 }

 .contato button:hover{border: 2px solid #a6c124; background: #a6c124;}


/* Praticas Ambientais */
.modal,
.modalTexto
{
  position: fixed;
  width: 100%; height: 100%;
  top: 0px; left: 0px;
  z-index: 900;
  opacity: 0;
  display: none;
  transition: all 0.3s;
}

.modal .fecha,
.modalTexto .fecha
{
  position: absolute;
  width: 100%; height: 100%;
  top: 0px; left: 0px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 800;
}

.modal .item,
.modalTexto .item
{
  width: 600px;
  max-width: calc(90% - 60px);
  max-height: 70%;
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  overflow-y: auto;
  z-index: 900;
}

.modal .item img{max-width: 100%;}

.modalTexto .item div{display: none;}

.modalTexto .item div h4{color: #047734; font-size: 1.8em; padding-bottom: 30px;}
.modalTexto .item div p{color: #636363; text-align: justify; padding: 10px 0px;}


.modalTexto .item::-webkit-scrollbar
{
  width: 10px;
  background-color: #ccc;
  border-radius: 10px;
}

.modalTexto .item::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}

.modalTexto .item::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 50px;
}



/* ---  Pesquisa e Tecnologia  --- */
.pesquisa
{
  padding: 40px 20px;
  background-color: #f3f3f3;
  background-image: url("../img/bg-pesquisa.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}

.pesquisa .col-2{width: calc(50% - 40px);padding: 0px 20px;}
.pesquisa .col-2 h3{text-align: center;}




.icones-ambientais button
{
  border: 2px solid #047734;
  padding: 10px 20px;
  background: transparent;
  color: #047734;
  font-weight: bold;
}

.icones-ambientais button:hover
{
  background: #047734;
  color: #a6c124;
}


.icones-ambientais .bg-verdeClaro{border-radius: 80px 0px;}

.parallax ul{padding: 10px 0px; list-style-type: disc;}
.parallax ul li{display: inline-block; padding: 8px 20px; color: #fff; font-size: 0.9em;}



.galeria div p
{
  color: #9a9a9a;
  text-align: center;
  padding: 10px 0px;
  text-transform: uppercase;
  font-size: 0.8em;
}