
@font-face {
  font-family: 'Hero Light Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Hero Light Regular'), url('css/font/HeroLight-Regular.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Hero Light Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Hero Light Bold'), url('css/font/HeroLight-Bold.woff') format('woff');
  }
  

  @font-face {
  font-family: 'Hero Light Light';
  font-style: normal;
  font-weight: normal;
  src: local('Hero Light Light'), url('css/font/HeroLight-Light.woff') format('woff');
  }


body{     
    font-family: 'Hero Light Regular', sans-serif; 
    1font-family: "Montserrat", sans-serif;
    color: #444444; 
    background-color: #FFF; }

html, body{ height: 100%; width: 100%; }
.divBannerTop{ background-color: #443635;  min-height: 20em;  }
.bg-nav00{background-color: #f2f2f2;}
.bg-nav00 .NavLogo{width: 160px;}
.bg-nav00 .navbar-nav .nav-link{ color: #30302E;
    font-size: 0.9em;
    transition: all .3s;
    font-weight: 500;
    margin: 0px 4px;
    text-transform: uppercase;
}

.bg-nav00 .navbar-nav .nav-item .active::after{
    content: '';
    height: 2px;
    background-color: #DA0613;
    position: relative;
    top: 5px;
    z-index: 99;
    width: 100%;
    margin: 0px auto;
    display: block;
    left: 0px;
    opacity: 1;
    transition: all .3s;
}

.bg-nav00 .navbar-nav .nav-link:hover{color: #2c2c2c;}
.OFFbg-nav00 .navbar-nav .nav-link.active{color: #30302E;}
.bg-nav00 .navbar-nav .nav-link:focus{color: #30302E;}

.container {
  max-width: 1400px;
}

.BGBanner{
 padding-top: 80px;
 background-color: #30302E;
 min-height: 45em;
 background-repeat: no-repeat !important;
 background-size: cover !important;
 background-position: center bottom !important;
 background: url('imgs/banner-b1w.jpg');
}

.BGBannerIMG{}


.BGBanner .BannerTitle{ font-family: 'Hero Light Bold'; font-size: 4em; color: #758619; font-weight: 500; line-height: 1em; }
.BGBanner .BannerContetV1{ font-size: 1.2em; color: #444; line-height: 1.3em; margin-top: 20px; margin-bottom: 10px; }
.BGBanner .BannerContetV2{ font-size: 1.2em; color: #444; line-height: 1.3em; font-weight: 300; margin-top: 20px; margin-bottom: 5px; }

@media (max-width:980px)  { 
  .BannerTitle {font-size: 3.6em !important;}
  .BannerTitle br {display: none;}
  .BannerContetV1 br {display: none;}
  .BannerContetV2 br {display: none;}
}

.ContainerCustom{max-width: 1440px;}


.TituloGeral{ font-family: 'Hero Light Bold'; font-size: 3em; color: #3C332C; font-weight: 700; line-height: 1em; }
.STituloGeral{ font-size: 1.5em; color: #3C332C; font-weight: 400; line-height: 1.2em; letter-spacing: 10px; margin-top: 15px; }
.ConteudoGeral{ font-size: 1.1em; }

.TituloGeralV1{ font-size: 3em; color: #FFF; font-weight: 700; line-height: 1em; }
.STituloGeralV1{ font-size: 1.5em; color: #FFF; font-weight: 400; line-height: 1.2em; letter-spacing: 10px; margin-top: 15px; }
.ConteudoGeralV1{ color: #FFF; font-size: 1.1em;}

.ConteudoGeral span{ font-weight: 700;}

.MTituloGeral{ font-weight: 700; margin-top: 20px; margin-bottom: 15px; }

.MImgV1{}
.MImgV1 img{ width: auto; height: 120px; }

@media (max-width:980px)  { 
  .MImgV1 img{ width: auto; height: 70px; }
}

.MContV1{ line-height: 1.2em; }

.EImgV1{ margin-top: 20px; margin-bottom: 20px; }
.EImgV1 img{ width: auto; height: 120px; }

@media (max-width:980px)  { 
  .EImgV1 img{ width: auto; height: 70px; }
}
.EContV1{ line-height: 1.2em; font-size: 1em;}

.divConteudo{}
.divConteudo .ListConteudo {}

.BorderCustomR{border-right: 1px solid #CCC;}




.BGQuemSomos{ background-color:#F2F2F2; color: #3C332C;}
.BGQuemSomosV2{ min-height: 20em;}

.QuemSomosTit{ font-size: 3.5em; color: #3C332C; font-weight: 700; line-height: 1.2em; }
.QuemSomosSTit{ font-size: 2.5em; color: #3C332C; font-weight: 400; line-height: 1.2em; }
.QuemSomosCont{}

.QuemSomosContent{}
.QuemSomosContent span{color: #3C332C;}


.BGImageSeparacao{ 
  color: #FFF;
  min-height: 40em;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center bottom !important;
  background: url('imgs/img-separacao.jpg');
}

.ImageSeparacao img{ }


.BGDiferenciais{ background-color: #782; padding-bottom: 90px;}
@media (max-width:980px)  {
.BGDiferenciais{ background-color: #782; padding-bottom: 120px;}
}
.BGPerguntas{ background-color: #782; padding-bottom: 10px;}

.BGServicos { background-color:#F2F2F2; }


.BGEntregasBot { background-color:#FFFFFF; }



.divTopContato {}

.btnTopContact{}
.btnTopContact a{ padding: 10px 15px; display: inline-block; margin: 20px 0px; color: #444; text-decoration: none; font-weight: 500; font-size: 1em; border-radius: 100px; text-transform: uppercase; }
.btnTopContact a:hover{}

.btnTopContactClick{ padding: 10px 15px; display: inline-block; margin: 20px 0px; color: #444; text-decoration: none; font-weight: 500; font-size: 1em; border-radius: 100px; text-transform: uppercase;
cursor: pointer; }
.btnTopContactClick:hover{}

@media (max-width:980px)  {
.btnTopContact a { padding: 10px 5px !important; margin: 0px 0px !important; }
.btnTopContactClick { padding: 10px 5px !important; margin: 0px 0px !important; }
}

.divSocialTop{}
.divSocialTop a{padding: 4px; color: #2b2e7b;}

.btnCA{}
.btnCA a{ padding: 10px 30px; display: inline-block; margin: 20px 0px; color: #FFF; text-decoration: none; font-weight: 600; font-size: 1em; border-radius: 100px; background-color:#768619; text-transform: uppercase; }
.btnCA a:hover{}


.btnCAV1{ cursor: pointer; padding: 10px 30px; display: inline-block; margin: 20px 0px; color: #FFF; text-decoration: none; font-weight: 600; font-size: 1em; border-radius: 100px; background-color:#768619; text-transform: uppercase; }
.btnCAV1:hover{}

.btnCAV0AA{ margin-top: -80px;}
.btnCAV0{ cursor: pointer; padding: 10px 40px; display: inline-block; margin: 25px 0px; color: #FFF; text-decoration: none; font-weight: 600; font-size: 1.3em; border-radius: 100px; background-color:#768619; text-transform: uppercase; }

.btnCAV1{}
.btnCAV1 a{
 padding: 10px 30px; display: inline-block; margin: 20px 0px; color: #68ba3e; 
 text-decoration: none; font-weight: 600; font-size: 1.2em; border-radius: 100px; background-color:#FFF; text-transform: uppercase;
 border: 2px solid #68ba3e;
}
.btnCAV1 a:hover{}

.btnCAForm{padding: 10px; display: inline-block; margin: 20px 0px; color: #FFF; text-decoration: none; font-weight: 600; font-size: 1.5em; border-radius: 5px; background-color:#68ba3e; width: 270px; border: 0px; }
.btnCAForm:hover{background-color:#68ba3e;}

.LineFormEnd{  background-color: #979797; height: 1px; margin-top: 20px; margin-bottom: 20px; }

.TitG{font-size: 1.7em; font-weight: 400; text-transform: uppercase; color: #737373;}
.TitG:after{ content: ''; position: relative; width: 120px; display: inline-block; height: 1px; background-color: #737373; top: -10px; left: 30px; }
.TitG:before{ content: ''; position: relative; width: 120px; display: inline-block; height: 1px; background-color: #737373; top: -10px; left: -30px; }
@media (max-width:980px)  { 
.TitG:after{ width: 30px;  }
.TitG:before{ width: 30px; }
}


.STitG{font-size: 1.5em; font-weight: 500; line-height: 1.2em; }

.TitGV1{font-size: 1.7em; font-weight: 400; text-transform: uppercase; color: #FFF;}
.TitGV1:after{ content: ''; position: relative; width: 120px; display: inline-block; height: 1px; background-color: #FFF; top: -10px; left: 30px; }
.TitGV1:before{ content: ''; position: relative; width: 120px; display: inline-block; height: 1px; background-color: #FFF; top: -10px; left: -30px; }
.STitGV1{font-size: 1.5em; font-weight: 500; line-height: 1.2em; }

.BGMercados{background-color: #68ba3e; color: #FFF;}

.ListMercado{  min-height: 410px; background-color: #FFF; border-radius: 30px; color: #202020; padding: 30px 20px 10px 20px; text-align: left; }

.MercTit{ font-weight: 700; margin-top: 10px; margin-bottom: 10px;}
.MercContent{ margin-bottom: 20px;}

.FTRTitle{ font-size: 3.5em; font-weight: 500; line-height: 1.2em; color: #362C2D; }
.FTRTitle span{ font-weight: 700;}

.FTRSTitle{ font-size: 3.5em; font-weight: 500; line-height: 1.2em; margin-bottom: 10px; color: #362C2D;}
.FTRSTitle span{ font-weight: 700;}


@media (max-width:980px)  { 
  .FTRTitle{ font-size: 1.7em;}
  .FTRSTitle{ font-size: 1.7em;} 

  .accordion-button {
    border-radius: 10px !important;
    font-size: 1rem !important;
    padding: 10px !important;
  }
  .accordion-header {
    padding: 10px 0px !important;
  }

}
.accordion-button { 
  background-color: #782;
  color: #FFF;
  border: 1px solid #FFF;
  border-radius: 100px;
  font-size: 1.1rem;
 }

 .accordion-item:last-of-type .accordion-button.collapsed{ border-radius: 100px;}
 .accordion-item:first-of-type .accordion-button{ border-radius: 100px;}

 .accordion-button:focus{
 border-color: #FFF;
 box-shadow: none; 
}

.accordion-button::after{ background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}
.accordion-button:not(.collapsed)::after{ background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}

.accordion-button:not(.collapsed) { background-color: #782; color: #FFF;}
.accordion-header { background-color: #782; padding: 20px 0px;}
.accordion-body { background-color: #782; padding: 0px 20px; }
.accordion-item{ color: #FFF; border: 0px;}
.accordion{ background-color: transparent;}

.TableTGG{ border: 0px; }

.TableTitleV0{ font-weight: 500; text-align: center;  color: #FFF; height: 80px; border-radius: 50px 0px 0px 0px; border: 0px solid #000 !important; background-color: #000 !important; }
.TableTitleV1{ font-weight: 500; text-align: center;  color: #FFF !important; border: 0px solid #000 !important; background-color: #000 !important; }
.TableTitleV2{ font-weight: 500; text-align: center;  color: #FFF !important; border-radius: 0px 50px 0px 0px; border: 0px solid #000 !important; background-color: #000 !important; }

.BoxShad{
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border-radius: 100px 100px 0px 0px;
}

.divT00{ 
  font-weight: 400;
  border-bottom: 2px solid #cecece;
  padding: 15px 20px !important;
  border-bottom-width: 2px !important;
 }
.divT01{ text-align: center; font-weight: 400;
  border-bottom: 2px solid #cecece;
  padding: 15px 20px !important;
  border-bottom-width: 2px !important;
  border-left: 2px solid #768619;
  border-right: 2px solid #768619;
  vertical-align: middle;
}
  
.divT02{ text-align: center; font-weight: 400;
  border-bottom: 2px solid #cecece;
  padding: 15px 20px !important;
  border-bottom-width: 2px !important;
  vertical-align: middle;
}



.V1TableTitleV0{ font-weight: 500; text-align: center;  color: #FFF !important; height: 80px; border-radius: 50px 0px 0px 0px; border: 0px solid #000 !important; background-color: #000 !important; }
.V1TableTitleV1{ font-weight: 500; text-align: center;  color: #FFF !important; border: 0px solid #000 !important; background-color: #000 !important; }
.V1TableTitleV2{ font-weight: 500; text-align: center;  color: #FFF !important; border-radius: 0px 0px 0px 0px; border: 0px solid #000 !important; background-color: #000 !important; }
.V1TableTitleV3{ font-weight: 500; text-align: center;  color: #FFF !important; border-radius: 0px 50px 0px 0px; border: 0px solid #000 !important; background-color: #000 !important; }

.CustomPosi {

  font-size: 4em;
  background-color: #f9f9f9;
  color: #782;
  border-radius: 100px;
  border: 0px solid #782;
  margin-top: -50px;
  z-index: 999;
  position: absolute;
  margin-left: -30px;
}

@media (max-width:980px)  { 
.OFF-CustomPosi{display: none !important;}
}
.BoxShadTop{ margin-top: -90px;}
.BoxShadV1{
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border-radius: 50px 50px 0px 0px;
}

.divT00V1{ 
  font-weight: 400;
  border-bottom: 2px solid #cecece;
  padding: 15px 20px !important;
  border-bottom-width: 2px !important;
  background-color: #FFF !important;
 }
.divT01V1{ 
  text-align: center; font-weight: 400;
  border-bottom: 2px solid #cecece;
  padding: 15px 20px !important;
  border-bottom-width: 2px !important;
  border-left: 2px solid #768619;
  border-right: 2px solid #768619;
  background-color: #FFF !important;
}
  
.divT02V1{ 
  text-align: center; font-weight: 400;
  border-bottom: 2px solid #cecece;
  padding: 15px 20px !important;
  border-bottom-width: 2px !important;
  background-color: #FFF !important;
}

.divT03V1{ 
  text-align: center; font-weight: 400;
  border-bottom: 2px solid #cecece;
  padding: 15px 20px !important;
  border-bottom-width: 2px !important;
  border-left: 2px solid #cecece;
  background-color: #FFF !important;
}


.divDadosContato{}

.divDadosContato span{ color: #68ba3e;}

.divDadosContato a{color: #FFF; text-decoration: none;}
.divDadosContato a:hover{color: #FFF; text-decoration: none;}

.divFooterTop{min-height: 10em; background-color: #F2F2F2; text-align: center;}
.divFooterBot{min-height: 10em; background-color: #FFF; text-align: center;}


.contatoEmail{ text-decoration: none; color: #362C2D; font-size: 1.5em; transition: all .3s; }
.contatoEmail i { color: #768619; }
.contatoEmail:hover{ color: #768619; }

.contatoTelefone{ text-decoration: none; color: #362C2D; font-size: 1.5em; transition: all .3s; }
.contatoTelefone i { color: #768619; }
.contatoTelefone:hover{ color: #768619; }

.contatoWhatsapp{ cursor: pointer; text-decoration: none; color: #362C2D; font-size: 1.5em; transition: all .3s; margin-left: 20px; }
.contatoWhatsapp i { color: #768619; }
.contatoWhatsapp:hover{ color: #768619; }


.BGCopy{ color: #FFFFFF; background-color: #768619; min-height: 4em;}

.ResultSend{color: #FFF; text-align: center; font-size: 1.1em;}

@media (max-width:980px)  { 
  .contatoTelefone{ display: block !important;}
    .img004{display: none;}
    .BorderCustomR{border-right: 0px solid #CCC;}
    .BGBanner {padding-top: 110px;}
    .BGBanner .BannerTitulo{padding-top: 20px;}

    .BGBanner .BannerTitulo br{display: none;}
    .BGBanner .BannerSTitulo br{display: none;}
}
