/*PROJETO*/
body{  font-family: 'Open Sans', sans-serif; color: #282828; }
html { font-size: 62.5%;  }
nav { border-radius: 0; }
ul { padding: 0; margin: 0; }
li { list-style: none; }
button, input { border: none; }
p{ font-size: 1.6rem; }

/*EFFECTS*/
.estrutura .galeria .item, .contato #form-contato input[type="submit"], .contato #form-contato input, .contato #form-contato textarea{ -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

/*MENU*/
.navbar-header { left: -80px; position: absolute; top: 0; }
.navbar .nav li { padding: 50px 0; }
.navbar .nav li.active a { color: #E7C700; }
.navbar .nav li a { font-family: 'Open Sans', sans-serif; color: #a9aca9; font-size: 1.8rem; padding: 10px 18px; font-weight: 600; text-transform: uppercase;  }
.navbar .nav li a:hover { color: #E7C700; }
.navbar .itens { background: #D5DEDC; border-radius: 40px; padding: 5px; position: absolute; right: -25px; top: -5px; }

/*TOPO*/
header { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; background-color: #fff;  }
header h1 { color: transparent; position: absolute; z-index: 99; font-size: 0.001rem; }
header .navbar .container { position: relative; }


/*----------- GERAL -----------*/
.color1{ background-color: #fffee6; }
.color2{ background-color: #FEDC01!important; }
.bt1{ background-color: #5CB544; color: #fff; font-size: 2.4rem; font-family: 'Patrick Hand', cursive; padding: 20px 60px; text-transform: uppercase; display: inline-block; }
.bt2{ border: 2px solid #5CB544; color: #5CB544; font-size: 2.4rem; font-family: 'Patrick Hand', cursive; padding: 20px 60px; text-transform: uppercase; display: inline-block; }
.titulo1{ font-size: 4.8rem; font-family: 'Patrick Hand', cursive; display: block; line-height: 60px; text-transform: uppercase; margin-bottom: 50px; }
.titulo1 span{ font-family: 'Open Sans', sans-serif; color: #5ea145; font-size: 6.0rem; font-weight: 300; display: block; text-transform: none; }
.box-bottom{ padding: 140px 0 115px; position: relative; color: #fff; text-align: center; background-repeat: no-repeat; background-position: top center; background-size: cover; }
.box-bottom h2{ font-weight: 300; margin-bottom: 60px; font-size: 4.8rem; }
.box-bottom p{ margin-bottom: 60px; font-size: 1.8rem; }
.box-bottom .mask-box{ display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .75); position: absolute; top: 0; left: 0; }
.banner-internas{ height: 100%; background-position: center top; margin-top: 180px; background-repeat: no-repeat; background-color: #FFFEE6; }
.banner-internas h2{ align-items: center; display: flex; justify-content: center; text-align: center; padding: 110px 0; font-size: 6.0rem; font-family: 'Patrick Hand', cursive; text-transform: uppercase;  }
.text-left{ text-align: left; }


/*----------- HOME -----------*/

/*BANNER*/
.banner { margin-top: 180px; z-index: 1; }
.banner .item { background-position: center center; background-repeat: no-repeat; background-size: cover; display: table; height: 863px; position: static; width: 100%; padding-top: 230px; }
.banner .item h2{ font-family: 'Patrick Hand', cursive; font-size: 6.0rem; line-height: 65px; text-transform: uppercase; margin-bottom: 50px; color: #fff; font-weight: 500; }
.banner .item p{ font-size: 1.6rem; margin-bottom: 60px; color: #fff; }
.mask-banner { background: rgba(0, 0, 0, 0) url("../images/mask-banner-home.png") no-repeat scroll center center; height: 211px; margin-top: -150px; position: relative; z-index: 2; }
.mask-banner a{ background: rgba(0, 0, 0, 0) url("../images/seta.png") no-repeat scroll center center; width: 23px; height: 18px; display: block; margin: auto; padding-top: 240px; }

.box1{ padding: 70px 0; background-color: #fffee6; text-align: center; padding-bottom: 30px; background-repeat: no-repeat; background-size: cover; }
.box1 h2{ color: #5ea145; font-weight: 300; font-size: 3.0rem; margin-bottom: 35px; }
.box1 h3{ font-weight: 700; font-size: 3.0rem; margin-bottom: 20px; text-transform: uppercase; }
.box1 p.descricao{ font-size: 1.8rem; margin-bottom: 70px; }
.box1 img{ width: 100%; max-width: 200px; margin-bottom: 45px; }
.box2{ padding: 230px 0 60px; background-color: #FEDC00; background-repeat: no-repeat; background-position: top center; background-size: cover ; }
.box2 p{ margin-bottom: 60px; }
.box3{ padding: 115px 0 85px; background-color: #FEDC00; background-repeat: no-repeat; background-position: top center; background-size: cover; min-height: 664px; }
.box3 h2{ margin-bottom: 40px; }
.box3 p.item1{ margin-bottom: 34px; min-height: 70px; }
.box3 p.item2{ margin-bottom: 18px; min-height: 70px; }
.box3 p.item3{ margin-bottom: 40px; min-height: 70px; }
.box4{ padding: 75px 0; background-color: #232323; }
.box4 h2{ font-size: 6.0rem; color: #fcdb00; text-align: center; font-weight: 300; margin-bottom: 0; }
.box4 h3{ font-size: 4.8rem; color: #fff; text-align: center; font-family: 'Patrick Hand', cursive; text-transform: uppercase; margin-bottom: 80px; }


/*----------- EMPRESA -----------*/
.empresa .box1{ padding: 95px 0; }
.empresa .item{ background: url(../images/rounded.png) no-repeat center center / 200px 218px; height: 218px; padding: 90px 0; }
.empresa .item h2{ font-weight: 700; font-size: 2.1rem; color: #282828; }

/*----------- ESTRUTURA -----------*/
.estrutura .box1{ padding: 95px 0; }
.estrutura .galeria .fancybox img{ width: 100%; max-width: 480px; }
.estrutura .galeria .item{ height: 260px; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.estrutura .galeria .item:hover{ -webkit-filter: saturate(250%); filter: saturate(250%); }

/*----------- ESTRUTURA -----------*/
.produtos .box1{ padding: 95px 0; }

/*----------- PRODUTOS -----------*/
.produtos .lista-produtos .img{ background-color: #ffffff; }
.produtos .lista-produtos .img img { width: 100%; }
.produtos .lista-produtos .info { min-height: 360px; background: #FEDC00 url("../images/bg-produtos.jpg") no-repeat scroll center top / 100%; margin top: -40px; position: relative; z-index: 1; padding: 70px 35px 30px; text-align: center; margin-bottom: 30px; }
.produtos .lista-produtos{ background-color: #FFFEE6; padding-bottom: 60px; }
.produtos .lista-produtos h2{ color: #5ea145; font-weight: 300; font-size: 3.9rem; margin-bottom: 20px; }
.produto-natural .box1 p.vantagem1 { color: #5ea145; position: absolute; top: 90px; width: 215px; }
.produto-natural .box1 p.vantagem2 { color: #5ea145; position: absolute; top: 440px; width: 215px; }

/*----------- PRODUTOS-NATURAL -----------*/
.produto-natural .box3 { padding: 115px 0 160px; }
.produto-natural .box1 { padding: 100px 0; background-position: center center; }
.produto-natural .box1 h2{ font-size: 6.0rem; margin-bottom: 0; }
.produto-natural .box1 h3{ font-family: 'Patrick Hand', cursive; font-size: 4.8rem; margin-bottom: 40px; }
.produto-natural .box1 p{ text-align: left; margin-bottom: 20px; }
.produto-natural .box4 .item{ padding: 0 20px; margin-bottom: 20px; display: block; overflow: hidden; }
.produto-natural .box4 .item p.titulo{ background-color: #fffee6; width: 70%; float: left; text-align: center; padding: 20px 0; font-size: 2.4rem; color: #282828; font-weight: 700;  }
.produto-natural .box4 .item p.valor{ background-color: #e3da8f; width: 30%; float: left; text-align: center; padding: 20px 0; font-size: 2.4rem; color: #282828; font-weight: 500; }
.produto-natural .box4 p.info{ color: #fff; text-align: center; margin-top: 55px; }

/*----------- CONTATO -----------*/
.contato .box1{ padding: 95px 0; }
.contato .box1 .item a{ color: #333333; font-size: 2.2rem; }
.contato .box1 .item p{ color: #333333; font-size: 2.2rem; }
.contato #form-contato input{ padding: 25px 0; text-align: center; color: #282828; font-size: 2.4rem; background-color: #fffee6; width: 100%; margin-bottom: 25px; }
.contato #form-contato input:hover, .contato #form-contato input:focus{ background-color: #e2e0c2;  }
.contato #form-contato textarea{ padding: 25px 0; text-align: center; color: #282828; font-size: 2.4rem; background-color: #fffee6; width: 100%; margin-bottom: 25px; resize: vertical; min-height: 140px; }
.contato #form-contato textarea:hover, .contato #form-contato textarea:focus{ background-color: #e2e0c2; }
.contato #form-contato input[type="submit"]{ background-color: #5cb544; color: #fff; display: table; font-family: "Patrick Hand",cursive; font-size: 2.4rem; padding: 20px 60px; text-transform: uppercase; width: 210px; margin: auto; }
.contato #form-contato input[type="submit"]:hover{ background-color: #4A9F33; }
#map{ height: 500px; width: 100%; }
.contato .box1.intro { padding: 85px 0 0; }

/*----------- FOOTER -----------*/
footer { background-color: #5CB544; padding: 65px 0 60px; }
footer h2{ color: #fff; font-size: 2.1rem; font-weight: 700; margin-bottom: 25px; }
footer p{ color: #fff; font-size: 1.6rem; }
footer ul li{ color: #fff; font-size: 1.6rem; }
footer a img{ margin: 10px 70px 0 0; }
footer a img.last{ margin-right: 0; }
footer p.tel { margin: 10px 0;  }
footer a { color: #fff; }
footer a:hover { opacity: .8; }

.copyright { position: relative; background-color: #f9f4ca; }
.copyright p { font-size: 1.2rem; font-family: 'Open Sans', sans-serif; text-align: center; margin: 35px 0; }
.copyright a { width: 46px; height: 41px; position: absolute; right: 85px; top: 25px; }

/*MODAL*/
  .mask {
    background-color: #000;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9000;
    opacity: .7;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  .box-modal {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    left: 50%;
    min-height: 125px;
    padding: 5px;
    position: absolute;
    top: 200px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 300px;
    z-index: 9900;
  }

  .box-modal .fechar {
    background: rgba(0, 0, 0, 0) url("../images/close2.png") no-repeat scroll center center;
    border-radius: 100%;
    color: #fff;
    float: right;
    font-size: 14px;
    padding: 5px 8px;
    text-decoration: none;
    width: 26px;
    height: 26px;
  }

  .box-modal .mensagem-sucesso {
    display: block;
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
    color: #2C9BD9;
    font-family: "Arial";
  }
/*//--*/


  .bandeiras {
    margin-top:-68px;
    margin-left:153px;
  }

@media only screen and (max-width: 768px) {
  .bandeiras {
    display:none !important;
  }
}

@media only screen and (max-width: 1024px) {
  .bandeiras {
    margin-top: -58px;
    margin-left: 117px;
  }
}